/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0rem; line-height:0rem; font-size:0rem;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.pub_ani2{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_le{float: left;}
.pub_lr{float: right;}
.pub_link{overflow: hidden; display: block; text-indent: -9999rem;}
.opacityShow{opacity: 0;}
.none{display:none;}
body{background:#1c1c1c; font-size:.12rem; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#sectionBox{display: none;}
#content{width: 7.5rem; height: 55.83rem; background: url(../images/bg.jpg) no-repeat 0 0; background-size: 100% auto; position: relative;}
.section{position: relative;}
.publicMain{width: 7.5rem; height: 100%; position: relative;}
.swiper{width: 100%;height: 100%;}

.section1{height: 8.6rem;}
.yearImg{display: block; position: absolute; right: .76rem; top: 4rem; cursor: pointer; width: .8rem; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.logo{display: block; position: absolute; left: 0; top: 0; width: 1.99rem;}
.slgImg{display: block; position: absolute; width: 6.64rem; left:.42rem; top: 5.3rem; opacity: 0;}
.moveIn{animation: moveIn .3s .5s ease-in both;-webkit-animation: moveIn .3s .5s ease-in both;-ms-animation: moveIn .3s .5s ease-in both;}
@keyframes moveIn{
  0%{transform: scale(1.4);opacity: 0;}
  100%{transform: scale(1);opacity: 1}
}
@-webkit-keyframes moveIn{
  0%{-webkit-transform: scale(1.4);opacity: 0;}
  100%{-webkit-transform: scale(1);opacity: 1}
}

.yyMain{position: absolute; width: 7.5rem; left: 0; bottom: 0; height: 1.84rem; z-index: 10;}
.yybtn{display: block; width: 4.34rem; height: 1.67rem; background: url(../images/yybtn.png) no-repeat right 0; background-size: 100% auto; overflow: hidden; text-indent: -999rem; cursor: pointer; margin: 0 auto; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.logout{position: absolute; width: 4.9rem; height: 0.4rem; line-height: 0.4rem; left: 50%; margin-left: -2.45rem; bottom: 0rem; text-align: center; font-size: 0.2rem; color: #FFF; background: rgba(0,0,0,0.4); border-radius: 0.2rem;}
.logout span{color: #eaac61; font-weight: bold; padding-right: 0.05rem;}
.logout a{color: #eaac61; cursor: pointer;}

.section2{background: url(../images/cardbg.png) no-repeat center 0; background-size: 100% auto; height: 9.7rem;}

.cardMain{width: 7.5rem; height: 7.25rem; position: absolute; left: 0; bottom: 0;}
.cardBtns{width: 1.09rem; position: absolute; right: 0.6rem; top: 0; z-index: 100;}
.cardBtns a{width: 1.09rem; height: .38rem; display: block; overflow: hidden; text-indent: -9999rem; cursor: pointer; margin-bottom: 0.08rem;}
.cardBtns a.btn_rule{background: url(../images/btn_rule.png) no-repeat 0 0; background-size: 100% auto; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.cardBtns a.btn_pic{background: url(../images/btn_pic.png) no-repeat 0 0; background-size: 100% auto; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.cardBtns a.btn_list{background: url(../images/btn_list.png) no-repeat 0 0; background-size: 100% auto; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}

.cardShowbox{width: 3.57rem; height: 5.3rem; margin: 0 auto; position: relative;}
.cardNor{width: 3.57rem; height: 5.02rem; background: url(../images/card.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 0; top: 0; z-index: 2;}

.cardMove{width: 7.5rem; height: 8rem; position: absolute; left: -1.96rem; top: -1.6rem; z-index: 10;}
.cardMove img{display: none; width: 100%; position: absolute; left: 0; top: 0; z-index: 1;}

.cardBig{width: 3.57rem; height: 5.02rem; position: absolute; left: 0; top:0; z-index: 20; display: none;}
.cardBig img{display: block; margin: 0 auto; width: 3.53rem; height: 4.98rem; border-radius: 0.1rem; border: 0.02rem solid #000;}
.cardOn{-webkit-animation: cardfront 2s; animation: cardfront 2s;}
@-webkit-keyframes cardfront{
  0%{-webkit-transform: rotateY(0deg);}
  100%{-webkit-transform: rotateY(720deg);}
}
@keyframes cardfront{
  0%{transform: rotateY(0deg);}
  100%{transform: rotateY(720deg);}
}

.bigImgon{-webkit-animation: scalefront 0.6s; animation: scalefront 0.6s;}
@-webkit-keyframes scalefront{
  0%{-webkit-transform:scale(0.3);}
  40%{-webkit-transform: scale(1.2);}
  100%{-webkit-transform: scale(1.0);}
}
@keyframes scalefront{
  0%{transform:scale(0.3);}
  40%{transform: scale(1.2);}
  100%{transform: scale(1.0);}
}

.cardBom{width: 6rem; height: 1.88rem; position: absolute; left: .75rem; bottom: 0; z-index: 100;}
.cardleft{float: left; width: 3rem; height: 1.88rem;}
.cardleft a{display: block; width: 2.24rem; height: .95rem; overflow: hidden; text-indent: -9999rem; cursor: pointer; margin: 0 auto;}
.cardleft a.btn_chou{background: url(../images/btn_chou.png) no-repeat 0 0; background-size: 100% auto; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.cardleft a.btn_firend{background: url(../images/btn_firend.png) no-repeat 0 0; background-size: 100% auto; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.cardtext{text-align: center; font-size: .2rem; color: #5c5757; padding-top: 0.05rem;}
.cardtext span{padding: 0 0.04rem; color: #ff0;}

.section3{height: 8.7rem; background: url(../images/prizebg.png) no-repeat 0 0; background-size: 100% auto;}
.barMain{width: 7.5rem; height: 8.7rem; position: relative; margin: 0 auto;}
.barNum{width: 2.7rem; height: .64rem; position: absolute; left: .8rem; top: 1.98rem; text-align: center;}
.barNum span{display: inline-block; height: .64rem; margin: 0 0.03rem}
.barNum span.n0{background: url(../images/0.png) no-repeat center; background-size: 100% auto; width: .31rem;}
.barNum span.n1{background: url(../images/1.png) no-repeat center; background-size: 100% auto; width: .19rem;}
.barNum span.n2{background: url(../images/2.png) no-repeat center; background-size: 100% auto; width: .26rem;}
.barNum span.n3{background: url(../images/3.png) no-repeat center; background-size: 100% auto; width: .27rem;}
.barNum span.n4{background: url(../images/4.png) no-repeat center; background-size: 100% auto; width: .28rem;}
.barNum span.n5{background: url(../images/5.png) no-repeat center; background-size: 100% auto; width: .25rem;}
.barNum span.n6{background: url(../images/6.png) no-repeat center; background-size: 100% auto; width: .29rem;}
.barNum span.n7{background: url(../images/7.png) no-repeat center; background-size: 100% auto; width: .27rem;}
.barNum span.n8{background: url(../images/8.png) no-repeat center; background-size: 100% auto; width: .28rem;}
.barNum span.n9{background: url(../images/9.png) no-repeat center; background-size: 100% auto; width: .27rem;}
.barProgress{width: 5.07rem; height: .45rem; position: absolute; left: 1.22rem; top:6.28rem; background: url(../images/bar_nor.png) no-repeat 0 0; background-size: 100% auto; overflow: hidden;}
.barProgress a{display: block; width: 0%; height: .45rem; background: url(../images/bar_all.png) no-repeat 0 0; background-size: auto 100%;}

.barBox{width: 7.5rem; height: 1.6rem; position: absolute; left: 0; top: 5.86rem; z-index: 10;}
.barBox div.barlist{width: 1.1rem; height: 1.4rem; position: absolute; top: 0;}
.barBox div.w1{left: 0.7rem;}
.barBox div.w2{left: 2.4rem;}
.barBox div.w3{left: 4.08rem;}
.barBox div.w4{left: 5.76rem;}
.barBox div.barlist span.bar_num{height: .48rem; display: block;}
.barBox div.barlist span.bar_a1{background: url(../images/bar_a1.png) no-repeat center 0.06rem; background-size: 0.66rem auto;}
.barBox div.barlist span.bar_a2{background: url(../images/bar_a2.png) no-repeat center 0.06rem; background-size: 0.81rem auto;}
.barBox div.barlist span.bar_a3{background: url(../images/bar_a3.png) no-repeat center 0.06rem; background-size: 0.80rem auto;}
.barBox div.barlist span.bar_a4{background: url(../images/bar_a4.png) no-repeat center 0.06rem; background-size: 0.81rem auto;}
.barBox div.barlist span.bar_icon{background: url(../images/bar_on1.png) no-repeat center 0; background-size: .38rem auto; display: block; height: .46rem;}
.barBox div.barlist span.bar_text{height: .36rem; display: block; background: url(../images/bar_text.png) no-repeat center -9999rem; background-size: .89rem auto; width: 100%;}
.barBox div.on span.bar_a1{background: url(../images/bar_a1on.png) no-repeat center 0.06rem; background-size: .66rem auto;}
.barBox div.on span.bar_a2{background: url(../images/bar_a2on.png) no-repeat center 0.06rem; background-size: .81rem auto;}
.barBox div.on span.bar_a3{background: url(../images/bar_a3on.png) no-repeat center 0.06rem; background-size: .80rem auto;}
.barBox div.on span.bar_a4{background: url(../images/bar_a4on.png) no-repeat center 0.06rem; background-size: .81rem auto;}
.barBox div.on span.bar_icon{background: url(../images/bar_on2.png) no-repeat center 0; background-size: .38rem auto;}
.barBox div.on span.bar_text{background: url(../images/bar_text.png) no-repeat center 0; background-size: .89rem auto;}


.section4{height: 9.4rem;}
.reloTitle{background: url(../images/cont.png) no-repeat center 0; background-size: 100% auto; width: 3.47rem; height: 1.42rem; position: absolute; left: 2rem; top: .2rem; z-index: 100;}
.roleMain{width: 7.5rem; height: 9.4rem; overflow: hidden;}
.rolelist1{width: 100%; height: 100%; background: url(../images/role1.jpg) no-repeat center 0; background-size: 100% auto;}
.rolelist2{width: 100%; height: 100%; background: url(../images/role2.jpg) no-repeat center 0; background-size: 100% auto;}
.rolelist3{width: 100%; height: 100%; background: url(../images/role3.jpg) no-repeat center 0; background-size: 100% auto;}
.rolelist4{width: 100%; height: 100%; background: url(../images/role4.jpg) no-repeat center 0; background-size: 100% auto;}
.rolelist5{width: 100%; height: 100%; background: url(../images/role5.jpg) no-repeat center 0; background-size: 100% auto;}
.rolelist6{width: 100%; height: 100%; background: url(../images/role6.jpg) no-repeat center 0; background-size: 100% auto;}
.roleMain .rtab1{width: 1rem; height: .37rem; background: url(../images/rtab1.png) no-repeat 0 0; background-size: 100% auto;}
.roleMain .rtab2{width: 1.24rem; height: .37rem; background: url(../images/rtab2.png) no-repeat 0 0; background-size: 100% auto;}
.roleMain .rtab3{width: .99rem; height: .37rem; background: url(../images/rtab3.png) no-repeat 0 0; background-size: 100% auto;}
.roleMain .rtab4{width: .98rem; height: .37rem; background: url(../images/rtab4.png) no-repeat 0 0; background-size: 100% auto;}
.roleMain .rtab5{width: 1rem; height: .37rem; background: url(../images/rtab5.png) no-repeat 0 0; background-size: 100% auto;}
.roleMain .rtab6{width: 1.11rem; height: .37rem; background: url(../images/rtab6.png) no-repeat 0 0; background-size: 100% auto;}
.roleMain .swiper-pagination-bullet{opacity: 1; border-radius: 0;}
.roleMain .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0; outline: none; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.roleMain .swiper-pagination-bullet-active{background-position: 0 bottom;}

.roleMain .swiper-button-next,.roleMain .swiper-button-prev{width: .56rem; height: .39rem; position: absolute; top: 50%; margin-top: -.2rem; background-size: 100% auto;}
.roleMain .swiper-button-next,.roleMain .swiper-container-rtl .swiper-button-prev{background: url(../images/next.png) no-repeat 0 0; -webkit-appearance:none;-webkit-tap-highlight-color:transparent; background-size: 100% auto; opacity: 1; right: 0.3rem; outline: none;}
.roleMain .swiper-button-prev,.roleMain .swiper-container-rtl .swiper-button-next{background: url(../images/prev.png) no-repeat 0 0; -webkit-appearance:none;-webkit-tap-highlight-color:transparent; background-size: 100% auto; opacity: 1; left: 0.3rem; outline: none;}

.section5{background: url(../images/tsbg.png) no-repeat center 0; background-size: 100% auto; height: 9.6rem;}
.borTop2{height: 2.16rem;}
.specialMain{}
.pictureMain{width: 7.5rem; height:7.2rem; position: relative;}
.pictureMain .swiper{width: 100%; height: 100%; overflow: hidden;}
.pictureMain .swiper-button-next,.pictureMain .swiper-button-prev{width: .56rem; height: .39rem; position: absolute; top: 50%; margin-top: -.2rem; background-size: 100% auto;}
.pictureMain .swiper-button-next,.pictureMain .swiper-container-rtl .swiper-button-prev{background: url(../images/next.png) no-repeat 0 0; -webkit-appearance:none;-webkit-tap-highlight-color:transparent; background-size: 100% auto; opacity: 1; right: .8rem; outline: none;}
.pictureMain .swiper-button-prev,.pictureMain .swiper-container-rtl .swiper-button-next{background: url(../images/prev.png) no-repeat 0 0; -webkit-appearance:none;-webkit-tap-highlight-color:transparent; background-size: 100% auto; opacity: 1; left: .8rem; outline: none;}
.pictureMain .swiper-pagination-bullet{width: .55rem; height: .55rem; border-radius: 0; opacity: 1; background: url(../images/on2.png) no-repeat right 0; background-size: 1.1rem auto;}
.pictureMain .swiper-pagination-bullet-active{background-position: 0 0;}
.pictureMain .swiper-pagination{background: url(../images/line5.png) no-repeat center center; background-size: 3.27rem auto;}

.pictureMain .swiper-container-horizontal>.swiper-pagination-bullets,.pictureMain .swiper-pagination-custom,.pictureMain .swiper-pagination-fraction{bottom: 0;}
.pictureMain .swiper-slide .picImg span{display: block; width: 2.86rem; height: 4.96rem; background: rgba(0,0,0,0.5); position: absolute; left: .35rem; top: .11rem; z-index: 2;}
.pictureMain .swiper-slide-active .picImg span{display: none;}

.picImg{width: 4.38rem; height: 6.3rem; padding-top: .14rem; background: url(../images/picbor.png) no-repeat 0 0; background-size: 100% auto; margin: 0 auto; position: relative;}
.picImg img{display: block; width: 3.53rem; height: 6.14rem; border: 0.01rem solid #FFF; background: #FFF; margin: 0 auto;}

.section6{height: 9.82rem; background: url(../images/pagebg.png) no-repeat 0 0; background-size: 100% auto;}
.borTop3{height: 1.82rem;}
.tongBor{}
.tongImg{width: 5.33rem; height: 7rem; margin: 0 auto;}
.tongImg img{cursor: pointer; display: block; width: 100%; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}

.tonglist1{float: left; width: 3.02rem; height: 4.72rem;}


.tonglist2{float: right; width: 2.23rem; height: 4.72rem;}
.tonglist2 a{width: 2.23rem; height: 2.26rem; display: block; margin-bottom: 0.06rem; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}


.tonglist3{float: left; width: 5.33rem; height: 2.40rem;}
.tonglist3 a{width: 5.33rem; height: 2.25rem; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}







.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.popRule{width: 5.86rem; height: 8.62rem; background: url(../images/rule_pop.png) no-repeat 0 0; background-size: 100% auto;}
.popMylist{width: 5.76rem; height: 6.13rem; background: url(../images/list_pop.png) no-repeat 0 0; background-size: 100% auto;}
.popFirend{width: 5.76rem; height: 6.13rem; background: url(../images/firend_pop.png) no-repeat 0 0; background-size: 100% auto;}
.popPic{width: 7.5rem; height: 6.17rem; background: url(../images/pic_pop.png) no-repeat 0 0; background-size: 100% auto;}
.popyear{width: 6.56rem; height: 7.87rem; background: url(../images/popyear.png) no-repeat 0 0; background-size: 100% auto;}
.closeBtn{display: block; width: .55rem; height: .55rem; background: url(../images/close.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; overflow: hidden; text-indent: -9999rem; position: absolute; right:0; top: .6rem;}

.ruleMain{width: 4.82rem; margin: 0 auto; font-size: .16rem; line-height: .24rem; color: #30302f; padding-top: 1.4rem;}
.ruleMain p.ml{margin-bottom: .16rem;}

.mylistTable{width: 5.04rem; height: 4rem; overflow: hidden; overflow-y: auto; position: absolute; left: .42rem; top: 1.81rem;}
.mylistTable::-webkit-scrollbar{width:.06rem;height:.06rem;background-color:rgba(0,0,0,0);}
.mylistTable::-webkit-scrollbar-track{border-radius:0;background-color:#c7c7c7;}/*底*/
.mylistTable::-webkit-scrollbar-thumb{border-radius:0;background-color:#f0ca96;}/*面*/
.mylistTable::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.mylistTable::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.mylistTable::-webkit-scrollbar-track-piece{margin:0;}
.mylistli{height: .6rem;}
.mylistli img{float: left; width: .5rem; height: .5rem;}
.mylistli span{float: left; height: .5rem; line-height: .5rem; font-size: .12rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color: #30302f;}
.mylistli span.a1{width: 1rem; text-align: center;}
.mylistli span.a2{width: 2.05rem;}
.mylistli span.a3{width: 1.35rem;}

.firendlistTable{display: block; width: 5.04rem; height: 2.40rem; overflow: hidden; overflow-y: auto; position: absolute; left: .42rem; top: 2.8rem;}
.firendlistTable::-webkit-scrollbar{width:.06rem;height:.06rem;background-color:rgba(0,0,0,0);}
.firendlistTable::-webkit-scrollbar-track{border-radius:0;background-color:#c7c7c7;}/*底*/
.firendlistTable::-webkit-scrollbar-thumb{border-radius:0;background-color:#f0ca96;}/*面*/
.firendlistTable::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.firendlistTable::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.firendlistTable::-webkit-scrollbar-track-piece{margin:0;}
.mylistli2{height: .6rem;}
.mylistli2 div{float: left; width: 1rem;}
.mylistli2 img{width: .5rem; height: .5rem; display: block; margin: 0 auto; border-radius: .5rem;}
.mylistli2 span{float: left; height: .5rem; line-height: .5rem; font-size: .16rem; color: #30302f;}
.mylistli2 span.a1{width: 2rem; text-align: center;}
.mylistli2 span.a2{width: 1.78rem; text-align: right; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.lcbtn{width: .47rem; position: absolute; right: .46rem; top: 1.3rem;}
.lcbtn a{display: block; width: .47rem; height: .25rem; background: url(../images/lc.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; overflow: hidden; text-indent: -9999rem; margin: 0 auto; z-index: 100;}
.copybtn{width: 100%; position: absolute; left: 0; bottom: .3rem;}
.copybtn a{display: block; width: 4.88rem; height: .58rem; background: url(../images/copybtn.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; overflow: hidden; text-indent: -9999rem; margin: 0 auto; z-index: 100;}

.picBtns{width: 2.28; height: .5rem; position: absolute; right: 1.13rem; bottom: .68rem;}
.picBtns a{display: block; width: 2.28rem; height: .5rem; cursor: pointer;}
.picBtns a.not{background: url(../images/btn_lc1.png) no-repeat 0 0; background-size: 100% auto; cursor: default; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.picBtns a.ing{background: url(../images/btn_lc2.png) no-repeat 0 0; background-size: 100% auto; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.picBtns a.ok{background: url(../images/btn_lc3.png) no-repeat 0 0; background-size: 100% auto; cursor: default; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.picBtns a.over{background: url(../images/btn_lc4.png) no-repeat 0 0; background-size: 100% auto; cursor: default; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.picBigShow{width: 2.42rem; position: absolute; right: 1.05rem; top: 1.41rem;}
.picBigShow img{display: block; width: 2.4rem; border-radius: 0.06rem; border: 0.01rem solid #f9f7f4;}

.picList{width: 3rem; position: absolute; left: .95rem; top: 1.4rem; height: 4rem;}
.picTab{width: 3rem; height: .53rem; background: url(../images/tab.png) no-repeat 0 0; background-size: 100% auto;}
.picTab a{float: left; width: .58rem; height: .53rem; overflow: hidden; cursor: pointer; text-indent: -9999rem;}
.picTab a.v1{background: url(../images/v1.png) no-repeat 0 -1rem; background-size: 100% auto; margin-right: .32rem;}
.picTab a.v2{background: url(../images/v2.png) no-repeat 0 -1rem; background-size: 100% auto; margin-right: .21rem;}
.picTab a.v3{background: url(../images/v3.png) no-repeat 0 -1rem; background-size: 100% auto;}
.picTab a.v4{background: url(../images/v4.png) no-repeat 0 -1rem; background-size: 100% auto; float: right;}
.picTab a:hover,.picTab a.on{background-position: 0 0;}

.picScroll{width: 3rem; height: 2.9rem; text-align: center;}
.picScroll ul{text-align: center;}
.picScroll li{width: 1rem; height: 1.60rem; position: relative; float: left; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.picScroll li img{display: block; width: .87rem; height: 1.24rem; border-radius: 0.06rem; border: 0.01rem solid #FFF; margin: 0 auto; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.picScroll li span{display: block; width: .2rem; height: .2rem; line-height: .2rem; text-align: center; background: url(../images/num.png) no-repeat 0 0; background-size: 100% auto; font-size: .13rem; color: #b58454; position: absolute; right: -.08rem; top: -.08rem;  z-index: 10;}
.picScroll li.selectClick{cursor: pointer;}

.page{text-align: center; font-size: .2rem; color: #4e4c4b; height: .28rem; line-height: .28rem; position: relative; width: 3rem;}
.page a.prev,.page a.next{display: block; width: .83rem; height: .28rem; position: absolute; top: 0; overflow: hidden; text-indent: -9999rem; cursor: pointer;}
.page a.prev{background: url(../images/pagePrev.png) no-repeat center; background-size: .50rem auto; left: 0; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.page a.next{background: url(../images/pageNext.png) no-repeat center; background-size: .50rem auto; right: 0; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}


.msg{text-align: center; padding: 1rem 0.5rem 00.5rem; color: #e5a040; font-weight: bold; font-size: .3rem; line-height: .4rem;}
.msg strong{color:#ffc85f;}
.msg span{font-size: .22rem;}

.popsub{width: 6.79rem; height: 5.13rem; background:url(/m/images/popyy.png) no-repeat 0 0; background-size: 100% auto;}
.popWrap{width: 4.38rem; height: 3.20rem; position: absolute; left: 1.21rem; top: 1.26rem;}
.subMain{width: 4rem; margin: 0 auto; padding-bottom: .15rem;}
.subTab{height: .5rem;}
.subList{height: .64rem;}
.subList input{height: .42rem; width: 3.78rem; padding: 0 .1rem; border: 0.01rem solid #cdcdcd; background: #FFF; font-size: .16rem; color: #000; outline: none;}
.subList input#code{width: 2.30rem;}
.getCode{float: right; width: 1.40rem; height: .42rem; line-height: .42rem; text-align: center; border: 0.01rem solid #9d8668; background: #4d4c4c; font-size: .16rem; color: #FFF; cursor: pointer;}
.getCode.on{background: #ccc; cursor:default;}
.submit{display: block; margin: 0 auto; width: 4rem; height: .48rem; background: url(/m/images/submit.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.yyok{background: url(/m/images/yyok.png) no-repeat center .96rem; background-size: 1.75rem auto;}


.popImg{width: 3.45rem; height: 3.94rem; background:url(../images/popShowImg.png) no-repeat 0 0; background-size: 100% auto;}

.popTitle1{background: url(../images/popTitle1.png) no-repeat center 0; background-size: 2.07rem auto; height: .44rem; width: 100%; position: absolute; left: 0; top: .6rem;}
.popTitle2{background: url(../images/popTitle2.png) no-repeat center 0; background-size: 2.07rem auto; height: .44rem; width: 100%; position: absolute; left: 0; top: .84rem;}
.popTitle3{background: url(../images/popTitle3.png) no-repeat center 0; background-size: 2.07rem auto; height: .44rem; width: 100%; position: absolute; left: 0; top: .84rem;}

.bigImg{width: 100%; height: 100%;}
.bigImg img{max-width: 90%;}
.imgCenter{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.ps{font-size: .15rem; line-height: .2rem; color: #4d4c4c; text-align: center; padding: 0 .4rem; padding-top: .2rem;}


.popFirend2{width: 5.75rem; height: 3.43rem; background: url(../images/copy.png) no-repeat 0 0; background-size: 100% auto;}
.newTitle2{width: 100%; height: 1.72rem; background: url(../images/tt2.png) no-repeat center 0; background-size: 5.52rem auto; position: absolute; left: 0; top: -1.72rem;}
.newTitle1{width: 100%; height: 1.72rem; background: url(../images/tt1.png) no-repeat center 0; background-size: 5.52rem auto; position: absolute; left: 0; top: -1.72rem;}
.copyFont{height: 1.40rem; background: url(../images/copy_text.png) no-repeat center; background-size: 2.54rem auto;}
.copyLinks{text-align: center; height: 1.08rem; font-size: .16rem; line-height: .24rem; width: 4.50rem; margin: 0 auto; color: #676563;}
.newCopyBtn{display: block; width: 4.88rem; height: .58rem; background: url(../images/copybtn.png) no-repeat 0 0; background-size: 100% auto; border: 0 none; cursor: pointer; margin: 0 auto;}
.firendOk{height: 100%; background: url(../images/firendok.png) no-repeat center; background-size: 3.1rem auto;}