@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent; /* 透明背景 */
}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1; width: 100%; clear: both;} 
body{width: 100%;height:100%; background: #690200; font-size: .12rem;min-width: 1100px!important;  font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none !important;}

/* 通用 */
.section{
  padding-bottom: 0.5rem;
}
.title h2{
  font-size: .46rem; font-weight: bold; letter-spacing: .01rem; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2;
}
.titleAnmit {
  animation: titleCutIn 0.8s ease-out forwards;
}

/*banner*/
.banner{
	width: 100%; height: 7.47rem;position: relative;background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0; 
}
.banner .wrap{
  height: 100%; text-align: left;
}
.logo{
  width: 3.26rem; padding-top: .1rem; display: block; text-align: left; margin-bottom: .55rem;
}
.logo img{
  width: 100%;
}
.ban-bt1{
  margin-left: .76rem;
}
.banner h2{
  margin-left: .3rem; margin-top: -0.26rem;
  animation: line2FadeIn 0.8s ease-out 0.5s forwards;
  opacity: 0;
}
.ban-list{
  margin-left: 1.6rem; margin-top: .2rem;
}
.ban-ip{
  position: absolute; right: -1.39rem; bottom: .18rem; animation: robotSlideIn 1.2s ease-out 0.4s forwards;
  opacity: 0;
}

/*sec01*/
.sec01{
  background: url(../images/s1_bg.jpg) no-repeat top center / cover;
}
.sec-main{
  position: relative;
}
.sec-bg1{
  background: #fffaef; border-radius: .1rem; margin-top: -0.83rem; padding: .6rem .3rem; box-sizing: border-box; position: relative;
}
.sec-bg2{
  position: relative; width: 100%; background: url(../images/s1_mbg.png) no-repeat top center / 100%; padding-top: .48rem; box-sizing: border-box;
}
.sec-bg3{
  position: relative;
}
.sec-bg3::before{
  content: ''; width: .11rem; height: 1rem; background: url(../images/s1_mbg_left.png) no-repeat center / 100%; display: block;
  position: absolute; top: 50%; transform: translateY(-50%) rotate(180deg); left: 0;
}
.sec-bg3::after{
  content: ''; width: .11rem; height: 1rem; background: url(../images/s1_mbg_left.png) no-repeat center / 100%; display: block;
  position: absolute; top: 50%; transform: translateY(-50%); right: 0;
}
.sec01-content{
  height: 6.8rem;
}
.sec01-content h3{
  font-size: .3rem; font-weight: 600; font-family: "Alibaba PuHuiTi"; line-height: 1; margin-bottom: .22rem;
  background: linear-gradient(to bottom, #244994, #002463);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swiper1 {
  width: 10.34rem; height: 5.05rem; margin: 0 auto; text-align: center;
  overflow-x: hidden;
}
.swiper-slide{
  width: 5.15rem; height: 5.05rem; background: url(../images/s1_lbg.png) no-repeat center / 100%; padding-top: .26rem; box-sizing: border-box; position: relative; overflow: hidden;
}
.swiper-slide img.s1-img{
  filter: grayscale(100%); /* 默认去色 */
  transition: filter 0.3s ease; /* 过渡动画，更丝滑 */
}
.swiper-slide.active img.s1-img{
  filter: grayscale(0%); /* 点击时去掉去色 */
}
.swiper-slide.active p img{
  animation: cancelWarningText 0.5s ease-out forwards;
}
.s1-alert{
  position: absolute; top: 1.03rem; left: 1.48rem; z-index: 5;  
  animation: scale1 .8s infinite alternate ease-in-out;
  opacity: 1;
  /* visibility: visible; */
  transform: translateY(0) scale(1);
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes cancelWarning {
  0% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.3) rotate(10deg);
    filter: brightness(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(0) rotate(-180deg);
  }
}
@keyframes cancelWarningText {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  30% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(1.3);
  }
  100% {
    opacity: 0;
    transform: scale(0.5) translateY(-0.2rem);
  }
}
.swiper-slide.active .s1-alert{
  animation: cancelWarning 0.5s ease-out forwards;
  /* opacity: 0;
  /* visibility: hidden; */
  /* transform: translateY(-0.1rem) scale(0.5); */
}
.swiper-slide p span{
  opacity: 0;
  visibility: hidden;
  transform: translateY(.1rem);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.swiper-slide.active p span{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.swiper-slide h4{
  width: 3.04rem; height: .71rem; line-height: .68rem; background: url(../images/s1_btn_bg.png) no-repeat center / 100%; text-align: center; margin: -0.3rem auto -0.33rem; position: relative; z-index: 8;
}
.swiper-slide h4 span{
  font-size: .26rem; font-weight: bold;
  background: linear-gradient(to bottom, #fff476, #fffffc);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 .04rem 0 #b41409);
}
.swiper-slide p{
  width: 4.6rem; height: 1.14rem; line-height: .3rem; font-size: .18rem; color: #333333; border-radius: .1rem; margin: 0 auto; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 .25rem; box-sizing: border-box; padding-top: .14rem; 
  background: #fff4d9;
  background: -webkit-linear-gradient(to bottom, #fff4d9, #fffffe);
  background: -o-linear-gradient(bottom, #fff4d9, #fffffe);
  background: -moz-linear-gradient(bottom, #fff4d9, #fffffe);
  background: linear-gradient(to bottom, #fff4d9, #fffffe);
}
.s1-tips{
  position: absolute; bottom: .4rem; left: 1.11rem; animation: scale1 .8s infinite alternate ease-in-out;
}
.swiper-prev{
  position: absolute; top: 50%; transform: translateY(-50%); left: -1.1rem; z-index: 95;
}
.swiper-next{
  position: absolute; top: 50%; transform: translateY(-50%) rotate(180deg); right: -1.1rem; z-index: 95;
}
.s1-tipsPop{
  position: absolute; right: -2.63rem; top: 3.61rem;
}
.tipsPop a{
  width: .23rem; height: .23rem; z-index: 9; display: block;
}
.s1-tipsPop a{
  position: absolute; top: 1.13rem; right: -0.05rem;
}
.tipsPop a img{
  width: 100%;
}
.pub-btn{
  width: 5.44rem; height: .94rem; background: url(../images/s1_btn_bg2.png) no-repeat center / 100%; margin: 0 auto; margin-top: .22rem; cursor: pointer; display: flex; align-items: center;
  justify-content: center;  
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pub-btn:hover{
  transform: scale(1.05);
  filter: brightness(1.1);
}
.pub-btn:active{
  transform: scale(0.98);
}
.pub-btn span{
  width: 100%; height: 100%; font-size: .3rem; font-weight: bold; font-family: "Alibaba PuHuiTi"; line-height: .94rem;
  background: linear-gradient(to bottom, #fff4da 40%, #ffd889 60%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 .04rem 0 #06163d);
  transition: all 0.3s ease;
  display: block;
}

/*sec02*/
.sec02{
  background: url(../images/s2_bg.jpg) no-repeat top center / cover; font-size: 0; font-family: "Alibaba PuHuiTi"; padding-bottom: .7rem; padding-top: .35rem;
}
.sec02-main{
  height: 7.5rem; margin-top: -0.3rem; position: relative; background-size: 100% 100%;
}
.s2-ip{
  position: absolute; left: -0.34rem; bottom: .12rem;
}
.sec02-content{
  width: 10.17rem; height: 6.23rem; background: url(../images/s2_pc.png) no-repeat center / 100%; margin: .18rem auto 0; padding-top: .46rem; box-sizing: border-box;
}
.s2-pub{
  width: 7.35rem; margin: 0 auto;
}
.s2-progress{
  text-align: center; margin-bottom: .32rem; display: flex; justify-content: flex-start; align-items: center;
}
.s2-progress h3{
  font-size: .22rem; color: #333; margin-top: -0.04rem;
background: linear-gradient(to bottom, #fff47a, #fffef7);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 .04rem 0 #7f0402); 
}
.s2-progress-line{
  display: block; flex: 1; height: .14rem; background: #b43634; border-radius: .05rem; margin: 0 .12rem;
}
.s2-progress-line i{
  width: 0;
  height: 100%;
  display: block;
  background: #ffffff;
  border-radius: .05rem;
  transition: all 0.3s ease;
}

.s2-progress span{
  font-size: .16rem; color: #666; line-height: 1; font-style: italic; display: flex; align-items: center;
  background: linear-gradient(to bottom, #fff476, #fffffc);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 .04rem 0 #660201); 
}
.s2-progress span b{
  font-weight: bold; font-size: .28rem; font-weight: 600; font-family: "YanShiChuangHei"; margin-right: .04rem;
}
.s2-que-bt{
  background: #ffffff; border-radius: .1rem; display: flex; align-items: center;
  justify-content: flex-start;
}
.s2-que-bt img{
  margin: 0 .22rem 0 .18rem;
}
.s2-que-bt span{
  font-size: .27rem; color: #333333; font-weight: bold; 
}
.s2-que-m{
  background: #fff; border-radius: .1rem; margin-top: .26rem;
}
.s2-que-m ul{
  list-style: none; padding: 0; margin: 0; padding: .16rem 0;
}
.s2-que-m li{
  width: 7rem; height: .8rem; background: #f2f2f4; margin: 0 auto;
  border-radius: .05rem;  cursor: pointer; margin-bottom: .16rem;
  font-size: .24rem; color: #333333; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; box-sizing: border-box; position: relative;
}
.s2-que-m li:last-child{
  margin-bottom: 0;
}
.s2-que-m li span{
  display: block; text-align: left; line-height: 1; min-width: 1.93rem;
}
.s2-que-m li::before{
  content:""; width: .11rem; height: .11rem; background: #c16767; border-radius: .11rem; display: block; margin-right: .2rem;
}
.s2-que-m li:hover{
  background: #fff3d9;
}
.s2-que-m li.selected{
  background: #fff3d9;
}
.quiz-submit-btn{
  width: 3.84rem; height: .92rem; background: url(../images/s2_btn_bg.png) no-repeat center / 100%;margin: 0 auto; transition: all 0.3s ease; cursor: pointer; margin-top: 1.18rem;
}
.quiz-submit-btn span{
font-size: .3rem; display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; 
    font-weight: bold;
    font-family: "Alibaba PuHuiTi";
    background: linear-gradient(to bottom, #fff4da 40%, #ffd889 60%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 .04rem 0 #06163d);
}
.quiz-submit-btn:hover{
  transform: scale(1.05);
}
.quiz-submit-btn.disabled{
  filter: grayscale(100%);
  /* cursor: not-allowed; */
}

/* 提示弹窗样式 */
.notify-overlay{
  position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
  background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; 
  justify-content: center; z-index: 9999; animation: fadeIn 0.3s ease;
}
.notify-popup{
  background: rgba(0, 0, 0, 0.85); color: #fff; padding: .25rem .4rem; 
  border-radius: .12rem; text-align: center; animation: scaleIn 0.3s ease;
}
.notify-popup p{
  margin: 0; font-size: .18rem; line-height: 1.5;
}
@keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}
@keyframes scaleIn{
  from{transform: scale(0.9); opacity: 0;}
  to{transform: scale(1); opacity: 1;}
}

.quiz-result{
  text-align: center; padding: .4rem;
}
.quiz-result h2{
  font-size: .32rem; color: #333; margin-bottom: .3rem;
}
.score-circle{
  width: 1.5rem; height: 1.5rem; border-radius: 50%; background: linear-gradient(135deg, #1a73e8, #0d47a1);
  margin: 0 auto .2rem; display: flex; flex-direction: column; justify-content: center; align-items: center;
  color: #fff;
}
.score-value{
  font-size: .48rem; font-weight: bold;
}
.score-unit{
  font-size: .16rem;
}
.level{
  font-size: .28rem; font-weight: bold; margin-bottom: .2rem;
}
.result-text{
  font-size: .18rem; color: #666; margin-bottom: .3rem;
}
.result-details{
  background: #f9f9f9; padding: .2rem; border-radius: .1rem; margin-bottom: .3rem;
}
.result-details h3{
  font-size: .2rem; color: #333; margin-bottom: .15rem;
}
.detail-item{
  padding: .1rem; border-bottom: .01rem solid #eee; text-align: left;
}
.detail-item:last-child{
  border-bottom: none;
}
.q-num{
  font-weight: bold; color: #1a73e8;
}
.q-text{
  margin-left: .1rem; color: #333;
}
.q-answer{
  display: block; margin-top: .05rem; color: #666;
}
.q-score{
  display: block; margin-top: .05rem; color: #1a73e8; font-weight: bold;
}
.restart-btn{
  width: 2rem; height: .5rem; line-height: .5rem; background: #1a73e8;
  color: #fff; border: none; border-radius: .25rem; font-size: .18rem; cursor: pointer;
  transition: all 0.3s ease;
}
.restart-btn:hover{
  background: #1557b0; transform: scale(1.05);
}
/* 提示弱窗 */
.s2-tipsPop{
  position: absolute; left: -2.43rem; bottom: 2.58rem;
}
.s2-tipsPop a{
  position: absolute; left: 0; bottom: .23rem;
}

/*sec03*/
.sec03{
  background: url(../images/s3_bg.jpg) no-repeat center / cover; padding-top: .4rem;
}
.sec03-content{
  height: 7.5rem; padding-top: .38rem; box-sizing: border-box; background-size: 100% 100%;
}
.sec03-content-m{
  width: 10.75rem; height: 4.05rem; background: url(../images/s3_bbg.png) no-repeat center / 100%; margin: 0 auto;
  display: flex; justify-content: center; align-self: start; flex-wrap: wrap; margin-top: -0.05rem;
}
.s3-l{
  width: 4.62rem; margin-top: .26rem; margin-right: .16rem;
}
.s3-l h3{
  width: 3.52rem; height: .6rem; background: url(../images/s3_lbt_bg.png) no-repeat center / 100%;
  display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative; z-index: 2;
}
.s3-l h3 span{
  display: block;
  font-size: .24rem;
background: linear-gradient(to bottom, #fff479, #fffffc);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 .04rem 0 #a91208);
}
.s3-l ul{
  border-radius: .1rem;
  padding: 0 .1rem;
  box-sizing: border-box;
  margin-top: -0.24rem;
  padding-top: .24rem;
  padding-bottom: .1rem;
  background: #fff4d8;
  background: -webkit-linear-gradient(bottom, #fff4d8, #fffffe);
  background: -o-linear-gradient(bottom, #fff4d8, #fffffe);
  background: -moz-linear-gradient(bottom, #fff4d8, #fffffe);
  background: linear-gradient(to bottom, #fff4d8, #fffffe);
}
.s3-l ul li{
  font-size: 15px;
  color: #333333;
  border-bottom: .01rem dashed #cbc4b3;
  line-height: 52.4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: .05rem;
  cursor: pointer;
  transition: all 0.5s;
}
.s3-l ul li:last-child{
  border-bottom: none;
}
.s3-l ul li::before{
  content: '';
  width: .1rem;
  height: .28rem;
  background: url(../images/s3_jt.png) no-repeat center / 100%;
  display: block;
  margin-right: .05rem;
  opacity: 0;
  transition: all 0.3s ease;
}
.s3-l ul li.on{
  color: #e40f07; font-weight: bold;
}
.s3-l ul li.on::before{
  opacity: 1;
}
.s3-r{
  width: 5.2rem; margin-top: .22rem;
}
.lastTips{
  display: flex; justify-content: flex-start; align-items: center;
background: linear-gradient(to bottom, #fff479, #fffffc);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 .04rem 0 #a91208);
margin-bottom: .03rem;
}
.lastTips img{
  margin-right: .08rem; animation: alarmShake 1s ease-in-out infinite;
}
@keyframes alarmShake {
  0%, 100% {
    transform: rotate(0deg);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: rotate(-5deg);
  }
  20%, 40%, 60%, 80% {
    transform: rotate(5deg);
  }
}
.hasTime{
  font-size: .19rem; min-width: 2.55rem; text-align: left;
}
.lastNumTxt{
  font-size: .19rem; font-weight: 600; border: .01rem solid #fbe772; border-radius: .2rem; padding: 0 .12rem; line-height: .3rem; box-shadow: 0 .01rem 0 #9f0703;
}
.lastNum{
  font-size: .21rem; margin-left: .05rem;
}
.lastNum span{
  font-family: "YanShiChuangHei"; font-size: .3rem; font-stretch: condensed;
}
.myform{
  background: #fff; border-radius: .1rem; padding: .12rem; box-sizing: border-box;
}
.myform .hang{
  width: 100%; height: .46rem; background: #eeeeee; border: .01rem solid #e3e3e3; border-radius: .05rem; margin-bottom: .09rem; display: flex; justify-content: flex-start; align-items: center; padding: 0 .12rem; box-sizing: border-box;
}
.myform .hang input,
.myform .hang select{
  height: 98%; flex: 1; font-size: .16rem; line-height: .46rem; padding-left: .05rem; border: none; background: none; margin-top: .04rem;
}
.myform .hang select{
  background: url(../images/xia.png) no-repeat right .1rem center;
}
.myform .hang span{
  font-size: .2rem; color: #333333; display: flex; align-items: center; line-height: 1; width: 1.05rem;
}
.myform .hang span i{
  color: #ff0000; padding-right: .08rem;
}
.xieyi .checkbox{
  display: flex !important;
}
.s3-tipsPop{
  position: absolute;
  right: -2.33rem;
  bottom: 0;
}
.subtn{
  position: absolute; right: 2.98rem; bottom: -0.5rem;
}
.subtn img{
  position: absolute; right: .07rem; top: .37rem; animation: scale1 .8s infinite alternate ease-in-out;
}
.sec03-ip{
  position: absolute; right: -0.81rem; bottom: .06rem;
}
.s3-tipsPop{
  width: 1.94rem; right: -2.52rem; bottom: 2.32rem;
}
.s3-tipsPop a {
  position: absolute;
  left: 1.64rem;
  bottom: .23rem;
}
.xieyi{
	font-size: .16rem; color:#fff; line-height: .3rem; margin-top: .15rem; width: 100%; float: left;
}
.s4-form .xieyi{
	font-size: .12rem; color: #fff;
}
.xieyi input[type=checkbox] {
	position: relative; width: .13rem; height: .13rem; padding: 0; margin-bottom: 0; border: none; border-radius: .02rem; -webkit-appearance: checkbox; margin-right: .05rem;
}
.xieyi input[type=checkbox]::before {
	position: absolute; content: ""; top: 0; left: 0; background: #fff; width: 100%;  height: 100%; border: .01rem solid #d9d9d9; border-radius: .02rem;
}
.xieyi input[type=checkbox]:checked::before {
	position: absolute; content: "\2713"; 
	background-color: #fff; top: 0; left: 0; width: 100%; border: .01rem solid #f00; border-radius:.02rem; 
	color: #ff5050; font-size: .16rem; font-weight: bold; text-align: center; line-height: .13rem;
}

/*sec04*/
.sec04{
  background: url(../images/s4_bg.jpg) no-repeat center center / cover; 
}
.sec04-main{
  padding-bottom: .26rem;
}
.sec04-content{
  display: flex; justify-content: center; padding-top: .3rem; height: 7.49rem; background-size: 100% 100%;
}
.s4-l{
  margin-right: .28rem;
}
.s4-l h3{
  margin-bottom: .3rem;
}
.s4-l p{
  font-size: .2rem; color: #333333; margin-top: .16rem;
}
.s4-r{
  margin-top: .28rem;
}
.s4-tipsPop {
  position: absolute;
  right: -2.15rem;
  top: 2.46rem;
}
.s4-btn{
  width: 3.23rem; height: .82rem; background: url(../images/s4_btn_bg.png)  no-repeat center / 100%; margin-top: -0.43rem; position: relative;
}
.s4-btn span{
  line-height: .82rem;
}
.s4-tipsPop a{
  position: absolute; right: 0; bottom: .26rem;
}

/*sec05*/
.sec05{
  background: url(../images/s5_bg.jpg) no-repeat center / cover; padding-top: .4rem; padding-bottom: .75rem;
}
.sec05-main{
  height: 10.68rem;
  background: url(../images/s5_mbg.png) no-repeat center / 100% 100%; margin-top: -0.26rem;
}
.s5-img1{
  margin-bottom: .24rem;
}
.s5-btn{
  margin-top: .1rem;
}

/* 最后一屏通用 */
.enterprise-honor_box{
  padding-top: .3rem;
}


/*侧边悬停*/
.lfNav{position: fixed;width:1.81rem; height:5.74rem; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:14%; left:.2rem;z-index:9999;}
.lfNav .close{position:absolute; top: -0.06rem; right: -0.04rem; height:.3rem; width:.3rem; }
.lfNav .close img{width: 100%;}
.mt185{margin-top: 228px;}
.nav-bg{
	width:1.26rem;
	height: 47px;
	display: block;
	float:left;
	clear:both;
	margin-left: 26px;
	text-align: center;
}
.nav-bg a{
	width:100%;
	height: 100%;
	display: block;
	margin:auto;
	font-size: .18rem;
	/* line-height: 45px; */
	color: #ffe5b0;
	transition: all .5s;
}
.nav-bg a:hover{
	color: #fff; font-weight: bold;
}
.nav-bg:last-of-type{
	background: initial;
}
.left_top{width:1.51rem; height:.4rem;display: block;float:left;margin-left:.22rem;margin-top: .1rem;}


/* 弹窗 */
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, .8);
  display: none;
}
.mask.show{
  display: block !important;
}
.popup {
  width: 6rem;
  z-index: 9;
  border-radius: .3rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  -o-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 1;
  transition: all 0.4s ease;
}
.mask.show .popup {
  animation: fadeIn 0.3s ease;
}
.popup .close {
  display: block;
  width: .56rem;
  position: absolute;
  top: -0.68rem;
  right: -0.43rem;
  transform: translateX(-50%);
}
.popup .close img{
  width: 100%;
}
.popup h3 {
  width: 100%;
  height: 1.36rem;
  text-align: center;
  font-size: .42rem;
  letter-spacing: .01rem;
  border-radius: .3rem .3rem 0 0;
  color: #fff;
  font-weight: bold;
  background: url(../images/popup_btn_bg.png) no-repeat center / 100%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto;
}
.popup-m {
  width: 100%;
  height: 5.08rem;
  margin: 0 auto;
  padding: 0 0 .4rem;
  box-sizing: border-box;
  text-align: center;
  background: #ffffff;
  border-radius:0 0 .3rem .3rem;
  border-top: none;
}
.popup-m p {
  width: 100%;
  text-align: center;
  line-height: 0.36rem;
  margin: 0 auto;
  font-size: .24rem;
  color: #333333;
  text-align: center;
  margin-top: -0.08rem;
}
.popup-m img {
  width: 5.24rem;
}
.popBtn {
  width: 4.29rem; height: .84rem; line-height: 0.84rem; border-radius: .43rem; margin: .3rem auto 0;
  font-size: .32rem; color: #fff; display: flex; align-items: center; justify-content: center;
  background: url(../images/pop_btn_bg.png) no-repeat center / 100%;
  box-shadow: 0 .02rem .1rem #00000057; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.36rem;
}
.popBtn span{
  display: block; width: 100%; height: 100%; font-size: .32rem; font-weight: 600; 
background: linear-gradient(to bottom, #d2ccc2, #ffd786);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 .04rem 0 #06183f);
}