#web-main {
  width: 100%;
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.align-self-center{
  align-self: center;
}
.color_ba8654{
  color: #ba8654;
}

.color_fff{
  color: #fff;
}
.color_ffcdb5{
  color: #ffcdb5;
}
.color_feecc0{
  color: #feecc0;
}
.color_ffd0bb{
  color: #ffd0bb;
}
.color_edb987{
  color: #edb987;
}
.color_f4cfa4{
  color: #f4cfa4;
}
.color_f1cda5{
  color: #f1cda5;
}
.color_ffeec4{
  color: #ffeec4;
}
.color_f2ba90{
  color: #f2ba90;
}
.color_b5401c{
  color: #b5401c;
}
.color_ffef83{
  color: #ffef83;
}
.color_ffdeb4{
  color: #ffdeb4;
}
.color_fdd796{
  color: #fdd796;
}
.page{ overflow: hidden; }
.oh{ overflow: hidden; }
.pl{ padding-left: 1.6em; }
.fzs50 span{float:left; width:200%; margin-left:-50%;  -webkit-transform:scale(0.5);  transform:scale(0.5); }
.t_center{top: 50%;transform: translateY(-50%);}
.z-index{z-index: 3;}
.t0{top: 0;}
.flex1{flex: 1;}
.flex-wrap{ display: flex !important; flex-wrap: wrap;}
.flex-ac{ display: flex !important; align-items: center;}
.flex-cc{ display: flex !important; align-items: center; justify-content: center;}
.user_box{ height: .68rem; border-radius: .68rem; top:.36rem; right:.4rem;z-index:666; padding: 0 .20rem; background-color: rgba(255, 255, 255, 0.1); font-size: .22rem; color: #fff;}
.user_box a{color: #fff;}
.user_box p a{color: #ffe17b; text-decoration: underline;}
.user_box .userInfo{display: none;}
.user_box .userInfo a{color: #ffe17b; }
.user_box.active .userInfo{display: block;}
.user_box.active p{display: none;}
.page .title{
  width: 6.34rem;
  left: 50%;
  margin-left: -3.17em;
  top: 1.2rem;
}
.page .mousetips{
  width: 4.47rem;
  left: 50%;
  margin-left: -2.23rem;
  bottom: .28rem;
  -webkit-animation: b_t 2s ease-in-out 0s infinite;
  animation: b_t 2s ease-in-out 0s infinite;
}
@keyframes b_t{
  0% {
    -o-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  50% {
      -o-transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
  }
  100% {
      -o-transform: translateY(20px);
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      opacity: 0;
  }
}

/* tag: */
.page0{
  background: url(/Public/special/m/images/10zn/bg.jpg) no-repeat local top #22212f;
  background-size: 100% 16.25rem;
}
.page0 .gift{ 
  width:1.93rem; 
  height: 2.16rem; 
  top: 50%; 
  right: 0; 
  margin-top: -1.08rem; 
}
.page0 .gift img{
  -webkit-animation: slMinCss 2s ease-out infinite; 
  animation: slMinCss 2s ease-out infinite;
}
.page0 .gift i{ 
  top:.28rem; 
  width:.31rem; 
  height:.31rem; 
  right:0; 
  background: url(/Public/special/m/images/10zn/icon1.png) no-repeat center center; 
  background-size: .21rem .21rem;
}
.page0 .logo{
  width: 2.38rem;
  height: .83rem;
  background: url(/Public/special/m/images/7zn/0/logo.png) no-repeat;
  background-size: 100%;
  left: .24rem;
  top: .32rem;
}
.page0 .slogan{
  top: 1.1rem;
}
/* tag: */
.page1{
  background: url(/Public/special/m/images/10zn/1/bg.jpg) no-repeat center center;
  background-size: 100% 16.25rem;
}
.page1 .lantern_box{
  width: 100%;
  background-size: 100%;
  left: 0;
  top: 3.14rem; 
}
.page1 .lantern_wp{
  min-height: 4rem;
}
.page1 .lantern_box a:nth-child(1){
  width: 2.64rem;
  left: .31rem;
  top: .21rem;
}
.page1 .lantern_box a:nth-child(2){
  width: 2.73rem;
  left: 2.17rem;
  top: 0;
}
.page1 .lantern_box a:nth-child(3){
  width: 2.17rem;
  left: 5.1rem;
  top: .33rem;
}
.page1 .lantern_box a:nth-child(4){
  width: 2.56rem;
  left: .48rem;
  top: 2.68rem;
}
.page1 .lantern_box a:nth-child(5){
  width: 2.17rem;
  left: 2.8rem;
  top: 2.42rem;
}
.page1 .lantern_box a:nth-child(6){
  width: 2.73rem;
  left: 4.56rem;
  top: 3rem;
}
.page1 .lantern_box a:nth-child(7){
  width: 2.64rem;
  left: .45rem;
  top: 5.24rem;
}
.page1 .lantern_box a:nth-child(8){
  width: 2.56rem;
  left: 2.57rem;
  top: 4.85rem;
}
.page1 .lantern_box a:nth-child(9){
  width: 2.73rem;
  left: 4.48rem;
  top: 5.44rem;
}
.page1 .lantern_box a:nth-child(10){
  width: 2.64rem;
  left: 1.44rem;
  top: 7.47rem;
}
.page1 .lantern_box a:nth-child(11){
  width: 2.17rem;
  left: 3.68rem;
  top: 7.47rem;
}
@keyframes lanternFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-0.16rem); }
}
.page1 .lantern_wp > a {
  animation: lanternFloat 5s ease-in-out infinite;
}
/* tag: */
.page2{
  background: url(/Public/special/m/images/10zn/2/bg.jpg) no-repeat center top #f57f80;
  background-size: 100% 16.25rem;
}
.page2 .container{
  top: 3.14rem
}
.page2 .container .r1{
  width: 5.24rem;
  left: 1.46rem;
  top: .36rem;
}
.page2 .container .btn_group{
  top: 6rem;
}
.page2 .container .btn_group a{
  height: 5.66rem;
  margin: 0 .1rem;
}

/* tag: */
.page3{
  background: url(/Public/special/m/images/10zn/3/bg.jpg) no-repeat center top #f57f80;
  background-size: 100% 16.25rem;
}
.page3 .container-wp{
  top: 4.43rem;
  padding: 0 .5rem;
  justify-content: center;
}
.page3 .container-wp a{
  width: 1.6rem;
  height: 2.16rem;
  margin: 0 .18rem .26rem;
}
.page3 .container-wp a.mleft{
  margin: 0 .18rem .44rem 1rem;
}
.page3 .container-wp a.mright{
  margin: 0 1rem .44rem .18rem;
}
/* tag: */
.page4{
  background: url(/Public/special/m/images/10zn/4/bg.jpg) no-repeat center top #f57f80;
  background-size: 100% 16.25rem;
}
.page4 .container-wp{
  height: 7.82rem;
  background: url(/Public/special/m/images/10zn/4/mbg.png) no-repeat;
  background-size: 100% 100%;
  top: 2.6rem;
}
.page4 .zbox{
  display: none;
}
.page4 .tag{ 
  padding: 0 .06rem .48rem;
  width: .37rem; 
  font-size: .24rem; 
  height: 1.76rem;
  right: 1.45rem;
  top: 1.85rem;
  background: url(/Public/special/m/images/10zn/4/n.png) no-repeat;
  background-size: 100%; 
  line-height: .3rem; 
  color: #fff; 
  box-sizing: content-box; 
  text-align: center; 
}
.zbox-pd{
  padding: 0 .2rem;
}
.tag-text{
  line-height: .3rem;
  font-size: .24rem;
  color: #e0706b;
  text-align: center;
}


.page4 .btn_switch{  top: 9.5rem; padding-left: .34rem; }
.page4 .btn_switch a{
  width: 1.32rem; 
  height: 1.32rem; 
  float: left;  
  background: url(/Public/special/m/images/10zn/4/n1.png) no-repeat center center; 
  background-size: 1.86rem 1.85rem; 
  margin-left: .02rem;
  color: #e0706b; 
}
.page4 .btn_switch a:nth-child(2),.page4 .btn_switch a:nth-child(4){
  margin-top: .69rem;
}
.page4 .btn_switch a:nth-child(3){
  margin-top: 1.03rem;
}
.page4 .btn_switch a::after{
  position: absolute;
  content: "";
  opacity: 0;
  background: url(/Public/special/m/images/10zn/4/n2.png) no-repeat;
  background-size: 100% 100%;
  width: 1.86rem;
  height: 1.85rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.page4 .btn_switch a label{
  flex-direction: column;
  z-index: 2;
  position: relative;
  cursor: pointer;
  text-align: center;
  padding-top: .3rem;
}
.page4 .btn_switch a label p{
  font-size: .32rem;
  height: .2rem;
}
.page4 .btn_switch a label p span{
  margin-top: -.06rem;
}
.page4 .btn_switch a label h3{
  font-size: .24rem;
  font-weight: bold;
  margin-top: .06rem;
}
.page4 .btn_switch a.active{ color: #fff; }
.page4 .btn_switch a.active::after{
  opacity: 1;
}

/* tag: */
.page5{
  background: url(/Public/special/m/images/10zn/5/bg.jpg) no-repeat center top #986655;
  background-size: 100% 16.25rem;
}
.page5 .ctx{
  height: 10.5rem;
  top: 3.35rem;
}
.page5 .ctx .btn_group1{
  top: 0;
  left: .48rem;
}
.page5 .ctx .btn_group1 a{
  margin-right: .42rem;
}
.page5 .ctx .cj_box {width: 100%;height: 6.75rem; top: 3.33rem; background: url(/Public/special/m/images/7zn/5/a_frame1.png) no-repeat; background-size: 100%; text-align: center;font-size: .18rem; color: #fff;}
.page5 .ctx .cj_box ul{width: 5.02rem; height: 5.02rem; margin: .52rem 0 0 1.63rem;}
.page5 .ctx .cj_box li{width: 1.62rem; height: 1.62rem;background: url(/Public/special/images/7zn/5/a_frame2.png) no-repeat; background-size: 100%; }
.page5 .ctx .cj_box li.active{background: url(/Public/special/images/7zn/5/a_frame2_on.png) no-repeat; background-size: 100%; }
.page5 .ctx .cj_box li p{width: 1.62rem; height: .28rem; line-height: .28rem; top: 1.07rem; background: url(/Public/special/images/7zn/5/a_frame3.png) no-repeat; background-size: 100%; }
.page5 .ctx .cj_box .btn_cj{width: 1.54rem; height: 1.54rem;background: url(/Public/special/images/7zn/5/a_bg_cj.png) no-repeat; background-size: 100%; }
.page5 .ctx .cj_box .btn_cj:hover{background: url(/Public/special/images/7zn/5/a_bg_cj_on.png) no-repeat; background-size: 100%; }
.page5 .ctx .cj_box .btn_cj img{margin-top: .40rem; }
.page5 .ctx .cj_box .btn_cj p{margin-top: .15rem; color: #fff;}
.page5 .ctx .cj_box li img{
  height: 1.2rem;
  margin-top: -.1rem;
}
.page5 .ctx .btn_group2{
  right: .21rem;
  top: 2.85rem;
}
.page5 .ctx .fx_box{
  top: 9.9rem;
  font-size: .22rem;
  color: #fff;
}
.page5 .ctx .fx_box p{
  letter-spacing: .02rem;
}

.l0{left: 0;}
.t0{top: 0;}
.r0{right:0;}
.b0{bottom:0;}
.lt0 {  left: 0;  top: 0;}
.rt0 { right: 0; top: 0;}
.lb0 {  left: 0;  bottom: 0;}
.rb0 {  right: 0;  bottom: 0;}


/* tag:弹窗: */
.pop_win{
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 99;
}

.pop_win .pop_box.min{
  width: 7.49rem;
  height: 6.87rem;
  background: url(/Public/special/m/images/7zn/pop/bg_min.png) no-repeat;
  background-size: 100%;
  padding: .77rem 1.1rem 0;

}
.pop_win .pop_box.max{
  width: 7.49rem;
  height: 9.04rem;
  background: url(/Public/special/m/images/7zn/pop/bg_max.png) no-repeat;
  background-size: 100%;
  padding: .85rem .9rem 0 1.2rem;
}

.pop_win .pop_box p{
  padding-top: .05rem;
  line-height: .4rem;
}

#lb_win .pop_box{
  width: 6.91rem;
  height: 10.64rem;
  background: url(/Public/special/m/images/7zn/pop/bg.png) no-repeat;
  background-size: 100%;
  padding: .8rem .3rem 0 .3rem;
  color: #b5876c;
  text-align: center;
}
#lb_win .pop_box h2{
  color: #e97b50;
  width: 3.8rem;
  height: .65rem;
  background: url(/Public/special/m/images/7zn/pop/bg_title.png) no-repeat;
  background-size: 100%;
  text-align: center;
  margin-left: -.4rem;
  line-height: .3rem;
}
#lb_win .pop_box ul{flex-wrap: wrap; width: 6.2rem;}
#lb_win .pop_box ul li{ width:1.86rem; height:1.83rem;  background: url(/Public/special/images/7zn/a_frame1.png) no-repeat; background-size: 100%; margin: .28rem .21rem; }
#lb_win .pop_box ul li:nth-child(n+3){ margin: .28rem .02rem; }
#lb_win .pop_box ul li p{width: 100%; bottom: -.4rem; white-space: nowrap;}
#lb_win .pop_box #lb_code{width: 5.10rem; height: .76rem; line-height: .76rem; border-radius: .76rem; font-size: .46rem; margin-top: .70rem; margin-bottom: .15rem; background-color: #f2e9d3; border: .01rem solid #e6d6ab;}
#lb_win .pop_box #lb_code::after{ content: "礼包码"; position: absolute; left: -.4rem; top: -.07rem; width: .88rem; height: .32rem; line-height: .32rem; border-radius: .32rem .32rem 0 .32rem; font-size: .18rem; background-color: #f78955; color: #fff;}
#lb_win .pop_box .btn_copy{ width:3.54rem; height:.88rem;  background: url(/Public/special/images/7zn/a_btn_copy.png) no-repeat; background-size: 100%; margin-top: .6rem;}

#rule_pop .pop_box{
  width: 6.91rem;
  height: 10.64rem;
  background: url(/Public/special/m/images/7zn/pop/bg.png) no-repeat;
  background-size: 100%;
  padding: .8rem .3rem 0 .8rem;
  color: #a06345;
}
#rule_pop p span{color: #f6613f;display: contents;}

#rule_pop .pop_box h2{
  color: #e97b50;
  width: 3.8rem;
  height: .65rem;
  background: url(/Public/special/m/images/7zn/pop/bg_title.png) no-repeat;
  background-size: 100%;
  text-align: center;
  margin-left: -.4rem;
  line-height: .3rem;
  font-weight: bold;
}
#rule_pop .pop_box h3{
  color: #fff;
  height: .36rem;
  line-height: .36rem;
  border-radius: .36rem;
  background-color: #e97b50;
  width: fit-content;
  padding: 0 .2rem;
  font-size: .24rem;
  margin-top: .3rem;
}
#rule_pop .pop_box .text{
  height: 8.5rem;
  overflow: auto;
  padding-bottom: .5rem;
  padding-right:.3rem;
}

#rule_pop .pop_box .text img{ width:100%; margin:.15rem 0;}

#rule_pop .pop_box p{
  width: 100%;
}

#rule_pop .pop_arrow{
  width: 1.73rem;
  height: .88rem;
  top: 4.4rem;

}

#rule_pop .pop_left{
  background: url(/Public/special/m/images/7zn/pop/btn_left.png) no-repeat;
  background-size: 100%;
  left: 0;
}

#rule_pop .pop_right{
  background: url(/Public/special/m/images/7zn/pop/btn_right.png) no-repeat;
  background-size: 100%;
  right: 0;
}

.pop_exit{
  width: .64rem;
  height: .64rem;
  background: url(/Public/special/m/images/7zn/pop/x.png) no-repeat;
  background-size: 100%;
  top: -.8rem;
}

#invite_win .btn1{
  width: 3.49rem;
  height: .76rem;
  background: url(/Public/special/m/images/7zn/pop/btn1.png) no-repeat;
  background-size: 100%;
}
#invite_win .btn1.hover{
  width: 3.49rem;
  height: .76rem;
  background: url(/Public/special/m/images/7zn/pop/btn1_hover.png) no-repeat;
  background-size: 100%;
}

#invite_win .btn2{
  width: 3.49rem;
  height: .76rem;
  background: url(/Public/special/m/images/7zn/pop/btn2.png) no-repeat;
  background-size: 100%;
}
#invite_win .btn2.hover{
  width: 3.49rem;
  height: .76rem;
  background: url(/Public/special/m/images/7zn/pop/btn2_hover.png) no-repeat;
  background-size: 100%;
}

.pop_win .pop_box .btn3{
  width: 3.49rem;
  height: .76rem;
  background: url(/Public/special/m/images/7zn/pop/btn3.png) no-repeat;
  background-size: 100%;
  bottom: .65rem;
}

.pop_win .pop_box .btn3.hover{
  width: 3.49rem;
  height: .76rem;
  background: url(/Public/special/m/images/7zn/pop/btn3_hover.png) no-repeat;
  background-size: 100%;
}

.pop_win .pop_box input,.pop_win .pop_box textarea,.pop_win .pop_box select{
  width: 5.23rem;
  height: .83rem;
  border-radius: .83rem;
  margin-top: .23rem;
  padding: .17rem .3rem;
  color: #ffdeb4;
  font-size: .3rem;
  background-color: #ad441f;
  border: none;
}
.pop_win .pop_box textarea{
  border-radius: .43rem;
  height: 1.21rem;
}
.pop_win .pop_box input::placeholder,.pop_win .pop_box textarea::placeholder{
  font-size: .22rem;
  color: #e49154;
}

#bind_win h2{
  margin-top: -.3rem;
}

#bind_win input{
  margin-top: .2rem;
}

#bind_win input::placeholder{
  text-align: center;
  font-size: .3rem;
}

#bind_win .btn3{
  bottom: .5rem;
}
#bind_win span {width: 0; height: 0; border: .3rem solid transparent; border-top-color: #fac25b;right: .3rem;  top: .5rem; pointer-events: none;}

#replace_win a {color: #fff;}
#replace_win .btn_add {width: 1.93rem; height: .48rem; border-radius: .48rem; line-height: .46rem;text-align: center;border: 1px solid #e3725c;}
#replace_win .rid_list {height: 2.20rem;}
#replace_win .rid_list a{width: .92rem; height: .38rem; line-height: .36rem; border-radius: .38rem; border: 1px solid #e3725c; color: #505050; text-align: center;}
#replace_win .rid_list a::after{content: "切换"; }
#replace_win .rid_list a.active::after{content: "当前"; }
#replace_win .rid_list a.active{background-color: #e3725c; color: #fff;}

.bind_phone .btn3{
  bottom: .9rem;
}
.bind_phone input{
  margin-top: .34rem;
}
.bind_phone input::placeholder{
  font-size: .3rem;
}
.bind_phone .getCode{
  width: 1.72rem;
  height: .58rem;
  line-height: .58rem;
  border-radius: .58rem;
  background-color: #e8b63f;
  bottom: .125rem;
  right: .125rem;
}

#prize_win .pop_box{
  width: 5.37rem;
  height: 5.36rem;
}
#prize_win .pop_box .bg{
  background: url(/Public/special/m/images/7zn/pop/bg2.png) no-repeat;
  background-size: 100%;
  animation: z 3.5s linear infinite;
  -webkit-animation: z 3.5s linear infinite;  
}

#prize_win .pop_box .pop_exit{ 
  width: .43rem;
  height: .43rem;
  background: url(/Public/special/m/images/7zn/pop/x2.png) no-repeat;
  background-size: 100%;
  right: .6rem;
  top: .7rem;
}
 #prize_win .pop_box .text{
  width: 7rem;
  height: .61rem;
  line-height: .61rem;
  background: url(/Public/special/m/images/7zn/pop/bg3.png) no-repeat;
  background-size: 100%;
  bottom: 1.23rem;
}
 #prize_win .pop_box .text span:nth-child(1){
  width: .61rem;
  height: 1.34rem;
  background: url(/Public/special/m/images/7zn/pop/icon1.png) no-repeat;
  background-size: 100%;
  margin-right: .2rem;
  margin-bottom: -.25rem;
  
}

 #prize_win .pop_box .btn3{
  width: 3.49rem;
  height: .76rem;
  background: url(/Public/special/m/images/7zn/pop/btn3.png) no-repeat;
  background-size: 100%;
  bottom: -.17rem;
}

#prize_win .pop_box .b-popbut4{
  background: url(/Public/special/m/images/7zn/pop/btn4.png) no-repeat;
  background-size: 100%;
  bottom: -.17rem;
}

 #prize_win .pop_box .b-popbut4.hover{
  background: url(/Public/special/m/images/7zn/pop/btn4_hover.png) no-repeat;
  background-size: 100%;
}

#prize_win .pop_box img{
  position: absolute;
  height: 1.5rem;
  top: 1.9rem;
  left: 50%;
  transform: translateX(-50%);
}
#prize_list .title {
  border-bottom: .01rem solid #983614;
  padding-bottom: .2rem;
}
#prize_list .title span{
  flex: 1;
}
#prize_list ul {
  height: 6.2rem;
  overflow: auto;
}
#prize_list ul li {
  height: .7rem;
  border-bottom: .01rem solid #983614;
}
#prize_list ul li span{
  flex: 1;
  position: relative;
}
#prize_list ul li span.state0::after{
  content: "已领取";
}
#prize_list ul li span.state1::after{
  content: "收件信息";
  display: block;
  background-color: #f4b343;
  width: 1.43rem;
  height: .48rem;
  border-radius: .48rem;
  line-height: .48rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #fff0de;
}
#prize_list ul li span.state2::after{
  content: "立即领取";
  display: block;
  background-color: #e49154;
  width: 1.43rem;
  height: .48rem;
  border-radius: .48rem;
  line-height: .48rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #fff0de;
}
#qcode{
  top:9rem;
  right:.26rem;
  width: 1.8rem;
  height: 1.8rem;
  padding: .1rem; 
  background: #fff;
}
.hb_box{
  width:6rem;
  height: 11.04rem;
}
.hb-text{
  line-height: .36rem;
  padding:.1rem 0 .3rem;
  opacity: .8;
}

.an-scaleLoop{
  animation: scaleLoop 2s linear infinite;
  -webkit-animation: scaleLoop 2s linear infinite;  
}
@-webkit-keyframes scaleLoop {
  0% {
      -webkit-transform: scale(1);
  }
  50% {
      -webkit-transform: scale(1.2);
  }
  100% {
      -webkit-transform: scale(1);
  }
}
@keyframes scaleLoop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}


/* tag: */
@media only screen and (max-height: 800px), only screen and (max-device-height:800px) {
  .user_box{top: .2rem;}
  .page .title{
    top: .8rem;
  }
  .page .container{
    top: 2.5rem;
    transform: scale(.92);
  }
  .page2 .zbox1{
    zoom: .85;
  }
  .page3 .ctx{
    top: 3.4rem;
  }
  .page4 .zbox1 .skill_box{
    bottom: 7.5rem;
  }
  .page4 .zbox1{
    zoom: .95;
  }
  .page4 .zbox2{
    zoom: .95;
  }
  .page4 .zbox2 .ws_skill_box{
    bottom: 7.6rem; 
  }
  .page4 .zbox4{
    zoom: .95;
  }
  .page4 .zbox4 .st_skill_box{
    bottom: 7.6rem; 
  }
  .page5 .ctx{
    top: 2.2rem;
    zoom: .95;
  }
}

.fz14{ font-size:.28rem;}
#popOtt{ z-index:9002; width:100%; height:100%; position:fixed; _position:absolute; left:0px; top:0px; display:none;}
#popOtt .pwin_bg{width: 100%;height: 100%; background: #000; }
#popOtt .pwin_bg img{ position:absolute; width:1rem; height:1.61rem; left:50%; margin-left:-.5rem; margin-top:1.11rem; -webkit-animation: bzCss 2.6s linear 0s infinite; animation: bzCss 2.6s linear 0s infinite;}
#popOtt .pwin_bg p{ text-align:center; padding-top:2.92rem; height:.32rem; overflow:hidden;color:#fff;}
#popOtt .pwin_bg span{ font-size:.32rem; line-height:.64rem; margin-top:-.16rem;}

.current.an-downUpCss,.current .an-downUpCss{
	opacity:1;
  animation: downUpCss 3s linear infinite;
  -webkit-animation: downUpCss 3s linear infinite;  
}