@charset "UTF-8";

/* 主要样式库 */

.tc{ text-align:center;}


/* ---------------------------------------- 头部开始 ---------------------------------------- */

#c-header {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); /* 从上到下渐变 */
  box-shadow: none; 
}  
  
#c-header .c-nav li a {
  color: #fff;
  font-size:18px; 
}


#c-header .c-logo img {
  height: 56px;
  margin-top:10px;
}


.c-right-box .c-nav li a {
  color: #ffc121; 
}


#c-header .c-nav > li:last-child {
  margin-right: 0;
}

/* ---------------------------------------- 头部结束 ---------------------------------------- */


/* ---------------------------------------- banner开始 ---------------------------------------- */

.c-banner1.swiper-container {
  /*height: 100vh;*/
}
  
.c-banner1.swiper-container .swiper-wrapper .swiper-slide img {
    height: 100%; 
}

.c-banner1.swiper-container .bottom {
   position: absolute;
   top:calc( 50% - 30px);
   width: 100%; 
}

.c-banner1.swiper-container .bottom .left {
   position: absolute;
   width:100%;
}

.c-banner1.swiper-container .bottom .left .swiper-button-prev {
    background: url(../images/banner-left.png) no-repeat left 20px center/20px auto;
    margin-top: auto;
    width: 60px;
    height: 60px;
    border-radius: unset;
    border: none;
    transition: .5s;
    left: 60px;
}

.c-banner1.swiper-container .bottom .left .swiper-button-prev:hover {
    background: url(../images/banner-left.png) no-repeat left 14px center/20px auto;
}


.c-banner1.swiper-container .bottom .left .swiper-button-next {
    background: url(../images/banner-right.png) no-repeat right 20px center/20px auto;
    margin-top: auto;
    width: 60px;
    height: 60px;
    border-radius: unset;
    border: none;
    transition: .5s;
    right: 60px;
}

.c-banner1.swiper-container .bottom .left .swiper-button-next:hover {
    background: url(../images/banner-right.png) no-repeat right 14px center/20px auto;

}

.c-banner1 .swiper-button-next, .c-banner1 .swiper-button-prev{ top:50%}



/* ---------------------------------------- banner结束 ---------------------------------------- */


/* ---------------------------------------- 游戏产品开始 ---------------------------------------- */

.gamelist{ background:url(../images/gamebj.jpg) center top no-repeat; padding-bottom:120px;}
.gamelist .gamecont .gameright{ 
	width:42.5%; 
	padding-top:10px;
	float:right;
}
.gamelist .gamecont .gamelogo img{ width:43.3%;}
.gamelist .gamecont .gameright h2{ font-size:24px; color:#ffc121; font-weight:600; border-top:#e1e2e3 1px solid; padding-top:44px;}
.gamelist .gametext{ font-size:16px; color:#aaa; line-height:32px; padding-top:30px; margin-bottom:55px; }
.gamelist .gametext h1{ font-size:18px; color:#fff; padding-bottom:10px;}
.gamelist .gameimg{ float:left; text-align:right; width:50%;}
.gamelist .gameimg img{ width:87.48%; }
.gamelist .gamecont .morebut img{ width:27.9%; transition: all 0.5s;}
.gamelist .gamecont .morebut img:hover{ filter: brightness(1.1); transition: all 0.5s;}

/* ---------------------------------------- 游戏产品结束 ---------------------------------------- */


/* ---------------------------------------- 活动中心开始 ---------------------------------------- */

#activitylist{ background:url(../images/activitybj.jpg) center top no-repeat; background-size: cover; padding-bottom:100px; }
#activitylist a{ color:#999; transition: all 0.5s;}
#activitylist li{ position:relative; margin-bottom:30px; float:left; font-size:14px;}
#activitylist li h1{ font-size:18px; padding-top:20px; color:#fff; margin-bottom:10px;}
#activitylist li a:hover{ color:#fff; transition: all 0.5s;}
#activitylist li a:hover h1{ color:#ffc121; transition: all 0.5s;}
#activitylist .Swiperactivity{ padding-bottom:40px;}
#activitylist .addtime{ padding-top:12px; font-size:16px;}

/*#activitylist li .imgbox{ aspect-ratio: 4/3;}*/
#activitylist li .imgbox img{width: 100%; object - fit: cover;}

/* ---------------------------------------- 活动中心结束 ---------------------------------------- */


/* ---------------------------------------- 关于我们开始 ---------------------------------------- */

#about{ background:url(../images/aboutbj.jpg) center top no-repeat; background-size: cover; padding-bottom:150px; }
#about .aboutcont{ text-align:center; color:#aaa; line-height:36px; margin-top:-20px;}
#about .aboutpic{ padding-top:60px; }
#about .aboutpic .left{ width:43.7%; float:left;}
#about .aboutpic .right{ width:43.7%; float:right;}

/* ---------------------------------------- 关于我们结束 ---------------------------------------- */


/* ---------------------------------------- 底部开始 ---------------------------------------- */

#footer{background:url(../images/footerbj.jpg) center top repeat; background-size:cover; color:#aaa; font-size:14px; padding-top:60px; line-height:36px; padding-bottom:76px;}
#footer .footernav{ color:#fff; padding-bottom:6px;}
#footer .footernav a{ color:#fff; margin:0px 14px;  transition: all 0.5s;}
#footer .footernav a:first-child{ margin-left:0px;}
#footer .footernav a:hover{ color:#ffc121;  transition: all 0.5s;}
#footer .footerleft{ float:left; padding-right:4%; border-right:#272727 1px solid; width:15%; margin-left:6%; margin-top:10px;}
#footer .footerleft img{ width:100%;}
#footer .footerright{ float:right; width:75%;}

/* ---------------------------------------- 底部结束 ---------------------------------------- */





/* ---------------------------------------- 内页样式表 ---------------------------------------- */
.activitylistwarp li{ width:23%; float:left; margin:0px 1%;}

.protilecont{ width:90%}
.protilecont .pleft{ float: left; text-align: right; width: 50%;}
.protilecont .pleft img{ width:77.6%; margin-right:30px; max-width:560px;}
.protilecont .pright{ width: 46%; padding-top: 20px; float: right; color:#fff; line-height:36px;}
.protilecont .pright h2{ font-size:24px; margin-bottom:30px;}

#join{ background:url(../images/joinbj.jpg) center top no-repeat; background-size: cover; padding-bottom:150px; }
.joincont{ width:90%}
.joincont .jright{ float: right; text-align: right; width: 50%;}
.joincont .jright img{ width:77.6%; margin-right:10px; max-width:560px;}
.joincont .jleft{ width: 41%; padding-top: 20px; float: left; color:#fff; line-height:36px; font-size:18px; line-height:50px; margin-left:9%; margin-top:10px;}

.gamebanner .ad img{ width:100%;}
.gamebanner .ad .wapad{ display:none;}
.tools{ width:70%; margin-top:-11%; z-index:10; position:absolute; margin-left:15%;}


.tools .eweima{ float:left; margin-right:1%; width:12%;}
.tools .eweima img{ width:100%;}

.tools .download{ float:left; width:12%; margin-right:2%;}
.tools .download img{ width:100%;}
.tools .download img:first-child{ margin-bottom:10%;}

.tools .loginreg{ float:left; width:7.5%; margin-right:2%;}
.tools .loginreg img{ width:100%;}

.tools .topup{ float:left; width:25%; margin-right:2%;}
.tools .topup img{ width:100%;}

.tools .welfare{ float:left; width:27%; margin-right:2%;}
.tools .welfare img{ width:100%;}

.tools .cadpa16{ float:left; width:7.2%;}
.tools .cadpa16 img{ width:100%;}


/*特色*/
#feature{ background:url(../images/featurebj.jpg) center top no-repeat; background-size: cover; padding-bottom:80px; }
#feature .featurelist{ width:84%; margin:0px auto;}
#feature .featurelist li{ width:33.33%; float:left; text-align:center;}
#feature .featurelist li img{ width:98%; transition: all 0.5s; cursor:pointer;}
#feature .featurelist li img:hover{ filter: brightness(1.1); transition: all 0.5s; transform: scale(1.02); }

#show{ background:url(../images/aboutbj.jpg) center top no-repeat; padding-bottom:150px; background-color:#252423; color:#eee; padding-top:220px; font-size:16px; line-height:32px; font-size:14px;}
#show .showtit{ font-size:32px; font-weight:bold; text-align:center; margin-bottom:20px;}
#show .addtime{ text-align:center; font-size:14px; color:#aaa; margin-bottom:30px; border-bottom:#333 1px solid; padding-bottom:20px;}
#show .addtime span{ padding-right:14px;}
#show .showcont{ padding-top:40px;}
#show .showcont img{ max-width:100%; margin-bottom:30px !important; margin:0px auto; display:block;}


#qrcode{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: none; }
#qrcode img { width:100%; margin-bottom:10px;}
#qrcode .qrcodecont{ position: absolute; top: calc(50% - 120px); left:calc(50% - 100px);  width: 200px; height:250px; color:#fff; text-align:center;}

#loginreg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: none; }
#loginreg img { width:100%; margin-bottom:10px;}
#loginreg .qrcodecont{ position: absolute; top: calc(50% - 120px); left:calc(50% - 100px);  width: 200px; height:250px; color:#fff; text-align:center;}