@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
body{font-family: "Noto Sans SC", sans-serif;background: #20242f;font-size: 14px;}
.el-popup-parent--hidden {overflow: hidden !important;width: calc(100%-0px)!important;}
a{text-decoration: none;}
.w1000{width: 1000px;margin: 0 auto;position: relative;}
.top-wrap{width: 100%;position: relative;}
.logo-wrap{width: 100%;height: 100px;background: #131929;}
.logo-wrap .w1000{display: flex;align-items: center;justify-content: left;height: 100px;}
.logo-wrap img{display: block;margin-left: 20px;}
.nav-wrap{width: 100%;height: 82px;background: url(../images/nav_bg.png) repeat-x;}
.nav-wrap .w1000{display: flex;height: 82px;justify-content: space-between;}
.nav-wrap .w1000 a{display: block;padding: 21px 10px;line-height: 20px;text-align: center;}
.nav-wrap .w1000 a b{color: #20242f;font-size: 16px;}
.nav-wrap .w1000 a p{color: #20242f;}
.nav-wrap .w1000 a:hover{background: #212430;}
.nav-wrap .w1000 a:hover b{color: white;}
.nav-wrap .w1000 a:hover p{color: #f0bb03;}
h1{width: 100%;text-align: center;height: 86px;background: url(../images/title_bg.png) repeat-x;font-size: 22px;color: #ffe5a7;line-height: 86px;}
.mainContent-wrap{width: 100%;background: url(../images/mainContent_bg.jpg) center 350px no-repeat #20242f;padding-bottom: 200px;padding-top: 30px;}
.support-wrap{height: 320px;}
.support-show{display: flex;justify-content: space-between;width: 900px;margin: 0 auto 5px;height: 40px;align-items: center;}
.support-show p{line-height: 40px;font-size: 16px;font-weight: bold;color: white;}
.support-bar{width: 786px;height: 17px;background: url(../images/korBar_bg.jpg) repeat-x;position: relative;}
.support-bar span{display: block;height: 17px;background: url(../images/cnBar_bg.jpg) repeat-x;position: absolute;left: 0;top: 0;}
.pk-list{display: flex;width: 660px;margin: 0 auto;justify-content: space-between;}
.pk-list div{width: 253px;}
.pk-list div img{display: block;margin-bottom: 28px;}
.pk-list div button{display: block;margin: 0 auto;border: none;background: url(../images/support_btn.png) no-repeat;width: 118px;height: 33px;font-size: 18px;color: #131929;}


.rule-wrap{padding: 20px 20px;}
.rule-wrap p{font-size: 18px;color: #20242f;line-height: 35px;}
.rule-wrap p b{font-size: 22px;color: #324475;}
.guess-wrap h2,.extra-wrap h2{text-align: center;width: 100%;height: 42px;line-height: 42px;background: #946f24;font-size: 16px;color: white;margin-bottom: 20px;}
.guess-wrap{margin-bottom: 30px;}
.guess-list{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 20px;margin-bottom: 10px;}
.guess-list div{width: 420px;height: 30px;display: flex;margin-bottom: 20px;align-items: center;}
.guess-list div p{text-align: left;width: 180px;line-height: 30px;font-size: 18px;color: #946f24;}
.guess-list div select{display: block;border: 1px solid #917f5a;width: 222px;height: 24px;text-align: center;font-size: 16px;color: #917f5a;}
#guess_submit{display: block;border: none;background: url(../images/guess_btn.png) no-repeat;width: 164px;height: 33px;font-size: 18px;color: #131929;margin: 0 auto;}
.extra-wrap{margin-top: 20px;}
.extra-award{display: flex;justify-content: center;height: 270px;width: 100%;}
.extra-award div{position: relative;margin: 0 65px;width: 144px;}
.extra-award div img{display: block;margin: 0 auto;width: 80%;}
.extra-award div p{width: 100%;height: 36px;line-height: 36px;text-align: center;font-size: 14px;font-weight: normal;color: #20242f;margin-bottom: 10px;}
.extra-award div button,.extra-award div span{display: block;border: none;width: 120px;height: 40px;line-height: 40px;text-align: center;border-radius: 10px;font-size: 22px;color: #f0d79a;margin: 0 auto;}
.extra-award div button{background: #b61c24;}
.extra-award div span{background: #565656;}
.extra-award01::after,.extra-award02::after{display: block;content: "";position: absolute;background: url(../images/arrow_right.png) no-repeat;width: 16px;height: 19px;right: -75px;top: 26.5px;}

.award-wrap{width: 739px;height: 770px;margin: 0 auto;background: url(../images/award_bg.png) no-repeat;display: flex;align-items: center;position: relative;}
.award-bg{width: 586px;height: 595px;margin: 0 auto;background: url(../images/lottery_bg.jpg) no-repeat;padding-top: 25px;}
.award-list{display: flex;height: 540px;width: 100%;justify-content: center;flex-wrap: wrap;}
.award-list img,.lotteryBrn-wrap{display: block;width: 150px;height: 150px;margin: 0 11px 22px;}
.lottery-tips{text-align: center;align-items: center;font-size: 18px;color: #d4b981;line-height: 25px;background: #a60812;padding: 15px;}
.lotteryBrn-wrap{background: url(../images/lottery_btn.jpg) no-repeat;display: flex;align-items: center;flex-wrap: wrap;}
.lottery-btn{display: block;margin: 0 auto;background: url(../images/lottery_btn.png) no-repeat;width: 128px;height: 79px;text-indent: -9999px;}
.lottery-count{text-align: center;color: #20242f;width: 100%;}

.custom-club-box{width: 1001px;height: 603px;background: url(../images/pop_bg.jpg) no-repeat;--el-messagebox-width:auto;}
.custom-lottery-box{background: url(../images/pop_bg.jpg) no-repeat;--el-messagebox-width:auto;background-size: contain;width: 640px;height: 400px;}
.custom-lottery-box .el-message-box__message{width: 100%;height: 320px;}
.custom-lottery-box .el-message-box__message div{display: flex;align-items: center;flex-wrap: wrap;height: 320px;}
.custom-lottery-box .pop-awardImg{display: block;margin: 20px auto;max-width: 220px;}
.custom-lottery-box .el-message-box__btns{margin: 0 auto;justify-content: center;width: 90%;}
.award-tips{text-align: center;font-size: 20px;color: #20242f;font-weight: bold;line-height: 45px;width: 100%;}
#club_sel{position: relative;display: flex;align-items: center;width: 100%;height: 603px;flex-wrap: wrap;}
.pop-club-list{width: 100%;display: flex;justify-content: center;}
.pop-club-list div{width: 195px;margin: 0 20px;}
.pop-club-list div input{display: block;margin: 0 auto;}
.pop-club-list div label{text-align: center;width: 100%;line-height: 50px;font-size: 16px;display: block;}
.close-popup-btn {position: absolute;top: 0; right: 0;background: url(../images/close.png) no-repeat;border: none;  cursor: pointer;width: 34px;height: 34px;text-indent: -9999px;}
#sel_submmit{display: block;width: 195px;height: 46px;border: none;margin: 0 auto;background: #a30811;font-size: 18px;color: #f0d79a;color: #f0d79a;}

#recoed_btn{display: block;position: absolute;background: url(../images/record_btn.png) no-repeat;width: 145px;height: 41px;text-align: center;line-height: 41px;color: white;border: 0;right: 20px;top: 20px;}
.record-list{width: 640px;border: 3px solid #b3914b;background: #f7dfaf;padding-bottom: 50px;position: relative;z-index: 999;}
.modal-header{position: relative;height: 88px;width: 100%;}
.record-list h2{text-align: center;line-height: 88px;color: #7a5d22;font-size: 20px;}
.record-list ul{width: 90%;margin: 0 auto;}
.record-list ul li{height: 50px;width: 100%;list-style: none;justify-content: space-between;display: flex;}
.record-list ul li p{width: 50%;text-align: left;font-size: 16px;color: #7c6a40;}
.close-btn{display: block;position: absolute;background: url(../images/close.png) no-repeat;width: 34px;height: 34px;border: 0;right: 20px;top: 20px;}
.record-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%; z-index: 9999; display: flex;align-items: center;justify-content: center;}
.modal-mask {position: absolute; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.5);z-index: 998;}
.no-record{text-align: center;line-height: 120px;font-size: 16px;color: #7c6a40;}
.custom-club-box .el-message-box__header {
  display: none !important;
}

.custom-club-box .el-message-box__btns {
  display: none !important;
}
.custom-club-box .el-message-box__content {
  padding: 20px !important;
  margin: 0 !important;
}
.el-message-box__close{display: block !important;}