@charset "utf-8";
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;list-style: none;}
area{outline:none;}
img{ border:0;}
input{ -webkit-appearance: none; outline: none; border-radius: 0;border: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.f_left{ float: left; }
.f_right{ float: right; }
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.ovf{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.scroll::-webkit-scrollbar  { width: 10px;  height: 6px;  background-color:#d8dedb; border-radius: 5px; -webkit-border-radius: 5px; }   
.scroll::-webkit-scrollbar-track  {    background-color: #d8dedb; border-radius: 5px; -webkit-border-radius: 5px; }  
.scroll::-webkit-scrollbar-thumb  {
     /* -webkit-box-shadow: inset 0 0 0.6px rgba(0,0,0,.3);   */
     background-color: #679183; border-radius: 5px; -webkit-border-radius: 5px; } 
html{
       /* position:fixed;
  */
       height:100%;
 
       width:100%;
 
} 
/* .box{width: 100%;height: 100%; overflow: hidden; position: fixed;z-index:  0;top: 0;} */
body {background: #bad1fc;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#000;margin: 0 auto; padding: 0;
  
  overflow: auto;
  
 
     height: 100%;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none !important;       }
  ::-webkit-scrollbar{width:10px;height:10px;background-color:#939493;border-radius:5px;}
::-webkit-scrollbar-track{background-color: transparent;}
::-webkit-scrollbar-thumb{border-radius:5px; background-color:#484848;} 
/* ::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);} */
::-webkit-scrollbar-thumb:active{background-color:#484848;}
::-webkit-scrollbar-track-piece{margin: 0;}
.container{position: relative;z-index: 1;overflow-x: hidden;width:100%; height:100%; transform-origin:0 0; -webkit-transform-origin:0 0;}
.top-col{position: absolute;top:0;left:0;width: 100%;height: 0.9rem;z-index: 10000; transform: translateZ(1.2rem);}
.logo{position: absolute;left: 0.1rem;top:0.05rem;z-index: 10033;}
.logo img{width: 1.77rem;}


 .content{width: 13.2rem;margin: 0 auto;height: inherit;position: relative;overflow: hidden;}
.logo{ display:block; width: 1.16rem; height: 2.14rem; position: absolute; left: 0;   top:0.2rem; background: url(../images/logo.png) no-repeat center top;background-size:100% ;  z-index: 3;position: absolute;  }
.logo.logo2{margin: 0 0 0 -520px;}
/***login****/
.login{ padding: 0 0 0 0.2rem;width:4rem;height: 0.5rem; color: #fff; font-size: 0.18rem; position: absolute; left: 50%;margin: 0 0 0 2rem; top:0.2rem; text-align: right;   line-height: 0.5rem; z-index: 100;background: rgba(0,0,0,0.5);border-radius: 10rem;}
.login .before{ display:none; text-align: center;}
.login .before a{ font-size: 0.18rem;color: #f9d37a; font-weight: bold; cursor: pointer; width: 1.17rem;height: 0.5rem;line-height: 0.5rem;   overflow: hidden;  }
.login .after{color: #fff; display: inline-block;text-align: center; height: 0.5rem;line-height: 0.5rem;}
.login .after a{color: #f9d37a;  cursor: pointer;margin: 0 5px 0 10px; width: 1rem;height: 0.5rem;  display: inline-block;overflow: hidden; vertical-align: middle;}
.userName{color: #fff;}
.page1 {
     background: #b4c3ea url(../images/index.jpg) center top no-repeat;
     background-size:auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: relative;
     z-index: 2;
     
}
.page2 {
     background: #b4c3ea url(../images/page2.jpg) center top no-repeat;
     background-size: auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: relative;
     z-index: 2;

}
.group {
     width: 12.7rem;
     margin: 0 auto 0;
     background: url(../images/groupbg.png) center top no-repeat;
     background-size: 100%;
}

.group li {
     width: 3.0rem;
     height: 6.6rem;
     display: inline-block;
     margin: 0 0.05rem 0;
     overflow: hidden;
}

.group li .teambox {
     width: 3rem;
     height: 4.6rem;
     margin: 2rem auto 0;
}

.group li .item {
     position: relative;
     background: url(../images/team_bg.png) no-repeat;
     background-size: 100%;
     width: 100%;
     width: 2.74rem;
     height: 1.07rem;
     margin: 0 auto 0.3rem;
}

.group li .item.on {
     background: url(../images/team_bg_on.png) no-repeat;
     background-size: 100%;
}

.group li .t_name {
     font-size: 0.36rem;
     font-weight: bold;
     width: 100%;
     position: absolute;
     top: 0.1rem;
     text-align: center;
}

.group li .t_server {
     font-size: 0.22rem;
     font-weight: bold;
     color: #fff;
     position: absolute;
     width: 100%;
     text-align: center;
     top: 0.67rem;
}
.page3 {
     background: #b4c3ea url(../images/page3.jpg) center top no-repeat;
     background-size: auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: relative;
     z-index: 2;

}
.notice {
     width: 5.33rem;
     height: 5.85rem;
     background: url(../images/notice_bg.png) center top no-repeat;
     background-size: 100%;
     position: absolute;
     right: 1rem;
     z-index: 2;
}

.notice .box {
     width: 5rem;
     height: 0.68rem;
     margin: 0.2rem auto 0;
}

.notice .txt {
     font-size: 0.22rem;
}

.notice .txt h3 {
     font-size: 0.3rem;
     text-align: center;
     color: #fff;
     margin: 0.1rem auto 0;
}

.notice .txt p {
     text-align: left;
     color: #fff;
     width: 4.5rem;
     margin: 0.1rem auto 0;
}

.notice .txt p span {
     color: red;
}

.btn_zhichi {
     width: 2.43rem;
     height: 0.66rem;
     background: url(../images/btn_zhichi.jpg) center top no-repeat;
     background-size: 100%;
     display: inline-block;
}

.btn_view_prize {
     width: 2.43rem;
     height: 0.66rem;
     background: url(../images/btn_view_prize.jpg) center top no-repeat;
     background-size: 100%;
     display: inline-block;
}

.btn_try {
     width: 3.3rem;
     height: 0.78rem;
     background: url(../images/btn_try.jpg) center top no-repeat;
     background-size: 100%;
     position: absolute;
     left: 50%;
     margin: 0 0 0 -1.65rem;
     bottom: 1.3rem;
     z-index: 3;
}

.btn_try .times {
     color: #fff;
     position: absolute;
     bottom: -0.5rem;
     width: 100%;
     text-align: center;
}

.btn_info2 {
     width: 1.38rem;
     height: 1.24rem;
     background: url(../images/btn_info2.png) center top no-repeat;
     background-size: 100%;
     position: absolute;
     right: 1rem;
     top: 0.5rem;
     z-index: 3;
}
.btn_wait {
     width: 2.69rem;
     height: 0.72rem;
     background: url(../images/btn_waite.png) center top no-repeat;
     background-size: 100%;
     display: inline-block;
}
.btn_confirm {
     width: 2.69rem;
     height: 0.72rem;
     background: url(../images/btn_confirm.png) center top no-repeat;
     background-size: 100%;
     display: inline-block;
}
.btn_understand {
     width: 3.99rem;
     height: 1.03rem;
     background: url(../images/btn_understand.png) no-repeat;
     display: inline-block;
     background-size: 100%;  
}
.btn_understand_no {
     width: 3.99rem;
     height: 1.03rem;
     background: url(../images/btn_understand_no.png) no-repeat;
     display: inline-block;
     background-size: 100%;
}
.zhuozi {
     width: 14rem;
     height: 4rem;
     background: url(../images/zhuozi.png) center top no-repeat;
     background-size: 100%;
     position: absolute;
     bottom: 0;
     left: 50%;
     margin: 0 0 0 -7rem;
}

.chouqian {
     width: 2.12rem;
     height: 5rem;
     background: url(../images/chouqian.png) center top no-repeat;
     background-size: 100%;
     position: absolute;
     top: -3rem;
     left: 50%;
     margin: 0 0 0 -1.5rem;
     z-index: 3;
}
.chouqian.act{animation: shake .2s infinite both;
     -wekbit-animation: shake .2s infinite both;
     -ms-animation: shake .2s infinite both;}
.page4 {
     background: #b4c3ea url(../images/page4.jpg) center top no-repeat;
     background-size: auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: relative;
     z-index: 2;

}
.page4 .btn{width: 0.8rem;height: 2.1rem;background:  url(../images/map.png) center top no-repeat;position: absolute;
     background-size:100%;}
.page4 .btn.on{background:   url(../images/map_on.png) center top no-repeat;background-size: 100%;}
.page4 .btn.end {
     background: url(../images/map_end.png) center top no-repeat;
     background-size: 100%;
}
.b_qigai{left: 50%;margin: 0 0 0 -2.8rem;}
.page4 .b_suanming,.page4 .b_suanming.end {
     left: 50%;
     margin: 0 0 0 -0.8rem;
     background-position:0 -2.1rem ;top: 1rem;
}
.page4 .b_shuhua,.page4 .b_shuhua.end {
     left: 50%;
     margin: 0 0 0 1rem;
     background-position: 0 -4.2rem;
     top: 1.4rem;
}
.page4 .b_maibao,.page4 .b_maibao.end {
     left: 50%;
     margin: 0 0 0 0.1rem;
     background-position: 0 -6.26rem;
     top: 4rem;
}
.page4 .b_buzhuang,.page4 .b_buzhuang.end {
     left: 50%;
     margin: 0 0 0 2.2rem;
     background-position: 0 -8.33rem;
     top: 5rem;
}
.kuang{width: 13.16rem;height: 1.89rem;background: #b4c3ea url(../images/kuang.png) center top no-repeat;
     background-size: auto 100%;position: absolute;bottom: 0.5rem;left: 50%;margin: 0 0 0 -6.58rem;}
.kuang .next{width: 0.32rem;height: 0.32rem;background:   url(../images/next.png) center top no-repeat;
     background-size: auto 100%;position: absolute;right: 0.2rem;bottom: 0.2rem;}
.btn_back{width: 2.29rem;height: 0.79rem;background:  url(../images/btn_back.png) center top no-repeat;
     background-size: 100%;position: absolute;right: 0.2rem; display: block;top: -0.6rem;}
.btn_thanks {
     width: 2.29rem;
     height: 0.79rem;
     background: url(../images/btn_thanks.png) center top no-repeat;
     background-size: 100%;
     position: absolute;
     right: 0.2rem;
     display: block;
     top: -0.4rem;
}
.kuang p{width: 12.1rem;height: 1.5rem;margin: 0.2rem auto 0 0.3rem;color: #e8d6b3;font-size: 0.24rem;position: relative;display: none;}
.kuang p .red{color: red;}
.pageqigai {
     background:  url(../images/page4-qigai.jpg) center top no-repeat;
     background-size: auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: absolute;top: 0;
     z-index: 2;

}
.bigcover{width: 100%;height: 100%;position: absolute;z-index: 99;top: 0;left: 0;display: none;}
.bigimg{width: 9rem; position: absolute;top: 0.8rem;left: 50%;margin: 0 0 0 -5.5rem; }
.bigimg img{width: 100%;}
.giftbox{width: 7.9rem;height: 7.9rem;background:   url(../images/giftbox.png) center top no-repeat;display: none;
     background-size: auto 100%;position: absolute;text-align: center;}
.giftbox .bimg{position: absolute;top: 1.1rem;z-index: 2;display: none;width: 12rem;left: -3rem;}
.giftbox .bimg img{width: 100%;}
.giftbox .b_img {
     position: absolute;
     top: 1.2rem;
     z-index: 2;
   
}

.giftbox .b_img img {
     width: 100%;
}
.giftbox .img {
  
     background: url(../images/imgbg.png) center top no-repeat;
     background-size: auto 100%;width: 2.2rem;
          height: 2.2rem;margin: 2.55rem auto 0;
               display: inline-block; vertical-align: top;
}
.pageqigai .giftbox,.pagemaibao .giftbox,
.pagesuanming .giftbox{right: 0;top: -1rem;}
.pagesuanming .btn_box{width: 9rem;position: absolute;right: 0;
top: 5.5rem; display: none;}
.pageqigai .giftbox .img{position: relative; }
 .giftbox .img img{width: 100%;}
.pageshuhua {
     background: url(../images/page4-shuhua.jpg) center top no-repeat;
     background-size: auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: absolute;top: 0;
     z-index: 2;

}
.pagebuzhuang {
     background: url(../images/page4-buzhuang.jpg) center top no-repeat;
     background-size: auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: absolute;
     z-index: 2;top: 0;

}
.pagemaibao {
     background: url(../images/page4-maibao.jpg) center top no-repeat;
     background-size: auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: absolute;
     z-index: 2;top: 0;

}
.pagechanyuan,.pagechanyuan2,.pagechanyuan3 {
     background: url(../images/page4-chanyuan.jpg) center top no-repeat;
     background-size: auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: absolute;
     
     z-index: 2;top: 0;

}
.pagechanyuan .tips{width: 3.3rem;left: 50%;top: 1rem;
     margin: 0 0 0 -1.65rem;height: 0.56rem;background: url(../images/tips.png) center top no-repeat;position: absolute;
     background-size: auto 100%;}
.pagechanyuan2 .tips {
     width: 3.3rem;
     left: 50%;
     top: 1rem;
     margin: 0 0 0 -1.65rem;
     height: 0.56rem;
     background: url(../images/result_dj.png?v=1) center top no-repeat;
     position: absolute;
     background-size: auto 100%;
}
.pagechanyuan3 .tips {
     width: 3.3rem;
      
     top: 1rem;
     margin: 0 auto 0;
     height: 0.56rem;
     background: url(../images/result_cs.png) center top no-repeat;
      
     background-size: auto 100%;
}
.pagechanyuan3 .btn_back,.pagechanyuan2 .btn_back{position: relative;right: auto;top: auto;margin: 0 auto;}
.pagechanyuan .btn_box{position:absolute;left: 0.5rem;top: 3.8rem;margin: 0;width: 7rem;}
.pagechanyuan .giftbox .img,.pagechanyuan2 .giftbox .img,.pagechanyuan3 .giftbox .img{margin: 1.55rem auto 0;}
.pagesuanming {
     background: url(../images/page4-suanming.jpg) center top no-repeat;
     background-size: auto 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     position: absolute;
     z-index: 2;top: 0;

}
.beginbox{width: 13.28rem;height: 1.34rem;background: url(../images/begin_time.png) no-repeat;
     background-size: 100%;position: absolute;top: 6rem;left: 50%;margin: 0 0 0 -6.64rem;}
.btn_enter{width: 5.45rem;height: 1.08rem;background: url(../images/btn_enter.png) no-repeat;
     background-size: 100%;top: 4.8rem;left: 50%;margin: 0 0 0 -2.72rem;position: absolute;}
.btn_rule{width: 2rem;height: 0.44rem;background: url(../images/btn_rule.png) no-repeat;
     background-size: 100%;right: 0.2rem;position: absolute;top: 0.5rem;}
.bottom_box{width: 9.4rem;height: 1.05rem;position: absolute;bottom: 0.4rem;margin: 0 0 0 -4.7rem;left: 50%;}
.btn_jc{width: 4.54rem;height: 0.97rem;background: url(../images/btn_jc.png) no-repeat;display: inline-block;background-size:  100%;}     
.btn_jc.disable {
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: gray;
     -webkit-filter: grayscale(1);
}
.btn_ljcj {
     width: 4.54rem;
     height: 0.97rem;
     background: url(../images/btn_jc.png) no-repeat;
     display: inline-block;
     background-size: 100%;  
}
.btn_qy {
     width: 4.54rem;
     height: 0.97rem;
     background: url(../images/btn_qy.png) no-repeat;
     display: inline-block;background-size: 100%;
}
.btn_qy.disable{filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: gray;
     -webkit-filter: grayscale(1);}
.btn_gaozhi {
     width: 3.34rem;
     height: 0.85rem;
     background: url(../images/btn_gaozhi.png) no-repeat;
     display: inline-block;
     background-size: 100%;
}
.btn_yinman {
     width: 3.34rem;
     height: 0.85rem;
     background: url(../images/btn_yinman.png) no-repeat;
     display: inline-block;
     background-size: 100%;
}
.qiyu{width: 0.9rem;height: 4.4rem;background: url(../images/qiyu.png) no-repeat; 
     background-size: 100%;position: absolute;}
.qiyu.disable{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);}
.pop_fixed {
     display: none;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.7);
     z-index: 999;
}

.pop_fixed h2 {
     width: 100%;
     text-align: center;
     line-height: 0.5rem;
}

.popbox2 {
     width: 8.5rem;
     height: 4.46rem;
     background: url(../images/pop1.png) no-repeat 0 0;
     background-size: 100%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
}

.popbox2 .con {
     width: 9rem;
     margin: 0.1rem auto 0;
     color: #000;
    
     text-align: left;
     font-size: 0.2rem;
     line-height: 0.4rem;
     height: 4rem;
     overflow-y: auto;
}

.popbox2 .con span.red {
     color: red;
}

.popbox_b {
     width: 9.5rem;
     height: 6.2rem;
     background: url(../images/pop2.png) no-repeat 0 0;
     background-size: 100%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
}
.popbox_s {
     width: 10.5rem;
     height: 6.8rem;
     background: url(../images/pop2.png) no-repeat 0 0;
     background-size: 100%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
}
.prizelist {
     width: 7.6rem;
     background: #fbf8f2;
     border-radius: 0.05rem;
     overflow-y: auto;
     height: 3.8rem;
}

.prizelist li {
     width: 99%;
     height: 0.7rem;
     line-height: 0.7rem;
     margin: 0 auto 0;position: relative;
     border-bottom: 0.01rem solid #dcd6c7;
}

.prizelist li span {
     vertical-align: middle;
     display: inline-block;
     width: 1.5rem;
     overflow: hidden;
     margin: 0 0.1rem 0 0;
}
.prizelist li span.b {
     font-weight: bold;
     float: right;
}
.prizelist li span.name{
     width: 3.8rem;float: left;
}
.prizelist li span.n {
     width: 1rem;
     overflow: hidden;
     margin: 0 0rem 0 0;
     text-align: center;float: left;
}

.prizelist li span.t {
     width: 1.8rem;float: left;
}

.prizelist strong.long {

     width: 230px;
     padding-top: 0px;
}

.prizelist strong.card {
     width: 160px;
     cursor: pointer;
}

.prizelist li span.mailBtn {
     float: right;display: block;height: 0.7rem;
     width: 0.8rem; vertical-align: middle; 
}

.mailBtn a {
     display: inline;
     height: 0.7rem;
     overflow: hidden; 
     color: #af4123;
     background-size: 100%;
}
.mailBtn a.end{color:#20211c}
.copybtn {
     float: right;
     display: block;
     width: 130px;
     height: 48px;
     overflow: hidden;
     text-indent: -999px;
     background: url(../../images/copybtn.png) no-repeat 0 0;
     margin: 8px 0 0 0;
}
.close {
     position: absolute;
     top: 0.15rem;
     width: 0.76rem;
     height: 0.76rem;
     margin: 0 0 0 2.66rem;
     z-index: 110;
     right: 0.1rem;
     cursor: pointer;
     background: url(../images/close.png) no-repeat 0 0;
     background-size: 100%;
     opacity: 1;
}

/* pop*/
.popTitle {
     text-align: center;
     font-size: 0.4rem;font-weight: bold;
     margin: 0.3rem auto 0;
}
.popTitle img{width: 100%;}
.prize {
     font-size: 0.35rem;
     text-align: center;
     line-height: 0.6rem;
     margin: 0.2rem auto 0;
}

/* 绑定角色*/
#popFiex_bind {
     z-index: 101;
}

#popFiex_bind .popMain {
     text-align: center;
}

#popFiex_bind select {
     width: 3.3rem;
     height: 0.5rem;
     margin: 0rem auto 0.1rem 0.2rem;
     border: 1px solid #ccc;
     font-size: 0.18rem;
     color: #ccc;
     appearance: none;
     border-radius: 0.05rem;
     -moz-appearance: none;
     -webkit-appearance: none;
     outline: none;
     background: #fff;
     text-indent: 0.1rem; 
}
#popFiex_bind .con{width: 6rem;}
#popFiex_bind input,
#myAddressShow input {
     width: 5.3rem;
     height: 0.42rem;
     margin: 0rem auto 0.1rem;
     border: 1px solid #938651;
     font-size: 0.18rem;
     color: #000;
     appearance: none;
     border-radius: 0.05rem;
     -moz-appearance: none;
     -webkit-appearance: none;
     outline: none;
     background: #fff;
     text-indent: 0.1rem;
     float: left;
}

#myAddressShow textarea {
     width: 5.3rem;
     height: 0.84rem;
     margin: 0rem auto 0.1rem;
     border: 1px solid #938651;
     font-size: 0.18rem;
     color: #000;
     appearance: none;
     border-radius: 0.05rem;
     -moz-appearance: none;
     -webkit-appearance: none;
     outline: none;
     background: #fff;
     text-indent: 0.1rem;
     float: left;
}

#popFiex_bind select::-ms-expand {
     display: none;
}

.label {
     font-size: 0.24rem;
     color: #000;
     float: left;
     width: 1.5rem;
     line-height: 0.4rem;
     margin: 0 0.05rem 0 0;
}

 

.btn_cancel {
     width: 2.1rem;
     height: 0.56rem;
     background: url(../images/btn_cancel.png) no-repeat;background-size: 100%;
     display: inline-block;
     margin: 0.1rem 0.1rem 0;
     cursor: pointer;
}

.btn_vote {
     width: 2.1rem;
     height: 0.56rem;
     background: url(../images/btn_vote.png) no-repeat;background-size: 100%;
     display: inline-block;
     cursor: pointer;
     margin: 0.3rem auto 0;
     display: block;
}

.btn_again {
     width: 2.69rem;
     height: 0.72rem;
     background: url(../images/btn_again.png) no-repeat;background-size: 100%;
     display: inline-block;
     cursor: pointer;
     margin: 0.3rem auto 0;
}
.btn_huanyuan {
     width: 2.69rem;
     height: 0.72rem;
     background: url(../images/btn_huanyuan.png) no-repeat;
     background-size: 100%;
     display: inline-block;
     cursor: pointer;
     margin: 0.3rem auto 0;
}
.btn_rwcj {
     width: 2.69rem;
     height: 0.72rem;
     background: url(../images/btn_rwcj.png) no-repeat;
     background-size: 100%;
     display: inline-block;
     cursor: pointer;
     margin: 0.3rem auto 0;
}
.btn_shareresult {
     width: 3.29rem;
     height: 0.72rem;
     background: url(../images/btn_shareresult.png) no-repeat;
     background-size: 100%;
     display: inline-block;
     cursor: pointer;
     margin: 0.3rem auto 0;
}
.btn_info {
     width: 2.69rem;
     height: 0.72rem;
     background: url(../images/btn_info.png) center top no-repeat;
     background-size: 100%;
     margin: 0 auto;
     display: inline-block;
     cursor: pointer;
     position: relative;
}

.btn_lottery {
     width: 2.69rem;
     height: 0.72rem;
     background: url(../images/btn_lottery.png) center top no-repeat;
     background-size: 100%;
     margin: 0 auto;
     display: inline-block;
     cursor: pointer;
     position: relative;
}
.btn_act_rule {
     width: 2.29rem;
     height: 0.72rem;
     background: url(../images/btn_actrule.png) center top no-repeat;
     background-size: 100%;
     margin: 0 0 0 4rem;
     display: inline-block;
     cursor: pointer;
     left: 50%;
     position: absolute;bottom: 0.3rem; 
}
.btn_allprize{width: 3.37rem;height: 0.97rem;background: url(../images/btn_allprize.png) center top no-repeat;
     background-size: 100%;position: absolute;bottom: 0.3rem;
          left: 0;}
.btn_allprize  span{font-size: 0.2rem; color: #fff;position: absolute;bottom: 0.1rem;width: 100%;text-align: center;}
.btn_allprize span b{color:#fffb00 ;}
.btn_research {
     width: 3.37rem;
     height: 0.97rem;
     background: url(../images/btn_research.png) center top no-repeat;
     background-size: 100%;
     position: absolute;
     bottom: 0.3rem;
     left: 3.5rem;display: none;
}
.btn_result {
     width: 3.37rem;
     height: 0.97rem;
     background: url(../images/btn_result.png) center top no-repeat;
     background-size: 100%;
     position: absolute;
     bottom: 0.3rem;
     left:3.5rem;
     display: none;
}
.btn_qigai {
     width: 2.69rem;
     height: 0.72rem;
     background: url(../images/btn_qigai.png) center top no-repeat;
     background-size: 100%;
     margin: 0 auto;
     display: inline-block;
     cursor: pointer;
     position: relative;
}

.btn_info span {
     color: #7810c6;
     font-size: 0.36rem;
     position: absolute;
     bottom: -1rem;
     width: 100%;
     left: 0;
}

.btn_box {
     width: 100%;
     text-align: center;
     margin: 0.3rem auto 0;
}

.prompt {
     font-size: 0.2rem;
     text-align: center;
     margin: 0.2rem auto 0;
}
.prompt .red{color: red;}
/**/
#popFiex_bind .userimg {
     margin: 0 0 0 0.5rem;
}

.btn_changeimg {
     width: 100%;
     height: 0.38rem;
     background: #67699e;
     font-size: 0.18rem;
     color: #fff;
     text-align: center;
     line-height: 0.38rem;
     position: absolute;
     bottom: 0rem;
     left: 0rem;
     cursor: pointer;
}

.declaration {
     width: 1.88rem;
     border: 1px solid #6c78bb;
     position: relative;
     height: 1.22rem;
     background: url(../images/declaration.png) center 0.05rem no-repeat;
}

.btn_submit {
     width: 2.7rem;
     height: 0.75rem;
     background: url(../images/btn_submit.png) no-repeat;
     background-size: 100%;
     cursor: pointer;
     display: inline-block;
     margin: 0.1rem auto 0;
     display: block;
}

.btn_submit.disabled {
     background: url(../images/btn_submit.png) no-repeat;
}

.btn_down {
     width: 2.1rem;
     height: 0.66rem;
     background: url(../images/btn_down.png) no-repeat;
     cursor: pointer;
     display: inline-block;
     margin: 0.1rem auto 0;
     display: block;
}

.btn_down:hover {
     background: url(../images/btn_down_hover.png) no-repeat;
}

.pop_prompt {
     width: 4.2rem;
     background: rgba(152, 131, 160, 0.7);
     color: #fff;
     text-align: center;
     position: fixed;
     left: 50%;
     margin: 0 0 0 -2.1rem;
     z-index: 9990;
     top: 3.5rem;
     display: none;
}

#pop_prompt2.pop_prompt {
     min-height: 1.4rem;
}

.manage {
     width: 2.95rem;
     height: 0.6rem;
     background: url(../images/manage.png) no-repeat;
     position: absolute;
     top: 3.6rem;
     left: 2rem;
}

textarea::-webkit-input-placeholder {
     color: #666;
     font-size: 0.2rem;
     line-height: 0.34rem;
}

textarea::-moz-input-placeholder {
     color: #666;
     font-size: 0.2rem;
     line-height: 0.34rem;
}

textarea::-ms-input-placeholder {
     color: #666;
     font-size: 0.2rem;
     line-height: 0.34rem;
}

.poptips {
     color: #dd86b3;
     font-size: 0.18rem;
     text-align: center;
     margin: 0.1rem auto 0;
}

.radius {
     border-radius: 2rem;
}

#popFiex_info {
     color: #6c78bb;
}

.vocationselect {
     width: 1.9rem;
     height: 0.38rem;
     margin: 0rem auto 0;
     border: 0px solid #ac632d;
     font-size: 0.16rem;
     color: #fff;
     appearance: none;
     border-radius: 0.05rem;
     -moz-appearance: none;
     -webkit-appearance: none;
     outline: none;
     background: #919ecf;
     text-indent: 0.1rem;
     text-align: center;
}

#popFiex_bind select::-ms-expand {
     display: none;
}
 .row {
      width: 100%;
      overflow: hidden;
 }
 #bindrole{width: 2rem;height: 0.6rem;border-radius: 10rem;color: #fff;background:#2f7a6d;line-height: 0.6rem;margin: 0 auto;}

 /* 支持队伍 */
 .support_team{width: 7.5rem;height:3.05rem ;background: url(../images/pop_zhichi_t.png) center top no-repeat;
     background-size: 100%;margin: 0rem auto 0;overflow: hidden;}
 .support_team ul{width: 100%;margin: 0.8rem auto 0;text-align: center;}
 .support_team ul li{width: 1.6rem;height: 2.4rem;display: inline-block;margin: 0 0.04rem 0;position: relative;}
 .support_team ul li img{width: 100%;}
  .support_team ul li .sheng{width: 0.67rem;height: 0.67rem; position: absolute;right: 0;top: 0;background: url(../images/sheng.png) center top no-repeat;
     background-size: 100%;z-index: 2; display: none;}
    .support_team ul li.on .sheng{display: block;}
 /*  */
 .sharebox{text-align: center;margin: 1rem auto 0;width:9rem;position: relative;}
 .sharebox .close{right: -1rem;top: 0;}
 .sharebox img{width: 100%;}
 /* 确认队伍 */
 .confirm_team{width: 7.5rem;height:3.05rem ;background: url(../images/pop_zhichi_t.png) center top no-repeat;
     background-size: 100%;margin: 1rem auto 0;overflow: hidden;}
 .confirm_team ul{width: 100%;margin: 0.8rem auto 0;text-align: center;}
 .confirm_team ul li{width: 1.6rem;height: 2.4rem;display: inline-block;margin: 0 0.04rem 0;position: relative;}
 .confirm_team ul li img{width: 100%;}


 @-webkit-keyframes shake {
      10% {
           transform: rotate(50deg);
           -webkit-transform: rotate(50deg)
      }

      50%,
      60% {
           transform: rotate(0deg);
           -webkit-transform: rotate(0deg)
      }

      90% {
           transform: rotate(-50deg);
           -webkit-transform: rotate(-50deg)
      }

      100% {
           transform: rotate(0deg);
           -webkit-transform: rotate(0deg)
      }
 }

 @keyframes shake {
     10% {
               transform: rotate(30deg);
               -webkit-transform: rotate(30deg)
          }
     
          50%,
          60% {
               transform: rotate(0deg);
               -webkit-transform: rotate(0deg)
          }
     
          90% {
               transform: rotate(-30deg);
               -webkit-transform: rotate(-30deg)
          }
     
          100% {
               transform: rotate(0deg);
               -webkit-transform: rotate(0deg)
          }
 }

 /* pop_wx_guide */
 .share_wx_guide {
      position: absolute;
      width: 4rem;
      margin: 0 0 0 -2rem;
      left: 50%;
      top: 2rem;
      
 }

 .btn_gift {
      width: 3.86rem;
      height: 1.08rem;
      background: url(../images/btnview.png) no-repeat;
      display: block;
      background-size: 100%;
      margin: 0 auto;
 }