@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: #1b293b; 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: 4023px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center top;}
/* section-head */
.section-head{ position: relative; height: 1307px; overflow: hidden;}
.slogan{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 57px;}
.logo{ position: absolute; left: 30px; top: 24px; width: 70px;}
.login-box{ position: absolute; right: 15px; top: 18px; width: 566px; height: 40px; font-size: 20px; line-height: 40px; color: #ffffff; text-align: right; font-family: "黑体";}
.logout{ display: none;}
.btn-login,.btn-logout{ cursor: pointer;}
.time-box{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 254px; width: 474px; height: 35px; font-size: 23px; line-height: 35px; color: #fff; text-align: center; background: url(../images/time-bg.png) no-repeat;}
.btn-myprize,.btn-rule{ position: absolute; left: 25px; z-index: 2; width: 75px; height: 79px; cursor: pointer;}
.btn-myprize{ top: 142px; background: url(../images/btn-myprize.png) no-repeat 0 0;}
.btn-rule{ top: 229px; background: url(../images/btn-rule.png) no-repeat 0 0;}
.role-card-box{ display: flex; position: absolute; left: 0; top: 345px; width: 100%; height: 622px; justify-content: center;}
.role-card-box li{ position: relative; width: 214px; height: 100%; margin: 0 11px;}
.role-card-box li img{ display: block; width: 100%;}
.hot-tag{ position: absolute; left: 90px; top: -57px; width: 153px; height: 151px; background: url(../images/hot-num-bg.png) no-repeat;}
.hot-tag span{ position: absolute; left: 0; top: 76px; width: 148px; height: 24px; font-size: 19px; font-style: italic; line-height: 24px; text-align: center; font-family: "黑体"; color: #ffea73;}
.btn-vote{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: 0px; width: 147px; height: 42px; background: url(../images/btn-vote.png) no-repeat; background-size: 100% auto; cursor: pointer;}

.card-info{ display: flex; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 998px; width: 618px; height: 80px; align-items: center; background: url(../images/text-bg1.png) no-repeat;}
.card-info p{ width: 100%; font-size: 24px; line-height: 30px; color: #fff; text-align: center;}
.color-yellow{ color: #f0cb6b;}
.vote-last-line{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1100px; width: 686px; height: 40px; font-size: 24px; line-height: 40px; font-family: "黑体"; color: #fff; text-align: center; background: url(../images/text-bg2.png) no-repeat;}
.head-btn-wrap{ display: flex; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1160px; width: 100%; height: 80px; justify-content: center;}
.head-btn-wrap span{ display: block; width: 296px; height: 80px; margin: 0 24px; cursor: pointer;}
.btn-yy{ background: url(../images/btn-yy.png) no-repeat;}
.btn-yy.done{ background: url(../images/btn-yy-done.png) no-repeat; cursor: default;}
/* section-gift */
.section-gift{ position: relative; overflow: hidden; height: 1016px;}
.section-title{ display: block; width: 750px;}
.gift-show{ display: block; width: 649px; margin: 30px auto 0;}
.gift-info{ height: 60px; margin-top: 40px; font-size: 24px; line-height: 30px; color: #fff; text-align: center;}
.invite-num-box{ height: 40px; margin: 36px auto 0; font-size: 30px; line-height: 40px; color: #fff; text-align: center;}
.btn-invite,.btn-weibo{ display: block; width: 390px; height: 106px; margin: 10px auto 0; background: url(../images/btn-invite.png) no-repeat; cursor: pointer;}

.list-info-p1,.list-info-p2{ height: 30px; margin-top: 28px; font-size: 26px; line-height: 30px; color: #fff; text-align: center;}
.list-info-p2{ font-size: 20px; margin-top: 0;}
.btn-list{ display: block; width: 141px; height: 37px; margin: 14px auto 0; background: url(../images/btn-list.png) no-repeat; cursor: pointer;}
/* section-weibo */
.section-weibo{ margin: 38px auto 0; position: relative; overflow: hidden; height: 818px;}
.weibo-banner{ display: block; width: 676px; margin: 42px auto 0;}
.btn-weibo{ background: url(../images/btn-weibo.png) no-repeat;}
/* section-weixin */
.section-weixin{ position: relative; overflow: hidden; height: 878px;}
.weixin-box{ position: relative; width: 538px; height: 534px; margin: 28px 0 0 94px; background: url(../images/weixin-bg.png) no-repeat;}
.weixin-box img{ position: absolute; left: 207px; top: 64px; width: 268px;}
/* 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: 30px; top: 50%; transform: translate3d(0,-54%,0); width: 720px; height: 777px; background: url(../images/pop-bg.png) no-repeat;}
.icon-close{ position: absolute; right: 50px; top: 75px; z-index: 2; width: 54px; height: 54px; background: url(../images/icon-close.png) no-repeat; cursor: pointer;}
.pop-cont{ position: relative; width: 690px; height: 720px; margin-top: 57px; overflow: hidden;}
.pop-text{ display: flex; width: 550px; height: 420px; margin: 150px auto 0; font-size: 32px;  line-height: 46px; color: #cfbe9f; text-align: center; justify-content: center; align-items: center;}
.btn-conform{ display: block; width: 341px; height: 90px; margin: 0 auto; background: url(../images/btn-conform.png) no-repeat; cursor: pointer;}
/* pop-rule */
.pop-t{ display: block; height: 66px; margin: 50px 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: #a58e6e;}
.rule-scroll{ width: 635px; height: 547px; margin: 18px 0 0 47px; }
.rule-scroll p{ width: 602px; padding-top: 30px; max-height: 10000px; font-size: 22px; line-height: 36px; color: #dbd4c2;}
/* pop-yy-succ */
.btn-know{ position: absolute; left: 50%; top: 520px; transform: translate3d(-50%,0,0); width: 341px; height: 90px; background: url(../images/btn-know.png) no-repeat; cursor: pointer;}
/* pop-vote */
.kt-gg{ display: block; margin: 50px auto 0;}
.vote-none-tip{ margin-top: 12px; font-size: 28px; line-height: 34px; color: #dbd4c2; text-align: center;}
.btn-invite-none{ display: block; width: 341px; height: 90px; margin: 56px auto 0; background: url(../images/btn-invite-none.png) no-repeat; cursor: pointer;}

.vote-succ-text{ position: relative; width: 690px; height: 183px; margin: 215px auto 0; padding-top: 147px; box-sizing: border-box; font-size: 28px; line-height: 30px; color: #dbd4c2; text-align: center; background: url(../images/vote-succ-text.png) no-repeat;}
.pick-gift-name{ margin-top: 50px; font-size: 28px; line-height: 30px; color: #dbd4c2; text-align: center;}
.pick-gift-show{ display: block; margin: 20px auto 0;}
/* pop-invite */
#pop-invite .pop-bg{ left: 48px; width: 657px; height: 494px; background: url(../images/pop-invite-bg.png) no-repeat;}
#pop-invite .icon-close{ top: -26px; right: 5px;}
.copy-link-cont{ position: absolute; left: 18px; top: 206px; width: 366px; height: 42px; font-size: 16px; line-height: 42px; color: #ffd373; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#btn-copy{ position: absolute; left: 106px; top: 272px; width: 176px; height: 34px; background: url(../images/btn-copy.png) no-repeat; cursor: pointer;}
/* pop-myprize */
#pop-myprize{ background: url(../images/pop-myprize-bg.jpg) no-repeat center top #d0d6e9; opacity: 1;}
#pop-prize .pop-t{ margin-top: 70px;}
.myprize-head{ position: relative; height: 164px; overflow: hidden;}
.btn-back{ position: absolute; left: 16px; top: 62px; width: 82px; height: 80px; background: url(../images/btn-back.png) no-repeat; cursor: pointer;}
#myprize-none,#myprize-have{ display: none;}
#myprize-none p{ height: 56px; font-size: 36px; line-height: 56px; color: #cfbe9f; 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: #cfbe9f; text-align: right;}
.myprize-rule{ width: 630px; height: 170px; font-size: 22px; line-height: 34px; font-family: "黑体"; color: #cfbe9f; margin: 16px auto;}
.color-red{ color: #fc0724;}
.prize-over-tip{ display: none; width: 327px; height: 46px; margin: 20px auto 0; font-size: 28px; line-height: 46px; color: #fff; text-align: center; background: url(../images/tip-line.png) no-repeat;}
.myprize-list{ width: 695px; margin: 0 auto; overflow: hidden;}
.myprize-list li{ position: relative; width: 695px; height: 192px; margin: 34px auto 0; background: url(../images/myprize-line-bg.png) no-repeat;}
.myprize-left{ display: flex; float: left; width: 380px; height: 100%; margin-left: 33px; align-items: center;}
.myprize-info-box{ width: 100%;}
.prize-name{ display: block; height: 50px; font-size: 30px; line-height: 50px; color: #8c7845;}
.prize-info{ height: 36px; font-size: 24px; line-height: 36px; color: #213357;}
.address-info{ max-height: 112px; font-size: 22px; line-height: 28px; color: #505050;}
.myprize-right{ display: flex; float: right; width: 196px; height: 100%; margin-right: 33px;  align-items: center;}
.myprize-opa-box{ width: 100%;}
.start-tip{ height: 56px; font-size: 28px; line-height: 56px; color: #213357; text-align: right;}
.btn-get,.btn-get-done,.btn-pop-address{ display: block; width: 196px; height: 50px; font-size: 21px; line-height: 50px; color: #fff; text-align: center; text-shadow: 0px 1px 1px #000;}
.btn-get,.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-bind */
.bind-none-tip{ margin-top: 30px; font-size: 32px; line-height: 48px; color: #dbd4c2; text-align: center;}
.kt-by{ display: block; margin: 43px 0 0 143px;}
#pop-bind-none .btn-conform{ margin-top: 30px;}

.bind-tip{ margin-top: 50px; font-size: 22px; line-height: 28px; color: #ff4e4e; text-align: center;}
.bind-form{ width: 591px; height: 210px; margin: 0 auto; padding-top: 96px;}
.bind-form select{ display: block; width: 591px; 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;} 

.conform-tip{ margin-top: 136px; font-size: 44px; line-height: 66px; color: #cfbe9f; text-align: center;}
.conform-role-info{ overflow: hidden; width: 420px; height: 44px; margin: 53px auto 0; font-size: 30px; line-height: 44px; color: #dee3f3; text-align: center; background: #222d3c; border: 2px solid #3f4e68; border-radius: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.conform-btn-wrap{ display: flex; width: 100%; height: 90px; margin-top: 96px; justify-content: center;}
.conform-btn-wrap span{ display: block; width: 281px; height: 90px; margin: 0 13px; cursor: pointer;}
.btn-cancel{ background: url(../images/btn-cancel.png) no-repeat;}
.btn-conform2{ background: url(../images/btn-conform2.png) no-repeat;}
/* pop-address */
.address-form{ width: 546px; height: 305px; margin: 50px 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: 0 auto; font-size: 22px; line-height: 28px; color: #dbd4c2;}
.btn-sub-address{ display: block; width: 341px; height: 90px; margin: 30px auto 0; background: url(../images/btn-sub.png) no-repeat; cursor: pointer;}
/* pop-accept */
.letter-cont{ margin-top: 220px; height: 165px; font-size: 36px; line-height: 55px; color: #cfbe9f; text-align: center;}
.btn-accept{ display: block; width: 341px; height: 90px; margin: 120px auto 0; background: url(../images/btn-accept.png) no-repeat; cursor: pointer;}
/* pop-list */
.list-info{ height: 30px; margin-top: 50px; font-size: 24px; line-height: 30px; color: #dbd4c2; text-align: center;}
.lucky-list{ width: 640px; margin: 34px auto 0; overflow: hidden;}
.lucky-list li{ float: left; width: 300px; height: 36px; margin: 0 10px; font-size: 22px; color: #dbd4c2; overflow: hidden;}
.lucky-list li span{ display: block; width: 100%; height: 36px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



