body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 16px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0; vertical-align: baseline;}
ul, ol { list-style: none;}
a { text-decoration: none; color: inherit; cursor: pointer; outline: none;}
a:hover{ text-decoration:none;}
img { border: 0; object-fit: cover;}
video{ object-fit: cover; }
table { border-collapse: collapse;}
area{ outline:none; }
input, textarea, select{appearance: none; -webkit-appearance: none; outline: none; resize: none; border-radius: 0;}
input::-ms-clear{ display:none;}
input[type="text"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button { border: none; background: none; cursor: pointer; font-size: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
h1.wm-public{height:0; line-height:0; font-size:0;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

.wmgameFooter{ width: 750px; margin: 0 auto;}

.wrapper{ width: 750px; height: 1583px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center top; background-size: auto 100%; overflow: hidden;}
.logo{ top: 18px; left: 15px; height: 49px;}
.slogan{ top: 157px; width: 726px; height: 142px; box-sizing: border-box; padding: 110px 0 0 100px; background: url(../images/slogan.png) no-repeat 0 0; background-size: 100% auto; font-weight: bold; font-size: 20px; color: #ffd373;}
.loginBox{ top: 323px; width: 714px; height: 168px; box-sizing: border-box; padding: 0 26px 0 38px; background: url(../images/loginBox.png) no-repeat center top; background-size: auto 100%; display: flex; justify-content: space-between; align-items: center;}
.loginBtn{ width: 209px; height: 55px; background: url(../images/loginBtn.png) no-repeat 0 0; background-size: 100% auto;}
.loginBeforeTip{ margin-top: 5px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #fd7236;}
.loginBeforeTip::before, .loginBeforeTip::after{ content: ""; display: inline-block; margin: 0 10px; width: 13px; height: 13px; background: url(../images/arrow.png) no-repeat 0 0; background-size: 100% auto;}
.uid{ font-weight: bold; font-size: 24px; color: #47281b;}
.uid button{ margin-left: 15px;}
.bindStatus{ overflow: hidden; margin-top: 10px; padding-left: 20px; height: 34px; line-height: 34px; border-radius: 17px; background: #dedede; font-size: 18px; color: #343434; display: flex; align-items: center; text-overflow: ellipsis; white-space: nowrap;}
.bindStatus span{ max-width: 190px; padding-right: 15px;}
.bindStatus button{ margin-left: auto; width: 136px; height: 36px; background: url(../images/bindStatusBtn.png) no-repeat 0 0; background-size: 100% auto;}
.bindStatus.active button{ background-position: 0 100%;}
.currTotlePoints{ font-size: 22px; color: #dd3b16;}
.currTotlePoints span{ font-size: 36px; color: #990d16;}
.currTotlePoints button{ display: inline-block; margin-left: 50px; width: 28px; height: 28px; background: url(../images/icon_query.png) no-repeat 0 0; background-size: 100% auto;}
.pointsDetail{ font-size: 16px; color: #47281b; text-decoration: underline;}
.lotteryTypeNav{ top: 496px; display: flex; justify-content: center; align-items: center;}
.lotteryTypeNav button{ width: 336px; height: 77px; margin: 0 25px;}
.lotteryTypeNav .n1{ background: url(../images/lotteryTypeNav1.png) no-repeat 0 100%; background-size: 100% auto;}
.lotteryTypeNav .n2{ background: url(../images/lotteryTypeNav2.png) no-repeat 0 100%; background-size: 100% auto;}
.lotteryTypeNav button.active{ background-position: 0 0;}
.lotteryTypeCont{ top: 583px;}
.turntable{ width: 767px; height: 840px;}
.lottery1{ background: url(../images/turntable1.png) no-repeat 0 0; background-size: 100% auto;}
.lottery2{ background: url(../images/turntable2.png) no-repeat 0 0; background-size: 100% auto;}
.lotteryPrize{ width: 135px; height: 135px;}
.lotteryPrize1_1{ top: 77px; left: 316px;}
.lotteryPrize1_2{ top: 129px; left: 474px;}
.lotteryPrize1_3{ top: 272px; left: 552px;}
.lotteryPrize1_4{ top: 432px; left: 516px;}
.lotteryPrize1_5{ top: 531px; left: 393px;}
.lotteryPrize1_6{ top: 534px; left: 242px;}
.lotteryPrize1_7{ top: 433px; left: 120px;}
.lotteryPrize1_8{ top: 276px; left: 83px;}
.lotteryPrize1_9{ top: 131px; left: 161px;}
.lotteryPrize2_1{ top: 82px; left: 316px;}
.lotteryPrize2_2{ top: 133px; left: 447px;}
.lotteryPrize2_3{ top: 245px; left: 528px;}
.lotteryPrize2_4{ top: 381px; left: 526px;}
.lotteryPrize2_5{ top: 492px; left: 448px;}
.lotteryPrize2_6{ top: 535px; left: 313px;}
.lotteryPrize2_7{ top: 490px; left: 184px;}
.lotteryPrize2_8{ top: 383px; left: 103px;}
.lotteryPrize2_9{ top: 244px; left: 103px;}
.lotteryPrize2_10{ top: 126px; left: 179px;}
.lotteryPrize img{ width: 115px; bottom: 15px;}
.lotteryPrize.active{ background: url(../images/lotteryActive.png) no-repeat 0 0; background-size: 100% auto;}
.lotterytip p{margin: 35px 14px 5px 40px;  font-size: 16px; color: #000; line-height:26px;}

.lottery-center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.lottery-center1{ width: 411px;}
.lottery-center2{ width: 338px;}
.lottery-btn-wrap{ display: flex; position: absolute; left: 0; bottom: 0; width: 100%; height: 73px; justify-content: center;}
.lottery-btn-wrap span{ display: block; width: 262px; height: 73px; margin: 0 24px; cursor: pointer;}
.btn-lottery1-1{ background: url(../../images/btn-lottery1-1.png) no-repeat 0 0;}
.btn-lottery1-2{ background: url(../../images/btn-lottery1-2.png) no-repeat 0 0;}
.btn-lottery2-1{ background: url(../../images/btn-lottery2-1.png) no-repeat 0 0;}
.btn-lottery2-2{ background: url(../../images/btn-lottery2-2.png) no-repeat 0 0;}

.toPay{ top: 570px; right: 0; width: 154px; height: 164px; background: url(../images/toPay.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框 */
.pop{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.9); z-index: 10; display: none;}
.popWrap{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 711px; height: 880px; background: url(../images/popWrap.png) no-repeat 0 0; background-size: 100% auto;}
.closeBtn{ top: 20px; right: 0; width: 72px; height: 72px; background: url(../images/closeBtn.png) no-repeat 0 0; background-size: 100% auto;}
.popCont{ top: 126px; left: 49px; width: 643px; height: 735px;}
.popTit{ top: 37px; height: 34px;}
.submitBtn{ width: 326px; height: 72px; background: url(../images/submitBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：活动规则 */
.popRuleBox{ top: 100px; width: 580px; height: 580px; overflow-x: hidden; overflow-y: auto; line-height: 42px; font-size: 24px; color: #674d42;}

/* 弹出框：积分明细 */
.logNavs{ top: 95px; display: flex; align-items: center;}
.logNavs button{ width: 228px; height: 58px; margin: 0 33px;}
.logNav1{ background: url(../images/logNav1.png) no-repeat 0 0; background-size: 100% auto;}
.logNav2{ background: url(../images/logNav2.png) no-repeat 0 0; background-size: 100% auto;}
.logNavs button.active{ background-position: 0 100%;}
.logList{ top: 172px; width: 604px;}
.logList .row{ display: flex; overflow: hidden; align-items: center; text-align: center; height: 67px; font-size: 26px; color: #674d42;}
.logList .row p:nth-child(1){ width: 110px;}
.logList .row p:nth-child(2){ overflow: hidden; width: 114px;}
.logList .row p:nth-child(3){ width: 170px;}
.logList .row p:nth-child(4){ width: 100px;}
.logList .row p:nth-child(5){ width: 110px;}
.logList .row button{ font-weight: bold; font-size: 26px; color: #674d42; text-decoration: underline;}
.logHead{ font-weight: bold;}
.logBody .row:nth-child(2n-1){ background: #f4f4f6;}
.page{ top: 600px; display: flex;}
.page a{ margin: 0 10px; text-decoration: underline; font-weight: bold; font-size: 26px; color: #674d42; white-space: nowrap;}
.popLogTip{ top: 670px; left: 0; width: 100%; text-align: center; font-size: 22px; color: #dd3b16;}

/* 弹出框：恭喜获奖 */
.popTitLottery{ top: 117px; height: 55px;}
.popPrizeIcon{ top: 226px; width: 135px; height: 135px;}
.popPrizeIcon[lottery="props_1"]{ background: url(../images/props_1.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="props_2"]{ background: url(../images/props_2.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="props_3"]{ background: url(../images/props_3.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="props_4"]{ background: url(../images/props_4.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="props_5"]{ background: url(../images/props_5.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="props_6"]{ background: url(../images/props_6.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="props_7"]{ background: url(../images/props_7.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="props_8"]{ background: url(../images/props_8.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="props_9"]{ background: url(../images/props_9.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_1"]{ background: url(../images/real_1.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_2"]{ background: url(../images/real_2.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_3"]{ background: url(../images/real_3.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_4"]{ background: url(../images/real_4.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_5"]{ background: url(../images/real_5.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_6"]{ background: url(../images/real_6.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_7"]{ background: url(../images/real_7.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_8"]{ background: url(../images/real_8.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_9"]{ background: url(../images/real_9.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeIcon[lottery="real_10"]{ background: url(../images/real_10.png) no-repeat 0 0; background-size: 100% auto;}
.popPrizeName{ top: 378px; font-size: 34px; color: #674d42; word-wrap: nowrap;}
.popLotteryBtns{ bottom: 68px; left: 0; width: 100%; text-align: center;}
.toAddressBtn{ width: 326px; height: 72px; background: url(../images/toAddressBtn.png) no-repeat 0 0; background-size: 100% auto;}
.virtual .tip{ margin-bottom: 40px; font-size: 24px; color: #47281b;}

.pop-t-lottery10{ display: block; height: 55px; margin: 30px auto 0;}
.lottery10-list-scroll{ overflow-x: hidden; overflow-y: auto; width: 590px; height: 450px; margin: 17px 0 0 37px;}
.lottery10-list{ width: 565px;}
.lottery10-list li{ position: relative; height: 79px; border-radius: 10px;}
.lottery10-list li:nth-child(odd){ background-color: #f4f4f6;}
.lottery10-list li .prize-name{ overflow: hidden; width: 353px; height: 100%; margin-left: 40px; font-size: 26px; line-height: 79px; color: #674d42; text-overflow: ellipsis; white-space: nowrap;}
.btn-pop-address{ position: absolute; right: 27px; top: 18px; width: 146px; height: 46px; font-size: 24px; line-height: 46px; color: #c45220; text-align: center; text-decoration: underline; cursor: pointer;}
.lottery10-tip{ height: 44px; margin-top: 20px; font-size: 20px; line-height: 44px; color: #47281b; text-align: center;}
.btn-conform{ display: block; width: 326px; height: 72px; margin: 0 auto; background: url(../../images/btn-conform.png) no-repeat; cursor: pointer;}



/* 弹出框：收货地址 */
.addressForm{ top: 113px; width: 550px;}
.addressForm .row{ margin-bottom: 20px; display: flex; justify-content: end; align-items: start;}
.addressForm .row:last-child{ margin-bottom: 0;}
.addressForm h4{ margin-top: 20px; font-size: 26px; color: #674d42;}
.addressForm input, .addressForm textarea{ width: 411px; background: #f4f4f6; font-size: 22px; box-sizing: border-box; padding: 0 15px; border: none; color: #47281b;}
.addressForm input{ height: 73px;}
.addressForm textarea{ padding-top: 10px; padding-bottom: 10px; height: 178px; line-height: 40px;}
.addressForm input::placeholder, .addressForm textarea::placeholder{ color: #ababab;}
.popAddressTip{ top: 510px; width: 550px; text-align: center; line-height: 22px; font-size: 18px; color: #b22e36;}
.popAddressSubmit{ top: 590px;}

/* 弹出框：收货地址填写成功 */
.popTitAddressSuccess{ top: 120px; height: 54px;}
.popAddressSuccessTip{ top: 297px; width: 550px; text-align: center; font-weight: bold; line-height: 54px; font-size: 34px; color: #674d42;}
.addressSuccessBtn{ top: 597px;}

/* 弹出框：绑定角色 */
.roleList, .roleListNull{ top: 113px; width: 604px; height: 550px;}
.roleList .submitBtn, .roleListNull .submitBtn{ bottom: 0;}
.roleList .cont{ height: 418px; overflow-x: hidden; overflow-y: auto;}
.roleList .item{ position: relative; height: 99px; margin-bottom: 23px; border-radius: 6px; background: #f2f2f2; display: flex; align-items: center; box-sizing: border-box; padding: 0 70px 0 34px; cursor: pointer; color: #47281b;}
.roleList dt{ font-weight: bold; font-size: 26px;}
.roleList dt span{ font-weight: normal; display: inline-block; border-radius: 5px; border: 1px solid #695046; font-size: 16px; margin-left: 9px; padding: 0 10px;}
.roleList dd{ margin-top: 10px; font-size: 22px;}
.roleList .item.active::after{ content: ""; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); width: 35px; height: 35px; background: url(../images/roleActive.png) no-repeat 0 0; background-size: 100% auto;}
.roleListNullTip{ top: 120px; width: 550px; text-align: center; font-weight: bold; line-height: 54px; font-size: 34px; color: #674d42;}