/* reset */
body,div,p,ul,li,table,tbody,tr,td,th,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong,th{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-9999em;font-size: 0;}
:focus{outline: none;}
.gray{filter: grayscale(1);}
img{display: block;}
body,html{background-color: #6f422d;overflow-x: hidden;width: 100%;}
header,footer {width:100%;margin:0 auto;}
header{height: 6.63rem;}
#afooter{color:#eefafc;background-color:#100d0c;padding:0.2rem 0;font-size:0.2rem;text-align:center;}
#afooter a{color:#eefafc;}
.wrap{background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/bg.jpg) no-repeat;width:100%;height: 26.84rem;background-size:100% auto;color: #fff;position: relative;}

.main{width: 100%;margin: 0 auto;color: #fff;display: flex;align-items: center;flex-direction: column;}
/* 头部 */
.time{width:6.19rem;height:0.42rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/time.png)  no-repeat; background-size: 100% auto;position: absolute;top: 5.44rem;left: 50%;transform: translateX(-50%);}
.login{position: absolute;top:6.1rem;text-align: center;color: #fff;font-size: 0.22rem;width: 100%;}
.login a{color: #fff;}

/* 通用样式 */
*{box-sizing: border-box;}
.part{display:flex;flex-direction: column;align-items: center;font-size: 0.2rem;}
.btn-comm1{width:2.46rem;height:0.87rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/btn1.png)  no-repeat; background-size: 100% auto;font-family: 'fontm';font-size: 0.32rem;color: #e7e5db;display: flex;align-items: center;justify-content: center;text-align: center;}
.btn-comm2{width:3.8rem;height:0.98rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/btn2.png)  no-repeat; background-size: 100% 100%;font-family: 'fontm';font-size: 0.32rem;color: #e7e5db;display: flex;align-items: center;justify-content: center;text-align: center;}
@font-face {
  font-family: fontb;
  src: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/fontb.ttf);
}
@font-face {
  font-family: fontm;
  src: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/rui.ttf);
}

/* 侧边栏 */
.slide-nav{position: fixed;right: 0;top: 5.18rem;z-index: 10;}
.btn-fxhd{display: block;width:0.43rem;height:1.19rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/btn-fxhd.png)  no-repeat; background-size: 100% auto;}
.btn-gdzx{display: block;margin-top: 0rem;width:0.43rem;height:1.19rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/btn-gdzx.png)  no-repeat; background-size: 100% auto;}
.btn-hdgz{position:absolute;top: 0.2rem;right: .15rem;display: block;width:1.43rem;height:0.52rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/btn-hdgz.png)  no-repeat; background-size: 100% auto;}

/*-- --------------------------------- 第一部分 ---------------------------------- --*/
.p1-tab-nav{width: 100%;display: flex;justify-content: space-evenly;align-items: center;}
.p1-tab-nav-item{width:2.52rem;height:0.87rem;}
.p1-tab-nav-item1{background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/tab1.png)  no-repeat; background-size: 100% auto;}
.p1-tab-nav-item1.on{background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/tab1-on.png)  no-repeat; background-size: 100% auto;}
.p1-tab-nav-item2{background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/tab2.png)  no-repeat; background-size: 100% auto;margin-left: 0.2rem;}
.p1-tab-nav-item2.on{background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/tab2-on.png)  no-repeat; background-size: 100% auto;}
.p1-tab-cont{min-height: 7.01rem;}
.p1-tab-cont-item1{background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/p1bg.png) no-repeat;background-size: 100% auto; box-sizing: border-box; padding-top: .62rem; height: 8.1rem;}
.p1-tab-cont-item{margin-top: 0.02rem;width: 7rem;display: flex;flex-direction: column;align-items: center;}

.p1-tab-cont-item1 .tit{width:3.37rem;height:0.48rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/tit1.png) no-repeat;margin: 0 auto 0; background-size: 100% auto;}
.p1-tab-cont-item1 .box{display: flex;flex-direction: column;align-items: center;padding: 0.34rem 0.2rem 0 0.43rem;width:7.37rem;height:3.44rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/card1.png)  no-repeat; background-size: 100% auto;margin-top: 0.06rem;}
.p1-tab-cont-item1 .box-question{font-size: 0.26rem;text-align: center;color: #e7e5db;font-family: 'fontb';background: linear-gradient(to bottom, #5b2306, #906623);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.p1-tab-cont-item1 .answer-list{margin-top: 0.2rem;width: 6.5rem;height: 1.1rem;display: flex;flex-wrap: wrap;}
.p1-tab-cont-item1 .answer-list .line{display: flex;justify-content: space-evenly;width: 100%;}
.p1-tab-cont-item1 .answer-list .line2{margin-top: 0.14rem;}
.p1-tab-cont-item1 .answer-item{width:2.19rem;height:0.47rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/box1.png)  no-repeat; background-size: 100% auto;display: flex;padding-left: 0.08rem;}
.p1-tab-cont-item1 .answer-item p{color: #2b2b2b;height: 95%;display: flex;align-items: center;justify-content: center;margin-left: 0.04rem;font-size: 0.18rem;line-height: 1.14;}
.p1-tab-cont-item1 .answer-item .dot{flex-shrink: 0;display: inline-block;width:0.2rem;height:0.2rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/dot.png)  no-repeat; background-size: 100% auto;margin-top: 0.14rem;}
.p1-tab-cont-item1 .answer-item.on .dot{background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/dot-on.png)  no-repeat; background-size: 100% auto;}
.p1-tab-cont-item1 .answer-item:not(:first-of-type){margin-left: 0.22rem;}
.btn-tjda{margin-top: 0.1rem;}
.a-tips{color: #226c7d;font-size: 0.18rem;text-align: center;text-decoration: underline;text-underline-offset: 0.04rem;margin-top: 0.03rem;}

.btn-wrap1{display: flex;align-items: center;justify-content: space-between;width:90%;margin:0.3rem 0 0 -0.1rem;}
.btn-jlyl{width:1.4rem;height:0.43rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/btn-jlyl.png)  no-repeat; background-size: 100% auto;}
.btn-lqjl{width:1.4rem;height:0.43rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/btn-lqjl.png)  no-repeat; background-size: 100% auto;}
.swiper1{width: 6.3rem;}
.p1sw1::before{ content: ''; width: 6.4rem; height: 2rem; top: 9%; left: -2%; position: absolute;  background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/p1sw1bg.png) no-repeat; background-size: 100% 100%;}
.swiper1 .sw1-img{width:1.89rem;height:auto; display: block; margin-top: .23rem;}
.swiper-button-prev,.swiper-button-next{width:0.63rem;height:0.67rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/arrow.png)  no-repeat; background-size: 100% auto;top: 50%;margin-top: -0.2rem;}
.p1sw1 .swiper-button-prev1{left: -0.5rem;}
.p1sw1 .swiper-button-next1{right: -0.34rem;transform: rotate(180deg);}

.swiper2{width: 6.2rem;}
.swiper2 .swiper-slide{width:4.74rem;height:5.88rem;}
.swiper2 .sw2-img{width:4.74rem;height:5.88rem;}
.p1sw2 .swiper-button-prev2{left: -0.5rem;}
.p1sw2 .swiper-button-next2{right: -0.5rem;transform: rotate(180deg);}
.p1-tab-cont-item2 .btn-ljlq {margin-top: 0.18rem;}
.task{ width: 100%; margin: 0.2rem auto .15rem; display: flex; justify-content:space-evenly; align-items: center;}
.mack{width:3.68rem; height: 2.07rem;display: flex; justify-content:space-evenly; align-items: center; background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/jlk.png) no-repeat; background-size: 100% auto; }
.icon1{width: 1.83rem; height: auto; display: block;}

.mask{top: 0; left: 0; width:3.68rem; height: 2.07rem; display: block; padding-top: .4rem; box-sizing: border-box; background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/jlk2.png) no-repeat; background-size: 100% auto;}
.mask a{margin: 0.23rem auto 0;}

.btn_th{width:0.57rem; height: 1.55rem; background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/btn_th.png) no-repeat; background-size: 100% auto; display: block;}

.dqjl{width:1.87rem;height: 2rem; box-sizing: border-box; padding-top: .1rem; margin-top: -0.2rem; background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/dq-jl.png) no-repeat; background-size: 100% auto; display: block;}
.dqjl a{font-size: .4rem; transform: scale(.7); position: absolute; top:74%; left: -19%;}
.dqjl img{width: 105%; height: auto; display: block; margin: 0 auto;}
.txt1{color: #441d0e; font-size: .22rem; line-height: .3rem;  font-family: fontb;}
/*-- --------------------------------- 第二部分 ---------------------------------- --*/
.part2{margin-top: .6rem;}
.part2 .tit{width:4.38rem;height:0.58rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/tit2.png) no-repeat; background-size: 100% auto;}
.part2 .p2-box{margin-top: 0.08rem; box-sizing: border-box;  width:6.93rem;height:5.4rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/card2.png) no-repeat; background-size: 100% auto;}
.part2 .btn-djrz{margin: 3.5rem auto 0;}
.part2 .gift-box{margin-top: 0.1rem; display: flex; justify-content: space-between; padding: 0 0.2rem; padding-top: 3.2rem; box-sizing: border-box; width:6.31rem;height:4.74rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/gift-list.png)no-repeat; background-size: 100% auto;}
/* .part2 .gift-box .btn-comm1{width: 2.65rem;height: 0.63rem;font-size: 0.28rem;} */
/* .part2 .gift-box .btn-djlq1{position: absolute;top: 3.11rem;left: 0.61rem;}
.part2 .gift-box .btn-djlq2{position: absolute;top: 3.11rem;left: 4.21rem;} */
.p1sw2 {margin-top: 0.4rem;}
/*弹窗*/
.dialog{display:none;box-sizing: border-box;font-size: 0.2rem;color: #441d0e;line-height: 1.6;}
.btn-close{display: block;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/close.png)  no-repeat; background-size: 100% auto;width:0.25rem;height:0.25rem;position: absolute;right: -0.2rem;top: -0.2rem;}
.dia-con{display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;position: relative;}
.dialog .btn_wrap{display: flex;align-items: center;justify-content: center;}
/* 弹窗1: 活动规则 */
.dialog1{width:6.53rem;height:9.5rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/pop1.png) no-repeat; background-size: 100% auto;}
.dialog1 .dia-con{padding:1.23rem 0.3rem 0 0.3rem;}
.dialog1 .popxt p {position: relative;padding-left: 0.2rem; }
.dialog1 .popxt p em{position: absolute;top: 0.08rem;left: 0;display: inline-block;width:0.14rem;height:0.13rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/dot2.png)  no-repeat; background-size: 100% auto;}
.dialog1 .popxt span{font-weight: bold;}
.popxt{height: 7.6rem; overflow: auto;}
/* 弹窗2：奖励一览 */
.dialog2{width:6.81rem;height:6.9rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/pop2.png)  no-repeat; background-size: 100% auto;}
.dialog2 .dia-con{padding: 1.3rem 0.5rem 0.8rem 0.5rem;}
.dialog2 .scroll-box{width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;display: flex;flex-direction: column;align-items: center;}
.dialog2 .scroll-box::-webkit-scrollbar-track{background-color:#8a6850;border-radius: 0.1rem;}
.dialog2 .scroll-box::-webkit-scrollbar{width:0.06rem;}
.dialog2 .scroll-box::-webkit-scrollbar-thumb{background:#564d86;border-radius: 0.1rem;}
.dialog2 .jl-list{width:5.91rem;height:auto;}

/* 弹窗3：领奖记录 */
.dialog3{width:6.81rem;height:5.7rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/pop3.png)  no-repeat; background-size: 100% auto;}
.dialog3 .dia-con{padding: 1.3rem 0.5rem 0rem 0.5rem;}
.dialog3 table {width: 5.55rem;border-collapse: separate;text-align: center;}
.dialog3 table thead th{font-size: 0.24rem;height: 0.38rem;font-family: 'fontm';color: #441d0e;border-bottom: 1px solid #7b503b; }
.dialog3 table thead th:nth-of-type(1){width: 30%;}
.dialog3 table thead th:nth-of-type(2){width: 30%;}
.dialog3 table thead th:nth-of-type(3){width: 40%;}
.dialog3 table tbody td{height: 0.56rem;white-space: pre-wrap;color: #441d0e;font-size: 0.2rem;}
.dialog3 .pagenation{position: absolute;bottom: 0.6rem;display: flex;margin-top: 0.2rem;}
.dialog3 .pagenation a{display: flex;justify-content: center;align-items: center;text-align: center;font-size: 0.2rem;color: #441d0e;width: 0.87rem;height: 0.29rem;}
.dialog3 .pagenation span{margin: 0 0.1rem;}
/* 弹窗4：提示 */
.dialog4{width:6.81rem;height:3.6rem;background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/pop4.png)  no-repeat; background-size: 100% auto;}
.dialog4 .dia-con{padding: 1.23rem 0.5rem 0rem 0.5rem;}
.dialog4 .txt-wrap{width: 100%;height: 1.3rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.dialog4 .line1-txt{font-family: 'fontb';font-size: 0.3rem;color: #441d0e;text-align: center;}
.dialog4 .line2-txt{font-size: 0.24rem;color: #441d0e;text-align: center;}
.dialog4 .line3-txt{font-size: 0.18rem;color: #2b2b2b;text-align: center;}

.popdj4{ width: 6.23rem; display: flex; justify-content: space-around;  height: 3rem; margin: 0.2rem auto; background: url(//game.gtimg.cn/images/cfm/cp/a20240918shqm/pdj4.png)  no-repeat; background-size: 100% auto;}
.popdj4 li img{ width: 97%; flex-shrink: 0;  margin: 0.3rem auto;font-size: .2rem;}
.popdj4 li a{margin-top: 1rem; flex-shrink: 0; width: 1.3rem; height: .5rem; line-height: .5rem; margin: -.5rem 0 0;font-size: .2rem; position: relative;z-index: 1;}
.popdj4 li:nth-of-type(3){margin-left: .1rem;}

.btntxtc{color: #441d0e; 
    font-size: .24rem; margin: 0.1rem auto;
    line-height: .3rem; text-decoration: underline;
    font-family: 'fontm'; font-weight: bolder;}
