@charset "utf-8";
/* CSS Document */
.fancybox-skin{ background:none;}
.fancybox-opened .fancybox-skin{box-shadow:none;}
body{width:100%;overflow-x:hidden;font-family: "Noto Sans SC", sans-serif;}
a:hover{text-decoration: none;}
.bg{background:url(../images/bg.jpg) center top no-repeat #000;width:100%; position:relative; padding-bottom: 100px;}
.inner-bg{background:url(../images/inner_bg.jpg) center top no-repeat #000;width:100%; position:relative; padding-bottom: 150px;}
.content{width:1008px; margin:0 auto; position:relative; padding-top:352px;}
.content::after{display: block;position: absolute;content: "";background: url(../images/index_char2.png) no-repeat;width: 593px;height: 1434px;left: -500px;bottom: 7px;}
#vote_wrap .content::after{display: block;position: absolute;content: "";background: url(../images/vote_char.png) no-repeat;width: 668px;height: 1567px;left: auto;bottom: auto;top: 238px;right: -448px;}


.float-menu{position: fixed;left: 50%;top: 100px;width: 230px;display: flex;padding: 20px 0 10px;box-sizing: border-box;flex-wrap: wrap;align-items: center;background: #4b0002;border-radius: 25px;z-index: 10;margin-left: -730px;}
.float-menu::after{display: block;position: absolute;content: "";background: url(../images/left_float_title.png) no-repeat;width: 83px;height: 24px;left: 73.5px;top: -15px;}
.float-menu a{display: block;width: 200px;height: 32px;position: relative;margin: 0 auto 10px;background: #750004;border-radius: 10px;padding-left: 70px;box-sizing: border-box;line-height: 32px;font-size: 20px;color: white;font-weight: bold;}
.rule-btn::before{display: block;position: absolute;content: "";background: url(../images/left_float_icon1.png) no-repeat;width: 42px;height: 42px;left: 15px;top: -10px;}
.live-btn::before{display: block;position: absolute;content: "";background: url(../images/left_float_icon2.png) no-repeat;width: 43px;height: 32px;left: 15px;top: 0px;}
.passwd-btn::before{display: block;position: absolute;content: "";background: url(../images/left_float_icon3.png) no-repeat;width: 32px;height: 38px;left: 15px;top: -3px;}
.back-btn::before{display: block;position: absolute;content: "";background: url(../images/left_float_icon4.png) no-repeat;width: 39px;height: 33px;left: 15px;top: 0px;}
.float-menu a:hover{color: #ffff00;}
.float-menu a:hover:after{display: block;position: absolute;content: "";background: url(../images/float_arrow.png) no-repeat;width: 15px;height: 18px;right: 24px;top: 7px;}

#float_right{left:auto;right: 50%; background: #3e4170;margin-right: -730px;}
#float_right::after{content: "";background: url(../images/right_float_title.png) no-repeat;}
#float_right a{background: #7679a2;}
#float_right .rule-btn::before{content: "";background: url(../images/right_float_icon1.png) no-repeat;}
#float_right .live-btn::before{content: "";background: url(../images/right_float_icon2.png) no-repeat;}
#float_right .passwd-btn::before{content: "";background: url(../images/right_float_icon3.png) no-repeat;}


.book-wrap{width: 900px;background:url(../images/rewards_img.png) 150px center no-repeat white;height: 480px;margin: 0 auto 58px;box-sizing: border-box;border: 4px solid #fac7d2;border-radius: 15px;position: relative;outline: 6px solid #ff799d;padding-top: 30px;padding-left: 224px;}
.book-wrap::after{display: block;position: absolute;content: "";background: url(../images/index_char1.png) no-repeat;width: 392px;height: 423px;left: -148px;top: 91px;}

.level-status{width: 600px;height: 47px;display: flex;background-color: #dc181e;border-radius: 50px;justify-content: center;align-items: center;}
.level-status b{display: block;font-size: 24px;color: white;line-height: 45px;}
.level-num{color: #fff;margin-left: 5px;display: block;width: 33px;height: 33px;text-align: center;line-height: 33px;border-radius: 100px;background: #750004;font-size: 16px;font-weight: bold;}
.level-status p{font-size: 16px;font-weight: bold;color: #fff;line-height: 45px;}
.level-status p span{color: #ffff00;}
.book-bar{width: 206px;height: 18px;background: #fff;border: 2px solid #750004;border-radius: 3px;margin: 0 12px;}
.book-bar span{display: block;height: 18px;background: #fac7d2;}

.book-award{width: 560px;padding: 20px 0;height: 330px;overflow: hidden;position: relative;padding-right: 48px;box-sizing: border-box;margin-left: 17px;margin-top: 20px;}
.book-award ul li{display: flex;justify-content: space-between;margin-bottom: 20px;height: 34px;}
.book-award ul li p.num{text-align: right;font-size: 18px;color: #009fff;width: 44px;line-height: 34px;height: 34px;margin-right: 22px;}
.book-award ul li p.num span{width: 34px;height: 34px;display: inline-block;text-align: center;line-height: 34px;vertical-align: middle;border-radius: 100px;font-size: 16px;background: #ff799d;margin-left: 20px;color: white;}
.award-id{width: 388px;text-align: center;line-height: 34px;font-size: 18px;color: #0d0d0d;}
.book-award ul li a{display: block;width: 90px;background:#dc181e;height: 31px;text-align: center;line-height: 31px;font-size: 16px;color: white;border-radius: 10px;font-weight: bold;}
.book-award ul li a:hover{text-decoration: none;}
.book-award ul li a.fn{background: #737373;}
.book-award ul li a.no-fn{background: white;box-sizing: border-box;border:3px solid #b1b1b1;color: #b1b1b1;}
.task-wrap{clear: both;margin-bottom: 90px;}
.title{width: 975px;height: 65px;margin: 0 auto;text-align: center;line-height: 65px;font-size: 24px;color: white;background: url(../images/task_title.png) no-repeat;padding-top: 13px;}

.task-top{height: 85px;line-height: 85px;text-align: center;font-size: 18px;color: #750004;font-weight: bold;}
.task-top b{font-size: 30px;}
.task-list{display: flex;justify-content: space-between;width: 1006px;margin: -15px auto 0;flex-wrap: wrap;}
.task{width: 457px;height: 176px;margin: 0 15px 10px;position: relative;display: flex;justify-content: space-between;align-items: center;padding: 20px 30px 0;box-sizing: border-box;}
.task-style-1{background: url(../images/task_bg1.png) no-repeat;}
.task-style-2{background: url(../images/task_bg2.png) no-repeat;}
.task-style-1:nth-child(2) .task-info p{margin-bottom: 0;}

.task .num{display: block;width: 60px;height: 60px;text-align: center;line-height: 60px;background-color: white;border-radius: 100px;text-indent: -9999px;}
.num-1{background: url(../images/weekTask_num1.png) center no-repeat;}
.num-2{background: url(../images/weekTask_num2.png) center no-repeat;}
.num-3{background: url(../images/weekTask_num3.png) center no-repeat;}
.num-4{background: url(../images/weekTask_num4.png) center no-repeat;}
.num-5{background: url(../images/weekTask_num5.png) center no-repeat;}
.num-6{background: url(../images/weekTask_num6.png) center no-repeat;}
.num-7{background: url(../images/weekTask_num7.png) center no-repeat;}
#task_list2 .num-1{background: url(../images/seasonTask_num1.png) center no-repeat white;}
#task_list2 .num-2{background: url(../images/seasonTask_num2.png) center no-repeat white;}
#task_list2 .num-3{background: url(../images/seasonTask_num3.png) center no-repeat white;}
#task_list2 .num-4{background: url(../images/seasonTask_num4.png) center no-repeat white;}
#task_list2 .num-5{background: url(../images/seasonTask_num5.png) center no-repeat white;}
#task_list2 .num-6{background: url(../images/seasonTask_num6.png) center no-repeat white;}
#task_list2 .num-7{background: url(../images/seasonTask_num7.png) center no-repeat white;}
.task-info{width: 290px;}
.task-info p{color: white;font-size: 14px;font-weight: bold;line-height: 24px;margin-bottom: 15px;}
.task-info p b{font-size: 22px;}
.task-info p span{display: inline-block;background: #ff8a00;color: white;}
.task-info p strong{display: inline-block;background: #ff8a00;color: white;}
.task-btn{display: flex;justify-content: right;}
.task-btn a,.task-btn span{display: block;width: 86px;height: 28px;text-align: center;line-height: 28px;font-size: 16px;margin-left: 5px;border-radius: 10px;font-weight: bold;}
.task-btn span{background: white;border: 2px solid #b1b1b1;color: #888;}
.task-btn span.award-fn{background: #737373;border: 2px solid #737373;color: white;}
.task-btn a{background: #750004;color: white;border: 3px solid #750004;}
.task-btn a.award-btn{background: #dc181e;color: white;border: 3px solid #dc181e;}
#task_list2 .task-btn a.award-btn{background: #4b18dc;color: white;border: 3px solid #4b18dc;}
.task-btn a:hover{text-decoration: none;}
.task-top2{height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #2c00ab;padding-top: 25px;width: 1000px;margin: 0 auto 35px;font-weight: bold;}
.task-top2 b{font-size: 30px;}
#task_list2{margin: 0 auto;}
#task_list2 .task-info p{color: white;font-size: 16px;}

.coupon-wrap{width: 900px;background: #3e4170;border: 6px solid #7679a2;border-radius: 25px;margin: 90px auto 0;display: flex;align-items: center;position: relative;flex-wrap: wrap;padding: 60px 0;}
.coupon-nav{position: absolute;display: flex;width: 100%;height: 80px;top: -30px;left: 0;justify-content: center;}
.coupon-nav a{display: block;width: 400px;height: 62px;text-align: center;line-height: 62px;font-weight: bold;font-size: 22px;color: white;border-radius: 100px;background: #7679a2;margin: 0 10px;}
.coupon-nav a.cur{height: 79px;background: url(../images/lottery_cur.png) no-repeat;}



.inner-wrap{width: 900px;margin: 30px auto;background: #4b0002;border: 6px solid #750004;border-radius: 25px;box-sizing: border-box;padding: 50px 0;position: relative;z-index: 5;}
#support_wrap .content::after{display: block;position: absolute;content: "";background: url(../images/support_char.png) no-repeat;width: 521px;height: 1605px;right: -400px;top: 160px;z-index: 3;left: auto;}
.user-info{display: flex;justify-content: space-between;width: 770px;margin: 0 auto;box-sizing: border-box;margin-bottom: 45px;height: 40px;}
.user-info div{display: flex;align-items: center;}
.user-info div p{width: 230px;height: 40px;margin-left: 20px;width: 230px;height: 40px;line-height: 40px;text-align: center;background: white;border-radius: 100px;font-size: 16px;color: #750004;font-weight: bold;}
.user-info div p span{color: #dc181e;}
.user-info a{display: block;width: 120px;height: 32px;text-align: center;line-height: 32px;background: #dc181e;font-size: 16px;font-weight: bold;border-radius: 20px;color: white;}
.user-info p.user-sel{display: none;width: 86px;height: 26px;text-align: center;line-height: 26px;font-size: 16px;font-weight: bold;border: 3px solid #dc181e; border-radius: 20px;color: white;}
.supportClub-list{width: 795px;margin: 0 auto;}
.support-club{width: 240px;margin: 0 12.5px 192px;height: 260px;display: flex;align-items: center;position: relative;border-radius: 40px;background: #750004;flex-wrap: wrap;font-size: 16px;color: white;font-weight: bold;padding: 40px 0;box-sizing: border-box;}
.support-club .club-img{position: absolute;width: 188px;height: 188px;border: 6px solid #750004;border-radius: 30px;left: 20px;top: -140px;background: white;}
.support-club .club-img img{width: 100%;}
.supportClub-id{display: block;width: 100%;text-align: center;line-height: 80px;}
.support-club p{width: 180px;margin: 0 auto;font-size: 14px;line-height: 32px;}
.support-club p span{color: #ffff00;}
.support-btn{display: block;position: absolute;width: 122px;height: 32px;text-align: center;left: 59px;bottom: -16px;border-radius: 10px;background: #dc181e;font-size: 16px;color: white;font-weight: bold;line-height: 32px;cursor: pointer;}
#pop_binding,#pop_ticket{width: 500px;}
.bilnding-wrap,.ticket-wrap{display: flex;flex-wrap: wrap;align-items: center;padding: 50px 0;width: 300px;margin: 0 auto;}
.bilnding-wrap div,.ticket-wrap div{height: 40px;font-size: 16px;color: #0d0d0d;font-weight: bold;line-height: 40px;width: 100%;}
.bilnding-wrap div select,.ticket-wrap div input{width: 188px;border: 1px solid #750004;height: 38px;}
.pop-bilndingBtn,.pop-ticketBtn{display: block;width: 122px;height: 32px;border-radius: 10px;background: #dc181e;font-size: 16px;color: white;font-weight: bold;border: 0;margin: 30px auto 0;line-height: 32px;text-align: center;}
.bilnding-confirm,.ticket-confirm{display: none;flex-wrap: wrap;align-items: center;padding: 50px 0;width: 300px;margin: 0 auto;}
.bilnding-confirm p,.ticket-confirm p{text-align: center;font-size: 16px;color: #0d0d0d;font-weight: bold;line-height: 40px;width: 100%;}
.bilnding-confirm p b,.ticket-confirm p b{color: #dc181e;}
.bilndingConfirmBtn-wrap{display: flex;width: 260px;margin: 30px auto 0;justify-content: space-between;}
.bilndingConfirmBtn-wrap a,.bilndingConfirmBtn-wrap input{display: block;width: 90px;height: 32px;text-align: center;line-height: 32px;font-size: 16px;font-weight: bold;border: 0; border-radius: 20px;color: white;}
.bilndingConfirmBtn-wrap a{background: #737373;}
.bilndingConfirmBtn-wrap input{background: #750004;}
.supportClub-rule{text-align: center;line-height: 30px;color: white;margin-bottom: 180px;font-size: 16px;font-weight: bold;}

#guess_wrap .inner-wrap{padding-top: 90px;}
#guess_wrap .content::after{display: block;position: absolute;content: "";background: url(../images/guess_char.png) no-repeat;width: 667px;height: 1592px;right: -500px;top: 170px;z-index: 3;left: auto;}
#guess_wrap .title{margin-bottom: 70px;}
.support-tips{text-align: center;color: white;font-size: 16px;font-weight: bold;line-height: 26px;}
.date-nav{position: absolute;display: flex;width: 100%;height: 80px;top: -30px;left: 0;justify-content: center;}
.date-nav a{display: block;width: 400px;height: 62px;text-align: center;line-height: 62px;font-weight: bold;font-size: 22px;color: white;border-radius: 100px;background: #750004;margin: 0 10px;}
.date-nav a.cur{height: 79px;background: url(../images/date_nav.png) no-repeat;}
.team-wrap{width: 100%;display: flex;background: url(../images/vs.png) center 50px no-repeat;}
.team-info{width: 50%;display: flex;justify-content: center;flex-wrap: wrap;}
.team-info .team-img{margin: 0 20px 20px;width: 188px;height: 188px;border: 6px solid #7679a2;border-radius: 25px;display: flex;align-items: center;justify-content: center;background: white;}
.team-ID{text-align: center;height: 40px;line-height: 40px;width: 100%;margin-bottom: 20px;font-size: 16px;color: white;font-weight: bold;}
.data-wrap{padding-top: 55px;background: url(../images/data_icon.png) center top no-repeat;width: 100%;display: flex;justify-content: center;}
.data-wrap div{width: 90px;padding-top: 22px;margin: 0 6px;}
.data-wrap div.win-num{background: url(../images/win.png) center top no-repeat;}
.data-wrap div.lose-num{background: url(../images/lose.png) center top no-repeat;}
.data-wrap div p{display: block;width: 90px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: white;font-weight: bold;border-radius: 10px;}
.data-wrap div.win-num p{background: #dc181e;}
.data-wrap div.lose-num p{background: #737373;}
.score-wrap{height: 106px;margin: 0 auto;display: flex;width: 100%;justify-content: center;background: url(../images/dot.png) center no-repeat;margin: 50px 0 30px;}
.score-wrap span{width: 74px;height: 94px;border: 3px solid #dc181e;background: white;text-align: center;line-height: 94px;font-weight: bold;font-size: 70px;color: black;border-radius: 10px;margin: 0 28px;display: block;}
.guess-submmit{display: block;margin: 0 auto 30px;background: url(../images/guess_btn.png) no-repeat;border: 0;width: 300px;height: 100px;font-size: 22px;color: white;font-weight: bold;text-align: center;}
.guess-submmit:hover{background-position: 0 -100px;}
.guess-btn{display: block;width: 122px;height: 32px;text-align: center;border-radius: 10px;background: #dc181e;font-size: 16px;color: white;font-weight: bold;line-height: 32px;cursor: pointer;margin: 0 auto 30px;}
.pop-score-wrap div{display: flex;justify-content: center;margin-bottom: 20px;}
.pop-score-wrap p{font-size: 16px;color: #0d0d0d;font-weight: bold;margin-right: 5px;line-height: 40px;}
.pop-score-wrap select{display: block;width: 200px;height: 40px;text-align: center;border: 1px solid #750004;font-size: 16px;color: #0d0d0d;font-weight: bold;}
.club-ranking{margin: 0 auto;position: relative;width: 100%;margin-top: 45px;}
.club-ranking::after{display: block;position: absolute;content: "";background: url(../images/guess_clubRanking_shadow.png) no-repeat;width: 228px;height: 444px;left: 42px;top: -40px;z-index: 2;}
.clubRanking-list{width: 900px;background: white;height: 400px;margin: 0 auto 58px;box-sizing: border-box;border: 4px solid #fac7d2;z-index: 3; border-radius: 15px;position: relative;outline: 6px solid #ff799d;padding-top: 30px;padding-left: 284px;display: flex;}
.clubRanking-list::after{display: block;position: absolute;content: "";background: url(../images/guess_clubRanking.png) no-repeat;width: 263px;height: 434px;left: -10px;top: -40px;z-index: 4;}
.clubRanking-list ol{width: 566px;display: flex;flex-wrap: wrap;}
.clubRanking-list ol li{width: 283px;display: flex;box-sizing: border-box;padding-left: 24px;line-height: 56px;border-bottom: 1px solid #f2f2f2;flex-wrap: wrap;font-size: 16px;align-items: center;}
.clubRanking-list ol li span{display: block;width: 33px;height: 33px;text-align: center;line-height: 33px;border-radius: 100px;background: #750004;font-weight: bold;color: white;margin-right: 20px;}
.clubRanking-list ol:first-of-type li:nth-child(-n+3)  span{background: #ff799d;}
.clubRanking-list ol li p{color: #0d0d0d;}
.clubRanking-list ol li p b{color: #e87a7c;font-weight: normal;padding-left: 20px;}

#player_ranking::after{display: block;position: absolute;content: "";background: url(../images/playerRanking_shadow.png) no-repeat;width: 311px;height: 481px;left: 2px;top: -70px;z-index: 2;}
#playerRanking_list::after{display: block;position: absolute;content: "";background: url(../images/playerRanking.png) no-repeat;width: 307px;height: 471px;left: -50px;top: -70px;z-index: 4;}

.lottery-wrap,.point-wrap{width: 100%;}
.point-wrap{display: none;}
.lottery-list{display: flex;justify-content: space-between;flex-wrap: wrap;width: 720px;margin: 0 auto;padding-top: 20px;}
.lottery-list div{margin: 0 20px 20px;width: 188px;height: 188px;border: 6px solid #7679a2;border-radius: 25px;display: flex;align-items: center;justify-content: center;background: white;}
.lottery-list div img{display: block;}
#lottery_btn{display: block;width: 200px;height: 200px;background: url(../images/lottery_btn.png) no-repeat;}
#lottery_btn:hover{background-position: 0 -200px;}

.lottery-list div p{text-align: center;font-size: 14px;color: #1b516d;line-height: 30px;}

.my-point{text-align: center;line-height: 40px;font-size: 16px;color: #3e4170;font-weight: bold;width: 230px;margin: 0 auto;background: white;border-radius: 50px;}
.my-point span{color: #dc181e;}
.lottery-tips{line-height: 60px;font-size: 20px;font-weight: bold;color: #fff;width: 100%;text-align: center;clear: both;}

.point-list{width: 720px;margin: 0 auto;padding-top: 20px;}
.point-list div{width: 200px;margin: 0 20px 20px;}
.point-list div div{width: 188px;height: 188px;border: 6px solid #7679a2;border-radius: 25px;background: white;display: flex;align-items: center;justify-content: center;margin: 0;}
.point-list div img{display: block;}

.point-award{text-align: center;line-height: 60px;color: #fff;font-size: 16px;font-weight: bold;}
.point-btn{display: block;margin: 0 auto;width: 90px;height: 30px;border-radius: 10px;background: #dc181e;border: none;color: #fff;font-size: 16px;font-weight: bold;line-height: 30px;}

.pop-wrap{width: 880px;padding: 50px 0;border: 10px solid #750004;background: #fff;display: none;}
#pop_lottery,#pop_point,#pop_passwd,#pop_score{width: 600px;}
.pop-tips{text-align: center;font-size: 22px;color: #0d0d0d;font-weight: bold;line-height: 80px;}
.pop-btn{display: block;margin: 0 auto;background: #750004;width: 90px;height: 30px;font-size: 16px;color: white;font-weight: bold;text-align: center;line-height: 30px;border: none;border-radius: 100px;}
.award-tips{text-align: center;width: 98%;margin: 0 auto;font-size: 16px;font-weight: bold;color: #0d0d0d;line-height: 30px;display: none;}
.award-tips b{color: #dc181e;}
.passwd-wrap{display: flex;justify-content: center;margin-bottom: 20px;}
.passwd-wrap p{font-size: 16px;color: #0d0d0d;font-weight: bold;margin-right: 5px;line-height: 40px;}
.passwd-wrap input{display: block;width: 200px;height: 40px;text-align: center;border: 1px solid #750004;font-size: 16px;color: #0d0d0d;font-weight: bold;}

.club-wrap{clear: both;position: relative;}
.club-wrap .title{background: url(../images/task_title.png) no-repeat;margin-bottom: 45px;}
.club-list{padding: 30px 0;width: 100%;background: #6a74dc;border-radius: 10px;margin-bottom: 90px;}
.club-list ul{display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.club-list ul li{width: 195px;margin: 0 20px 60px;display: block;}
.club-list ul li img{display: block;width: 100%;margin-bottom: 20px;}
.club-list ul li div{position: relative;width: 148px;height: 40px;margin: 0 auto;}
.club-list ul li div label{display: block;text-align: center;width: 148px;height: 40px;line-height: 40px;font-size: 22px;color: #7160bf;font-weight: bold;background: #ffea00;z-index: 3;position: relative;cursor: pointer;border-radius: 30px;}
.club-list ul li div input{display: block;position: absolute;left: 5px;top: 5px;z-index: 2;}
.club-list ul li div label.sel{background: #8b8b8b;color: white;}
#vote_wrap .title{margin-bottom: 70px;}

.vote-btn{display: block;margin: 30px auto;background: url(../images/guess_btn.png) no-repeat;border: 0;width: 300px;height: 100px;font-size: 22px;color: white;font-weight: bold;text-align: center;line-height: 100px;}
.vote-btn:hover:hover{background-position: 0 -100px;}
.vote-tips{text-align: center;line-height: 60px;font-size: 22px;color: #fff;font-weight: bold;}

.ranking-wrap{width: 1029px;background: url(../images/ranking_bg.png) no-repeat;height: 500px;position: relative;left: 50%;margin-left: -514.5px;padding-top: 32px;}
.ranking-wrap h2{width: 548px;margin-left: 397px;height: 45px;text-align: center;line-height: 45px;background: #c4e1ff;border: none;color: #00a2ff;font-size: 34px;font-weight: bold;border-radius: 80px;margin-bottom: 25px;}
.ranking-list{width: 548px;margin-left: 397px;padding: 20px 0;height: 290px;overflow: hidden;position: relative;}
.ranking-list ul li{display: flex;justify-content: space-between;margin-bottom: 20px;height: 34px;}
.ranking-list ul li p.num{width: 34px;height: 34px;display: inline-block;text-align: center;line-height: 34px;vertical-align: middle;border-radius: 100px;font-size: 16px;background: #009fff;margin-left: 20px;color: white;margin-right: 15px;}
.ranking-list ul li:nth-child(even) p{color: #b397dd;}
.ranking-list ul li:nth-child(even) p.num{background: #b397dd;color: white;}
.club-id,.count{width: 215px;text-align: left;line-height: 34px;font-size: 18px;color: #009fff;}
.list-top{width: 548px;margin-left: 397px;height: 30px;overflow: hidden;position: relative;display: flex;justify-content: space-between;border-bottom: 2px dotted #009fff;}
.list-top p{line-height: 30px;width: 215px;font-size: 18px;color: #009fff;}
.list-top p:first-child{margin-left: 88px;}

.guess-wrap{width: 100%;height: 840px;background: url(../images/guess_bg.png) no-repeat;clear: both;padding-top: 66px;position: relative;z-index: 3;}
.guess-wrap::after{display: block;background: url(../images/vs_icon.png) no-repeat;position: absolute;width: 126px;height: 129px;left: 440px;top: 165px;content: "";z-index: 2;}
#guess-style::after{display: block;background: url(../images/guess_char.png) no-repeat;position: absolute;width: 671px;height: 1024px;right: -350px;top: 550px;content: "";z-index: 2;}
#guess-style .title{background: url(../images/task_title.png) no-repeat;margin-bottom: 45px;clear: both;}
.vs-info{display: flex;justify-content: space-between;width: 900px;margin: 0 auto;height: 660px;}
.vs-info b{display: block;text-align: center;line-height: 90px;font-size: 28px;color: #fad0c6;text-shadow: 1px 1px 0 #a39dff,-1px -1px 0 #a39dff,1px -1px 0 #a39dff,-1px 1px 0 #a39dff;}
.vs-info p{text-align: center;position: relative;height: 90px;line-height: 90px;font-size: 28px;color: white;font-weight: bold;}
.win::after{display: block;background: url(../images/win_icon.png) no-repeat;position: absolute;width: 66px;height: 64px;right: 0;top: -10px;content: "";}
.lose::after{display: block;background: url(../images/lose_icon.png) no-repeat;position: absolute;width: 66px;height: 64px;right: 0;top: -10px;content: "";}
.guess-img{width: 299px;height: 289px;padding: 10px;background: url(../images/team_wrap.png) no-repeat;}
.guess-img img{width: 299px;height: 289px;border-radius: 80px;}
.guess-sel{position: relative;width: 148px;height: 40px;margin: 0 auto;}
.guess-sel label{display: block;text-align: center;width: 148px;height: 40px;line-height: 40px;font-size: 22px;color: #7160bf;font-weight: bold;background: #ffea00;z-index: 3;position: relative;cursor: pointer;border-radius: 30px;}
.guess-sel input{display: block;position: absolute;left: 5px;top: 5px;z-index: 2;}
.guess-sel label.sel{background: #8b8b8b;color: white;}
.guess-tips{width: 635px;margin: 0 auto;line-height: 28px;font-size: 16px;color: white;font-weight: bold;}
.score-sel{width: 202px;position: absolute;top: 480px;left: 50%;margin-left: -101px;}
.score-show{width: 202px;margin: 0 auto;display: flex;justify-content: space-between;background: url(../images/score_icon.png) center 20px no-repeat;height: 140px;}
.score-show b{display: block;width: 58px;height: 100px;text-align: center;line-height: 100px;border-radius: 10px;border: 3px solid #fee332;background: white;font-size: 70px;color: #484848;}
.score-btn{display: block;text-align: center;width: 148px;height: 40px;line-height: 40px;font-size: 22px;color: #fff;font-weight: bold;background: #ff9c00;z-index: 3;position: relative;cursor: pointer;border-radius: 30px;margin: 0 auto;}
.guess-submit{display: block;margin: 0 auto 10px;width: 350px;height: 73px;border-radius: 80px;background: #afb5ff;border: none;color: #fff;font-size: 24px;font-weight: bold;}
#score-form{display: flex;justify-content: space-between;width: 600px;margin: 0 auto;flex-wrap: wrap;height: 100px;}
#score-form label{font-size: 24px;color: black;font-weight: bold;display: block;}

#pop_rule h3{font-size: 22px;color: #dc181e;font-weight: bold;text-align: center;line-height: 60px;}
#pop_rule p{width: 86%;margin: 0 auto;font-size: 16px;color: #0d0d0d;line-height: 30px;}

.club-hot{width: 1007px;height: 1173px;background: url(../images/club_top.png) no-repeat;clear: both;position: relative;z-index: 2;left: 0;margin-bottom: 100px;padding-top: 145px;padding-right: 192px;}
.club-img{display: block;margin: 0 auto 30px;width: 297px;border-radius: 30px;}
.hotclub_intro{width: 889px;background: url(../images/club_intro.png) no-repeat;height: 396px;margin: 0 auto 20px;}
.hotclub_intro h3{text-align: center;font-size: 28px;color: #65bdff;line-height: 80px;}
.hotclub_intro p{font-size: 24px;font-weight: bold;color: #668fad;line-height: 35px;width: 90%;margin: 0 auto;}
.hotclub-data{width: 889px;height: 321px;background: url(../images/club_intro2.png) no-repeat;margin: 0 auto;display: flex;justify-content: space-between;}
.hotclub-data p{text-align: center;width: 400px;padding-top: 200px;font-size: 48px;font-weight: bold;color: #2976b1;}


.group-nav{position: absolute;display: flex;width: 100%;height: 80px;top: -30px;left: 0;justify-content: center;}
.group-nav a{display: block;width: 400px;height: 62px;text-align: center;line-height: 62px;font-weight: bold;font-size: 22px;color: white;border-radius: 100px;background: #750004;margin: 0 10px;}
.group-nav a.cur{height: 79px;background: url(../images/date_nav.png) no-repeat;}

.player-wrap{height: 709px;width: 100%;margin: 5px auto 30px;}
.group-wrap{display: flex;justify-content: space-between;width: 840px;margin: 0 auto;flex-wrap: wrap;padding: 30px 0 10px;}
.group-wrap a{display: block;width: 120px;height: 40px;text-align: center;line-height: 40px;margin: 0 10px 30px;background: #fff;font-size: 14px;color: #4b0002;font-weight: bold;cursor: pointer;border-radius: 100px;}
.group-wrap a:hover{text-decoration: none;}
.group-wrap a.sel{background: #dc181e;color: white;}
.team-name{text-align: center;font-size: 22px;font-weight: bold;color: #ffea00;line-height: 60px;margin-bottom: 50px;width: 100%;}


.player-list ul{display: flex;justify-content: center;flex-wrap: wrap;margin: 0 auto;width: 98%;}
.player-list ul li{width: 23%;margin: 0 1% 60px;display: block;}
.player-list ul li img{display: block;width: 85%;margin: 0 auto 20px;border-radius: 20px;}
.player-list ul li .season-data div{position: relative;width: 148px;height: 40px;margin: 0 auto;}
.player-list ul li  div p{text-align: center;line-height: 55px;color: white;font-size: 16px;color: white;font-weight: bold;}
.player-list ul li div label{display: block;margin: 0 auto; text-align: center;border: 3px solid #dc181e; width: 84px;height: 24px;line-height: 24px;font-size: 16px;color: #dc181e;font-weight: bold;z-index: 3;position: relative;cursor: pointer;border-radius: 10px;}
.player-list ul li div input{display: block;position: absolute;left: 5px;top: 5px;z-index: 2;display: none;}
.player-list ul li div label.sel{background: #dc181e;color: #ffff00;border: 3px solid #dc181e;}

.top-list{width: 900px;display: flex;justify-content: space-between;margin: 0 auto;height: 620px;}
.top-layer{width: 300px;box-sizing: border-box;padding-top: 120px;position: relative;}
.top-1{background: url(../images/top1_bg.png) center 35px no-repeat #4b0002;top: -50px;height: 600px;border: 6px solid #dc181e;border-radius: 25px; }
.top-1::after{display: block;position: absolute;content: "";background: url(../images/crown.png) no-repeat;width: 51px;height: 37px;left: 125px;top: -41px;}
.top-2{background: url(../images/top2_bg.png) center 35px no-repeat;}
.top-3{background: url(../images/top3_bg.png) center 35px no-repeat;}


.player-img{width: 188px;height: 188px;border: 6px solid #750004;border-radius: 30px;background: white;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.player-img img{width: 90%;}
.season-data{width: 244px;margin: 0 auto;}
.season-data b{display: block;margin-bottom: 15px; font-size: 22px;line-height: 60px;color: white;text-align: center;}
.season-data div{display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap;margin: 0 auto;background: url(../images/data_icon.png) center top no-repeat;padding: 40px 10px 0;box-sizing: border-box;}
.season-data div  p{width: 50%;font-size: 18px;line-height: 40px;color: white;}
.season-data div  p:first-child{width: 100%;}

#hot_wrap{padding-top: 0;}
#vote_wrap #player_title{margin-bottom: 100px;}


.clubList-id{text-align: center;color: white;line-height: 40px;font-size: 16px;}


@media screen and (max-width: 1000px) {
    #bottom-div{display: none;}
    .content::after,.book-wrap::after{display: none;}
}