* {
  padding: 0;
  margin: 0;
}
/* 滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px
}
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #A9A9A9;
}
.flex{
  display: flex;
  align-items: center;
}
.flex-center{
  justify-content: center;
}
.flex-between{
  justify-content: space-between;
}
.flex-around{
  justify-content: space-around;
}
.flex-items-center{
  align-items: center;
}
.box{
  width: 100%;
  height: 1860px;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/background.png) no-repeat center / cover;
}
.box .main{
  width: 1100px;
  margin: 0 auto;
}
.main_title{
  font-size: 14px;
  text-align: center;
  color: #9D886E;
  line-height: 14px;
  padding: 312.5px 0 22px;
  margin-left: 10px;
}
.main_title span{
  color: #FCD59C;
}
.user_info{
  font-size: 12px;
  line-height: 12px;
  color: #FCD59C;
  padding: 0px 0 36px;
}

.user_info .color9D886E{
  color: #9D886E;
}

.user_info .login,
.user_info .login_out{
  cursor: pointer;
}

.user_info .login_out{
  margin-left: 5px;
}

.privilege{
  width: 100%;
  height: 267.5px;
  line-height: 15.5px;
  font-weight: 800;
  font-size: 16px;
  color: #7C684C;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/privilege_back.png) no-repeat  center / cover;
  position: relative;
}

.privilege .check_interests{
  margin-left: 0px !important;
  position: absolute;
  top: 38px;
  right: 34px;
}

.privilege .privilege_text{
  position: absolute;
  top: 113.5px;
  left: 171.5px;
}

.privilege .privilege_text:nth-child(2){
  left: 490.5px;
}

.privilege .privilege_text:nth-child(3){
  left: 830px;
}

.privilege .privilege_text:nth-child(4){
  top: 183.5px;
}

.privilege .privilege_text:nth-child(5){
  top: 183.5px;
  left: 490.5px;
}

.privilege .privilege_text span{
  color: #FCD59C;
}

.privilege .open{
  width: 287px;
  height: 61px;
  text-align: center;
  line-height: 61px;
  font-weight: 800;
  font-size: 24px;
  color: #522D1B;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/privilege_open_back.png) no-repeat center / cover;
  position: absolute;
  bottom: -30.5px;
  left: 402.5px;
  cursor: pointer;
}

.turntable{
  width: 100%;
  height: 706px;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/turntable_back.png) no-repeat  center / cover;
  margin: 45.5px auto 15px;
}

.turntable .turntable_top{
  width: calc(100% - 221.5px);
  height: 34px;
  padding: 30.5px 34px 37.5px 191px;
}

.turntable .turntable_top .trotting_horse_lamp{
  width: 623px;
  height: 13.5px;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/trottingHorseLamp_back.png) no-repeat  center / cover;
  padding: 6px 20px;
  overflow: hidden;
}

.turntable .turntable_top .trotting_horse_lamp_content{
  width: max-content;
  will-change: transform; /* 启用GPU加速 */
  animation: marquee 30s linear infinite;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.turntable .turntable_top .trotting_horse_lamp p{
  width: max-content;
  display: flex;
  color: #9D886E;
  font-size: 12px;
  line-height: 13.5px;
  white-space: nowrap;
  margin-right: 15px;
}

.turntable .turntable_top .trotting_horse_lamp p>span{
  display: inline-block;
  margin-left: 5px;
  color: #FCD59C;
}

.turntable .turntable_top .turntable_top_btn,
.privilege .check_interests{
  width: 82px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  color: #C8A97B;
  background: rgba(200,169,123,0.12);
  border: 1px solid #C8A97B;
  margin-left: 14px;
  cursor: pointer;
}

.turntable .turntable_prize_list{
  width: calc(100% - 237.5px);
  height: 532px;
  margin: 0 118.5px 0 119px;
  position: relative;
}

.turntable .turntable_prize_list .turntable_prize_item{
  width: 274px;
  height: 164px;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/turntable_prize_item_back.png) no-repeat  center / cover;
  position: absolute;
}

.turntable .turntable_prize_list .turntable_prize_item.active{
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/turntable_prize_item_back_active.png) no-repeat  center / cover;
}

.turntable .turntable_prize_list .turntable_prize_item>img{
  width: 180px;
  height: 89px;
  margin: 26px 47px 28px;
}

.turntable .turntable_prize_list .turntable_prize_item>p{
  width: 100%;
  text-align: center;
  line-height: 12px;
  font-size: 12px;
  color: #9D886E;
}

.turntable .turntable_prize_list .turntable_prize_item.active>p{
  color: #FEB26C;
}

.turntable .turntable_prize_list .turntable_prize_item:nth-child(1){
  top: 0px;
  left: 0px;
}
.turntable .turntable_prize_list .turntable_prize_item:nth-child(2){
  top: 0px;
  left: 294.5px;
}
.turntable .turntable_prize_list .turntable_prize_item:nth-child(3){
  top: 0px;
  right: 0px;
}
.turntable .turntable_prize_list .turntable_prize_item:nth-child(8){
  top: 184px;
}
.turntable .turntable_prize_list .turntable_prize_item:nth-child(4){
  top: 184px;
  right: 0px;
}
.turntable .turntable_prize_list .turntable_prize_item:nth-child(7){
  left: 0;
  bottom: 0px;
}
.turntable .turntable_prize_list .turntable_prize_item:nth-child(6){
  bottom: 0px;
  left: 294.5px;
}
.turntable .turntable_prize_list .turntable_prize_item:nth-child(5){
  bottom: 0px;
  right: 0px;
}

.turntable .turntable_prize_list .lottery_btn_con{
  position: absolute;
  top: 184px;
  left: 294.5px;
}

.turntable .turntable_prize_list .lottery_btn_con .lottery_btn{
  width: 274px;
  height: 60px;
  text-align: center;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/lottery_btn_back.png) no-repeat  center / cover;
  padding-top: 17px;
  margin-bottom: 10px;
  cursor: pointer;
}

.turntable .turntable_prize_list .lottery_btn_con .lottery_btn:nth-child(2){
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/lottery_btn_two_back.png) no-repeat  center / cover;
}

.turntable .turntable_prize_list .lottery_btn_con .lottery_btn>p{
  color: #522D1B;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 7px;
}

.turntable .turntable_prize_list .lottery_btn_con .lottery_btn:nth-child(2)>p{
  color: #FFF8E5;
}

.turntable .turntable_prize_list .lottery_btn_con .lottery_btn>div{
  font-weight: 500;
  color: #5A210F;
  font-size: 12px;
  line-height: 12px;
}

.turntable .turntable_prize_list .lottery_btn_con .lottery_btn:nth-child(2)>div{
  color: #FFA5FF; 
}

.fad{
  width: calc(100% - 43px);
  height: 236px;
  font-size: 14px;
  line-height: 14px;
  color: #DDCAAE;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/fad_back.png) no-repeat  center / cover;
  padding: 82px 0 0 43px;
}

.fad>P{
  line-height: 18px;
  margin-bottom: 12px;
}

.layui-layer{
  background-color: transparent !important;
  box-shadow: none !important;
}

.layui-layer-hui{
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.modal_con{
  width: 566px;
  height: 360px;
  padding: 7.5px 17px;
}
.modal{
  width: 566px;
  height: 360px;
  line-height: 14px;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/lotteryActivity/modal_back.png) no-repeat  center / cover;
  position: relative;
}

.modal .close{
  width: 11px;
  height: 9px;
  position: absolute;
  top: -9px;
  right: -17px;
  cursor: pointer;
}

.modal .title{
  width: 100%;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-weight: 800;
  font-size: 16px;
  color: #FCD59C;
}

.login_con{
  width: 466px;
  margin: 0 auto;
}

.login_con .item{
  width: 100%;
  height: 71px;
}

.login_con .item .form_item{
  width: 100%;
  height: 46px;
  color: #FCD59C;
  padding: 12px 0;
}

.login_con .item .form_item .tit{
  padding: 0 15px 0 9.5px;
}

.login_con .item .form_item input{
  font-size: 14px;
  color: #FCD59C;
  background-color: transparent;
  outline: none;
  border: none;
}

.login_con .item .form_item input::placeholder{
  color: #655848;
}

.login_con .item .form_item .get_verification_code{
  width: 122px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  color: #C8A97B;
  background: rgba(200,169,123,0.12);
  border: 1px solid #C8A97B;
  cursor: pointer;
}

.login_con .item .line{
  width: 100%;
  height: 1px;
  line-height: 1px;
}

.login_con .login_btn{
  width: 204px;
  height: 49px;
  text-align: center;
  line-height: 49px;
  font-weight: bold;
  font-size: 14px;
  color: #522D1B;
  background: linear-gradient(90deg, #ffd393, #ffcc6f);
  margin: 20px auto 10px;
  cursor: pointer;
}

.login_con .login_tip{
  text-align: center;
  font-size: 12px;
  color: #655848;
  margin-bottom: 25px;
}

.login_con .agreement{
  font-weight: 400;
  font-size: 12px;
  color: #9D886E;
}

.login_con .agreement>a{
  color: #FCD59C;
}

#loginMask .layui-form{
  height: 46px;
}
#loginMask .layui-form-checkbox[lay-skin=primary]>i{
  background-color: transparent !important;
  border-color: #FCD59C !important;
  margin: 15px 14px 15px 6px !important;
  border-radius: 50% !important;
  font-weight: bold !important;
}
#loginMask .layui-form-checked[lay-skin=primary]{
  border-color: #FCD59C !important;
  color: #9D886E;
}
#loginMask .layui-form-checked[lay-skin=primary]>i{
  color: #9D886E;
  border-color: #FCD59C !important;
  background-color: #FCD59C !important;
}
#loginMask .layui-form-checked[lay-skin=primary]:hover>i{
  color: #9D886E;
}
#loginMask .layui-form-checkbox[lay-skin=primary]:hover>i{
  border-color: #FCD59C !important;
  color: #9D886E !important;
}
#loginMask .layui-form-checked.layui-checkbox-disabled[lay-skin=primary]>i{
  border-color: #FCD59C !important;
  background-color: #FCD59C !important;
}

.lottery_con{
  color: #9D886E;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  padding: 80px 20px;
}

.lottery_con .name{
  height: 75px;
  color: #FCD59C;
}

.lottery_con .btn_con{
  width: 278px;
  height: 49px;
  margin: 0 auto;
}

.lottery_con .btn_con .btn1{
  width: 122px;
  height: 47px;
  text-align: center;
  line-height: 47px;
  font-size: 14px;
  color: #C8A97B;
  background: rgba(200,169,123,0.12);
  border: 1px solid #C8A97B;
  cursor: pointer;
}

.lottery_con .btn_con .btn2{
  width: 124px;
  height: 49px;
  text-align: center;
  line-height: 49px;
  font-weight: bold;
  font-size: 14px;
  color: #522D1B;
  background: linear-gradient(90deg, #ffd393, #ffcc6f);
  cursor: pointer;
}

#cardPasswordMask .lottery_con .btn_con{
  margin-top: 25px;
}

.log_con{
  width: calc(100% - 10px);
  height: 300px;
  text-align: center;
  font-size: 12px;
  color: #9D886E;
  margin: 0 auto;
}

.log_con .th{
  height: 52px;
  line-height: 52px;
  padding: 0 43px 0 40px;
}

.log_con .th .td:nth-child(1){
  width: 130px;
}

.log_con .th .td:nth-child(2){
  width: 200px;
}

.log_con .th .td:nth-child(3){
  width: 50px;
}

.log_con .log_list{
  width: 100%;
  height: 248px;
  overflow-y: scroll;
}

.log_con .log_list::-webkit-scrollbar {
  width: 3px;
  height: 98px;
}
.log_con .log_list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #AA906A;
}

.log_con .log_list .tr{
  height: 46px;
  background-color: rgba(171, 145, 106, 0.05);
  padding: 0 40px;
}

.log_con .log_list .tr:nth-child(2n){
  background-color: transparent;
}

.log_con .log_list .tr .td:nth-child(1){
  width: 130px;
}

.log_con .log_list .tr .td:nth-child(2){
  width: 200px;
  color: #FCD59C;
}

.log_con .log_list .tr .td:nth-child(3){
  width: 50px;
  color: #73B9F5;
  cursor: pointer;
}

#lotteryCountLogMask .th .td:nth-child(1){
  width: 130px;
}
#lotteryCountLogMask .th .td:nth-child(2){
  width: 130px;
}
#lotteryCountLogMask .th .td:nth-child(3){
  width: 70px;
}
#lotteryCountLogMask .th .td:nth-child(4){
  width: 70px;
}
#lotteryCountLogMask .log_list .tr .td:nth-child(1){
  width: 130px;
}
#lotteryCountLogMask .log_list .tr .td:nth-child(2){
  width: 130px;
  color: #FCD59C;
}
#lotteryCountLogMask .log_list .tr .td:nth-child(3){
  width: 70px;
  color: #FCD59C;
}
#lotteryCountLogMask .log_list .tr .td:nth-child(4){
  width: 70px;
}

.colorFF4866{
  color: #FF4866;
}
.openVipMask{
  width: 579px;
  height: 297px;
  background-color: #fff;
  border-radius: 18px;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}
.openVipMask .left{
  width: 276px;
  height: 297px;
  padding: 15px 0 0 15px;
}
.openVipMask .left .title{
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 30px;
}
.openVipMask .left .spec{
  color: #999999;
  line-height: 14px;
  margin-bottom: 10px;
}
.openVipMask .left .spec span{
  color: #434343;
}
.openVipMask .left .pay_price{
  height: 20px;
  color: #999999;
  margin-bottom: 16px;
}
.openVipMask .left .pay_price span span{
  font-size: 24px;
  font-weight: bold;
}
.openVipMask .left .vip{
  display: none;
  color: #333;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 46px;
}
.openVipMask .left .pay_con{
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.openVipMask .left .pay_con .payItem{
  width: 88px;
  height: 68px;
  background: #F6F6F6;
  color: #434343;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 19px;
  padding: 0px 20px 0px 20px;
}
.openVipMask .left .pay_con .payItem.active{
  color: #FFF;
}
.openVipMask .left .pay_con .payItem.active:nth-child(1){
  background: #3875F6;
}
.openVipMask .left .pay_con .payItem.active:nth-child(2){
  background: #13b93c;
}
.openVipMask .left .pay_con .payItem .icon{
  width: 36px;
  height: 36px;
  background-size: cover;
}
.openVipMask .left .pay_con .payItem:nth-child(2) .icon{
  background: url(../../static/images/wx.png) no-repeat;
  background-size: cover;
}
.openVipMask .left .pay_con .payItem.active:nth-child(2) .icon{
  background: url(../../static/images/wxa.png) no-repeat;
  background-size: cover;
}
.openVipMask .left .pay_con .payItem:nth-child(1) .icon{
  background: url(../../static/images/zfb.png) no-repeat;
  background-size: cover;
}
.openVipMask .left .pay_con .payItem.active:nth-child(1) .icon{
  background: url(../../static/images/zfba.png) no-repeat;
  background-size: cover;
}
.openVipMask .left .pay_con .payItem.active .procedureFee{
  display: block;
}
.openVipMask .left .pay_con .payItem .procedureFee{
  display: none;
  width: 71px;
  height: 20px;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/common/images/first/wxcornermark.png) no-repeat;
  background-size: cover;
  font-size: 11px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
.openVipMask .right{
  width: 256px;
  height: 295px;
  text-align: center;
  border-radius: 10px;
  border: 1px dashed rgba(67, 67, 67, 0.2);
}
.openVipMask .right .qrCodeCon{
  width: 150px;
  height: 150px;
  background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/vip/pc/qrCodeConBack.png) no-repeat;
  background-size: cover;
  padding: 9px;
  margin: 0 auto 15px;
}
.openVipMask .right .qrCodeCon>div{
  width: 100%;
  height: 100%;
}