body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif;}
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{ -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);}

body{ font-size: .16rem;}

.wrapper{ height: 15.4rem; background: url(../images/bg.jpg) no-repeat center top; background-size: auto 100%; display: none;}
.logo{ top: .15rem; right: 50%; margin-right: 3.5rem; height: .61rem;}
.slogan{ top: .65rem; left: 50%; margin-left: -1.95rem; width: 7.38rem; height: 2.22rem; box-sizing: border-box; padding: 1.58rem 0 0 1rem; background: url(../images/slogan.png) no-repeat 0 0; background-size: 100% auto; font-weight: bold; font-size: .2rem; color: #ffd373;}
.loginBox{ top: 2.54rem; padding: 0 .43rem 0 .5rem; box-sizing: border-box; width: 10.28rem; height: 1.68rem; background: url(../images/loginBox.png) no-repeat 0 0; background-size: 100% auto; display: flex; justify-content: space-between; align-items: center;}
.loginBtn{ width: 2.09rem; height: .55rem; background: url(../images/loginBtn.png) no-repeat 0 0; background-size: 100% auto;}
.loginBeforeTip{ margin-top: .05rem; display: flex; justify-content: center; align-items: center; font-size: .18rem; color: #fd7236;}
.loginBeforeTip::before, .loginBeforeTip::after{ content: ""; display: inline-block; margin: 0 .1rem; width: .13rem; height: .13rem; background: url(../images/arrow.png) no-repeat 0 0; background-size: 100% auto;}
.uid{ font-weight: bold; font-size: .24rem; color: #47281b;}
.uid button{ margin-left: .15rem;}
.bindStatus{ margin-top: .1rem; padding-left: .2rem; height: .34rem; line-height: .34rem; border-radius: .17rem; background: #dedede; font-size: .18rem; color: #343434; display: flex; align-items: center;}
.bindStatus span{ padding-right: .15rem;}
.bindStatus button{ margin-left: auto; width: 1.36rem; height: .36rem; background: url(../images/bindStatusBtn.png) no-repeat 0 0; background-size: 100% auto;}
.bindStatus.active button{ background-position: 0 100%;}
.currTotlePoints{ font-size: .22rem; color: #dd3b16;}
.currTotlePoints span{ font-size: .36rem; color: #990d16;}
.currTotlePoints button{ display: inline-block; margin-left: .5rem; width: .28rem; height: .28rem; background: url(../images/icon_query.png) no-repeat 0 0; background-size: 100% auto;}
.pointsDetail{ font-size: .16rem; color: #47281b; text-decoration: underline;}
.lotteryTypeNav{ top: 4.54rem; display: flex; justify-content: center; align-items: center;}
.lotteryTypeNav button{ width: 3.36rem; height: .77rem; margin: 0 .25rem;}
.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: 5.67rem;}
.turntable{ width: 7.67rem; height: 7.61rem;}
.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: 1.35rem; height: 1.35rem;}
.lotteryPrize1_1{ top: .77rem; left: 3.16rem;}
.lotteryPrize1_2{ top: 1.29rem; left: 4.74rem;}
.lotteryPrize1_3{ top: 2.72rem; left: 5.52rem;}
.lotteryPrize1_4{ top: 4.32rem; left: 5.16rem;}
.lotteryPrize1_5{ top: 5.31rem; left: 3.93rem;}
.lotteryPrize1_6{ top: 5.34rem; left: 2.42rem;}
.lotteryPrize1_7{ top: 4.33rem; left: 1.20rem;}
.lotteryPrize1_8{ top: 2.76rem; left: 0.83rem;}
.lotteryPrize1_9{ top: 1.31rem; left: 1.61rem;}
.lotteryPrize2_1{ top: .82rem; left: 3.16rem;}
.lotteryPrize2_2{ top: 1.33rem; left: 4.47rem;}
.lotteryPrize2_3{ top: 2.45rem; left: 5.28rem;}
.lotteryPrize2_4{ top: 3.81rem; left: 5.26rem;}
.lotteryPrize2_5{ top: 4.92rem; left: 4.48rem;}
.lotteryPrize2_6{ top: 5.35rem; left: 3.13rem;}
.lotteryPrize2_7{ top: 4.90rem; left: 1.84rem;}
.lotteryPrize2_8{ top: 3.83rem; left: 1.03rem;}
.lotteryPrize2_9{ top: 2.44rem; left: 1.03rem;}
.lotteryPrize2_10{ top: 1.26rem; left: 1.79rem;}
.lotteryPrize img{ width: 1.15rem; bottom: .15rem;}
.lotteryPrize.active{ background: url(../images/lotteryActive.png) no-repeat 0 0; background-size: 100% auto;}
.lotteryStart{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3.6rem; height: 3.6rem;}
.lotteryStart1{ background: url(../images/lotteryStart1.png) no-repeat 0 0; background-size: 100% auto;}
.lotteryStart2{ background: url(../images/lotteryStart2.png) no-repeat 0 0; background-size: 100% auto;}
.lotteryStart p{ top: 2.2rem; width: 100%; text-align: center; font-size: .18rem; color: #fcf1de;}
.lotteryStart button{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.6rem; height: 1.6rem;}
.toPay{ top: 5.5rem; left: 50%; margin-left: 3.6rem; width: 1.54rem; height: 1.64rem; 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: 7.11rem; height: 8.8rem; background: url(../images/popWrap.png) no-repeat 0 0; background-size: 100% auto;}
.closeBtn{ top: 1.2rem; right: 0; width: .72rem; height: .72rem; background: url(../images/closeBtn.png) no-repeat 0 0; background-size: 100% auto; z-index: 2;}
.popCont{ top: 1.26rem; left: .49rem; width: 6.43rem; height: 7.35rem;}
.popTit{ top: .37rem; height: .34rem;}
.submitBtn{ width: 3.26rem; height: .72rem; background: url(../images/submitBtn.png) no-repeat 0 0; background-size: 100% auto;}

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

/* 弹出框：积分明细 */
.logNavs{ top: .95rem; display: flex; align-items: center;}
.logNavs button{ width: 2.28rem; height: .58rem; margin: 0 .33rem;}
.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: 1.72rem; width: 6.04rem;}
.logList .row{ display: flex; align-items: center; text-align: center; height: .67rem; font-size: .26rem; color: #674d42;}
.logList .row p:nth-child(1){ width: 1.1rem;}
.logList .row p:nth-child(2){ width: 1.14rem;}
.logList .row p:nth-child(3){ width: 1.7rem;}
.logList .row p:nth-child(4){ width: 1rem;}
.logList .row p:nth-child(5){ width: 1.1rem;}
.logList .row button{ font-weight: bold; font-size: .26rem; color: #674d42; text-decoration: underline;}
.logHead{ font-weight: bold;}
.logBody .row:nth-child(2n-1){ background: #f4f4f6;}
.page{ top: 6rem; display: flex;}
.page a{ margin: 0 .1rem; text-decoration: underline; font-weight: bold; font-size: .26rem; color: #674d42; white-space: nowrap;}
.popLogTip{ top: 6.7rem; left: 0; width: 100%; text-align: center; font-size: .22rem; color: #dd3b16;}

/* 弹出框：恭喜获奖 */
.popTitLottery{ top: 1.17rem; height: .55rem;}
.popPrizeIcon{ top: 2.26rem; width: 1.35rem; height: 1.35rem;}
.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: 3.78rem; font-size: .34rem; color: #674d42; word-wrap: nowrap;}
.popLotteryBtns{ bottom: .68rem; left: 0; width: 100%; text-align: center;}
.toAddressBtn{ width: 3.26rem; height: .72rem; background: url(../images/toAddressBtn.png) no-repeat 0 0; background-size: 100% auto;}
.virtual .tip{ margin-bottom: .4rem; font-size: .24rem; color: #47281b;}

/* 弹出框：收货地址 */
.addressForm{ top: 1.13rem; width: 5.5rem;}
.addressForm .row{ margin-bottom: .2rem; display: flex; justify-content: end; align-items: start;}
.addressForm .row:last-child{ margin-bottom: 0;}
.addressForm h4{ margin-top: .2rem; font-size: .26rem; color: #674d42;}
.addressForm input, .addressForm textarea{ width: 4.11rem; background: #f4f4f6; font-size: .22rem; box-sizing: border-box; padding: 0 .15rem; border: none; color: #47281b;}
.addressForm input{ height: .73rem;}
.addressForm textarea{ padding-top: .1rem; padding-bottom: .1rem; height: 1.78rem; line-height: .4rem;}
.addressForm input::placeholder, .addressForm textarea::placeholder{ color: #ababab;}
.popAddressTip{ top: 5.1rem; width: 5.5rem; text-align: center; line-height: .22rem; font-size: .18rem; color: #b22e36;}
.popAddressSubmit{ top: 5.9rem;}

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

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