body{ max-width: 1920px; min-width: 1300px; margin: 0 auto;}

/* header */
.header{ height: 1229px; background: url(../images/header.jpg) no-repeat center top; background-size: auto 100%;}
.logo{ top: 19px; left: 46px; height: 123px;}
.website{ top: 25px; right: 15px; width: 182px; height: 85px; background: url(../images/website.png) no-repeat 0 0; background-size: 100% auto;}
.logout{ top: 113px; right: 57px; font-size: 22px; color: #ff8b2e; display: none;}
.slogan{ top: 438px; height: 381px;}
.share{ top: 260px; left: 50%; margin-left: 310px; width: 202px; height: 254px; background: url(../images/share.png) no-repeat 0 0;}
.headerTip{ top: 820px; left: 0; width: 100%; text-align: center; font-size: 22px; color: #fee3a7; z-index: 1;}
.headerTip button{ color: #ff8b2e;}
.headerBtns{ top: 770px; width: 455px; height: 292px; background: url(../images/headerBtnsBg.png) no-repeat 0 0; background-size: 100% auto;}
.headerBtns button, .headerBtns a{ top: 100px; height: 91px;}
.newServer{ right: 50%; transform: translateX(-15px); width: 400px; background: url(../images/newServer.png) no-repeat 0 0; background-size: 100% auto;}
.oldServer{ left: 50%; transform: translateX(15px); width: 407px; background: url(../images/oldServer.png) no-repeat 0 0; background-size: 100% auto;}
.headerBtns button:hover, .headerBtns a:hover{ background-position: 0 100%;}

/* 转盘抽奖 */
.lottery{ height: 1507px; background: url(../images/lottery.jpg) no-repeat center top; background-size: auto 100%;}
.lotteryBox{ top: 271px; width: 910px; height: 910px;}
.turntable{ width: 100%; height: 100%; background: url(../images/turntable.png) no-repeat 0 0; background-size: 100% auto;}
.startArrow{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 292px; height: 292px; background: url(../images/startArrow.png) no-repeat 0 0; background-size: 100% auto;}
.myPrizeBtn{ top: 305px; left: 50%; margin-left: 350px; width: 259px; height: 86px; background: url(../images/myPrizeBtn.png) no-repeat 0 0; background-size: 100% auto;}
.usableLotteryNum{ top: 1243px; width: 1140px; text-align: center; font-size: 30px; color: #f7ebce;}
.usableLotteryNum span{ color: #FF0;}
.lotteryTip{ top: 1300px; width: 1140px; line-height: 32px; font-size: 22px; color: #f7ebce;}

/* 资格验证 */
.verify{ height: 1642px; background: url(../images/verify.jpg) no-repeat center top; background-size: auto 100%;}
.verifyCont{ top: 283px; width: 1189px; height: 1036px; background: url(../images/verifyCont.png) no-repeat 0 0; background-size: 100% auto; font-size: 22px; color: #4a180c;}
.verifyCont .des{ top: 206px; width: 775px; line-height: 26px;}
.verifyCont .sel{ top: 320px; width: 775px; text-align: center;}
.verifyCont .sel select{ display: block; margin: 15px auto 30px auto; width: 498px; height: 59px; background-color: #a4936c; box-sizing: border-box; padding: 0 70px 0 25px; font-size: 24px; color: #FFF; background-image: url(../images/icon_select.png); background-repeat: no-repeat; background-position: 440px center; background-size: 30px 17px;}
.sleSubmit{ top: 505px; width: 259px; height: 86px; background: url(../images/sleSubmit.png) no-repeat 0 0; background-size: 100% auto;}
.selectedRole{ top: 635px; width: 1000px;}
.selectedRole .tr{ display: flex; justify-content: space-between;}
.selectedRole p{ width: 49%; display: flex; align-items: center; box-sizing: border-box; padding: 0 25px;}
.selectedRole .thead .tr{ margin-bottom: 15px; font-size: 22px; color: #4a180c;}
.selectedRole .tbody .tr{ margin-bottom: 17px; font-size: 24px; color: #FFF; line-height: 28px;}
.selectedRole .tbody p{ height: 58px; background: #a5946e;}