*{
  margin: 0;
  padding: 0;
}

a{
  text-decoration: none;
  color: #897752;
}

img{
  width: 100%;
  height: 100%;
}

.flex{
  display: flex;
}

.flex-between{
  justify-content: space-between;
}

.flex-center{
  justify-content: center;
}

.flex-items-center{
  align-items: center;
}

.main{
  width: 100%;
  /* height: auto; */
  height: 3165px;
  background: url(https://static.91cdkey.com/common/images/lfzl/lfzl_back.png) no-repeat top center;
}

.login_con{
  width: 1222px;
  text-align: right;
  line-height: 23px;
  font-size: 20px;
  padding: 82px 0px 137px;
  margin: 0 auto;
}

.login_con span{
  color: #EAC26C;
  cursor: pointer;
}

.activity_time{
  width: 778px;
  font-size: 16px;
  line-height: 16px;
  color: #EAC26C;
  text-align: right;
  margin: 0 auto 214px;
}

.goods{
  width: 958px;
  height: 236px;
  padding-right: 8px;
  margin: 0 auto;
}

.goods .goods_img{
  width: 386px;
  height: 236px;
}

.goods .goods_content{
  width: 560px;
}

.goods .goods_content .spec_list{
  height: 132px;
  flex-wrap: wrap;
  padding-top: 6px;
}

.goods .goods_content .spec_list .spec_item{
  width: 120px;
  height: 45px;
  background: url(https://static.91cdkey.com/common/images/lfzl/spec_bg.png) no-repeat center/cover;
  padding: 11px 0 0 14px;
  margin: 0px 8px 10px 0;
  transition: all .3s;
  cursor: pointer;
}

.goods .goods_content .spec_list .spec_item:nth-child(4n){
  margin-right: 0;
}

.goods .goods_content .spec_list .spec_item.active{
  color: #EAC26C;
  background: url(https://static.91cdkey.com/common/images/lfzl/spec_bg_active.png) no-repeat center/cover;
}

.goods .goods_content .spec_list .spec_item>div{
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  transition: all .3s;
}

.goods .goods_content .spec_list .spec_item>p{
  font-size: 12px;
  line-height: 12px;
  padding-top: 5px;
  transition: all .3s;
}

.goods .goods_content .line{
  width: 100%;
  height: 1px;
  background-color: #2d2722;
  margin: 10px 0 20px;
}

.goods .goods_content .bottom{
  width: 100%;
  height: 60px;
  align-items: center;
}

.goods .goods_content .bottom .price_con .price{
  font-size: 12px;
  margin-bottom: 10px;
}

.goods .goods_content .bottom .price_con .price .fs-28{
  font-size: 28px;
  line-height: 28px;
}

.goods .goods_content .bottom .price_con a.colorEAC26C{
  text-decoration: underline;
}

.goods .goods_content .bottom .price_con .colorEAC26C{
  color: #EAC26C;
}

.goods .goods_content .bottom .buy{
  width: 188px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: #290C06;
  background: url(https://static.91cdkey.com/common/images/lfzl/buy_bg.png) no-repeat center/cover;
  transition: all .3s;
  cursor: pointer;
}

.goods .goods_content .bottom .buy:hover{
  background: url(https://static.91cdkey.com/common/images/lfzl/buy_bg_active.png) no-repeat center/cover;
}

.turnplate_tit{
  width: 1372px;
  height: 92px;
  margin: 64px auto 44px;
}

.num_or_log{
  width: 220px;
  font-size: 20px;
  color: #EAC26C;
  line-height: 20px;
  cursor: pointer;
  margin: 0 auto 38px;
}

.turnplate_con{
  width: 1176px;
  height: 666px;
  margin: 0 auto;
  position: relative;
}

.turnplate_con .turntable_prize_item{
  width: 384px;
  height: 214px;
  background: url(https://static.91cdkey.com/common/images/lfzl/turntable_prize_item_back.png) no-repeat  center / cover;
  position: absolute;
}

.turnplate_con .turntable_prize_item.active{
  background: url(https://static.91cdkey.com/common/images/lfzl/turntable_prize_item_back_active.png) no-repeat  center / cover;
}

.turnplate_con .turntable_prize_item>img{
  width: 266px;
  height: 132px;
  margin: 28px 59px 19px;
}

.turnplate_con .turntable_prize_item>p{
  width: 100%;
  text-align: center;
  line-height: 16px;
  font-size: 16px;
  color: #897752;
}

.turnplate_con .turntable_prize_item.active>p{
  color: #EAC26C;
}

.turnplate_con .turntable_prize_item:nth-child(1){
  top: 0px;
  left: 0px;
}

.turnplate_con .turntable_prize_item:nth-child(2){
  top: 0px;
  left: 396px;
}

.turnplate_con .turntable_prize_item:nth-child(3){
  top: 0px;
  right: 0px;
}

.turnplate_con .turntable_prize_item:nth-child(8){
  top: 226px;
}

.turnplate_con .turntable_prize_item:nth-child(4){
  top: 226px;
  right: 0px;
}

.turnplate_con .turntable_prize_item:nth-child(7){
  left: 0;
  bottom: 0px;
}

.turnplate_con .turntable_prize_item:nth-child(6){
  bottom: 0px;
  left: 396px;
}

.turnplate_con .turntable_prize_item:nth-child(5){
  bottom: 0px;
  right: 0px;
}

.turnplate_con .lottery_btn_con{
  position: absolute;
  top: 226px;
  left: 396px;
}

.turnplate_con .lottery_btn_con .lottery_btn{
  width: 382px;
  height: 74px;
  text-align: center;
  background: url(https://static.91cdkey.com/common/images/lfzl/lottery_btn_back.png) no-repeat  center / cover;
  padding-top: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all .3s;
}

.turnplate_con .lottery_btn_con .lottery_btn:hover{
  background: url(https://static.91cdkey.com/common/images/lfzl/lottery_btn_back_active.png) no-repeat  center / cover;
}

.turnplate_con .lottery_btn_con .lottery_btn:nth-child(2){
  background: url(https://static.91cdkey.com/common/images/lfzl/lottery_btn_two_back.png) no-repeat  center / cover;
}

.turnplate_con .lottery_btn_con .lottery_btn:nth-child(2):hover{
  background: url(https://static.91cdkey.com/common/images/lfzl/lottery_btn_two_back_active.png) no-repeat  center / cover;
}

.turnplate_con .lottery_btn_con .lottery_btn>p{
  color: #290C06;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 8px;
}

.turnplate_con .lottery_btn_con .lottery_btn:nth-child(2)>p{
  color: #EAC26C;
}

.turnplate_con .lottery_btn_con .lottery_btn>div{
  font-weight: 500;
  color: #290C06;
  font-size: 16px;
  line-height: 16px;
}

.turnplate_con .lottery_btn_con .lottery_btn:nth-child(2)>div{
  color: #EAC26C; 
}

.activity{
  width: 1240px;
  height: 564px;
  margin: 233px auto 208px;
}

.activity .activity_item{
  width: 530px;
}

.activity .activity_item .tit{
  font-size: 40px;
  color: #897752;
  line-height: 40px;
  text-shadow: 0px 0px 8px rgba(0,0,0,0.64);
  background: linear-gradient(0deg, #D4C693 0%, #A89565 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.activity .activity_item .tips{
  width: 100%;
  height: 126px;
  font-size: 24px;
  color: #897752;
  line-height: 45px;
  padding: 21px 0px 42px;
}

.activity .activity_item .tips span{
  color: #EAC26C;
}

.activity .activity_item .qrcode{
  width: 212px;
  height: 314px;
  background: url(https://static.91cdkey.com/common/images/lfzl/qrcode_back.png) no-repeat  center / cover;
  padding: 24px 27px 0px;
  margin: 0 auto;
}

.activity .activity_item .qrcode>img{
  width: 212px;
  height: 212px;
  margin-bottom: 14px;
}

.activity .activity_item .qrcode>div{
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 6px;
}

.tips_con{
  width: 1090px;
  font-size: 20px;
  line-height: 33px;
  color: #CBBA9E;
  margin: 0 auto;
}

.tips_con>span{
  color: #DDA75B;
}

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

/* 关闭弹窗 */
.close{
  width: 87px;
  height: 83px;
  background: url(https://static.91cdkey.com/common/images/lfzl/close.png) no-repeat  center / cover;
  cursor: pointer;
  position: absolute;
  top: 19px;
  right: -74px;
}
/* 登录 */
.login_mask_con{
  width: 733px;
  height: 505px;
  background: url(https://static.91cdkey.com/common/images/lfzl/login_back.png) no-repeat  center / cover;
  margin: 0 auto;
  position: relative;
}

.login_mask_con .title{
  text-align: center;
  font-size: 28px;
  line-height: 28px;
  color: #210A05;
  padding: 89px 0px 47px;
}

.login_mask_con .form_item{
  line-height: 16px;
  font-size: 16px;
  color: #210A05;
  padding-left: 123px;
}

.login_mask_con .form_item .tit{
  margin-right: 37px;
}

.login_mask_con .form_item input{
  height: 16px;
  background-color: transparent;
  border: none;
  outline: none;
}

.login_mask_con .form_item input::placeholder{
  color: rgba(33, 10, 5, 0.6);
}

.login_mask_con .form_item.code_con{
  line-height: 20px;
  padding: 49px 0px 40px 123px;
}

.login_mask_con .form_item.code_con input{
  height: 20px;
  font-size: 20px;
}

.login_mask_con .form_item.code_con .code{
  cursor: pointer;
}

.login_mask_con .login_btn{
  width: 258px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  font-size: 20px;
  color: #EAC26C;
  background: url(https://static.91cdkey.com/common/images/lfzl/login_btn_back.png) no-repeat  center / cover;
  cursor: pointer;
  margin: 0 auto;
}

.login_mask_con .agreement{
  font-size: 14px;
  color: #210A05;
}

.login_mask_con .agreement #select{
  display: none;
}

.login_mask_con .agreement .select{
  width: 24px;
  height: 24px;
  background: url(https://static.91cdkey.com/common/images/lfzl/select_back.png) no-repeat  center / cover;
  cursor: pointer;
}

.login_mask_con .agreement .select img{
  display: none;
}

.login_mask_con .agreement .select.active img{
  display: block;
}

.login_mask_con .tips{
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  color: #210A05; 
  padding: 12px 0px 38px;
}

.lottery_success_con{
  width: 733px;
  height: 505px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  background: url(https://static.91cdkey.com/common/images/lfzl/lottery_success_back.png) no-repeat  center / cover;
  margin: 0 auto;
  position: relative;
}

.lottery_success_con .title{
  color: #210A05;
  padding: 116px 0px 53px;
}

.lottery_success_con .tips{
  color: #672509;
  margin-bottom: 13px;
}

.lottery_success_con .award_name{
  color: #CB0000;
}

.lottery_success_con .operation{
  width: 339px;
  margin: 47px auto 0;
}

.lottery_success_con .operation .operation_item{
  width: 158px;
  height: 56px;
  line-height: 56px;
  font-size: 20px;
  color: #EAC26C;
  background: url(https://static.91cdkey.com/common/images/lfzl/operation_back.png) no-repeat  center / cover;
  cursor: pointer;
}

.lottery_success_con .operation .operation_item:nth-child(2){
  color: #D4CECA;
  background: url(https://static.91cdkey.com/common/images/lfzl/confirm_back.png) no-repeat  center / cover;
}

.lottery_num_log{
  width: 733px;
  height: 505px;
  text-align: center;
  color: #210A05;
  background: url(https://static.91cdkey.com/common/images/lfzl/lottery_num_log_back.png) no-repeat  center / cover;
  margin: 0 auto;
  position: relative;
}

.lottery_num_log .title{
  font-size: 28px;
  line-height: 28px;
  padding: 46px 0px 16px;
  
}

.lottery_num_log .content{
  width: 623px;
  font-size: 16px;
  margin: 0 auto;
}

.lottery_num_log .content .th{
  width: 617px;
  height: 42px;
  line-height: 42px;
  padding-right: 3px;
}

.lottery_num_log .content .td{
  height: 55px;
  line-height: 55px;
}

.lottery_num_log .content .list{
  height: 330px;
  padding-right: 3px;
  overflow-y: scroll;
}

.lottery_num_log .content .list::-webkit-scrollbar {
  width: 3px;
}

.lottery_num_log .content .list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #4F3C25;
}

.lottery_num_log .content .td .tr_item{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.lottery_num_log .content .td .tr_item:nth-child(1),
.lottery_num_log .content .th .tr_item:nth-child(1){
  width: 190px;
}

.lottery_num_log .content .td .tr_item:nth-child(2),
.lottery_num_log .content .th .tr_item:nth-child(2){
  width: 200px;
}

.lottery_num_log .content .td .tr_item:nth-child(3),
.lottery_num_log .content .th .tr_item:nth-child(3){
  width: 80px;
}

.lottery_num_log .content .td .tr_item:nth-child(4),
.lottery_num_log .content .th .tr_item:nth-child(4){
  width: 120px;
}

.lottery_num_log.lottery_log .content .td .tr_item:nth-child(2),
.lottery_num_log.lottery_log .content .th .tr_item:nth-child(2){
  width: 300px;
}

.lottery_num_log.lottery_log .content .td .tr_item:nth-child(3),
.lottery_num_log.lottery_log .content .th .tr_item:nth-child(3){
  width: 120px;
  cursor: pointer;
}

.pay_mask{
  width: 733px;
  height: 505px;
  background: url(https://static.91cdkey.com/common/images/lfzl/lottery_success_back.png) no-repeat  center / cover;
  margin: 0 auto;
  position: relative; 
}

.pay_mask .content{
  width: calc(100% - 126px);
  color: #210A05;
  padding: 70px 68px 0px 58px;
}

.pay_mask .content .left{
  width: 318px;
}

.pay_mask .content .left .pl-13{
  padding-left: 13px;
}

.pay_mask .content .left .mb-9{
  margin-bottom: 9px !important;
}

.pay_mask .content .left .title{
  width: 256px;
  height: 60px;
  font-size: 20px;
  line-height: 30px;
  margin: 17px 0px 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.pay_mask .content .left .item{
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 19px;
}

.pay_mask .content .left .item .tit{
  opacity: 0.6;
}

.pay_mask .content .left .item.mb-9 .tit{
  padding-top: 4px;
}

.pay_mask .content .left .item.mb-9 span{
  font-size: 24px;
  line-height: 24px;
}

.pay_mask .content .left .vip_price{
  width: max-content;
  height: 22px;
  color: #EAC26C;
  font-size: 14px;
  line-height: 22px;
  background-color: #220b06;
  border-radius: 12px 12px 12px 0px;
  padding: 0px 10px;
  margin-left: 13px;
}

.pay_mask .content .left .line{
  width: 100%;
  height: 1px;
  line-height: 1px;
  margin: 25px 0px 15px;
}

.pay_mask .content .left .pay_way_tit{
  line-height: 16px;
  opacity: 0.6;
}

.pay_mask .content .left .pay_way_con{
  width: calc(100% - 18px);
  padding: 12px 5px 0px 13px;
}

.pay_mask .content .left .pay_way_con .pay_way_item{
  width: 144px;
  height: 80px;
  text-align: center;
  font-size: 12px;
  color: #210A05;
  padding-top: 26px;
  background: url(https://static.91cdkey.com/common/images/lfzl/pay_way_item_bg.png) no-repeat  center / cover;
  position: relative;
  cursor: pointer;
}

.pay_mask .content .left .pay_way_con .pay_way_item.active{
  background: url(https://static.91cdkey.com/common/images/lfzl/pay_way_item_bg_active.png) no-repeat  center / cover;
}

.pay_mask .content .left .pay_way_con .pay_way_item .fee{
  width: 66px;
  height: 22px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.pay_mask .content .left .pay_way_con .pay_way_item .fee>img{
  width: 66px;
  height: 22px;
}

.pay_mask .content .left .pay_way_con .pay_way_item img{
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

.pay_mask .content .right{
  width: 270px;
  height: 360px;
  color: #060404;
  background: url(https://static.91cdkey.com/common/images/lfzl/qrcode_con_back.png) no-repeat  center / cover;
  text-align: center;
}

.pay_mask .content .right .qrcode_way{
  font-size: 20px;
  line-height: 20px;
  padding: 37px 0 16px;
}

.pay_mask .content .right .qrcode{
  width: 188px;
  height: 188px;
  margin: 0 auto 16px;
}

.pay_mask .content .right .qrcode_tips{
  font-size: 14px;
  line-height: 20px;
}