@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:14px; font-family: "fzlbk","黑体",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: "fzlbk","黑体",Arial, Helvetica, sans-serif; text-decoration: none; outline: none; cursor: pointer;}
a:hover{ text-decoration: none;}
.wmgameFooter{ width: 750px; margin: 0 auto;}

.wrap{ position: relative; width: 750px; height: 5409px; margin: 0 auto; font-family: "fzlbk"; background: url(../images/bg.jpg) center top no-repeat;}
.wrap a{ font-family: "fzlbk";}
.font-yahei{ font-family: "黑体";}
.btn-invite-float{ position: fixed; left: 50%; top: 243px; z-index: 10; width: 92px; height: 175px; margin-left: -375px; overflow: hidden; background: url(../images/btn-invite-float.png) no-repeat; cursor: pointer;}
/* section-head */
.section-box{ position: relative; width: 750px;}
#section-head{ height: 1004px;}
.logo{ position: absolute; left: 21px; top: 14px; width: 150px; height: 59px; background: url(../../images/logo.png) no-repeat; background-size: 100% auto;}
.btn-main,.btn-rule,.btn-myprize{ position: absolute; top: 17px; width: 155px; height: 53px; overflow: hidden; cursor: pointer; text-indent: -1000px;}
.btn-main{ right: 19px; background: url(../../images/btn-main.png) no-repeat; background-size: 100% auto;}
.btn-rule{ right: 200px; background: url(../../images/btn-rule.png) no-repeat; background-size: 100% auto;}
.btn-myprize{ right: 381px; background: url(../../images/btn-myprize.png) no-repeat; background-size: 100% auto;}
.head-cont{ position: absolute; left: 0; top: 752px; width: 750px; height: 210px;}
.cutdown-time{ height: 30px; font-size: 24px; line-height: 30px; color: #fff; text-align: center;}
.head-btn-wrap{ display: flex; height: 77px; margin-top: 33px; justify-content: center;}
.head-btn-wrap span{ display: block; width: 311px; height: 77px; margin: 0 15px; cursor: pointer;}
.btn-accept{ background: url(../../images/btn-accept.png) no-repeat; }
.head-btn-wrap .btn-invite{ background: url(../../images/btn-invite.png) no-repeat;}
.login-box{ height: 30px; margin-top: 34px; font-size: 20px; line-height: 30px; color: #fff; text-align: center;}
.logout{ display: none;}
.btn-login,.btn-logout,.btn-check-account{ cursor: pointer;}
.ml50{ margin-left: 34px;}
/* section-lottery */
#section-lottery{ height: 1386px; padding-top: 170px; box-sizing: border-box;}
.lottery-info1{ height: 90px; font-size: 30px; line-height: 45px; color: #d9b57a; text-align: center;}
.lottery-info2{ height: 96px; margin-top: 5px; font-size: 22px; line-height: 32px; color: #d9b57a; text-align: center;}
.prize-lottery{ display: block; width: 739px; margin: 22px auto 0;}
.lottery-btn-wrap{ display: flex; height: 85px; margin-top: 45px; justify-content: center;}
.btn-lottery,.btn-invite-box{ width: 303px; height: 85px; margin: 0 15px; padding-top: 50px; box-sizing: border-box; font-size: 20px; line-height: 24px; text-align: center; color: #fff4d7; text-shadow: 0 0 11px 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: 156px; height: 28px; margin: 58px auto 0; overflow: hidden; background: url(../images/btn-invite-record1.png) no-repeat; cursor: pointer; }
/* section-gift */
#section-gift{ height: 1514px; padding-top: 201px; box-sizing: border-box;}
.gift-tag{ display: block; width: 398px; margin: 0 auto 20px;}
#section-gift .lottery-info2{ height: 128px;}
#section-gift .lottery-btn-wrap{ margin-top: 44px;}
#section-gift .btn-invite-record{ display: block; width: 303px; height: 85px; margin: 0 15px; overflow: hidden; background: url(../../images/btn-invite-record2.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.gift-box{ position: relative; width: 100%; height: 738px; margin-top: 69px;}
.gift-list{ position: relative; width: 100%; height: 100%;}
.gift-list li{ position: absolute; width: 201px; height: 271px;}
.gift-list li:nth-child(1){ width: 250px; height: 337px; left: 50%; transform: translate3d(-50%,0,0); top: 0;}
.gift-list li:nth-child(2){ left: 34px; top: 468px;}
.gift-list li:nth-child(3){ left: 274px; top: 468px;}
.gift-list li:nth-child(4){ left: 516px; top: 468px;}
.gift-img{ display: block; width: 182px; height: 187px; margin: 0 auto;}
.gift-list li:nth-child(1) .gift-img{ width: 227px; height: 231px;}
.btn-get-gift{ display: block; width: 201px; height: 52px; margin: 34px 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:nth-child(1) .btn-get-gift{ width: 250px; height: 65px; margin-top: 42px;}
.gift-list li div{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 155px; width: 60px; height: 17px; background: url(../../images/gift-tag-on.png) no-repeat; background-size: 100% auto;}
.gift-list li:nth-child(1) div{ top: 194px; width: 73px; height: 20px;}
.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: 50%; transform: translate3d(-50%,0,0); top: 399px; width: 341px; height: 3px; background: url(../images/gift-line.png) no-repeat;}
/* section-sort */
#section-sort{ height: 1500px;}
.sort-top-box{ position: absolute; width: 198px; height: 86px; color: #f4f4f4; text-align: center;}
#sort-top1{ left: 270px; top: 477px; width: 210px;}
#sort-top2{ left: 48px; top: 542px;}
#sort-top3{ left: 506px; top: 542px;}
.sort-name{ display: block; height: 60px; overflow: hidden; font-size: 30px; line-height: 62px; text-overflow: ellipsis; white-space: nowrap;}
.sort-phone{ display: block; height: 26px; overflow: hidden; font-size: 27px; line-height: 26px;}
.mysort{ display: none; position: absolute; left: 0; top: 839px; width: 100%; height: 40px; font-size: 38px; line-height: 40px; color: #d9b57a; text-align: center;}
.sort-info{ position: absolute; left: 0; top: 896px; width: 100%; height: 105px; font-size: 22px; line-height: 35px; color: #d9b57a; text-align: center;}
.color-red{ color: #ff0000;}
.sort-box{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1013px; width: 684px; height: 409px; background: url(../images/sort-box-bg.png) no-repeat;}
.sort-list-box{ position: absolute; left: 18px; top: 84px; width: 650px; height: 312px; overflow-x: hidden; overflow-y: auto;}
.sort-list-box::-webkit-scrollbar{ width: 10px; background: transparent; border-radius: 10px;}
.sort-list-box::-webkit-scrollbar-thumb{ width: 10px; background-color: #c3ae7e; border-radius: 10px;}
#sort-list{ width: 615px;}
#sort-list li{ width: 615px; height: 50px; margin-bottom: 12px; border-radius: 12px;}
#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: 50px; font-size: 26px; line-height: 50px; color: #f4f4f4;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#sort-list li span.col1{ width: 278px; text-align: center;}
#sort-list li span.col2{ width: 220px; margin-left: 92px;}
/* pop */
.pop-fixed{ display: none; position: fixed; left: 50%; transform: translate3d(-50%,0,0); top: 0; z-index: 991; width: 750px; 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: -10px; top: 5px; z-index: 2; width: 55px; height: 55px; background: url(../../images/icon-close.png) no-repeat; cursor: pointer;}
.pop-cont{ position: absolute; font-family: "黑体";}
.pop-cont a{ font-family: "黑体";}
.pop-t{ display: block;}
/* pop-msg */
#pop-msg{ z-index: 992;}
#pop-logout{ z-index: 993;}
.pop-bg1{ width: 722px; height: 675px; background: url(../../images/pop-bg1.png) no-repeat;}
.pop-bg1 .pop-cont{ left: 61px; top: 37px; width: 650px; height: 630px;}
#msg,.tip-cont{ display: flex; width: 520px; height: 248px; margin: 150px auto 0; font-size: 32px; line-height: 46px; color: #cbaf88; text-align: center; justify-content: center; align-items: center;}
.btn-conform{ display: block; width: 251px; height: 70px; margin: 66px auto 0; background: url(../../images/btn-conform.png) no-repeat; background-size: 100% auto; cursor: pointer;}
/* pop-rule */
.pop-bg2{ width: 708px; height: 992px; background: url(../../images/pop-bg2.png) no-repeat; background-size: 100% auto;}
.pop-bg2 .pop-cont{ left: 47px; top: 37px; width: 650px; height: 948px;}
.pop-bg2 .pop-t{ height: 33px; margin: 85px auto 0;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: 10px; background-color: #652f23;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 10px; background-color: #a58e6e;}
.rule-scroll{ width: 568px; height: 740px; margin: 30px 0 0 52px; }
.rule-scroll p{ width: 540px; max-height: 10000px; font-size: 18px; line-height: 32px; color: #cbaf88;}
.color-yellow{ color: #be8c2e;}
.text-line{ text-decoration: underline; cursor: pointer;}
/* pop-bind */
.pop-t-bind{ display: block; height: 151px; margin: 86px auto 0;}
.bind-form{ width: 390px; height: 170px; margin: 60px auto 0;}
.bind-form select{ display: block; width: 100%; height: 72px; padding: 0 10px; box-sizing: border-box; font-size: 22px; line-height: 72px; background-color: #fffcf4; border: 1px solid #c69072;}
.btn-sub-bind{ display: block; width: 251px; height: 70px; margin: 0 auto; background: url(../../images/btn-sub-bind.png) no-repeat; cursor: pointer;}
/* pop-bind-succ */
.pop-bg1 .pop-t{ height: 49px; margin: 74px auto 0;}
#pop-bind-succ .pop-t{ height: 56px; margin: 115px auto 0;}
.pop-ren1{ width: 219px; height: 226px; margin: 30px auto 0; background: url(../../images/pop-ren1.png) no-repeat;}
.btn-back-event{ display: block; width: 251px; height: 70px; margin: 32px auto 0; background: url(../../images/btn-back-event.png) no-repeat; cursor: pointer;}
/* pop-accept */
#pop-accept .pop-t{ margin: 154px auto 0;}
.accept-form{ width: 432px; height: 62px; margin: 53px auto 0; padding: 1px; box-sizing: border-box; background-color: #a58e6e;}
.accept-code{ float: left; width: 282px; height: 60px; font-size: 20px; line-height: 60px; color: #333333; text-align: center; background-color: #fff; border: none;}
.btn-sub-accept{ float: right; width: 146px; height: 60px; font-size: 24px; line-height: 60px; color: #f4f4f4; text-align: center; cursor: pointer;}
.accept-tip{ margin-top: 66px; font-size: 24px; line-height: 30px; color: #f4f4f4; text-align: center;}
/* pop-check */
.pop-t-check{ display: block; height: 93px; margin: 106px auto 0;}
.btn-invite-check{ display: block; width: 251px; height: 70px; margin: 20px auto 0; background: url(../../images/btn-invite-check.png) no-repeat; cursor: pointer;}
.pop-ren2{ width: 213px; height: 226px; margin: 30px auto 0; background: url(../../images/pop-ren2.png) no-repeat;}
/* pop-invite */
.pop-bg3{ width: 722px; height: 854px; background: url(../../images/pop-bg3.png) no-repeat;}
.pop-bg3 .pop-cont{ left: 61px; top: 37px; width: 650px; height: 810px;}
.pop-bg3 .pop-t{ height: 40px; margin: 62px auto 0;}
.poster-box{ position: relative; width: 270px; height: 480px; border: 1px solid #c3ae7e; overflow: hidden; margin: 28px auto 0;}
.create-box{ position: relative; width: 100%; height: 100%;}
.poster-img{ display: block; width: 100%; height: 100%;}
.result-ewm{ position: absolute; left: 188px; top: 401px; width: 64px; height: 64px;}
.result-poster{ position: absolute; left: 0; top: 0; z-index: 10; width: 540px; height: 960px; opacity: 0;}
.poster-tip{ height: 56px; font-size: 20px; line-height: 56px; color: #cbaf88; text-align: center;}
.invite-link-box{ width: 500px; height: 46px; margin: 5px auto 0; overflow: hidden;}
.copy-link-cont{ float: left; width: 382px; height: 50px; padding: 4px 10px 0; box-sizing: border-box; background-color: #b5a2a5; border: 1px solid #865a52;}
.copy-link-cont div{ display: -webkit-box; width: 362px; height: 34px; overflow: hidden; font-size: 14px; line-height: 17px; 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: 102px; height: 45px; background: url(../../images/btn-copy.png) no-repeat; cursor: pointer;}

.invite-ewm-box{ display: none; width: 64px; height: 64px;}
/* pop-invite-record */
.record-head{ width: 520px; height: 42px; margin: 20px 0 0 32px; overflow: hidden;}
.record-head span{ float: left; height: 42px; font-size: 28px; line-height: 42px; color: #cbaf88; text-align: center;}
#pop-invite-record .col1{ width: 325px;}
#pop-invite-record .col2{ width: 193px;}
.record-scroll{ width: 590px; height: 310px; margin: 20px 0 0 32px; }
.record-list{ width: 520px;}
.record-list li{ width: 520px; height: 27px; margin-bottom: 23px; overflow: hidden;}
.record-list li div{ position: relative; float: left; height: 26px; font-size: 18px; line-height: 26px; color: #cbaf88; text-align: center;}
.record-list li span{ position: absolute; right: 10px; top: 0; width: 85px; height: 24px; line-height: 24px; border: 1px solid #a58e6e; border-radius: 10px;}

#page{ display: flex; width: 100%; height: 28px; margin-top: 20px; justify-content: center;}
#page a{ display: block; width: 28px; height: 28px;}
#page a.prev{ background: url(../../images/page-prev.png) no-repeat;}
#page a.next{ background: url(../../images/page-next.png) no-repeat; }
#page div{ width: 162px; height: 28px; margin: 0 18px; font-size: 20px; line-height: 28px; color: #cbaf88; text-align: center; background: url(../../images/record-page-box.png) no-repeat;}
.record-num-box{ height: 30px; margin-top: 15px; font-size: 24px; line-height: 30px; color: #f4f4f4; text-align: center;}
/* pop-lottery */
#pop-lottery-succ .pop-t,#pop-lottery-fail .pop-t{ height: 54px;}
.pop-text{ margin-top: 24px; font-size: 32px; line-height: 46px; color: #cbaf88; text-align: center;}
#lottery-img{ display: block; width: 209px; margin: 0 auto;}
.btn-myprize-check,.btn-lottery-agin,.btn-invite-chance{ display: block; width: 251px; height: 70px; margin: 20px auto 0; background: url(../../images/btn-myprize-check.png) no-repeat; cursor: pointer;}
.btn-lottery-agin{ background: url(../../images/btn-lottery-agin.png) no-repeat;}
.btn-invite-chance{ background: url(../../images/btn-invite-chance.png) no-repeat;}
/* pop-myprize */
#pop-myprize .pop-t{ margin-top: 48px;}
.myprize-scroll{ width: 577px; height: 447px; margin: 22px 0 0 45px;}
.myprize-info{ width: 546px;}
.myprize-info p{ padding-bottom: 12px; font-size: 18px; line-height: 22px; color: #cbaf88;}
#cutdowntime{ display: none;}
.myprize-list{ width: 546px;}
.myprize-list li{ position: relative; width: 546px; padding-bottom: 16px; margin-bottom: 14px; overflow: hidden; background-color: #f4f4f4;}
.myprize-head{ height: 36px; padding: 0 20px; box-sizing: border-box; font-size: 18px; line-height: 36px; color: #f4f4f4; overflow: hidden; background-color: #cbaf88;}
.myprize-head .prize-type{ float: left;}
.myprize-head .prize-time{ float: right;}
.myprize-body{ width: 506px; margin: 8px auto 0; overflow: hidden;}
.myprize-body-l{ position: relative; float: left; width: 287px; padding-top: 82px;}
.myprize-body-l img{ position: absolute; left: 0; top: 0; width: 82px;}
.myprize-name{ display: flex; position: absolute; left: 98px; top: 0; width: 188px; height: 82px; font-size: 20px; line-height: 24px; color: #333; align-items: center;}
.address-t{ margin-top: 12px; font-size: 20px; line-height: 25px; color: #333;}
.myprize-body-r{ float: right; width: 215px; margin-top: 20px;}
.address-status{ height: 44px; font-size: 24px; font-weight: bold; line-height: 44px; color: #cbaf88; text-align: right;}
.myprize-body-r span{ display: block; width: 215px; height: 45px; font-size: 21px; line-height: 45px; color: #f4f4f4; text-align: center; background-color: #b3b3b3; border-radius: 45px;}
.myprize-body-r span.btn-pop-address,.myprize-body-r span.btn-pop-get{ background-color: #cbaf88; cursor: pointer;}
.address-cont1{ font-size: 20px; line-height: 25px; color: #333;}
.address-cont2{ font-size: 18px; line-height: 24px; color: #979797; overflow-wrap: break-word;word-break: break-all;}
/* pop-address */
.address-form{ width: 420px; height: 210px; margin: 38px 0 0 100px;}
.form-line{ height: 48px; margin-bottom: 18px; overflow: hidden;}
.form-tag{ float: left; width: 98px; font-size: 20px; line-height: 48px; color: #cbaf88; text-align: right;}
.form-line input{ float: right; width: 298px; height: 46px; padding: 0 20px; box-sizing: border-box; font-size: 20px; line-height: 46px; color: #333; background-color: #fff; border: 1px solid #a58175;}
.address-tip{ width: 400px; margin-left: 132px; font-size: 18px; line-height: 28px; color: #f4f4f4;}
.btn-sub-address{ display: block; width: 251px; height: 70px; margin: 36px auto 0; background: url(../../images/btn-sub.png) no-repeat; cursor: pointer;}