@charset "utf-8";
@font-face {
	font-family: "fz"; 
	src: url( "https://zx2vmg.wmupd.com/game/zx2/ifont/FZBWKSJW.TTF");
}
body{ margin: 0; padding: 0; font-size: 14px; -webkit-text-size-adjust: none; background: #476a87; font-family: "fz"; 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: "fz"; text-decoration: none; cursor: pointer;}
.wmgameFooter{ width: 750px; margin: 0 auto;}

#wrap{ position: relative; width: 750px; height: 4500px; margin: 0 auto; background: url(../images/bg.jpg?1) no-repeat center top;}
/* section-head */
.section-head{ position: relative; height: 1212px; overflow: hidden;}
.logo{ position: absolute; left: 30px; top: 24px; width: 99px;}
.login-box{ position: absolute; right: 15px; top: 18px; width: 566px; height: 40px; font-size: 20px; line-height: 40px; color: #21515d; text-align: right; font-family: "黑体";}
.logout{ display: none;}
.btn-logout{ cursor: pointer;}
.btn-myprize,.btn-rule{ position: absolute; left: 653px; z-index: 2; width: 75px; height: 79px; cursor: pointer;}
.btn-myprize{ top: 97px; background: url(../images/btn-myprize.png) no-repeat 0 0;}
.btn-rule{ top: 188px; background: url(../images/btn-rule.png) no-repeat 0 0;}
.slogan{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 690px;}
.time-box{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 968px; width: 464px; height: 32px; font-size: 27px; line-height: 32px; color: #21515d; text-align: center; background: url(../images/time-bg.png) no-repeat;}
.head-btn-wrap{ display: flex; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1022px; width: 100%; height: 103px; justify-content: center;}
.head-btn-wrap span{ display: block; width: 397px; height: 103px; margin: 0 24px; cursor: pointer;}
.btn-yy{ background: url(../images/btn-yy.png?1) no-repeat;}
.btn-yy.done{ background: url(../images/btn-yy-done.png) no-repeat; cursor: default;}
/* section-invite */
.section-invite{ position: relative; overflow: hidden; height: 1321px;}
.section-title{ display: block; width: 661px; margin: 0 auto;}
.prize-oldfriend{ display: block; width: 706px; margin: 26px auto 0;}
.btn-get-old{ display: block; width: 341px; height: 94px; margin: 20px auto 0; background: url(../images/btn-get-old.png) no-repeat; cursor: pointer;}
.btn-get-old.done{ background: url(../images/btn-get-old-done.png) no-repeat; cursor: default;}

.prize-invite{ display: block; width: 687px; margin: 57px auto 0;}
.get-btn-wrap{ overflow: hidden; width: 702px; height: 72px; margin: 11px 0 0 47px;}
.get-btn-wrap span{ float: left; width: 197px; height: 72px; margin-right: 34px; background: url(../images/btn-get.png) no-repeat; cursor: pointer;}
.get-btn-wrap span.done{ background: url(../images/btn-get-done.png) no-repeat; cursor: default;}
.section-invite .btn-invite{ display: block; width: 341px; height: 94px; margin: 33px auto 0; background: url(../images/btn-invite1.png) no-repeat; cursor: pointer;}
.invite-num-box{ height: 24px; font-size: 22px; line-height: 24px; color: #f3f0e0; text-align: center;}
.color-yellow{ color: #ffc834;}
/* section-lottery */
.section-lottery{ position: relative; overflow: hidden; height: 1146px;}
.lottery-info{ height: 76px; margin-top: 14px; font-size: 30px; line-height: 38px; color: #f3f0e0; text-align: center;}
.prize-lottery{ display: block; width: 695px; margin: 42px auto 0;}
.lottery-num-box{ height: 97px; margin-top: 18px; font-size: 30px; line-height: 97px; color: #f3f0e0; text-align: center;}
.lottery-btn-wrap{ display: flex; width: 100%; height: 111px; justify-content: center;}
.lottery-btn-wrap span{ display: block; width: 305px; height: 111px; margin: 0 10px; cursor: pointer;}
.lottery-btn-wrap .btn-lottery{ background: url(../images/btn-lottery.png) no-repeat;}
.lottery-btn-wrap .btn-invite{ background: url(../images/btn-invite2.png) no-repeat;}
/* section-weixin */
.section-weixin{ position: relative; overflow: hidden; height: 820px;}
.weixin-info{ height: 68px; margin-top: 18px; font-size: 30px; line-height: 68px; color: #f3f0e0; text-align: center;}
.weixin-box{ position: relative; width: 255px; height: 255px; margin: 22px auto 0;}
.weixin-box img{ width: 100%;}
.ewm-tip{ display: block; margin: 28px auto 0;}
/* pop */
.pop-fixed{ display: none; position: fixed; left: 50%; top: 0; transform: translate3d(-50%,0,0); z-index: 100; width: 750px; height: 100%; background: rgba(0,0,0,.8);}
/* pop-msg */
#pop-msg{ z-index: 101;}
.pop-bg{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 664px;}
.pop-bg1{ height: 400px; background: url(../images/pop-bg1.png) no-repeat;}
.icon-close{ position: absolute; right: 17px; top: 10px; z-index: 2; width: 42px; height: 42px; background: url(../images/icon-close.png) no-repeat; cursor: pointer;}
.pop-cont{ position: relative; overflow: hidden; width: 650px; height: 100%; margin: 0 auto;}
.pop-text{ display: flex; width: 540px; height: 230px; margin: 82px auto 0; font-size: 32px;  line-height: 46px; color: #ffdb8e; text-align: center; justify-content: center; align-items: center;}
/* pop-rule */
.pop-bg2{ height: 891px; background: url(../images/pop-bg2.png) no-repeat;}
.pop-t{ display: block; height: 129px; margin: 19px auto 0;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: 10px; background-color: transparent;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 10px; background-color: #ffdb8e;}
.rule-scroll{ width: 590px; height: 640px; margin: 40px 0 0 48px; }
.rule-scroll p{ width: 568px; padding-bottom: 30px; max-height: 10000px; font-size: 24px; line-height: 36px; color: #dbd4c2;}
.bold{ font-weight: bold;}
/* pop-bind */
.tip-none-role{ display: block; height: 114px; margin: 75px auto 0;}
#pop-bind-none .btn-conform{ margin-top: 30px;}
.kt-happy{ display: block; margin: 43px auto 0;}
.btn-conform{ display: block; width: 379px; height: 103px; margin: 0 auto; background: url(../images/btn-conform.png) no-repeat; cursor: pointer;}
.bind-none-tip{ margin-top: 10px; font-size: 22px; line-height: 24px; color: #fffcf5; text-align: center;}

.bind-tip{ margin-top: 50px; font-size: 22px; line-height: 28px; color: #ff914e; text-align: center;}
.bind-form{ width: 591px; height: 210px; margin: 0 auto; padding-top: 120px;}
.bind-form select{ display: block; width: 570px; height: 96px; padding: 0 15px; box-sizing: border-box; margin: 0 auto; font-size: 28px; line-height: 96px; color: #231815; font-family: "fz"; background-color: #fff; border: 0; border-radius: 4px;}
/* pop-get-old-fail */
.tip-old-fail{ display: block; height: 87px; margin: 142px auto 0;}
.pop-ewm-box{ position: relative; width: 442px; height: 401px; margin: 10px 0 0 110px; background: url(../images/pop-ewm-bg.png) no-repeat;}
.pop-ewm-box img{ position: absolute; left: 70px; top: 50px; width: 285px;}
.tip-old-sao{ display: block; margin: 0 auto 0;}
/* pop-get-invite-succ */
.pop-t-succ{ display: block; height: 41px; margin: 65px auto 0;}
.succ-cont-box{ position: relative; width: 100%; height: 137px; margin-top: 60px;}
.succ-cont-box img{ display: none; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 0;}
.tip-email{ display: block; width: 300px; margin: 40px auto 0;}
/* pop-invite */
.pop-invite-bg{ width: 500px; height: 400px; background: url(../images/pop-invite-bg.png) no-repeat;}
#pop-invite .icon-close{ top: 0px; right: -50px;}
.copy-link-cont{ position: absolute; left: 29px; top: 356px; width: 327px; height: 34px; font-size: 16px; line-height: 34px; color: #267ea1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#btn-copy{ position: absolute; left: 356px; top: 356px; width: 122px; height: 34px; cursor: pointer;}
/* pop-lottery-succ */
.succ-lottery-box{ height: 164px; margin-top: 20px;}
.succ-lottery-box img{ display: block; margin: 0 auto;}
.btn-go-myprize{ display: block; width: 197px; height: 72px; margin: 10px auto 0; background: url(../images/btn-go-myprize.png) no-repeat; cursor: pointer;}
/* pop-myprize */
#myprize-none,#myprize-have{ display: none;}
#myprize-none p{ height: 56px; padding-top: 50px; font-size: 36px; line-height: 56px; color: #dbd4c2; text-align: center;}
#myprize-none img{ display: block; margin: 20px auto 0;}

.bind-info-box{ display: none; width: 630px; height: 36px; font-size: 22px; line-height: 36px; color: #dbd4c2; text-align: center;}
.myprize-rule{ width: 600px; height: 170px; max-height: 170px; font-size: 22px; line-height: 34px; font-family: "黑体"; color: #dbd4c2; margin: 16px auto;}
.myprize-list{ width: 630px; height: 470px; margin: 20px 0 0 20px;}
.myprize-list li{ position: relative; width: 611px; height: 169px; margin-bottom: 30px; background: url(../images/myprize-line-bg.png) no-repeat;}
.myprize-left{ display: flex; float: left; width: 366px; height: 100%; margin-left: 30px; align-items: center;}
.myprize-info-box{ width: 100%;}
.prize-name{ display: block; height: 40px; font-size: 26px; line-height: 40px; color: #8c7845;}
.prize-info{ height: 36px; font-size: 21px; line-height: 30px; color: #213357;}
.address-info{ max-height: 72px; font-size: 18px; line-height: 24px; color: #505050;word-break: break-word; word-break: break-all;}
.myprize-right{ display: flex; float: right; width: 172px; height: 100%; margin-right: 30px;  align-items: center;}
.myprize-opa-box{ width: 100%;}
.start-tip{ height: 56px; font-size: 22px; line-height: 56px; color: #213357; text-align: right;}
.btn-get-done,.btn-pop-address{ display: block; width: 172px; height: 44px; font-size: 18px; line-height: 44px; color: #fff; text-align: center; text-shadow: 0px 1px 1px #000;}
.btn-pop-address{ background: url(../images/btn-bg-on.png) no-repeat; cursor: pointer;}
.btn-get-done{ background: url(../images/btn-bg-off.png) no-repeat;}
/* pop-address */
.address-form{ width: 546px; height: 305px; margin: 70px auto 0;}
.form-line{ margin-bottom: 35px; overflow: hidden;}
.form-tag{ float: left; width: 116px; font-size: 28px; line-height: 48px; color: #dbd4c2; text-align: right;}
.form-line input,.form-line textarea{ float: right; width: 412px; height: 46px; padding: 0 20px; box-sizing: border-box; font-size: 22px; line-height: 46px; color: #231815; background-color: #fff; border: 1px solid #8b99a5; resize: none;}
.form-line textarea{ height: 118px;}
.address-tip{ width: 488px; margin: 30px auto 0; font-size: 22px; line-height: 28px; color: #dbd4c2;}
.btn-sub-address{ display: block; width: 341px; height: 90px; margin: 50px auto 0; background: url(../images/btn-sub.png) no-repeat; cursor: pointer;}
/* pop-accept */
.letter-cont{ margin-top: 165px; height: 165px; font-size: 36px; line-height: 55px; color: #dbd4c2; text-align: center;}
.btn-accept{ display: block; width: 341px; height: 90px; margin: 170px auto 0; background: url(../images/btn-accept.png) no-repeat; cursor: pointer;}