@charset "utf-8";
@font-face {
  font-family: "fzlbk";
  src: url('https://zxsjvmg.wmupd.com/game/zxsj/ifonts/fzlbj.ttf');
}
body{ position: relative; margin: 0; padding: 0; font-size: .14rem; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; background:#b0b9c0; overflow-x: hidden;}
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;}

.wrap{ position: relative; width: 25.6rem; font-family: "fzlbk";}
.wrap a{ font-family: "fzlbk";}
.font-yahei{ font-family: "Microsoft Yahei";}
.btn-invite-float{ position: fixed; z-index: 10; right: .36rem; bottom: 2rem; width: 1.42rem; height: 2.59rem; overflow: hidden; background: url(../images/btn-invite-float.png) no-repeat; background-size: 100% auto; cursor: pointer; text-indent: -100rem;}
/* section-head */
.section-box{ position: relative; width: 25.6rem;}
#section-head{ height: 12rem; background: url(../images/section-head-bg.jpg) no-repeat; background-size: 100% auto;}
.logo{ position: absolute; left: 15.6rem; top: 1.2rem; width: 3.6rem; height: 1.4rem; background: url(../images/logo.png) no-repeat; background-size: 100% auto;}
.btn-main,.btn-rule,.btn-myprize{ position: absolute; top: .26rem; width: 1.87rem; height: .63rem; overflow: hidden; cursor: pointer; text-indent: -100rem;}
.btn-main{ right: .45rem; background: url(../images/btn-main.png) no-repeat; background-size: 100% auto;}
.btn-rule{ right: 2.6rem; background: url(../images/btn-rule.png) no-repeat; background-size: 100% auto;}
.btn-myprize{ right: 4.74rem; background: url(../images/btn-myprize.png) no-repeat; background-size: 100% auto;}
.head-cont{ position: absolute; left: 12.14rem; top: 8.79rem; width: 9.94rem; height: 2.62rem;}
.cutdown-time{ height: .56rem; font-size: .33rem; line-height: .56rem; color: #fff; text-align: center;}
.head-btn-wrap{ display: flex; height: .77rem; margin-top: .45rem; justify-content: center;}
.head-btn-wrap span{ display: block; width: 3.11rem; height: .77rem; margin: 0 .5rem; cursor: pointer;}
.btn-accept{ background: url(../images/btn-accept.png) no-repeat; background-size: 100% auto;}
.head-btn-wrap .btn-invite{ background: url(../images/btn-invite.png) no-repeat; background-size: 100% auto;}
.login-box{ height: .7rem; margin-top: .12rem; font-size: .26rem; line-height: .7rem; color: #fff; text-align: center;}
.logout{ display: none;}
.btn-login,.btn-logout,.btn-check-account{ cursor: pointer;}
.ml50{ margin-left: .5rem;}
/* section-lottery */
#section-lottery{ height: 11.4rem; padding-top: 1.83rem; box-sizing: border-box; background: url(../images/section-lottery-bg.jpg) no-repeat; background-size: 100% auto;}
.lottery-info1{ height: .5rem; font-size: .28rem; line-height: .5rem; color: #d9b57a; text-align: center;}
.lottery-info2{ height: .62rem; font-size: .16rem; line-height: .31rem; color: #d9b57a; text-align: center;}
.prize-lottery{ display: block; width: 10.9rem; margin: 0 auto;}
.lottery-btn-wrap{ display: flex; height: .97rem; margin-top: .32rem; justify-content: center;}
.btn-lottery,.btn-invite-box{ width: 3.57rem; height: .97rem; margin: 0 .3rem; padding-top: .54rem; box-sizing: border-box; font-size: .2rem; line-height: .24rem; text-align: center; color: #fff4d7; text-shadow: 0 0 .11rem rgba(104,92,68,.72); cursor: pointer;}
.btn-lottery{ background: url(../images/btn-lottery.png) no-repeat; background-size: 100% auto;}
.btn-invite-box{ background: url(../images/btn-invite-box.png) no-repeat; background-size: 100% auto;}
.color-brown{ color: #4c4536;}
.invite-num{ color: #ff0000;}
#section-lottery .btn-invite-record{ display: block; width: 1.35rem; height: .25rem; margin: .46rem auto 0; overflow: hidden; background: url(../images/btn-invite-record1.png) no-repeat; background-size: 100% auto; cursor: pointer; text-indent: -100rem;}
/* section-gift */
#section-gift{ height: 11.12rem; padding-top: 2.2rem; box-sizing: border-box; background: url(../images/section-gift-bg.jpg) no-repeat; background-size: 100% auto;}
.gift-tag{ display: block; width: 2.84rem; margin: 0 auto;}
#section-gift .lottery-btn-wrap{ margin-top: 1.1rem;}
#section-gift .btn-invite-record{ display: block; width: 3.57rem; height: .97rem; margin: 0 .3rem; overflow: hidden; background: url(../images/btn-invite-record2.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.gift-box{ position: relative; width: 100%; height: 3.02rem; margin-top: .97rem;}
.gift-list{ display: flex; width: 100%; height: 100%; justify-content: center;}
.gift-list li{ position: relative; width: 2.23rem; height: 100%; margin: 0 .37rem;}
.gift-img{ display: block; width: 2.03rem; height: 2.07rem; margin: 0 auto;}
.btn-get-gift{ display: block; width: 2.23rem; height: .58rem; margin: .36rem auto 0; background: url(../images/btn-get-gift.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.btn-get-gift.done{ background: url(../images/btn-get-gift-done.png) no-repeat; background-size: 100% auto; cursor: default;}
.gift-list li div{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1.73rem; width: .67rem; height: .19rem; background: url(../images/gift-tag-on.png) no-repeat; background-size: 100% auto;}
.gift-list li.gray img{ filter: grayscale(100%);}
.gift-list li.gray div{ background: url(../images/gift-tag-off.png) no-repeat; background-size: 100% auto;}
.gift-line{ position: absolute; left: 9.8rem; top: -.1rem; width: .02rem; height: 2.27rem; background: url(../images/gift-line.png) no-repeat; background-size: 100% auto;}
/* section-sort */
#section-sort{ height: 14.27rem; background: url(../images/section-sort-bg.jpg) no-repeat; background-size: 100% auto;}
.sort-top-box{ position: absolute; width: 2.5rem; height: 1.02rem; color: #f4f4f4; text-align: center;}
#sort-top1{ left: 11.44rem; top: 5.22rem; width: 2.7rem;}
#sort-top2{ left: 8.22rem; top: 6.06rem;}
#sort-top3{ left: 14.88rem; top: 6.06rem;}
.sort-name{ display: block; height: .68rem; overflow: hidden; font-size: .3rem; line-height: .72rem; text-overflow: ellipsis; white-space: nowrap;}
.sort-phone{ display: block; height: .34rem; overflow: hidden; font-size: .32rem; line-height: .34rem;}
.mysort{ display: none; position: absolute; left: 0; top: 8.87rem; width: 100%; height: .4rem; font-size: .32rem; line-height: .4rem; color: #d9b57a; text-align: center;}
.sort-info{ position: absolute; left: 0; top: 9.53rem; width: 100%; height: .6rem; font-size: .28rem; line-height: .3rem; color: #d9b57a; text-align: center;}
.color-red{ color: #ff0000;}
.sort-box{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 10.33rem; width: 8.54rem; height: 2.94rem; background: url(../images/sort-box-bg.png) no-repeat; background-size: 100% auto;}
.sort-list-box{ position: absolute; left: .13rem; top: .6rem; width: 8.3rem; height: 2.2rem; overflow-x: hidden; overflow-y: auto;}
.sort-list-box::-webkit-scrollbar{ width: .1rem; background: transparent; border-radius: .1rem;}
.sort-list-box::-webkit-scrollbar-thumb{ width: .1rem; background-color: #c3ae7e; border-radius: .1rem;}
#sort-list{ width: 8.05rem;}
#sort-list li{ width: 8.05rem; height: .38rem; margin-bottom: .08rem; border-radius: .06rem;}
#sort-list li.li-4{ background-color: rgba(195,174,129,1);}
#sort-list li.li-5{ background-color: rgba(195,174,129,.7);}
#sort-list li.li-6{ background-color: rgba(195,174,129,.6);}
#sort-list li.li-7{ background-color: rgba(195,174,129,.4);}
#sort-list li.li-8{ background-color: rgba(195,174,129,.3);}
#sort-list li.li-9{ background-color: rgba(195,174,129,.2);}
#sort-list li.li-10{ background-color: rgba(195,174,129,.1);}
#sort-list li span{ float: left; height: .38rem; font-size: .26rem; line-height: .38rem; color: #f4f4f4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#sort-list li span.col1{ width: 4.64rem; text-align: center;}
#sort-list li span.col2{ width: 2.64rem; margin-left: 0.2rem;}
/* pop */
.pop-fixed{ display: none; position: fixed; left: 0; top: 0; z-index: 991; width: 100%; height: 100%; background-color: rgba(0,0,0,.9);}
.pop-bg{ position: absolute; left: 50%; top: 50%; transform: translate3d(-52%,-50%,0);}
.icon-close{ position: absolute; right: -.1rem; top: .05rem; z-index: 2; width: .55rem; height: .55rem; background: url(../images/icon-close.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.pop-cont{ position: absolute; font-family: "Microsoft Yahei";}
.pop-cont a{ font-family: "Microsoft Yahei";}
.pop-t{ display: block;}
/* pop-msg */
#pop-msg{ z-index: 992;}
#pop-logout{ z-index: 993;}
.pop-bg1{ width: 7.22rem; height: 6.75rem; background: url(../images/pop-bg1.png) no-repeat; background-size: 100% auto;}
.pop-bg1 .pop-cont{ left: .61rem; top: .37rem; width: 6.5rem; height: 6.3rem;}
#msg,.tip-cont{ display: flex; width: 5.2rem; height: 2.48rem; margin: 1.5rem auto 0; font-size: .32rem; line-height: .46rem; color: #cbaf88; text-align: center; justify-content: center; align-items: center;}
.btn-conform{ display: block; width: 2.51rem; height: .7rem; margin: .66rem auto 0; background: url(../images/btn-conform.png) no-repeat; background-size: 100% auto; cursor: pointer;}
/* pop-rule */
.pop-bg2{ width: 7.08rem; height: 9.92rem; background: url(../images/pop-bg2.png) no-repeat; background-size: 100% auto;}
.pop-bg2 .pop-cont{ left: .47rem; top: .37rem; width: 6.5rem; height: 9.48rem;}
.pop-bg2 .pop-t{ height: .33rem; margin: .85rem auto 0;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: .1rem; background-color: #652f23;}
.cus-scroll::-webkit-scrollbar-thumb{ width: .1rem; background-color: #a58e6e;}
.rule-scroll{ width: 5.68rem; height: 7.4rem; margin: .3rem 0 0 .52rem; }
.rule-scroll p{ width: 5.4rem; max-height: 100rem; font-size: .18rem; line-height: .32rem; color: #cbaf88;}
.color-yellow{ color: #be8c2e;}
.text-line{ text-decoration: underline; cursor: pointer;}
/* pop-bind */
.pop-t-bind{ display: block; height: 1.51rem; margin: .86rem auto 0;}
.bind-form{ width: 3.9rem; height: 1.7rem; margin: .6rem auto 0;}
.bind-form select{ display: block; width: 100%; height: .72rem; padding: 0 .1rem; box-sizing: border-box; font-size: .22rem; line-height: .72rem; background-color: #fffcf4; border: .01rem solid #c69072;}
.btn-sub-bind{ display: block; width: 2.51rem; height: .7rem; margin: 0 auto; background: url(../images/btn-sub-bind.png) no-repeat; background-size: 100% auto; cursor: pointer;}
/* pop-bind-succ */
.pop-bg1 .pop-t{ height: .49rem; margin: .74rem auto 0;}
#pop-bind-succ .pop-t{ height: .56rem; margin: 1.15rem auto 0;}
.pop-ren1{ width: 2.19rem; height: 2.26rem; margin: .3rem auto 0; background: url(../images/pop-ren1.png) no-repeat; background-size: 100% auto;}
.btn-back-event{ display: block; width: 2.51rem; height: .7rem; margin: .32rem auto 0; background: url(../images/btn-back-event.png) no-repeat; background-size: 100% auto; cursor: pointer;}
/* pop-accept */
#pop-accept .pop-t{ margin: 1.54rem auto 0;}
.accept-form{ width: 4.32rem; height: .62rem; margin: .53rem auto 0; padding: .01rem; box-sizing: border-box; background-color: #a58e6e;}
.accept-code{ float: left; width: 2.82rem; height: .6rem; font-size: .2rem; line-height: .6rem; color: #333333; text-align: center; background-color: #fff; border: none;}
.btn-sub-accept{ float: right; width: 1.46rem; height: .6rem; font-size: .24rem; line-height: .6rem; color: #f4f4f4; text-align: center; cursor: pointer;}
.accept-tip{ margin-top: .66rem; font-size: .24rem; line-height: .3rem; color: #f4f4f4; text-align: center;}
/* pop-check */
.pop-t-check{ display: block; height: .93rem; margin: 1.06rem auto 0;}
.btn-invite-check{ display: block; width: 2.51rem; height: .7rem; margin: .2rem auto 0; background: url(../images/btn-invite-check.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.pop-ren2{ width: 2.13rem; height: 2.26rem; margin: .3rem auto 0; background: url(../images/pop-ren2.png) no-repeat; background-size: 100% auto;}
/* pop-invite */
.pop-bg3{ width: 7.22rem; height: 8.54rem; background: url(../images/pop-bg3.png) no-repeat; background-size: 100% auto;}
.pop-bg3 .pop-cont{ left: .61rem; top: .37rem; width: 6.5rem; height: 8.1rem;}
.pop-bg3 .pop-t{ height: .4rem; margin: .62rem auto 0;}
.poster-box{ position: relative; width: 2.7rem; height: 4.8rem; border: .01rem solid #c3ae7e; overflow: hidden; margin: .28rem auto 0;}
.create-box{ position: relative; width: 100%; height: 100%;}
.poster-img{ display: block; width: 100%; height: 100%;}
.result-ewm{ position: absolute; left: 1.88rem; top: 4.01rem; width: .64rem; height: .64rem;}
.result-poster{ position: absolute; left: 0; top: 0; z-index: 10; width: 5.4rem; height: 9.6rem; opacity: 0;}
.poster-tip{ height: .56rem; font-size: .2rem; line-height: .56rem; color: #cbaf88; text-align: center;}
.invite-link-box{ width: 5rem; height: .46rem; margin: .05rem auto 0; overflow: hidden;}
.copy-link-cont{ float: left; width: 3.82rem; height: .5rem; padding: .04rem .1rem 0; box-sizing: border-box; background-color: #b5a2a5; border: .01rem solid #865a52;}
.copy-link-cont div{ display: -webkit-box; width: 3.62rem; height: .34rem; overflow: hidden; font-size: .14rem; line-height: .17rem; color: #180404; overflow-wrap: break-word; word-break: break-all; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; text-overflow: ellipsis;}
#btn-copy{ float: right; width: 1.02rem; height: .45rem; background: url(../images/btn-copy.png) no-repeat; background-size: 100% auto; cursor: pointer;}

.invite-ewm-box{ display: none; width: .64rem; height: .64rem;}
/* pop-invite-record */
.record-head{ width: 5.2rem; height: .42rem; margin: .2rem 0 0 .32rem; overflow: hidden;}
.record-head span{ float: left; height: .42rem; font-size: .28rem; line-height: .42rem; color: #cbaf88; text-align: center;}
#pop-invite-record .col1{ width: 3.25rem;}
#pop-invite-record .col2{ width: 1.93rem;}
.record-scroll{ width: 5.9rem; height: 3.1rem; margin: .2rem 0 0 .32rem; }
.record-list{ width: 5.2rem;}
.record-list li{ width: 5.2rem; height: .27rem; margin-bottom: .23rem; overflow: hidden;}
.record-list li div{ position: relative; float: left; height: .26rem; font-size: .18rem; line-height: .26rem; color: #cbaf88; text-align: center;}
.record-list li span{ position: absolute; right: .1rem; top: 0; width: .85rem; height: .24rem; line-height: .24rem; border: .01rem solid #a58e6e; border-radius: .1rem;}

#page{ display: flex; width: 100%; height: .28rem; margin-top: .2rem; justify-content: center;}
#page a{ display: block; width: .28rem; height: .28rem;}
#page a.prev{ background: url(../images/page-prev.png) no-repeat; background-size: 100% auto;}
#page a.next{ background: url(../images/page-next.png) no-repeat; background-size: 100% auto;}
#page div{ width: 1.62rem; height: .28rem; margin: 0 .18rem; font-size: .2rem; line-height: .28rem; color: #cbaf88; text-align: center; background: url(../images/record-page-box.png) no-repeat; background-size: 100% auto;}
.record-num-box{ height: .3rem; margin-top: .15rem; font-size: .24rem; line-height: .3rem; color: #f4f4f4; text-align: center;}
/* pop-lottery */
#pop-lottery-succ .pop-t,#pop-lottery-fail .pop-t{ height: .54rem;}
.pop-text{ margin-top: .24rem; font-size: .32rem; line-height: .46rem; color: #cbaf88; text-align: center;}
#lottery-img{ display: block; width: 2.09rem; margin: 0 auto;}
.btn-myprize-check,.btn-lottery-agin,.btn-invite-chance{ display: block; width: 2.51rem; height: .7rem; margin: .2rem auto 0; background: url(../images/btn-myprize-check.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.btn-lottery-agin{ background: url(../images/btn-lottery-agin.png) no-repeat; background-size: 100% auto;}
.btn-invite-chance{ background: url(../images/btn-invite-chance.png) no-repeat; background-size: 100% auto;}
/* pop-myprize */
#pop-myprize .pop-t{ margin-top: .48rem;}
.myprize-scroll{ width: 5.77rem; height: 4.47rem; margin: .22rem 0 0 .45rem;}
.myprize-info{ width: 5.46rem;}
.myprize-info p{ padding-bottom: .12rem; font-size: .18rem; line-height: .22rem; color: #cbaf88;}
#cutdowntime{ display: none;}
.myprize-list{ width: 5.46rem;}
.myprize-list li{ position: relative; width: 5.46rem; padding-bottom: .16rem; margin-bottom: .14rem; overflow: hidden; background-color: #f4f4f4;}
.myprize-head{ height: .36rem; padding: 0 .2rem; box-sizing: border-box; font-size: .18rem; line-height: .36rem; color: #f4f4f4; overflow: hidden; background-color: #cbaf88;}
.myprize-head .prize-type{ float: left;}
.myprize-head .prize-time{ float: right;}
.myprize-body{ width: 5.06rem; margin: .08rem auto 0; overflow: hidden;}
.myprize-body-l{ position: relative; float: left; width: 2.87rem; padding-top: .82rem;}
.myprize-body-l img{ position: absolute; left: 0; top: 0; width: .82rem;}
.myprize-name{ display: flex; position: absolute; left: .98rem; top: 0; width: 1.88rem; height: .82rem; font-size: .2rem; line-height: .24rem; color: #333; align-items: center;}
.address-t{ margin-top: .12rem; font-size: .2rem; line-height: .25rem; color: #333;}
.myprize-body-r{ float: right; width: 2.15rem; margin-top: .2rem;}
.address-status{ height: .44rem; font-size: .24rem; font-weight: bold; line-height: .44rem; color: #cbaf88; text-align: right;}
.myprize-body-r span{ display: block; width: 2.15rem; height: .45rem; font-size: .21rem; line-height: .45rem; color: #f4f4f4; text-align: center; background-color: #b3b3b3; border-radius: 0.45rem;}
.myprize-body-r span.btn-pop-address,.myprize-body-r span.btn-pop-get{ background-color: #cbaf88; cursor: pointer;}
.address-cont1{ font-size: .2rem; line-height: .25rem; color: #333;}
.address-cont2{ font-size: .18rem; line-height: .24rem; color: #979797; overflow-wrap: break-word;word-break: break-all;}
/* pop-address */
.address-form{ width: 4.2rem; height: 2.1rem; margin: .38rem 0 0 1rem;}
.form-line{ height: .48rem; margin-bottom: .18rem; overflow: hidden;}
.form-tag{ float: left; width: .98rem; font-size: .2rem; line-height: .48rem; color: #cbaf88; text-align: right;}
.form-line input{ float: right; width: 2.98rem; height: .46rem; padding: 0 .2rem; box-sizing: border-box; font-size: .2rem; line-height: .46rem; color: #333; background-color: #fff; border: .01rem solid #a58175;}
.address-tip{ width: 4rem; margin-left: 1.32rem; font-size: .18rem; line-height: .28rem; color: #f4f4f4;}
.btn-sub-address{ display: block; width: 2.51rem; height: .7rem; margin: .36rem auto 0; background: url(../images/btn-sub.png) no-repeat; background-size: 100% auto; cursor: pointer;}