/* 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;}
.cl:before,.cl:after {content:"";display:table;}
.cl:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-999em;}
body,html{background:#1b1f24;}
body { /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
      overflow: scroll;
  -webkit-overflow-scrolling: touch;
  }
b{font-weight: bold!important;}
#afooter{color:#ffffff80;padding:0.1rem 0;font-size:0.2rem;line-height:0.28rem;text-align:center;width:100%;background:#000;}
#afooter a{color:#ffffff80;}
.sp{background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/m/sp.png)no-repeat;background-size:7.5rem auto;}
.login {font-size: .2rem;color: #ffffff;width: 100%;position: absolute;bottom: -0.39rem; left: 0; text-align: center; z-index: 3;}
.login a {color: #ffffff;}
.gary{filter: grayscale(99%);}
.ct{left: 50%; transform: translateX(-50%); position: relative;}

@font-face {
    font-family: 'font';
    src: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/font.ttf);
}
@font-face {
    font-family: 'font1';
    src: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/rui.ttf);
}

.logo{width:6.03rem; height: auto; top: 3%; left: 15%;transform: translateX(-50%); z-index: 2;}
.slg{width:8.43rem; height: auto; margin:5.9rem auto 0; display: block;z-index: 2; position: relative;	}
.tag{width:19.2rem; height: auto; bottom: -0.01rem; left: 50%;transform: translateX(-50%); z-index: 2;}

.top_btn3{  width:10.3rem;bottom: .6rem; position: absolute;z-index: 3;}
/* .btn_down{background-position:0 -9.15rem;}
.btn_qw{background-position: -4.06rem -9.15rem;} */

.wrap{position: relative; background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/m/bg1.jpg)no-repeat 50% 5.77rem;box-sizing: border-box;overflow-x: hidden; background-size: 7.5rem auto;}
.wrap2{position: relative; background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/m/bg2.jpg)no-repeat 50% 19.65rem;height: 36rem;background-size: 7.5rem auto;}
.head { font-size: .24rem; height:5.77rem; margin: 0 auto;background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/m/hd.jpg)no-repeat 50% 0;background-size: 7.5rem auto;}
.content { margin: 0 auto; width: 7.5rem;  color: #adb3bf; padding-top: .1rem;}

.btnA,.btnB{font-size: .4rem; width:2.98rem; text-align: center;margin: 0 auto;  height: .73rem; line-height: .73rem; color: #fff;background-position: -8.44rem -1.99rem;  display: block; font-family: 'font1';}
.btnB{color: #2f2f37;background-position: -8.44rem -1.06rem;}
.btnA1{font-size: .46rem; margin: 0 auto; width:3.55rem; text-align: center; height:.88rem; line-height: .88rem; color: #2f2f37;background-position: -8.44rem 0;  display: block; font-family: 'font1';}

.tit1,.tit2,.tit3,.tit4,.tit5,.tit6,.tit7{width:7.5rem;z-index: 1; position: relative; height: .64rem;margin:.2rem auto 0rem; background-position: 0 0; display: block;}
.tit2{background-position: 0 -.74rem; }
.tit3{background-position: 0 -1.7rem; }
.tit4{background-position: 0 -2.37rem;}
.tit5{background-position: 0 -3.25rem;}
.tit6{background-position: 0 -3.91rem;height: 1rem;}

.prt1 {height: 3.2rem;}
.prt2 {height: 3.6rem;}
.prt3 {height: 3.2rem;}
.prt4 {height: 3.2rem;}
.prt5 {height: 3.66rem;}
/* .prt6 {height: 3.2rem;} */

.flex{display: flex; justify-content: space-between;}

.txt1{ margin-left:1.4rem; text-align: left; font-size: .18rem;  line-height: .26rem; width: 3rem;  display: block;  color: #1c355d;}
.prt2 .txt1{ margin:0rem 0 0 2.34rem;}
.prt3 .txt1{ width: 3.24rem;}
.prt4 .txt1{ margin: 0rem 0 0 2.1rem;}
.prt5 .txt1{ width: 3.4rem;}

.prt1 .txt1{width: 3.2rem;}


.btntxt1{  margin:.1rem 0 0 1.99rem; font-size: .2rem; color: #00a5d5;  text-decoration: underline; display: block;}
.list1{  margin:.1rem 0 0 .83rem; width: 4rem; display: flex; justify-content: start;}
.list1 li em{color: #d15d42; font-size: .2rem; line-height: .3rem; text-align: right; font-family: 'font1'; width: 100%; display: block;}

.list1 li:nth-of-type(1){margin-right: .54rem;}
.list1 li p{line-height: .41rem; font-size: .18rem; margin: 0;}

.list1 li:nth-of-type(1) p{width: 4.33rem; flex-shrink: 0;}
.list1 li img{width: 1.33rem; height: auto; display: block; margin: .2rem auto;flex-shrink: 0;}

/* .list1 li:nth-of-type(2){display: flex; justify-content: start;} */
.list1 li:nth-of-type(2) p{width: 1.97rem; margin-right: .08rem;}
.list1 li:nth-of-type(2) img{width:1.53rem; height:3.9rem; display: block; margin: .2rem auto;}

.side_nav{ display: block; width:7rem; z-index: 99; margin:4.6rem auto 0; position: relative; }
.nav_link{margin: 0 auto;position: relative;display: flex; justify-content: space-evenly; flex-wrap: wrap;}
.nav_link a{display: block;width:2.15rem;height:.55rem; text-align: center; font-family: 'font'; line-height: .52rem; color: #cfdcef;  font-size: .2rem; margin-bottom: .04rem; background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/nav1.png) no-repeat; background-size: 100% auto; }
.nav_link .cur,.nav_link a:hover{  filter: brightness(113%);}
.active{display: block; position: fixed; top: 0; left: 50%; transform:translateX(-50%); margin: 0;}
.nav_link a span{background: linear-gradient(to bottom, #88161d, #b3252b,#dd3237);-webkit-background-clip: text;color: transparent; }

.task1{  margin:0.8rem 0 0 0rem; width:6.98rem; height: 3.05rem; position: relative; background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/m/a7.png) no-repeat; background-size: 100% auto;}
.task1 a{position: absolute; top: 1.7rem; left: 0.66rem; font-size: 0.18rem; margin: 0;}
.task1 a:nth-of-type(2){left: 3.5rem;}

.task2{ margin-bottom: -0.3rem; width:6.98rem; height: 3.34rem; position: relative; background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/m/a8.png) no-repeat; background-size: 100% auto;}
.task2 a{position: absolute; top: 1.27rem; left:1.99rem; font-size: 0.18rem; margin: 0;}

.pic1{width:4.1rem; height: auto; display: block; margin-left:0.82rem;}
.prt2 .pic1{ width:3.88rem;  margin-left:2.33rem;}

.prt3 .pic1{ width:3.95rem;  margin-left:1rem;}
.prt4 .pic1{ width:4.26rem;  margin-left:1.95rem;}

.prt5 .pic1{ width:4.53rem;  margin-left:0.93rem;}
.prt6 .pic1{ width:3.88rem;  margin-left:2.33rem;}
.prt7 .pic1{ width:3.88rem;  margin-left:2.33rem;}
.prt8 .pic1{ width:3.88rem;  margin-left:2.33rem;}

.pic5{width:4.63rem; height: auto; display: block; margin-left:1.82rem;}
.btn_lj{background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/m/btnck.png) no-repeat;background-size: 100% auto;width:3.43rem;height:.77rem; display: block; margin: -.4rem auto;}


/* pop */
.pop_box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;}
.pop_content{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);-webkit-animation:showzs .6s ease both;}
.pop_close{width: .52rem; height: .52rem; position: absolute; top: -0.2rem; right: -0.3rem; background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/close.png);}
.pop1{background: url(//bb.img.qq.com/bbcdn/act/cf/a20240124qxsl/ossweb-img/pop1.png) no-repeat;background-size: 100% auto;width:9.46rem;height:3.67rem;}
.pop1 p{padding-top: .61rem; text-align: left; line-height: .36rem; color: #48b9ff; width: 84%; margin:  0 auto; font-size:.26rem; }
.pop1 span{padding:0 .1rem; text-align: center; line-height: .7rem; color: #211202; background: #dde1e8; width: 94%; height: .7rem; border:0 solid #ea8700; margin:.28rem auto; font-size: .22rem; display: block;}
.btn_copy{position: absolute; left: 48%; transform: translateX(-50%); bottom: .33rem;}