@charset "utf-8";


/* Page  Style */
.main-content{background: #333;padding-bottom:80px;}
.reward-img{display:block;margin:0 auto;}
.coupon-link{display:block;position:absolute;width:230px;height:120px;top:460px;left:155px;}
.rule-nav{height:60px;background:#535353;display:flex;justify-content:center;align-items: center;}
.rule-nav a{display:block;line-height:28px;font-size:16px;color:#060606;width: 174px;background: #7c7c7c;line-height: 28px;margin: 0 30px;text-align: center;}
.rule-nav a.sel,.rule-nav a:hover{text-decoration:none;background:#dbb97c;}
.rule-text{width:860px;margin:30px auto 0;line-height:30px;}
.rule-text h2{font-size:16px;color:#fec600;}
.rule-text p{font-size:14px;color:#fff;margin-bottom: 30px;}
.rule-text p b{color: #ff680c;font-size: 20px;}
.rule-text h3{font-size:14px;color:#ff7200;font-weight:normal;}
.schedule-top{width: 100%;margin:0 auto 45px;height:60px;line-height: 60px;font-size: 22px;color: #ffc200;background: #202020;text-align: center;}
.schedule-list{width: 548px;margin: 0 auto;background: #070707;padding-top: 40px;padding-bottom: 100px;}
.schedule-list div{display: flex;height: 60px;background: url(../images/schedule_line.png) bottom no-repeat;width: 500px;margin: 0 auto;justify-content: space-between;}
.schedule-list div b{display: block;width: 160px;text-align: center;font-size: 14px;color: #ffc200;line-height: 60px;}
.schedule-list div p{width: 165px;text-align: center;line-height: 60px;color: white;font-size: 14px;}
.schedule-list div div{display: flex;justify-content: space-between;width: 170px;margin: 0;background: none;}
.schedule-list div div p{width: 100px;}

.inner-title{height: 60px;line-height: 60px;text-align: center;font-size: 22px;color: #dfbe86;background: #535353;margin-bottom: 40px;}
.inner-title span{font-size: 14px;color: #ffe400;padding-left: 30px;}
.event-title{background: #ffc200;color: #333;}
.events-list{position: relative;width: 720px;margin: 0 auto;}
.events-list a{display: block;cursor: pointer;background: url(../images/event_btn.png) no-repeat;width: 181px;height: 55px;margin: 0 auto;}
.events-list div{margin-bottom: 80px;padding-top: 290px;width: 255px;}
.event1{background: url(../images/event1_btn.png) center top no-repeat;}
.event2{background: url(../images/event2_btn.png) center top no-repeat;}
.event3{background: url(../images/event3_btn.png) center top no-repeat;}
.event4{background: url(../images/event4_btn.png) center top no-repeat;}

.event-content{position: fixed;width: 855px;background: black;padding-left: 35px;padding-bottom: 50px;display: none;left: 50%;top: 35px;margin-left: -445px;z-index: 6;}

#girls{height: 600px;}

.event-content h2{font-size: 58px;color: #dfbe86;line-height: 115px;}
.event-content p{color: white;font-size: 14px;color: white;margin-bottom: 30px;line-height: 30px;padding-right: 30px;}
.event-content p b{color: #dfbe86;}
.event-content p span{color: #dfbe86;}
.close{display: block;position: absolute;background: url(../images/close.png) no-repeat;width: 27px;height: 27px;right: 10px;top: 10px;}
.event-wrap{width:860px;margin:30px auto 0;line-height:30px;}
.event-wrap p{font-size:14px;color:#fff;margin-bottom: 30px;}
.event-wrap p b{color: #dab87a;font-size: 18px;}
.lottery-title{font-size: 58px;color: white;line-height: 72px;}
.event-wrap img{display: block;margin-bottom: 30px;}
.players-list{width: 866px;margin: 0 auto;}
.players-list h3{text-align: center;background: #535353;line-height: 40px;font-size: 18px;color: #dab87a;margin-bottom: 20px;}
.players-list ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.players-list ul li{width: 200px;margin-bottom: 50px;background: white;}
.players-list ul li img{width: 200px;margin: 0;}
.players-list ul li p{text-align: center;height: 34px;line-height: 34px;background: black;color: #cdcdcd;font-size: 16px;margin-bottom: 0;}
.award-wrap{width: 860px;margin: 0 auto;position: relative;margin-bottom: 30px;background: #333;height: auto;}
.award-wrap h3{text-align: center;font-size: 18px;color: white;position: relative;line-height: 40px;height: 40px;background: #a8864c;margin-bottom: 30px;}
.award-wrap h3 a{display: block;background: url(../images/award_btn.png) no-repeat;width: 80px;height: 24px;line-height: 24px;text-align: center;position: absolute;top: 8px;right: 15px;color: #000;font-size: 14px;}
.award-wrap img{display: block;margin: 20px auto;}
.award-pop{width: 350px;position: absolute;right: -370px;top: 0;background: #535353;padding-bottom: 30px;display: none;}
.award-pop p{width: 310px;margin: 0 auto;font-size: 14px;color: white;line-height: 25px;}
.award-pop p b{color: #ffcc01;font-size: 18px;line-height: 40px;}
.award-pop p span{color: #ff4e00;}
.award-pop .close{background: url(../images/close.jpg) no-repeat;right: 0;top: 0;width: 50px;height: 50px;}
.award4-wrap{width: 860px;height: 224px;margin: 0 auto 30px;background: url(../images/award_4.png) no-repeat;position: relative;}
.award4-btn{display: block;width: 860px;height: 224px;}

#vlog_wrap{background: #000000;}
.vlog-menu{height: 60px;background: #faca05;display: flex;justify-content: center;}
.vlog-menu a{display: block;width: 8.33333%;text-align: center;line-height: 60px;font-size: 14px;color: black;font-weight: bold;cursor: pointer;}
.vlog-menu a.city-cur{background: #ff003c;color: white;}
.video-title{width: 479px;height: 78px;margin: 45px auto 0;background: url(../images/vlog_title.png) no-repeat;}
.vlogVideo-wrap{width: 827px;margin: 0 auto 60px;}
.video-city{font-size: 30px;color: #faca05;font-weight: bold;font-style: italic;line-height: 48px;padding-top: 18px;}
.vlogVideo-wrap div{border: 6px solid #faca05;}
.shower-title{width: 1005px;height: 65px;margin: 45px auto 65px;background: url(../images/vlog_photo_title.png) no-repeat;}
.shower-list{width: 1020px;margin: 0 auto;}
.shower-list li{width: 250px;height: 380px;border: 5px solid #faca06;margin: 0 40px 40px;border-radius: 20px;}
.shower-list li img{border-radius: 20px;}
.event-wrap h2{color: #65fc01;font-size: 36px;line-height: 46px;}
.event-wrap p span{color: #65fc01;}
.event-wrap p strong{color: #ffea00;}
.club-info{width: 650px;display: flex;justify-content: space-between;}
.club-info p{font-size: 14px;line-height: 30px;color: #ffefc3;}
.my_award{width: 860px;margin: 0 auto;}
.my_award h2{font-size: 18px;line-height: 45px;color: #65fc01;}
.my_award div{display: flex;justify-content: left;line-height: 30px;}
.my_award div p{color: white;font-size: 16px;}
.my_award div span{display: block;color: white;font-size: 16px;}

.lottery-wrap{background: url(../images/lottery_bg.png) no-repeat;width: 862px;height: 1206px;margin: 0 auto;}
#lottery_btn{display: block;background: url(../images/lottery_btn.png) no-repeat;margin: 0 auto 15px;width: 346px;height: 96px;}
.lottery-wrap p{text-align: center;font-size: 18px;color: #fbdb05;line-height: 25px;}
.lottery-wrap p span{color: white;}
.lottery-wrap p.lottery-tips{width: 588px;margin: 5px auto 0;line-height: 31px;background: #310001;border-radius: 100px;color: #fbdb05;padding: 3px;}
.prize-box{width: 862px;height: 867px;overflow: hidden;position: relative;margin-bottom: 42px;}
.claw {position: absolute;top: -660px;left: 50%;margin-left: -119px; width: 238px;height: auto;pointer-events: none;}
.lottert-count{margin-bottom: 20px;}

.anchor-tips{text-align: center;font-size: 18px;color: white;line-height: 30px;margin-bottom: 110px;}
.anchor-tips span{color: #ff680c;}
.anchor-list{display: flex;justify-content: center;flex-wrap: wrap;}
.anchor-list div{width: 202px;height: 180px;background: #262626;border-radius: 10px;margin: 0 10px 75px;position: relative;padding-top: 42px;}
.anchor-list div img{display: block;width: 100px;height: 100px;position: absolute;left: 50%;margin-left: -50px;top: -58px;border-radius: 100px;}
.anchor-list div b{display: block;text-align: center;width: 100%;font-size: 16px;color: #ff680c;line-height: 35px;}
.anchor-list div span{display: block;line-height: 25px;width: 68px;text-align: center;font-size: 12px;color: #535353;margin: 0 auto;background: url(../images/dot.png) left center no-repeat;}
.anchor-list div p{width: 90%;margin: 0 auto;line-height: 20px;font-size: 12px;color: white;height: 80px;}
.anchor-list div a{display: block;margin: 0 auto;width: 87px;height: 25px;text-align: center;line-height: 25px;border-radius: 25px;background: #ff680c;font-size: 12px;color: black;}
.live-award{width: 860px;margin: 0 auto;}
.live-award h3{text-align: center;height: 40px;line-height: 40px;background: #ff680c;color: white;font-size: 16px;}
.live-award p{text-align: center;font-size: 18px;color: #ff680c;line-height: 75px;}
.live-award img{display: block;margin: 0 auto;}
.popModal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);display: flex;justify-content: center;align-items: center;z-index: 9999;}
.modal-enter{width: 800px;border-radius: 25px;background: #08184c;border: 3px solid #fbdb05;padding: 60px 0;}
.fix-between{display: flex;width: 60%;margin: 0 auto 30px;justify-content: space-between;}
.fix-between label{display: block;height: 40px;line-height: 40px;width: 40%;font-size: 20px;font-weight: bold;color: #fbdb05;}
.fix-between .relative{width: 60%;}
.fix-between select{display: block;height: 40px;width: 100%;border: 3px solid #fbdb05;}
.modal-enter .btn-wrap{width: 100%;justify-content: center;margin-top: 30px;display: flex;}
.modal-enter .btn-wrap button{display: block;border: 0;background: url(../images/popRole_btn.png) no-repeat;width: 194px;height: 57px;font-size: 18px;color: #080805;font-weight: bold;margin: 0 10px;}
.hidden{display: none;}
.user-info{display: flex;justify-content: center;height: 80px;}
.user-info p,.user-info a{display: block;margin: 0 10px;font-size: 18px;color: #fff;font-weight: bold;line-height: 80px;}
.user-info p span{color: #fbdb05;}
.user-info a{text-decoration: underline;}
.fix-center{display: flex;justify-content: center;align-items: center;}