@charset "utf-8";
/*通用样式*/
@font-face {
  font-family: 'nano-icons';
  src:  url('fonts/nano-icons.eot?4hhfrr');
  src:  url('fonts/nano-icons.eot?4hhfrr#iefix') format('embedded-opentype'),
    url('fonts/nano-icons.ttf?4hhfrr') format('truetype'),
    url('fonts/nano-icons.woff?4hhfrr') format('woff'),
    url('fonts/nano-icons.svg?4hhfrr#nano-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="custom-icon-"], [class*=" custom-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nano-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.custom-icon-bp-betpanda:before {
  content: "\e90b";
  color: #96acc1;
}
.custom-icon-bp-dota:before {
  content: "\e909";
  color: #96acc1;
}
.custom-icon-bp-e-fighting:before {
  content: "\e902";
  color: #96acc1;
}
.custom-icon-bp-e-racing:before {
  content: "\e905";
  color: #96acc1;
}
.custom-icon-bp-starcraft:before {
  content: "\e906";
  color: #96acc1;
}
.custom-icon-powers:before {
  content: "\e900";
  color: #96acc1;
}
.custom-icon-bp-buy-feature:before {
  content: "\e92a";
  color: #96acc1;
}
.custom-icon-bp-grid-slots:before {
  content: "\e94a";
  color: #96acc1;
}
.custom-icon-bp-hold-win:before {
  content: "\e94b";
  color: #96acc1;
}
.custom-icon-bp-nba-2k:before {
  content: "\e94c";
  color: #96acc1;
}
.custom-icon-bp-home:before {
  content: "\e94d";
  color: #96acc1;
}
.custom-icon-sixdices:before {
  content: "\e901";
  color: #96acc1;
}
.custom-icon-basketball:before {
  content: "\e903";
  color: #96acc1;
}
.custom-icon-spades:before {
  content: "\e904";
  color: #96acc1;
}
.custom-icon-bp-events:before {
  content: "\e907";
  color: #96acc1;
}
.custom-icon-bp-casino:before {
  content: "\e908";
  color: #96acc1;
}
.custom-icon-banan:before {
  content: "\e90a";
  color: #96acc1;
}
.custom-icon-scale:before {
  content: "\e912";
  color: #96acc1;
}
.custom-icon-bp-fifa:before {
  content: "\e913";
  color: #96acc1;
}
.custom-icon-Fighting:before {
  content: "\e914";
  color: #96acc1;
}
.custom-icon-dealer2:before {
  content: "\e915";
  color: #96acc1;
}
.custom-icon-mush:before {
  content: "\e916";
  color: #96acc1;
}
.custom-icon-trof2:before {
  content: "\e917";
  color: #96acc1;
}
.custom-icon-hockey:before {
  content: "\e919";
  color: #96acc1;
}
.custom-icon-bp-league:before {
  content: "\e91c";
  color: #96acc1;
}
.custom-icon-bp-your-favourites:before {
  content: "\e91d";
  color: #96acc1;
}
.custom-icon-bp-live-casino:before {
  content: "\e91e";
  color: #96acc1;
}
.custom-icon-bp-live:before {
  content: "\e91f";
  color: #96acc1;
}
.custom-icon-bp-megaways:before {
  content: "\e922";
  color: #96acc1;
}
.custom-icon-boy:before {
  content: "\e929";
  color: #96acc1;
}
.custom-icon-bp-promotions:before {
  content: "\e92d";
  color: #96acc1;
}
.custom-icon-kings:before {
  content: "\e92e";
  color: #96acc1;
}
.custom-icon-dollarsign:before {
  content: "\e92f";
  color: #96acc1;
}
.custom-icon-bingo:before {
  content: "\e932";
  color: #96acc1;
}
.custom-icon-melon:before {
  content: "\e933";
  color: #919dad;
}
.custom-icon-diamon:before {
  content: "\e935";
  color: #96acc1;
}
.custom-icon-bp-soccer:before {
  content: "\e937";
  color: #96acc1;
}
.custom-icon-bp-welcome-offers:before {
  content: "\e938";
  color: #96acc1;
}
.custom-icon-bp-sports:before {
  content: "\e939";
  color: #96acc1;
}
.custom-icon-bp-table-games:before {
  content: "\e93c";
  color: #96acc1;
}
.custom-icon-bp-table-tennis:before {
  content: "\e93d";
  color: #96acc1;
}
.custom-icon-bp-tennis:before {
  content: "\e93f";
  color: #96acc1;
}
.custom-icon-bp-recently-played:before {
  content: "\e940";
  color: #96acc1;
}
.custom-icon-bp-fire:before {
  content: "\e941";
  color: #96acc1;
}
.custom-icon-trophy:before {
  content: "\e943";
  color: #96acc1;
}
.custom-icon-bp-favourites:before {
  content: "\e945";
  color: #96acc1;
}
.custom-icon-volley-ball:before {
  content: "\e947";
  color: #96acc1;
}

*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
body{ background:url(../images/sky2.png) center no-repeat; background-size:cover; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
/* CSS Document */
.header { z-index: 10; background: #fff; right: 0; display: flex; justify-content: space-between; align-items: center; position: fixed; left: 70px; top: 0; padding: 10px 20px; border-bottom: 1px solid #eee;}
.langChose { position: relative;}
.langChose span { display: flex; align-items: center;}
.dropdown-content { display: none; box-shadow: 9px 9px 23px -11px rgba(0,0,0,.73); background: #0b1926; border-radius: 3px; top: 45px; position: absolute; left: -60px; min-width: 120px;}
.language-menu-container .dropdownItem {
  border-color: #213344 !important;
}
.dropdown-content.clicked {
  background: #0b1926;
}

.dropdownItem .item {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  border-bottom: 1px solid #213344;
  padding: 15px 0;
}
.dropdownItem .item span { font-weight: bold;}
.dropdownItem:last-child .item{ border: none;}
.langChose span i { display: block; background: url(../images/selectIcon.jpg) center no-repeat; width: 10px; height: 5px; margin-left: 7px;}
.header .loginBtn { transition: all .2s; margin: 0 10px 0 20px; border-radius:4px; font-size: 14px; line-height: 40px; display: block; text-align: center; width:52px; height: 40px; color: #333;}
.loginBtn:hover {box-shadow: inset 0 0 7px #0188fd, 0 0 7px #0188fd;}
.headerControl { display: flex; align-items: center;}
.header .loginBtn_2 { transition: all .2s; color: #fff; background:linear-gradient(to bottom,#0188fd,#02a7f8); width: 78px; line-height: 40px; text-align: center; font-size: 14px;
font-weight: bold; border-radius: 4px; }
.header .loginBtn_2:hover { box-shadow: inset 0 0 7px #0188fd, 0 0 7px #0188fd;}
.headerLogo img { display: block;}
.leftMenu { z-index: 12; overflow-y: auto; position: fixed; left: 0; width: 289px; border-right: 1px solid #eee; background: #fff; height: 100vh;}
.leftMenu::-webkit-scrollbar { display: none;}
.menuHeader { background: #fff; z-index: 2; align-items: center; height: 100px; position: sticky; top: 0; width: 100%; display: flex; justify-content: space-between;}
.menuHeader span { display:block; margin-left: 21.5px;}
.menuHeader a { flex: 1; display: flex; justify-content: center;}
.menuList h2 i {color: #02a7f8!important; width: 16px; height: 16px; font-size: 16px !important;}
.menuList h2 i::before { color: #02a7f8;}
.menuList li h2 { position: relative; cursor: pointer;display: flex; align-items: center; gap: 15px; padding: 12px 16px 12px 24px;}
.menuList li h2 b { color:#333; font-size:14px;}
.menuList li {border-bottom: 1px solid #eee;}
.menuList h2 span { border: 1px solid #02a7f8; width: 25px; height: 25px; border-radius: 6px; background: url(../images/arrWhite.png) center no-repeat #0188fd;
box-sizing: border-box; position: absolute; right: 16px; top: 50%; margin-top: -12.5px; background-size: 70% auto!important;}
.menuList h2:hover {  background:linear-gradient(to bottom,#0188fd,#02a7f8); color: #ffffff;}
.menuList h2:hover b { color: #ffffff;}
.menuList h2:hover i:before { color: #ffffff;}
.menuList h2:hover span { background: url(../images/arrBlue.png) center no-repeat #ffffff;}
.menuList dt a { color: #666; font-size:14px; display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 24px;}
.menuList dt a:hover {background: #0188fd; color: #ffffff;}
.menuList dl { display: none;}
.menuList h2.cur span { transform: rotate(90deg);}
.containerCont { margin-left: 290px; padding-top: 104px;}
.fullCont { max-width:92% ; width: 1140px; margin: 0 auto; padding: 0 15px;}
.banner img { display: block; width: 100%;}
.bannerControl div { margin: 0; position: static;}
.bannerControl { display: flex; position: relative; z-index: 2; justify-content: center; align-items: center;}
.bannerControl .swiper-pagination { display: flex; align-items: center; width: auto!important;}
.bannerControl .swiper-pagination span { width: 6px; height: 6px; background: #0188fd;}
.bannerControl .swiper-button-prev::after,.bannerControl .swiper-button-next::after { font-weight: bold; color: #0188fd; font-size: 14px;}
.friendList {gap: 1%; display: flex; justify-content: space-between; margin: 30px auto 40px;}
.friendList a {flex: 1;border-radius: 6px;
    background: linear-gradient(to bottom,#0188fd,#02a7f8);
    height: 76px;
    padding: 22px 41px;
    cursor: default; display: flex; align-items: center; justify-content: center;
    pointer-events: none; box-sizing: border-box;}
.friendList a img { display: block; width: 100%;}
.supportCont { background: #ffffff;
    padding: 24px 32px 24px 24px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center; box-shadow: 0 0 10px rgba(1,140,253,.4);}
.supportInfor { display: flex; align-items: center;}
.supportInfor p { font-size: 28px; color: #333;}
.supportInfor p span { font-weight: bold; font-size: 40px; margin: 0 10px;    background: linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
    background: -webkit-linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.supportInfor img { border-radius: 6px; background: linear-gradient(to bottom,#0188fd,#02a7f8); padding: 10px 20px; display: block; height: 48px; margin-left: 62px;}
.supportCont a { display: flex; justify-content: center; align-items: center;padding: 14px 24px;
    background: linear-gradient(to bottom,#0188fd,#02a7f8);
    border-radius: 4px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;}
.supportCont a img { display: block; margin-right: 5px;}
.priceCont { margin-top: 40px; font-size: 18px; color: #ffffff; display: flex; align-items: center;}
.priceCont img { width:20px; display: block; margin-right: 10px;}
.titleLeft { font-size: 18px; color: #333; display: flex; align-items: center;}
.titleLeft img,.titleLeft i { display: block; width: 20px; margin-right: 10px;}
.gameTitle { display: flex; justify-content: space-between; align-items: center; line-height:32px; margin-bottom: 12px;}
.titleRight { display: flex; align-items: center;}
.titleRight a { font-size: 14px; color: #ffffff; font-weight: bold; margin-right: 16px;}
.titleRight span { cursor: pointer; height: 30px; background:linear-gradient(to bottom,#0188fd,#02a7f8); display: flex; justify-content: center; align-items: center;width: 30px;
    border-radius: 3px;
    margin-right: 10px;}
.gameControl { display: flex; align-items: center;}
.titleRight span svg{ fill: #ffffff;}
.titleRight span:hover { background: rgb(15,31,50);}
.gameSlide { padding:16px 0;}
.gameSlide .swiper-slide { border-radius: 6px; overflow: hidden;}
.gameSlide .swiper-slide img { display: block; width: 100%;}
.activeList { display: flex; gap: 16px;}
.activeList a { flex: 1;}
.activeList img { width: 100%; display: block;}
.activeGroup { padding: 16px 0;}
.footer { margin-top: 48px; border-top: 1px solid #eee;}
.footerCont { max-width: 92%; width: 1140px; padding: 0 15px; margin: 0 auto;}
.taglines-group {    display: flex;
    gap: 5%;}
.foot-column {width: 25%;
    display: flex;
    flex-direction: column;padding-top: 56px;}
.company-info-footer .text span {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #333; display: block;}
.tagline.title {    font-size: 16px;
    font-family: "Aeonik-Bold", sans-serif;
    line-height: 24px;
    margin-bottom: 24px; color: #ffffff;}
.group.foot-column .link span {
    color: #333333;
}
.link-social-footer img { vertical-align: middle; margin-right: 10px;}
.company-info-footer .text .text-heading { margin-top: 16px;}
.tagline.link { margin-bottom: 12px;}
.live-chat-box {
display: inline-flex;
align-items: center;
justify-content: center;
width: 170px; /* Set width */
height: 35px; /* Set height */
background-color: transparent; /* Transparent background */
color: #0188fd; /* Primary color for text */
text-decoration: none;
border: 2px solid #0188fd; /* Border color to match primary color */
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
box-sizing: border-box;
}

.live-chat-box:hover {
background-color: #fff; /* Light green background on hover */
color: #0188fd; /* Darker green for text on hover */
border-color: #0188fd; /* Darker green for border on hover */
cursor: pointer;
}
.supportFlex { padding: 40px 0; border-top: 1px solid #eee; margin-top: 32px; display: flex; justify-content: space-between;}
.supportText p { font-size: 16px; color: #333; margin-bottom: 12px;}
.supportText span { font-size: 12px; line-height: 16px; color: rgb(150, 171, 193);}
.supportText span a { color: #ffffff; text-decoration: underline;}
.supportList { padding-left: 100px; flex: 1; justify-content: space-between; display: flex;}
.supportPay .friendList { margin: 0;}
.copyRight { padding: 40px 0 48px; margin-top: 40px; border-top: 1px solid #eee; display: flex; justify-content: space-between; align-items: center;}
.copyRight p { color: rgb(150, 171, 193); font-size: 12px;}
.copyList { display: flex; gap:24px}
.copyList span { font-weight: bold; color: rgb(150, 171, 193); font-size: 12px;}
.copyList span a { color: #0188fd; text-decoration: underline; font-weight: bold;}
.logo { height: 40px;}

footer {
	margin-top: 40px;
    background: #093961;
    padding: 30px 0 30px 0;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
footer .warp {
    width: 1200px;
    margin: 0 auto
}

footer .warp .footer_brand {
    width: 100%;
    height: 27px;
    margin-bottom: 22px
}

footer .warp .footer_brand .footer_brand_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_1 {
    width: 78px;
    height: 26px;
    background: url(../images/foot_m.png) no-repeat -10px -492px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_1:hover {
    background-position: -10px -538px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_2 {
    width: 110px;
    height: 23px;
    background: url(../images/foot_m.png) no-repeat -10px -228px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_2:hover {
    background-position: -10px -271px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_3 {
    width: 30px;
    height: 27px;
    background: url(../images/foot_m.png) no-repeat -10px -866px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_3:hover {
    background-position: -10px -913px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_4 {
    width: 72px;
    height: 27px;
    background: url(../images/foot_m.png) no-repeat -10px -584px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_4:hover {
    background-position: -10px -631px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_5 {
    width: 91px;
    height: 27px;
    background: url(../images/foot_m.png) no-repeat -10px -1148px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_5:hover {
    background-position: -10px -1197px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_6 {
    width: 88px;
    height: 20px;
    background: url(../images/foot_m.png) no-repeat -10px -148px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_6:hover {
    background-position: -10px -188px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_7 {
    width: 36px;
    height: 27px;
    background: url(../images/foot_m.png) no-repeat -10px -960px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_7:hover {
    background-position: -10px -1007px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_8 {
    width: 73px;
    height: 27px;
    background: url(../images/foot_m.png) no-repeat -10px -678px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_8:hover {
    background-position: -10px -725px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_9 {
    width: 126px;
    height: 19px;
    background: url(../images/foot_m.png) no-repeat -10px -70px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_9:hover {
    background-position: -10px -109px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_10 {
    width: 28px;
    height: 27px;
    background: url(../images/foot_m.png) no-repeat -10px -772px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_10:hover {
    background-position: -10px -819px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_11 {
    width: 28px;
    height: 27px;
    background: url(../images/foot_m.png) no-repeat -10px -1054px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_11:hover {
    background-position: -10px -1101px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_12 {
    width: 101px;
    height: 24px;
    background: url(../images/foot_m.png) no-repeat -10px -314px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_12:hover {
    background-position: -10px -358px
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_13 {
    width: 101px;
    height: 10px;
    background: url(../images/foot_m.png) no-repeat -10px -10px;
    background-size: 189px 2718px;
    cursor: pointer;
    margin-right: 0
}

footer .warp .footer_brand .footer_brand_box .footer_brand_img_13:hover {
    background-position: -10px -40px
}

footer .warp .footer_line {
    width: 100%;
    height: 2px;
    margin-bottom: 18px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLcAAAACAQMAAACQfqyYAAAABlBMVEVWX2waHh6L/GaeAAAAAnRSTlM7O/sqyyQAAAAQSURBVBjTY/g/KME/hkEKAP3mlmne9T/KAAAAAElFTkSuQmCC)
}

footer .warp .footer_intro {
    width: 100%;
    padding: 0 77px;
    margin-bottom: 27px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #7c8797
}

footer .warp .footer_renzheng {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

footer .warp .footer_renzheng .footer_renzhengList {
    width: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box {
    text-align: center;
    cursor: pointer
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:hover:first-child .footer_renzhengList_img {
    width: 89px;
    height: 25px;
    background: url(../images/foot_m.png) no-repeat -10px -402px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:hover:first-child .footer_renzhengList_img:hover {
    background-position: ""
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:hover:nth-child(2) .footer_renzhengList_img {
    width: 154px;
    height: 30px;
    background: url(../images/foot_m.png) no-repeat -10px -1246px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:hover:nth-child(2) .footer_renzhengList_img:hover {
    background-position: ""
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:hover:nth-child(3) .footer_renzhengList_img {
    width: 169px;
    height: 40px;
    background: url(../images/foot_m.png) no-repeat -10px -2486px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:hover:nth-child(3) .footer_renzhengList_img:hover {
    background-position: ""
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:hover:last-child .footer_renzhengList_img {
    width: 41px;
    height: 41px;
    background: url(../images/foot_m.png) no-repeat -10px -2606px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:hover:last-child .footer_renzhengList_img:hover {
    background-position: ""
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:hover .footer_renzhengList_txt {
    color: #ccc
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:first-child .footer_renzhengList_img {
    margin-bottom: 10px;
    width: 89px;
    height: 25px;
    background: url(../images/foot_m.png) no-repeat -10px -447px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:first-child .footer_renzhengList_img:hover {
    background-position: ""
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:nth-child(2) .footer_renzhengList_img {
    margin-bottom: 8px;
    width: 154px;
    height: 30px;
    background: url(../images/foot_m.png) no-repeat -10px -1296px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:nth-child(2) .footer_renzhengList_img:hover {
    background-position: ""
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:nth-child(3) .footer_renzhengList_img {
    margin-bottom: 2px;
    width: 169px;
    height: 40px;
    background: url(../images/foot_m.png) no-repeat -10px -2546px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:nth-child(3) .footer_renzhengList_img:hover {
    background-position: ""
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:last-child .footer_renzhengList_img {
    margin-bottom: 3px;
    width: 41px;
    height: 41px;
    background: url(../images/foot_m.png) no-repeat -10px -2667px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box:last-child .footer_renzhengList_img:hover {
    background-position: ""
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box .footer_renzhengList_img {
    margin: 0 auto
}

footer .warp .footer_renzheng .footer_renzhengList .footer_renzhengList_box .footer_renzhengList_txt {
    line-height: 18px;
    font-size: 14px;
    color: #7c8797
}

footer .warp .foot_nav {
    width: 100%;
    margin-bottom: 16px
}

footer .warp .foot_nav .foot_navBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .warp .foot_nav .foot_navBox .foot_navBtn {
    padding: 0 20px;
    border-right: 1px solid #7c8797;
    font-size: 14px;
    color: #7c8797;
    cursor: pointer
}

footer .warp .foot_nav .foot_navBox .foot_navBtn:first-child {
    padding-left: 0
}

footer .warp .foot_nav .foot_navBox .foot_navBtn:last-child {
    padding-right: 0;
    border-right: none
}

footer .warp .foot_nav .foot_navBox .foot_navBtn:hover {
    color: #ccc
}

footer .warp .footer_logo {
    width: 100%;
    margin-bottom: 19px
}

footer .warp .footer_logo .footer_logoList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img {
    margin-right: 30px;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    -webkit-transition: initial;
    transition: initial
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:first-child {
    width: 98px;
    height: 39px;
    background: url(../images/foot_m.png) no-repeat -10px -2368px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:first-child:hover {
    background-position: -10px -2427px
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:nth-child(2) {
    width: 119px;
    height: 34px;
    background: url(../images/foot_m.png) no-repeat -10px -1346px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:nth-child(2):hover {
    background-position: -10px -1400px
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:nth-child(3) {
    width: 132px;
    height: 35px;
    background: url(../images/foot_m.png) no-repeat -10px -1562px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:nth-child(3):hover {
    background-position: -10px -1617px
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:nth-child(4) {
    width: 123px;
    height: 38px;
    background: url(../images/foot_m.png) no-repeat -10px -1788px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:nth-child(4):hover {
    background-position: -10px -1846px
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:nth-child(5) {
    width: 122px;
    height: 38px;
    background: url(../images/foot_m.png) no-repeat -10px -2136px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:nth-child(5):hover {
    background-position: -10px -2194px
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:last-child {
    width: 123px;
    height: 34px;
    background: url(../images/foot_m.png) no-repeat -10px -1454px;
    background-size: 189px 2718px;
    cursor: pointer
}

footer .warp .footer_logo .footer_logoList .footer_logoList_img:last-child:hover {
    background-position: -10px -1508px
}

footer .warp .footer_copyright {
    line-height: 17px;
    text-align: center;
    font-size: 14px;
    color: #7c8797
}
.menuHeader .logo { height: 60px;}
.menuBtn { padding: 20px; align-items: center; gap: 10px; display: flex; justify-content: space-between;}
.menuBtn a { text-align: center; line-height: 3; border-radius: 4px; font-size: 16px; display: block; color: #ffffff; flex: 1; background: linear-gradient(to bottom,#0188fd,#02a7f8);}
.loginAlt { display: none; width: 758px; height: 480px; padding-left: 380px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);
background: #ffffff; z-index: 100001;    border-radius: 8px; overflow: hidden;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100000;}
.loginAlt::after{content: "";
    background-image: url(../images/coverPic.png);
    width: 380px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;}
.user-modal .modal-close-btn {
  z-index: 2;
  background: linear-gradient(to bottom,#0188fd,#02a7f8);
  border: none;
  display: flex;
  padding: 12px;
  top: 0;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.user-modal .modal-close-btn svg { fill: #ffffff;}
.user-modal .modal-header {
  padding: 40px 40px 0;
}

.user-modal .modal-header .title-content {
  margin-left: 0;
}
.user-modal .modal-body {
  padding: 40px 40px 0;
}
.user-modal .modal-footer {
  padding: 0 40px 24px;
  margin-top: 24px;
}
.user-modal .modal-footer .generic-text-button-container {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  text-align: center;
}
.user-modal .modal-footer .generic-text-button-container:first-child {
  padding-top: 24px;
  border-top: 1px solid #eee;
  margin-top: 0;
}

.modal .modal-content {
  border-radius: 8px;
}
.modal-wrapper {
  background-color: #081521;
  border: 1px solid #213344;
  border-radius: 8px;
  overflow: hidden;
}
.form-group input {    padding: 14px 24px;
    border-radius: 4px;
    border: 1px solid #eee;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: #333;
    background-color: inherit; width: 100%; box-sizing: border-box;}
.form-group input:focus { border:1px solid #02a7f8;}
	.titleContainer .title { display: block; line-height: 1; font-size: 40px; font-weight: bold; color: #333;}
.password { position: relative;}
.eye-password { position: absolute; right: 20px; height: 24px; top: 50%; transform: translateY(-50%);}

.modal-body button { display: block;font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #07111b;
    padding: 14px;
    border-radius: 4px;
    background: linear-gradient(to bottom,#0188fd,#02a7f8); width: 100%; border: none; font-size: 16px; color: #ffffff; margin-top: 20px;}
	.form-group { margin-bottom: 10px;}
.modal-footer { color: #999;}
.remberCont { padding:20px 40px 0; display: flex; align-items: center; font-size: 14px; color: #666;}
.generic-text-button-container a { color: #0188fd;}
.noticeCont { padding: 20px; box-shadow: 0 0 10px rgba(2,164,249,.2); border-radius: 6px; display: flex; justify-content: space-between;}
.noticeCont i { font-size: 20px; color: #0188fd;}
.noticeCont i:before { color:#0188fd ;}
.noticeSwiper { width: calc(100% - 40px);}
.noticeSwiper .swiper { height: 20px;}
.noticeSwiper .swiper-slide { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 16px; letter-spacing: 1px; color: #666; line-height: 20px;}
.gameSearch { background:#ffffff; width: 400px; border-radius: 6px; padding: 5px 10px 5px 0; display: flex; justify-content: space-between; background: #ffffff;}
.gameSearch input { flex: 1; text-indent: 10px; font-size: 16px; height: 32px;}
.gameSearch button { background:none; cursor: pointer; border: none; outline: none;}
.gameSearch button img { display: block;}
.searchTop { background:#ffffff; border-bottom: 1px solid #eeeeee; display: flex; align-items: center; height: 100px; position: relative;}
.searchTop .back { position: absolute; left:20px; top: 50%; transform: translateY(-50%); border-radius: 4px; width: 35px; height: 30px; background: #0188fd; display: block;}
.gameMenu { gap: 20px; max-width: calc(100% - 140px); width: 1380px; margin: 0 auto; display: flex; align-items: center; justify-content: start;}
.gameMenu a { width: 118px; height: 58px; border-radius: 3px; border: 1px solid #cccccc; display: flex; justify-content: center; align-items: center;}
.gameMenu a img { display: block;}
.gameMenu a.cur { border:1px solid #019cfa}
.searchBar { padding: 15px 0; border-bottom: 1px solid #eeeeee;}
.searchCont {max-width: calc(100% - 140px); width: 1380px; margin: 0 auto; display: flex; justify-content: end;}
.gameResult {max-width: calc(100% - 140px); width: 1380px; margin: 0 auto;}
.gameResult ul { gap:20px 12px; display: flex; flex-wrap: wrap;}
.gameResult li { width: calc((100% - 60px)/6);}
.gamePic { height: 282px; overflow: hidden;}
.gamePic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.gameCard { border-radius: 6px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.gameResult li .gameName { color: #000; text-align: center; font-weight: bold; font-size: 16px; line-height: 32px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.gameResult li span { display: block;text-align: center; line-height: 44px; border-radius: 5px; background: #0192fe; font-weight: bold; font-size: 16px;
color: #ffffff; margin-top: 10px}
.gamePic { height: ;}
.gameResult li:hover .gamePic img{ transform: scale(1.1);}
.gameResult { padding: 40px 0;}
@media screen and  (max-width:1200px){
}

@media screen and  (max-width:780px){

}