html,body{ width: 100%; height: 100%; overflow: hidden;}
body{ margin:0; padding:0; font-size: 14px; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%;font-weight: normal;}
*{outline: none;}
img{ border: 0;}
ol,ul{list-style: none;}
a{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration: none;outline: none; cursor: pointer;}
a:hover{ text-decoration: none;}
#wanmei_top{ height: 0!important;}

/* login-test */
.log-box{ position: absolute; left: 11rem; top: .86rem; z-index: 20; width: 700px; height: 36px; text-align: right;}
.login,.logout{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;font-size: .18rem; line-height: .3rem;  color: #1b1411; overflow: hidden;}
.logout{ display: none;}
.btn-login,.btn-logout{ color: #1b1411; cursor: pointer;}

#wrap{ width: 100%; height: 100%; overflow-y: hidden; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; opacity: 0;}
#wrap::-webkit-scrollbar{ display: none;}
.content{ position: relative; width: 40.8rem; height: 9.8rem; background: url(../images/bg.jpg?1) no-repeat; background-size: 100% auto; overflow: hidden;}
.yun{ position: absolute; width: 40.8rem; height: 8.85rem; left: 0; bottom: 0; background: url(../images/yun.png) no-repeat; background-size: 100% auto;}
.mouse-tip{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: .66rem; width: 2.44rem; height: .52rem; background: url(../images/mouse-tip.png) no-repeat; background-size: 100% auto;}
.mouse{ position: absolute; left: 50%; bottom: .58rem; width: 1.02rem; height: .66rem; margin-left: -.51rem; background: url(../images/mouse.png) no-repeat; background-size: 100% auto;}
/* btn-guild */
.btn-go-l,.btn-go-r,.btn-go-l2,.btn-go-r2{ position: absolute; top: 4.72rem; z-index: 5; width: 1.49rem; height: 1.14rem; cursor: pointer;}
.btn-go-l{ left: 12.05rem; background: url(../images/btn-go-l.png) no-repeat; background-size: 100% auto;}
.btn-go-r{ right: 12.05rem; background: url(../images/btn-go-r.png) no-repeat; background-size: 100% auto;}
.left-btn_wrap,.right-btn_wrap{ display: none; position: absolute; top: 4.5rem; z-index: 5; width: 2.44rem; height: 2.32rem;}
.left-btn_wrap{ left: .1rem;}
.right-btn_wrap{ right: .1rem;}
.btn-center{ position: absolute; bottom: 0; width: 1.49rem; height: 1.12rem; cursor: pointer;}
.left-btn_wrap .btn-center{ left: 0; background: url(../images/btn-center1.png) no-repeat; background-size: 100% auto;}
.right-btn_wrap .btn-center{ right: 0; background: url(../images/btn-center2.png) no-repeat; background-size: 100% auto;}
.btn-go-r2{ left: .92rem; top: 0; background: url(../images/btn-go-r.png) no-repeat; background-size: 100% auto;}
.btn-go-l2{ right: .92rem; top: 0; background: url(../images/btn-go-l.png) no-repeat; background-size: 100% auto;}
/* bind-info */
.bind-info{ display: none; position: absolute; left: 24.1rem; top: .86rem; z-index: 5; width: 3rem; height: .3rem; font-size: .14rem; line-height: .3rem; color: #fff; text-align: center; background-color: rgba(26,28,63,.6);}
.bind-info span{ color: #53a0ff;}

.item-box{ position: absolute;}
.item-img{ position: relative; width: 100%; height: 100%;}
.item-hover{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; animation: opacity 0.3s;}
.item-box:hover .item-img{ animation: none;}
.item-box:hover .item-hover{ opacity: 1;}
/* 0509 */
.item-baike{ left: 13.09rem; top: 1.86rem; z-index: 2; width: 1.12rem; height: 2.65rem;}
.item-baike .item-img{ background: url(../images/item-baike.png) no-repeat; background-size: 100% auto;}
.link-baike{ position: absolute; left: -.4rem; top: -.7rem; width: .89rem; height: 2.14rem; cursor: pointer;}

.item-piaoxuan{ left: 23.67rem; top: 1.95rem; width: 2.37rem; height: 2.18rem;}
.item-piaoxuan .item-img{ background: url(../images/item-piaoxuan.png) no-repeat; background-size: 100% auto;}
.link-piaoxuan{ position: absolute; left: .16rem; top: -.6rem; width: .91rem; height: 2.15rem; cursor: pointer;}

.item-youli{ left: 23.42rem; top: 6.88rem; width: 7.57rem; height: 3.21rem;}
.item-youli .item-img{ background: url(../images/item-youli.png) no-repeat; background-size: 100% auto;}
.link-youli{ position: absolute; left: 2.36rem; top: -.54rem; width: .88rem; height: 2.15rem; cursor: pointer;}

.item-feisheng{ left: 30.89rem; top: 2.78rem; z-index: 2; width: .87rem; height: 1.33rem;}
.item-feisheng .item-img{ background: url(../images/item-feisheng.png) no-repeat; background-size: 100% auto;}
.link-feisheng{ position: absolute; left: -.26rem; top: -1.16rem; width: .73rem; height: 1.7rem; cursor: pointer;}

.item-xianshi{ left: 26.1rem; top: 2.14rem; z-index: 3; width: 3.93rem; height: 3.51rem;}
.item-xianshi .item-img{ background: url(../images/item-xianshi.png) no-repeat; background-size: 100% auto;}
.btn-xianshi{ position: absolute; left: .84rem; top: -1.1rem; width: .91rem; height: 2.23rem; cursor: pointer;}
.tag-done1{ display: none; position: absolute; left: .74rem; top: 1.06rem; width: .39rem; height: .9rem; background: url(../images/tag-done1.png) no-repeat; background-size: 100% auto;}

.two-item-wrap1{ position: absolute; right: 0; bottom: 0; width: 10.28rem; height: 7.17rem; background: url(../images/two-bg2.png) no-repeat; background-size: 100% auto;}
.two-item-wrap1:hover,.two-item-wrap1:hover .fanxiang-box{ animation: none;}
.item-mibao{ right: 0; top: 0; width: 4.96rem; height: 5.85rem;}
.item-mibao .item-img{ background: url(../images/item-mibao.png) no-repeat; background-size: 100% auto;}
.btn-mibao{ position: absolute; left: 2.2rem; top: -.47rem; width: .85rem; height: 2.24rem; cursor: pointer;}
.icon-suo1{ position: absolute; left: .02rem; top: .78rem; width: .7rem; height: .58rem; background: url(../images/icon-suo1.png) no-repeat; background-size: 100% auto;}
.all-progress{ position: absolute; left: 0; bottom: -.1rem; width: .8rem; height: .2rem; font-size: .12rem; line-height: .2rem; color: #fff0c3; text-align: center; background-color: rgba(117,11,11,.9); border-radius: .1rem;}
/* 0519 */
.item-cos{ right: 0; top: 1.27rem; width: 6.9rem; height: 4.92rem;}
.item-cos .item-img{ background: url(../images/item-cos.png) no-repeat; background-size: 100% auto;}
.btn-cos{ position: absolute; left: 1.84rem; top: 1.3rem; width: .95rem; height: 2.20rem; cursor: pointer;}
.btn-cos .tag-time{ left: .65rem; top: .18rem;}
/* 0510 */
.item-shenqi{ left: 31.78rem; top: .17rem; width: 5.17rem; height: 4.5rem;}
.item-shenqi .item-img{ background: url(../images/item-shenqi.png) no-repeat; background-size: 100% auto;}
.btn-shenqi{ position: absolute; left: 1.17rem; top: .72rem; width: .91rem; height: 2.23rem; cursor: pointer;}
.btn-shenqi .tag-time{ left: .62rem; top: 1.28rem;}
.btn-shenqi .tag-done1{ left: .64rem; top: 1.36rem;}

.two-item-wrap2{ position: absolute; left: 28.05rem; top: 3.4rem; z-index: 2; width: 5.72rem; height: 5.47rem;}
.two-item-wrap2:hover,.two-item-wrap2:hover .fanxiang-box{ animation: none;}
/* 0511 */
.item-zudi{ left: 1.88rem; top: 0; width: 3.84rem; height: 5.33rem;}
.item-zudi .item-img{ background: url(../images/item-zudi.png) no-repeat; background-size: 100% auto;}
.btn-zudi{ position: absolute; left: 2.1rem; top: 2.17rem; width: .73rem; height: 1.8rem; cursor: pointer;}
.btn-zudi .tag-done1{ left: .6rem;}
/* 0512 */
.item-miwen{ left: 0; top: 1.22rem; width: 4.13rem; height: 5rem;}
.item-miwen .item-img{ background: url(../images/item-miwen.png) no-repeat; background-size: 100% auto;}
.btn-miwen{ position: absolute; left: 1.64rem; top: .65rem; width: .91rem; height: 2.23rem; cursor: pointer;}
.btn-miwen .tag-time{ left: .62rem; top: 1.28rem;}
.btn-miwen .tag-done1{ left: .64rem; top: 1.36rem;}
/* 0513 */
.item-qianzhan{ left: 14.76rem; top: 1.74rem; z-index: 2; width: 2.98rem; height: 3.17rem;}
.item-qianzhan .item-img{ background: url(../images/item-qianzhan.png) no-repeat; background-size: 100% auto;}
.btn-qianzhan{ position: absolute; left: .28rem; top: 1.04rem; width: .87rem; height: 2.2rem; cursor: pointer;}
/* 0514 */
.item-fuli{ left: 0; top: 2.85rem; z-index: 2; width: 5.31rem; height: 6.83rem;}
.item-fuli .item-img{ background: url(../images/item-fuli.png) no-repeat; background-size: 100% auto;}
.btn-fuli{ position: absolute; left: 4.17rem; top: 2.34rem; width: .86rem; height: 2.25rem; cursor: pointer;}
/* 0516 */
.middle-man{ position: absolute; left: 16.7rem; top: 3.27rem; z-index: 2; width: 7.9rem;}
.btn-play{ position: absolute; width: 1.27rem; height: 1.28rem; background: url(../images/btn-play.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.btn-play-main{ left: 19.77rem; top: 6.64rem; z-index: 3;}

.item-xunyou{ left: 11.55rem; top: 6.71rem; z-index: 2; width: 7.29rem; height: 3.3rem;}
.item-xunyou .item-img{ background: url(../images/item-xunyou.png) no-repeat; background-size: 100% auto;}
.btn-xunyou{ position: absolute; left: 2.86rem; top: -.4rem; width: .88rem; height: 2.2rem; cursor: pointer;}
/* 0521 */
.middle-quan{ position: absolute; left: 18.22rem; top: .54rem; width: 4.44rem;}
.middle-zi{ position: absolute; left: 17.18rem; top: .54rem; width: 6.72rem;}
.btn-event18{ position: absolute; left: 21.61rem; top: .84rem; z-index: 5; width: 1.18rem; height: 2.82rem; cursor: pointer;}
.item-title{ display: block; width: 100%;}
.tag-time{ position: absolute; width: .33rem; left: .55rem; top: .85rem;}
.btn-event18 .tag-time{ left: .8rem; top: 1.75rem;}
/* 0523 */
.item-jiyi{ left: 6.4rem; top: 2.29rem; z-index: 2; width: 5.86rem; height: 6.18rem;}
.item-jiyi .item-img{ background: url(../images/item-jiyi.png) no-repeat; background-size: 100% auto;}
.btn-jiyi{ position: absolute; left: .84rem; top: .78rem; width: .95rem; height: 2.22rem; cursor: pointer;}
.btn-play-jiyi{ left: 2.3rem; top: 2.94rem;}
/* 0528 */
.item-huijuan{ left: 2.14rem; top: .4rem; width: 15.11rem; height: 7.57rem;}
.item-huijuan .item-img{ background: url(../images/item-huijuan.png) no-repeat; background-size: 100% auto;}
.link-huijuan{ position: absolute; left: 2.52rem; top: .27rem; width: .88rem; height: 2.13rem; cursor: pointer;}

.l-front1{ position: absolute; left: 0; bottom: 0; z-index: 3; width: 1.82rem;}
.l-front2{ position: absolute; left: 1.82rem; bottom: 0; z-index: 3; width: 5rem;}
.l-front3{ position: absolute; left: 2.85rem; bottom: 1.6rem; z-index: 3; width: 1.43rem;}
.r-front1{ position: absolute; right: 0; bottom: 0; z-index: 3; width: 2.63rem;}
.r-front2{ position: absolute; right: 2.62rem; bottom: 0; z-index: 3; width: 4.24rem;}
/* foot */
#btn_foot{ position: absolute; width: 1.36rem; height: .35rem; right: 0.3rem; bottom: 0.2rem; z-index: 80; cursor: pointer;}
#btn_foot.off{background: url(../images/btn_foot_show.png); background-size: 100% auto;}
#btn_foot.on{background: url(../images/btn_foot_hide.png); background-size: 100% auto;}
#wmgameFooterInsert{ position: absolute; width: 100%; height: 205px; left: 0; bottom: 0; background-color: #282a2c; z-index: 50; transform: translate3d(0,205px,0);-webkit-transform: translate3d(0,205px,0);-ms-transform: translate3d(0,205px,0); transition: transform 0.3s; -webkit-transition: transform 0.3s; -ms-transition: transform 0.3s;}
#wmgameFooterInsert.on{ transform: translate3d(0,0,0);}
/* pop */
.pop-fixed{ display: none; position: fixed; left: 0; top: 0; z-index:10000000; width: 100%; height: 100%; background-color:rgba(0,0,0,0.7);}
.pop-bg{ position:absolute; left:50%; top:50%; width: 11.81rem; height: 6.71rem; transform: translate3d(-50%,-50%,0); background: url(../images/pop-bg.png) no-repeat; background-size: 100% auto;}
.icon-close{ position: absolute; right: .6rem; top: .3rem; z-index: 10; width: .44rem; height: .44rem; background:url(../images/icon-close.png); cursor:pointer; background-size: 100% auto;}
/* pop-msg */
#pop-msg{ z-index: 10000002;}
#msg{ display: flex; width: 7.6rem; height: 4.96rem; margin: .3rem auto 0; font-size: .3rem; line-height: .48rem; font-weight: bold; color: #816846; justify-content: center; text-align: center; align-items: center;}
.btn-conform{ display: block; position: relative; z-index: 3; width: 2.56rem; height: .84rem; margin: 0 auto; background: url(../images/btn-conform.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.btn-conform:hover{ background-position: 0 -.84rem;}
/* pop-xianshi */
.pop-item-t{ position: absolute; z-index: 3;}
#pop-xianshi .pop-item-t{ left: -.1rem; top: -.38rem; width: 1.6rem;}
.xianshi-card-wrap,.dialog1-box,.dialog2-box{ position: relative; width: 100%; height: 100%;}
.xianshi-card{ position: absolute; left: .95rem; top: -.56rem; width: 9.6rem;}
.xianshi-progress{ position: absolute; left: 0; top: 4.9rem; width: 100%; height: .3rem; padding-left: .6rem; box-sizing: border-box; font-size: .18rem; line-height: .3rem; color: #98856a;  text-align: center;}
#xianshi-card1,#xianshi-card2{ position: absolute; top: .83rem; width: 2.61rem; height: 5.17rem;}
#xianshi-card1{ left: 2.37rem;}
#xianshi-card2{ left: 7.39rem;}
.tag-done2{ display: none; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1.25rem; width: 1.28rem; height: 2.48rem; background: url(../images/tag-done2.png) no-repeat; background-size: 100% auto;}
.btn-dialog1,.btn-dialog2{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: 0; width: 2.56rem; height: .84rem; cursor: pointer;}
.btn-dialog1{ background: url(../images/btn-dialog1.png) no-repeat; background-size: 100% auto;}
.btn-dialog2{ background: url(../images/btn-dialog2.png) no-repeat; background-size: 100% auto;}
.btn-dialog1:hover,.btn-dialog2:hover{ background-position: 0 -.84rem;}

.dialog1-box,.dialog2-box{ display: none;}
.dialog-cont{ width: 8.86rem; height: 1.96rem; margin: 3.21rem auto 0; background: url(../images/dialog-cont.png) no-repeat; background-size: 100% auto;}
.dialog-item{ display: none; position: relative; width: 100%; height: 100%;}
.dialog-role-qwy{ position: absolute; left: 1rem; top: -4.76rem; width: 7.91rem; height: 4.76rem; background: url(../images/dialog-role-qwy.png) no-repeat; background-size: 100% auto;}
.dialog-role-xy{ position: absolute; left: .96rem; top: -3.95rem; width: 6.92rem; height: 3.95rem; background: url(../images/dialog-role-xy.png) no-repeat; background-size: 100% auto;}
.dialog-role-wdsx{ position: absolute; left: .96rem; top: -3.19rem; width: 7.38rem; height: 3.19rem; background: url(../images/dialog-role-wdsx.png) no-repeat; background-size: 100% auto;}
.dialog-text{ display: flex; width: 7rem; height: 100%; margin: 0 auto; font-size: .18rem; line-height: .24rem; color: #98856a; justify-content: center; align-items: center; text-align: center;}
.opa-dialog-box{ position: relative; overflow: hidden; width: 6.56rem; height: .84rem; margin: .08rem auto 0;}
.btn-step-prev1,.btn-step-next1,.btn-step-prev2,.btn-step-next2{ position: absolute; top: 0; height: .84rem; font-size: .18rem; line-height: .84rem; color: #98856a; text-decoration: underline; cursor: pointer;}
.btn-step-prev1,.btn-step-prev2{ display: none; left: 0;}
.btn-step-next1,.btn-step-next2{ right: 0;}
/* pop-mibao */
.piao-bg{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: .5rem; width: 4.63rem;}
.pop-t{ position: absolute; left: 50%; top: .6rem; transform: translate3d(-50%,0,0); height: .66rem;}
#pop-mibao .pop-t{ height: .53rem; top: .95rem;}
#pop-mibao .pop-item-t{ left: .06rem; top: -.38rem; width: 1.49rem;}
.piao{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1.73rem; width: 4.68rem;}
.mask-line{ position: absolute; top: 1.7rem; width: .4rem; height: 2.43rem;}
#mask-line1{ left: 2.28rem;}
#mask-line2{ left: 2.81rem;}
#mask-line3{ left: 8.67rem;}
#mask-line4{ left: 9.19rem;}
.mask-line img{ display: block; height: 1.7rem; margin: 0 auto;}
.mask-line span{ position: absolute; left: .06rem; bottom: 0; width: .27rem; height: .71rem; background: url(../images/tag-none.png) no-repeat; background-size: 100% auto;}
.mask-line.on span{ background: url(../images/tag-done3.png) no-repeat; background-size: 100% auto;}
.mibao-info{ position: absolute; left: 0; top: 4.14rem; width: 100%; height: .52rem; font-size: .18rem; line-height: .26rem; color: #98856a; text-align: center;}
.btn-lottery-wrap{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 4.7rem; width: 3.27rem; height: 1.06rem;}
.btn-lottery-wrap span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.btn-lottery-none{ background: url(../images/btn-lottery-none.png) no-repeat; background-size: 100% auto;}
.btn-lottery{ display: none; background: url(../images/btn-lottery.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.btn-lottery:hover{ background-position: 0 -1.06rem;}
.btn-lottery-done{ display: none; background: url(../images/btn-lottery-done.png) no-repeat; background-size: 100% auto;}
.mibao-progress{ position: absolute; left: 0; top: 5.87rem; width: 100%; height: .3rem; font-size: .18rem; line-height: .3rem; color: #98856a;  text-align: center;}
.btn-rule,.btn-myprize{ position: absolute; top: 5.21rem; width: 1.2rem; height: .36rem; font-size: .18rem; line-height: .36rem; color: #98856a; text-align: center; cursor: pointer; text-decoration: underline;}
.btn-rule{ left: 2.6rem;}
.btn-myprize{ right: 2.6rem;}
/* pop-shenqi */
#pop-shenqi .pop-item-t{ left: -.1rem; top: -.35rem; width: 1.6rem;}
.shenqi-card-wrap,.shenqi-detail-wrap{ width: 100%; height: 100%; overflow: hidden;}
.shenqi-info{ height: .74rem; margin-top: .8rem; font-size: .18rem; line-height: .26rem; color: #98856a; text-align: center;}
.shenqi-list{ display: flex; width: 100%; height: 3.04rem; margin-top: .2rem; justify-content: center;}
.shenqi-list li{ position: relative; width: 2.17rem; height: 3.04rem; margin: 0 .22rem; background: url(../images/card-dan.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.shenqi-list li img{ display: none; width: 100%; height: 100%;}
.icon-chuizi{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: -.22rem; width: 1.14rem; height: 1.14rem; background: url(../images/icon-chuizi.png) no-repeat; background-size: 100% auto;}
.shenqi-list li.on img{ display: block;}
.shenqi-list li.on .icon-chuizi{ display: none;}
.shenqi-progress,.zudi-progress{ width: 100%; height: .3rem; margin-top: .3rem; font-size: .18rem; line-height: .3rem; color: #98856a;  text-align: center;}
.shenqi-detail-wrap{ display: none; position: absolute; left: 0; top: 0;}
.card-bg{ position: absolute; left: 1.74rem; top: .8rem; width: 3.5rem; height: 4.41rem; background: url(../images/card-bg.png) no-repeat; background-size: 100% auto;}
.card-bg img{ position: absolute; left: .18rem; top: .28rem; width: 2.96rem;}
.shenqi-detail{ position: absolute; left: 5.4rem; top: 2.1rem; width: 5.02rem;}
.close-detail{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: .5rem;}
/* pop-zudi */
#pop-zudi .pop-item-t{ left: 0; top: -.38rem; width: 1.59rem;}
.zudi-info{ height: .6rem; margin-top: .63rem; font-size: .18rem; line-height: .6rem; color: #98856a; text-align: center;}
.zudi-bg{ position: relative; width: 9.4rem; height: 4.67rem; margin: 0 0 0 1.14rem; background: url(../images/zudi-bg.png) no-repeat; background-size: 100% auto;}
.zudi-box{ position: absolute; left: 1.29rem; top: .28rem; width: 7.58rem; height: 3.96rem;}
.zudi-box li{ position: absolute; width: 2.67rem; height: 2.79rem;}
#zudi-map1{ left: .14rem; top: .07rem;}
#zudi-map2{ left: 2.43rem; top: .83rem;}
#zudi-map3{ left: 4.95rem; top: .29rem;}
.zudi-map{ width: 100%; height: 100%;}
.zudi-t{ display: none; position: absolute; right: .3rem; top: .52rem; width: .83rem;}
.zudi-suo{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/zudi-suo.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.zudi-box li.on .zudi-suo{ display: none;}
.zudi-box li.on .zudi-t{ display: block;}
.zudi-progress{ margin-top: -.1rem;}
/* pop-miwen */
#pop-miwen .pop-t{ height: .61rem;}
#pop-miwen .pop-item-t{ left: -.1rem; top: -.38rem; width: 1.6rem;}
#pop-miwen .video-box1{ margin-top: 1.4rem;}
/* pop-qianzhan */
#pop-qianzhan .pop-item-t{ left: 0.05rem; top: -.38rem; width: 1.55rem;}
.qianzhan-bg{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: -.6rem; width: 8.86rem;}
.qianzhan-nv{ display: none; position: absolute; left: -.23rem; top: -.1rem; z-index: 2; width: 4.65rem; opacity: .3;}
.qianzhan-nan{ display: none; position: absolute; left: 4.65rem; top: -.5rem; width: 7.26rem; opacity: .3;}
.jun-box2{ display: none; position: absolute; z-index: 3; left: 50%; transform: translate3d(-50%,0,0); top: 1rem; width: 7.26rem; height: 3.83rem; background: url(../images/juan-bg2.png) no-repeat; background-size: 100% auto;}
.qianzhan-scroll{ width: 5rem; height: 3.2rem; margin: .3rem 0 0 1.52rem;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: 0.08rem; background-color: #e3dbcf; border-radius: .04rem;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 0.08rem; background-color: #dcc49a; border-radius: .04rem;}
.qianzhan-cont{ display: none; width: 4.24rem; color: #98856a;}
.qianzhan-cont img{ display: block; width: 100%;}
.qianzhan-cont div{ padding-top: .2rem;}
.qianzhan-cont div h4{ font-size: .18rem; line-height: .26rem; font-weight: bold;}
.qianzhan-cont div p{ padding: .05rem 0 .1rem; font-size: .14rem; line-height: .18rem;}
.color-red{ color: #bf3c29;}
.tab-qianzhan-box{ display: flex; position: absolute; left: 0; top: 4.96rem; width: 100%; height: .67rem; justify-content: center;}
.tab-qianzhan-box span,.tab-qianzhan-box a{ display: block; width: 2.02rem; height: .67rem; margin: 0 .1rem; cursor: pointer;}
#tab-qianzhan1{ background: url(../images/tab-qianzhan1.png) no-repeat; background-size: 100% auto;}
#tab-qianzhan2{ background: url(../images/tab-qianzhan2.png) no-repeat; background-size: 100% auto;}
#tab-qianzhan3{ background: url(../images/tab-qianzhan3.png) no-repeat; background-size: 100% auto;}
.link-more{ background: url(../images/btn-more.png) no-repeat; background-size: 100% auto;}
#tab-qianzhan1:hover,#tab-qianzhan2:hover,#tab-qianzhan3:hover,.btn-more:hover{ background-position: 0 -.67rem;}
#tab-qianzhan1.on,#tab-qianzhan2.on,#tab-qianzhan3.on{ background-position: 0 -1.34rem;}
/* pop-fuli */
#pop-fuli .pop-t{ height: .51rem;}
#pop-fuli .pop-item-t{ left: 0; top: -.38rem; width: 1.5rem;}
.rili-box{ display: block; width: 7.68rem; margin: 1.24rem auto 0;}
#pop-fuli .btn-conform{ margin-top: -.15rem;}
/* pop-video-main */
.video-main-t{ position: absolute; left: .04rem; top: -.4rem; width: 1.59rem;}
.tab-v-box{ display: flex; width: 100%; height: .74rem; margin-top: .6rem; justify-content: center;}
.tab-v-box span{ display: block; width: 2.56rem; height: .74rem; margin: 0 .18rem; cursor: pointer;}
#tab-v1{ background: url(../images/tab-v1.png) no-repeat; background-size: 100% auto;}
#tab-v2{ background: url(../images/tab-v2.png) no-repeat; background-size: 100% auto;}
#tab-v1:hover,#tab-v2:hover{ background-position: 0 -.74rem;}
#tab-v1.on,#tab-v2.on{ background-position: 0 -1.48rem;}
.video-box1{ position: relative; width: 7.68rem; height: 4.43rem; margin: .2rem auto 0; background: url(../images/box-bg1.png) no-repeat; background-size: 100% auto;}
.video-box1 div{ position: absolute; left: .14rem; top: .14rem; width: 7.39rem; height: 4.16rem; background-color: #000;}
.video-box1 div video{ width: 100%; height: 100%;}
/* pop-xunyou */
#pop-xunyou .pop-item-t{ left: 0; top: -.38rem; width: 1.57rem;}
#pop-xunyou .jun-box1,#pop-jiyi .jun-box1{ margin-top: .94rem;}
#pop-xunyou .ewm-box,#pop-jiyi .ewm-box{ left: 8.36rem; top: 2.1rem;}
.ewm-box .ewm-t{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1.52rem; height: .39rem;}
#pop-xunyou .btn-conform,#pop-jiyi .btn-conform{ margin-top: -.05rem;}
/* pop-cos */
#pop-cos .pop-item-t{ left: .06rem; top: -.38rem; width: 1.69rem;}
.cos-role-bot{ position: absolute; left: 4.76rem; top: -.19rem; width: 7.59rem;}
.video-box3{ position: absolute; left: 1.33rem; top: .96rem; width: 6.05rem; height: 3.5rem; background: url(../images/box-bg2.png) no-repeat; background-size: 100% auto;}
.video-box3 div{ position: absolute; left: .1rem; top: .11rem; width: 5.85rem; height: 3.28rem; background-color: #000;}
.video-box3 div video{ width: 100%; height: 100%;}
.cos-role-front{ position: absolute; left: 5.84rem; top: .79rem; width: 2.96rem;}
.btn-get-wrap{ position: absolute; left: 2.98rem; top: 4.56rem; width: 2.73rem; height: .88rem;}
.btn-get-wrap span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.btn-get-none{ background: url(../images/btn-get-none.png) no-repeat; background-size: 100% auto;}
.btn-get{ display: none; background: url(../images/btn-get.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.btn-get:hover{ background-position: 0 -.88rem;}
.btn-get-done{ display: none; background: url(../images/btn-get-done.png) no-repeat; background-size: 100% auto;}
.cos-tip{ position: absolute; left: 2.1rem; top: 5.53rem; height: .19rem;}
.yizhi-tip{ position: absolute; left: 1.33rem; top: 5.85rem; width: 6.05rem; height: .36rem; font-size: .14rem; line-height: .18rem; color: #98856a; text-align: center;}

#pop-cos .ewm-box{ left: 8.42rem; top: 3.48rem; width: 2.21rem; height: 2.18rem;}
#pop-cos .ewm-box .ewm-img{ left: .26rem; top: .26rem; width: 1.69rem; height: 1.65rem;}
#pop-cos .ewm-box .ewm-t{ top: 2.1rem; height: .41rem;}
/* pop-event18 */
#pop-event18 .pop-item-t{ left: -.1rem; top: -.32rem; width: 1.64rem;}
.jun-box1{ position: relative; z-index: 2; width: 9.59rem; height: 4.52rem; margin: 1.18rem auto 0; background: url(../images/juan-bg1.png) no-repeat; background-size: 100% auto;}
.cover-img{ position: absolute; left: 1.3rem; top: .28rem; width: 6.98rem; height: 3.96rem; background-color: #000;}
.ewm-box{ position: absolute; left: 6.42rem; top: 2.48rem; width: 1.63rem; height: 1.61rem; background: url(../images/ewm-bg.png) no-repeat; background-size: 100% auto;}
.ewm-box .ewm-img{ position: absolute; left: .22rem; top: .22rem; width: 1.19rem; height: 1.17rem;}
#pop-event18 .btn-conform{ margin-top: -.3rem;}
/* pop-jiyi */
#pop-jiyi .pop-item-t{ left: -.2rem; top: -.38rem; width: 1.68rem;}
.video-box2{ position: absolute; left: 1.3rem; top: .28rem; width: 6.98rem; height: 3.96rem; background-color: #000;}
.video-box2 video{ width: 100%; height: 100%;}
/* pop-lottery-succ */
#pop-lottery-succ .pop-t{ height: .39rem; top: .96rem;}
.succ-name-box{ display: flex; width: 5.12rem; height: 1.2rem; margin:1.33rem auto 0; align-items: center;}
.succ-name-box div{ width: 100%;}
.succ-name-box p{ width: 100%; font-size: .3rem; font-weight: bold; line-height: .46rem; color: #98856a; text-align: center;}
.succ-tip{ width: 4rem; margin: .1rem auto 0; font-size: .14rem; line-height: .2rem; color: #98856a; text-align: center;}
.btn-conform2{ display: block; position: relative; z-index: 3; width: 2.02rem; height: .67rem; margin: 0 auto; background: url(../images/btn-conform2.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.btn-conform2:hover{ background-position: 0 -.67rem;}
/* pop-myprize */
#pop-myprize .pop-t{ height: .43rem; top: .9rem;}
.prize-box{ display: flex; width: 4.3rem; height: 2.1rem; margin: 1.26rem auto 0; align-items: center;}
.prize-content{ width: 100%;}
.prize-item{ padding: .1rem 0;}
.prize-name{ font-size: .24rem; font-weight: bold; line-height: .3rem; color: #98856a; text-align: center;}
.btn-address{ text-decoration: underline; cursor: pointer;}
.btn-get-chenghao{ line-height: .3rem; text-decoration: underline; cursor: pointer;}
.get-tip{ line-height: .3rem;}
/* pop-bind */
#pop-bind{ z-index: 10000001;}
.pop-bg2{ position:absolute; left:50%; top:50%; width: 7.6rem; height: 4.23rem; transform: translate3d(-50%,-50%,0); background: url(../images/pop-bg2.png) no-repeat; background-size: 100% auto;}
.pop-bg2 .icon-close{ right: .7rem; top: .5rem;}
#pop-bind .pop-t{ height: .54rem; top: .6rem;}
.form-box{ width: 3rem; height: 1.1rem; margin: 0 auto; padding-top: 1.3rem;}
.form-line{ width: 100%; height: .36rem; margin-bottom: .13rem;}
.form-tag{ float: left; width: .7rem; height: .36rem; font-size: .16rem; font-weight: bold; line-height: .36rem; color: #98856a;}
.form-line select{ float: right; width: 2.26rem; height: .36rem; padding: 0 .1rem; box-sizing: border-box; font-size: .16rem; line-height: .36rem; color: #98856a; border: .01rem solid #98856a;}
#btn-sub-bind{ display: block; width: 2.02rem; height: .67rem; margin: 0 auto; background: url(../images/btn-bind.png) no-repeat; background-size: 100% auto; cursor: pointer;}
#btn-sub-bind:hover{ background-position: 0 -.67rem;}
.bind-tip{ width: 4rem; margin: .1rem auto 0; font-size: .14rem; line-height: .22rem; color: #98856a; text-align: center;}
/* pop-address */
#pop-address .pop-t{ height: .4rem; top: .56rem;}
#pop-address .form-box{ width: 3.4rem; height: 1.25rem; padding-top: 1.06rem;}
#pop-address .form-line{ margin-bottom: .07rem;}
.form-line2{ height: .72rem;}
#pop-address .form-tag{ width: 1.1rem; text-align: right;}
.form-line input,.form-line textarea{ float: right; width: 2.24rem; height: .34rem; padding: 0 .1rem; box-sizing: border-box; font-size: .16rem; line-height: .34rem; color: #98856a; border: .01rem solid #98856a;}
.form-line textarea{ height: .68rem; resize: none; overflow-x: hidden; overflow-y: auto;}
#pop-address .bind-tip{ text-align: left;}
#pop-address .bind-tip a{ color: #53a0ff; text-decoration: underline;}
#btn-sub-address{ display: block; width: 2.02rem; height: .67rem; margin: .1rem auto 0; background: url(../images/btn-sub.png) no-repeat; background-size: 100% auto; cursor: pointer;}
#btn-sub-address:hover{ background-position: 0 -.67rem;}
/* pop-rule */
#pop-rule .pop-t{ height: .41rem; top: .6rem;}
.rule-scroll{ width: 4.6rem; height: 2.5rem; margin: 1.1rem 0 0 1.6rem;}
.rule-scroll p{ width: 4.42rem; padding-bottom: .1rem; font-size: .14rem; line-height: .26rem; color: #98856a;}

/* active */
.btn-event18.active .item-title,.btn-jiyi.active .item-title,.btn-mibao.active .item-title
{ animation: key-active1 1s linear infinite alternate;}
@keyframes key-active1{
    0%{ transform: scale(1);}
    100%{ transform: scale(1.1);}
}
.btn-qianzhan.active .item-title,.btn-xunyou.active .item-title,.link-huijuan.active .item-title,.link-piaoxuan.active .item-title,.link-youli.active .item-title,.btn-cos.active .item-title,.link-feisheng.active .item-title
{ animation: key-active2 1.6s linear infinite alternate;}
@keyframes key-active2{
    0%{ transform: scale(1);}
    100%{ transform: scale(.94);}
}
.link-baike.active .item-title,.btn-fuli.active .item-title,.btn-xianshi.active .item-title,.btn-miwen.active .item-title,.btn-zudi.active .item-title,.btn-shenqi.active .item-title
{ animation: key-active3 1.6s linear infinite alternate;}
@keyframes key-active3{
    0%{ transform: scale(1);}
    100%{ transform: scale(1.06);}
}

/* ani */
.ani-moveR100{ animation: key-yun 20s linear alternate infinite;}
@keyframes key-yun{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(1rem,0,0);}
}
.ani-opacity1{ animation: key-opacity1 1.4s linear infinite alternate;}
@keyframes key-opacity1{
    0%{ opacity: .3;}
    100%{ opacity: 1;}
}
.ani-opacity2{ animation: key-opacity2 0.6s linear infinite alternate;}
@keyframes key-opacity2{
    0%{ opacity: .8;}
    100%{ opacity: 1;}
}
.ani-scaleS1{ animation: key-scaleS1 2s linear infinite alternate;}
@keyframes key-scaleS1{
    0%{ transform: scale(1);}
    100%{ transform: scale(.98);}
}
.ani-scaleB1{ animation: key-scaleB1 2s linear infinite alternate;}
@keyframes key-scaleB1{
    0%{ transform: scale(1);}
    100%{ transform: scale(1.02);}
}
.ani-moveU10{ animation: key-moveU10 1.6s linear infinite alternate;}
@keyframes key-moveU10{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,.1rem,0);}
}
.ani-moveD10{ animation: key-moveD10 1.6s linear infinite alternate;}
@keyframes key-moveD10{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,-.1rem,0);}
}