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: 6rem; top: 80px; z-index: 20; width: 700px; height: 36px;}
.login,.logout{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;font-size: .16rem; line-height: .3rem;  color: #2d639e; overflow: hidden;}
.logout{ display: none;}
.btn-login,.btn-logout{ color: #ff1a1a; 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: 29.22rem; height: 12.27rem; background: url(../images/bg.jpg) no-repeat; background-size: 100% auto; overflow: hidden;}
.mouse-tip{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: 1.4rem; width: 2.7rem; height: .76rem; background: url(../images/mouse-tip.png) no-repeat; background-size: 100% auto;}
/* bind-info */
.bind-info{ display: none; position: absolute; left: 17rem; top: 90px; z-index: 5; width: 3rem; height: .3rem; font-size: .16rem; line-height: .3rem; color: #2d639e; text-align: center;}
.bind-info span{ color: #ff1a1a;}

.btn-play-v{ position: absolute; left: 16.35rem; top: 1.6rem; z-index: 5; width: .64rem; height: .64rem; background: url(../images/btn-play.png) no-repeat; background-size: 100% auto; cursor: pointer;}

.item-box{ position: absolute;}
.item-img{ position: relative; width: 100%; height: 100%;}
.item-box:hover .item-img{ animation: none;}
.btn-item{ position: absolute; width: .68rem; height: 1.95rem; cursor: pointer;}
.btn-item img{ display: none; position: absolute; left: 0; top: 0; width: 100%;}
.btn-item:hover img{ display: block;}
/* item */
.item-xintuzhanwang{ left: .71rem; top: 1.28rem; width: 2.55rem; height: 2.51rem;}
.item-xintuzhanwang .item-img{ background: url(../images/item-xintuzhanwang.png) no-repeat; background-size: 100% auto;}
.btn-item-xintuzhanwang{ z-index: 5; left: 5.71rem; top: 1.56rem; background: url(../images/btn-xintuzhanwang.png) no-repeat; background-size: 100% auto;}

.item-zhounianfuli{ left: 0rem; top: 3.56rem; width: 5.17rem; height: 9.13rem;}
.item-zhounianfuli .item-img{ background: url(../images/item-zhounianfuli.png) no-repeat; background-size: 100% auto;}
.btn-item-zhounianfuli{ left: 4.34rem; top: 3.12rem; background: url(../images/btn-zhounianfuli.png) no-repeat; background-size: 100% auto;}

.item-xinfuyuyue{ left: 4.47rem; top: .8rem; width: 6.26rem; height: 5.98rem;}
.item-xinfuyuyue .item-img{ background: url(../images/item-xinfuyuyue.png) no-repeat; background-size: 100% auto;}
.btn-item-xinfuyuyue{ left: 4.54rem; top: 1.73rem; background: url(../images/btn-xinfuyuyue.png) no-repeat; background-size: 100% auto;}

.item-xinfuhuodong{ left: 8.32rem; top: 6.41rem; width: 2.84rem; height: 6.06rem;}
.item-xinfuhuodong .item-img{ background: url(../images/item-xinfuhuodong.png) no-repeat; background-size: 100% auto;}
.btn-item-xinfuhuodong{ left: -1rem; top: 1.86rem; background: url(../images/btn-xinfuhuodong.png) no-repeat; background-size: 100% auto;}

.item-zhounianhuodong{ left: 19.12rem; top: .76rem; width: 6.03rem; height: 4.98rem;}
.item-zhounianhuodong .item-img{ background: url(../images/item-zhounianhuodong.png) no-repeat; background-size: 100% auto;}
.btn-item-zhounianhuodong{ left: .46rem; top: 2.65rem; background: url(../images/btn-zhounianhuodong.png) no-repeat; background-size: 100% auto;}

.item-shiguang{ left: 14.21rem; top: 6.3rem; width: 11.61rem; height: 7.7rem;}
.item-shiguang .item-img{ background: url(../images/item-shiguang.png) no-repeat; background-size: 100% auto;}
.btn-item-shiguang{ left: 3.6rem; top: 2.25rem; background: url(../images/btn-shiguang.png) no-repeat; background-size: 100% auto;}

.item-yikao{ left: 23.53rem; top: 5.47rem; width: 5.69rem; height: 6.15rem;}
.item-yikao .item-img{ background: url(../images/item-yikao.png) no-repeat; background-size: 100% auto;}
.btn-item-yikao{ left: 0; top: 2.66rem; background: url(../images/btn-yikao.png) no-repeat; background-size: 100% auto;}

.item-xingbang{ left: 24.36rem; top: 2.53rem; width: .68rem; height: 1.95rem;}
.btn-item-xingbang{ left: 0; top: 0; background: url(../images/btn-xingbang.png) no-repeat; background-size: 100% auto;}

.item-liuying{ left: 27.65rem; top: 4.38rem; width: .68rem; height: 1.95rem;}
.btn-item-liuying{ left: 0; top: 0; background: url(../images/btn-liuying.png) no-repeat; background-size: 100% auto;}
/* foot */
.hezuo{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: .2rem; width: 12.26rem;}
#btn-foot{ position: absolute; width: 1.4rem; height: .4rem; right: 5.6rem; bottom: 0.3rem; 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);}
/* zhounianfuli */
.pop-page{ display: none; position: absolute; left: 0; top: 0; z-index:10000000; width: 100%; height: 100%; background: url(../images/pop-page-bg.jpg) no-repeat center top; background-size: auto 100%;}
.btn-back{ position: absolute; left: .2rem; top: .3rem; z-index: 2; width: 2.46rem; height: .88rem; background: url(../images/btn-back.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.page-cont{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 0; width: 12rem; height: 100%;}
.page-t{ display: block; height: 2.27rem; margin: .49rem auto 0;}
.fuli-box{ position: relative; width: 12.56rem; height: 7.39rem; margin: .12rem auto 0; padding-top: .61rem; box-sizing: border-box; background: url(../images/fuli-box.png) no-repeat; background-size: 100% auto;}
.fuli-btn-wrap{ display: flex; position: absolute; left: 0; top: .04rem; width: 100%; justify-content: center;}
.fuli-btn-wrap span{ display: block; width: 2rem; height: .5rem; margin: 0 .05rem; font-size: .24rem; line-height: .5rem; color: #fff; text-align: center; background: url(../images/btn-bg4.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.fuli-btn-wrap span:hover{ background: url(../images/btn-bg3.png) no-repeat; background-size: 100% auto;}
.my-score{ height: .72rem; font-size: .24rem; line-height: .72rem; text-align: center;}

.lottery-box{ position: relative; width: 11.3rem; height: 5rem; margin: 0 auto;}
#lottery{ position: relative; width: 100%; height: 100%;}
#lottery li{ position: absolute; width: 1.8rem; height: 1.6rem; background: url(../images/li-normal.png) no-repeat; background-size: 100% auto;}
#lottery li.on{ background: url(../images/li-on.png) no-repeat; background-size: 100% auto;}
#lottery li.p1{ left: 0rem; top: 0rem;}
#lottery li.p2{ left: 1.9rem; top: 0rem;}
#lottery li.p3{ left: 3.8rem; top: 0rem;}
#lottery li.p4{ left: 5.7rem; top: 0rem;}
#lottery li.p5{ left: 7.6rem; top: 0rem;}
#lottery li.p6{ left: 9.5rem; top: 0rem;}
#lottery li.p7{ left: 9.5rem; top: 1.7rem;}
#lottery li.p8{ left: 9.5rem; top: 3.4rem;}
#lottery li.p9{ left: 7.6rem; top: 3.4rem;}
#lottery li.p10{ left: 5.7rem; top: 3.4rem;}
#lottery li.p11{ left: 3.8rem; top: 3.4rem;}
#lottery li.p12{ left: 1.9rem; top: 3.4rem;}
#lottery li.p13{ left: 0rem; top: 3.4rem;}
#lottery li.p14{ left: 0rem; top: 1.7rem;}
.lottery-img{ position: absolute; left: .42rem; top: .21rem; width: 10.59rem;}
#btn-lottery{ position: absolute; left: 1.91rem; top: 1.71rem; width: 7.49rem; height: 1.6rem; background: url(../images/btn-lottery.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.lottery-tip{ font-size: .18rem; line-height: .72rem; text-align: center;}
/* shiguang */
.shiguang-tip{ height: .68rem; margin-top: -.12rem; font-size: .18rem; line-height: .34rem; text-align: center;}
.shiguang-btn-wrap{ display: flex; width: 100%; margin-top: .2rem; justify-content: center;}
.shiguang-btn-wrap span{ display: block; width: 2rem; height: .5rem; margin: 0 .05rem; font-size: .24rem; line-height: .5rem; color: #fff; text-align: center; background: url(../images/btn-bg4.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.shiguang-btn-wrap span:hover{ background: url(../images/btn-bg3.png) no-repeat; background-size: 100% auto;}
.zuopin-box{ width: 12.26rem; margin: .48rem 0 0 -.12rem;}
.zuopin-box .zuopin-list{ width: 100%; height: 4.98rem;}
.zuopin-list li{ float: left; width: 2.8rem; height: 2.35rem; margin: 0 .13rem;}
#zuopin-all-list li{ cursor: pointer;}
.zuopin-view{ position: relative; width: 2.8rem; height: 1.58rem; padding: .05rem; box-sizing: border-box; background: url(../images/zuopin-view-bg.png) no-repeat; background-size: 100% auto;}
.zuopin-view img{ display: block; width: 2.7rem; height: 1.48rem;}
.zuopin-info{ height: .6rem; margin-top: .04rem;}
.zuopin-info p{ overflow: hidden; height: .3rem; font-size: .16rem; line-height: .3rem; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.page{ display: flex; height: .3rem; justify-content: center;}
.page a{ display: block; width: .3rem; height: .3rem; margin: 0 .13rem; font-size: .18rem; line-height: .3rem; text-align: center; cursor: pointer;}
.page a.active{ color: #fff; background-color: #5cade0; border-radius: .3rem;}

/* 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%; transform: translate3d(-50%,-50%,0);}
.icon-close{ position: absolute; right: -.98rem; top: 0; z-index: 10; width: .82rem; height: .82rem; background:url(../images/icon-close.png); cursor:pointer; background-size: 100% auto;}
/* pop-msg */
#pop-msg{ z-index: 10000002;}
.pop-bg1{ width: 6.6rem; height: 4.08rem; background: url(../images/pop-bg1.png) no-repeat; background-size: 100% auto;}
.pop-zs1{ position: absolute; right: -1.17rem; top: .71rem; width: 2.04rem; height: .39rem; background: url(../images/pop-zs1.png) no-repeat; background-size: 100% auto;}
.pop-zs2{ position: absolute; left: -.19rem; bottom: .2rem; width: 1.26rem; height: .39rem; background: url(../images/pop-zs2.png) no-repeat; background-size: 100% auto;}
.pop-t{ display: block; height: .36rem; margin: .48rem auto 0;}
#msg{ display: flex; width: 5.36rem; height: 2.3rem; margin: .2rem auto 0; font-size: .36rem; line-height: .52rem; color: #70a0d2; justify-content: center; text-align: center; align-items: center;}
/* pop-bind */
#pop-bind{ z-index: 10000001;}
.form-box{ width: 4.4rem; height: 1.5rem; margin: 0 auto; padding-top: .3rem;}
.form-line{ width: 100%; height: .5rem; margin-bottom: .12rem;}
.form-line select{ width: 100%; height: 100%; padding: 0 .1rem; box-sizing: border-box; font-size: .18rem; line-height: .5rem; color: #fff; background-color: #6b87a1; border: 0; border-radius: .1rem;}
.pop-btn-wrap{ display: flex; width: 100%; height: .6rem; justify-content: center;}
.pop-btn-wrap span{ display: block; width: 2.1rem; height: .6rem; margin: 0 .1rem; font-size: .3rem; line-height: .6rem; color: #fff; text-align: center; cursor: pointer;}
#btn-bind{ background: url(../images/btn-bg1.png) no-repeat; background-size: 100% auto;}
.btn-cancel{ background: url(../images/btn-bg2.png) no-repeat; background-size: 100% auto;}
.bind-tip{ width: 4rem; margin: .2rem auto 0; font-size: .16rem; line-height: .22rem; color: #70a0d2; text-align: center;}
/* pop-xintuzhanwang */
.pop-bg2{ width: 10rem; height: 6.38rem; background: url(../images/pop-bg2.png) no-repeat; background-size: 100% auto;}
.text-tip-line{ width: 7.37rem; height: .29rem; margin: .26rem auto 0; font-size: .18rem; line-height: .29rem; color: #ffd280; text-align: center; background: url(../images/text-line-bg.png) no-repeat; background-size: 100% auto;}
.video-box{ width: 7.02rem; height: 4.05rem; margin: .28rem auto 0; background-color: #000;}
.video-box video{ width: 100%; height: 100%;}
/* pop-rule */
.pop-bg3{ width: 6.6rem; height: 6.38rem; background: url(../images/pop-bg3.png) no-repeat; background-size: 100% auto;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: 0.08rem; background-color: #d8e5ed;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 0.08rem; background-color: #70a0d2;}
.rule-scroll{ width: 6.04rem; height: 4.3rem; margin: .44rem 0 0 .34rem;}
.rule-scroll div{ position: relative; overflow: hidden; width: 5.76rem;  margin-bottom: .1rem; padding-left: .34rem; box-sizing: border-box;}
.rule-scroll div .rule-num{ position: absolute; left: 0; top: .03rem; width: .24rem; height: .24rem; font-size: .18rem; line-height: .24rem; color: #fff; text-align: center; border-radius: .24rem; background-color: #70a0d2;}
.rule-scroll div p{ max-height: 2rem; font-size: .18rem; line-height: .3rem; color: #2b5c8e;}
/* pop-myprize */
.myprize-head{ width: 5.87rem; height: .51rem; margin: .5rem 0 0 .34rem; background: url(../images/myprize-head-bg.png) no-repeat; background-size: 100% auto;}
.col1,.col2,.col3{ float: left; text-align: center;}
.col1{ width: 1.6rem;}
.col2{ width: 3.1rem;}
.col3{ width: 1.14rem;}
.myprize-head div{ height: .51rem; font-size: .2rem; line-height: .51rem;}
.myprize-scroll{ width: 6.05rem; height: 3.6rem; margin-left: .34rem;}
.myprize-list{ width: 5.87rem;}
.myprize-list li{ height: .46rem; border-bottom: .01rem dashed #d2dee5;}
.myprize-list li div{ height: .46rem; font-size: .16rem; line-height: .46rem;}
.btn-pop-address{ color: #d50000; text-decoration: underline; cursor: pointer;}
/* pop-address */
.address-t{ display: flex; width: 6.1rem; height: 1.9rem; margin: .1rem auto 0; font-size: .32rem; line-height: .42rem; color: #70a0d2; text-align: center; justify-content: center; align-items: center;}
#pop-address .form-box{ height: 3.2rem; padding-top: 0;}
.form-line-bg{ width: 4.4rem; height: .5rem; margin-bottom: .12rem; background-color: #6b87a1; border: 0; border-radius: .1rem;}
.form-line-bg2{ height: 1rem;}
.form-tag{ float: left; width: 1.06rem; font-size: .18rem; line-height: .5rem; color: #fff; text-align: right;}
#pop-address .form-line .form-tag{ color: #000;}
.form-line-bg input,.form-line-bg textarea{ float: left; width: 3.24rem; height: .5rem; font-size: .18rem; line-height: .5rem; color: #fff; background: none; border: 0;}
.form-line-bg textarea{ height: .88rem; margin-top: .12rem; line-height: .24rem; resize: none; overflow-x: hidden; overflow-y: auto;}
.radio-box{ float: left; width: .7rem; height: .5rem; margin-left: .34rem; line-height: .5rem;}
.radio-box label{ margin-left: .1rem; cursor: pointer;}
#btn-sub-address{ background: url(../images/btn-bg1.png) no-repeat; background-size: 100% auto;}
/* pop-xinfuhuodong */
.huodong-scroll{ width: 8.9rem; height: 4.3rem; margin: .44rem 0 0 .7rem;}
.huodong-item{ position: relative; overflow: hidden; width: 8.45rem; margin-bottom: .2rem;}
.rule-title{ font-size: .32rem; line-height: .46rem; color: #2968a2;}
.huodong-item p{ max-height: 2rem; padding-bottom: .1rem; font-size: .18rem; line-height: .3rem; color: #303439;}
.huodong-table{ display: block; width: 8.45rem; margin-bottom: .1rem;}
.font24{ font-size: .24rem; color: #2968a2;}

/* pop-zhounianhuodong */
#btn-get20{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: -.8rem; width: 2.9rem; height: .6rem; font-size: .3rem; line-height: .6rem; color: #fff; text-align: center; cursor: pointer; background: url(../images/btn-bg5.png) no-repeat; background-size: 100% auto;}
/* pop-detail */
.big-pic-box{ display: flex; width: 7.7rem; height: 3.3rem; margin: .2rem auto 0; justify-content: center; align-items: center;}
.big-pic-box img{ max-width: 100%; max-height: 100%; border: .05rem solid #7cbbde;}
.detail-role{ width: 8.4rem; height: .54rem; margin: .1rem auto 0; font-size: .24rem; line-height: .54rem; color: #4465b0; text-align: center; border-bottom: .01rem dashed #c5d5e2;}
.detail-cont{ overflow: hidden; width: 8.4rem; height: 1.2rem; margin: .1rem auto 0; font-size: .18rem; line-height: .3rem; word-break: break-all;}
/* pop-upload */
.upload-box{ width: 8.6rem; height: 2.56rem; padding: .1rem; box-sizing: border-box; margin: .36rem auto 0; background: rgba(255,255,255,.44); border-radius: .1rem;}
.upload-l{ float: left; position: relative; width: 4.2rem; height: 2.36rem; padding: .05rem; box-sizing: border-box; background-color: #eceff1; border-radius: .1rem;}
.file-img{ display: block; width: 100%;}
#input-file{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.file-result{ display: none; position: absolute; left: .05rem; top: .05rem; overflow: hidden; width: 4.1rem; height: 2.26rem; background-color: #fff;}
.file-result img{ width: 100%; height: 100%;}
.reset-upload{ position: absolute; left: 0; top: 0; width: 4.1rem; height: 2.26rem; background: url(../images/reset-upload.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.upload-r{ float: right; width: 3.9rem; height: 2.36rem;}
.text-title{ height: .46rem; font-size: .24rem; line-height: .4rem; color: #547fa7; text-align: center; border-bottom: .01rem dashed #c5d5e2;}
#shiguang-text{ width: 3.9rem; height: 1.5rem; margin-top: .1rem; font-size: .16rem; line-height: .28rem; color: #000; overflow-x: hidden; resize: none; border: none; background: none;}
.text-last{ font-size: .16rem; line-height: .28rem; color: #cacaca; text-align: right;}
.text-last span{ color: #88a7c9;}
.upload-tip{ height: .97rem; font-size: .18rem; line-height: .7rem; text-align: center;}
#btn-sub-shiguang{ background: url(../images/btn-bg1.png) no-repeat; background-size: 100% auto;}
/* pop-myzuopin */
.myzuopin-scroll{ width: 9.38rem; height: 4.6rem; margin: .35rem auto 0;}
.myzuopin-scroll .zuopin-list{ overflow: hidden; width: 9.02rem; margin: 0 auto;}
.myzuopin-scroll .zuopin-list li{ margin: 0 .1rem;}
.zuopin-view span{ position: absolute; left: 0; top: 0; width: .72rem; height: .72rem;}
.zuopin-view span.succ{ background: url(../images/tag-succ.png) no-repeat; background-size: 100% auto;}
.zuopin-view span.fail{ background: url(../images/tag-fail.png) no-repeat; background-size: 100% auto;}
.zuopin-view span.ing{ background: url(../images/tag-ing.png) no-repeat; background-size: 100% auto;}
/* pop-yikao */
.question-box{ position: relative; overflow: hidden; width: 8.3rem; height: 3.8rem; margin: .48rem auto 0;}
.yikao-item{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.question-title{ font-size: .24rem; line-height: .32rem;}
.answer-list{ padding-top: .26rem;}
.answer-list li{ width: 100%; height: .42rem; padding: 0 .22rem; box-sizing: border-box; margin-bottom: .12rem; font-size: .18rem; line-height: .42rem; cursor: pointer;}
.answer-list li.right{ background-color: #c9e8d2;}
.answer-list li.wrong{ background-color: #e5cdd4;}

.question-opa-none{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/* pop-auto-msg */
#pop-auto-msg{ z-index: 10000003; background: rgba(0,0,0,0);}
.auto-tip{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 2.9rem; height: .6rem; font-size: .24rem; line-height: .6rem; color: #ff0000; text-align: center; background-color: #000;}
/* pop-video */
.pop-video-box{ width: 9rem; height: 5.06rem; margin: .66rem auto 0; background-color: #000;}
.pop-video-box video{ width: 100%; height: 100%;}
/* ani */
.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);}
}