@charset "utf-8";
/* CSS Document */
body{width:100%;overflow-x:hidden;font-family: "Noto Sans SC", sans-serif;background: #000;}

.fancybox-close{display: none;}
.index-bg{background:url(../images/bg.jpg) center top no-repeat;width:100%; position:relative;margin: 0 auto;height: 3000px;}
.content{width:1000px; margin:0 auto; position:relative;padding-top: 526px;}
.top_link{position:absolute;left:730px;top:51px;width:270px;}
.top_link a{display:block;height:36px;margin-right:20px;width:132px;text-align:center;background:#e80fed;line-height:36px;text-decoration:none;color:#fff;}
.user-info{text-align: center;height: 70px;margin-bottom: 40px;}
.user-info p{text-align: center;font-size: 16px;color: white;font-weight: bold;line-height: 70px;}
.user-info p a{color: #ffff00;text-decoration: underline;}
.user-info p span{padding-right: 10px;}
.liver-wrap{position: relative;}
.liver-list{width: 100%;clear: both;}
.liver{width: 200px;margin: 0 25px 30px;background: url(../images/liver_bg.png) no-repeat;height: 300px;display: flex;align-content: center;align-items: center;flex-wrap: wrap;position: relative;float: left;}
.liver-img{display: block;margin: 0 auto 15px;width: 100px;height: 100px;border-radius: 100px;}
.liver p{width: 98%;margin: 0 auto;text-align: center;font-size: 18px;color: white;line-height: 30px;}
.liver p b{color: #e80fed;font-weight: normal;}
.liver p span{color: #ffff00;}
.liver a{display: block;background: #00ffff;width: 100px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;color: #2e0083;font-weight: bold;border: 2px solid #2e0083;border-radius: 40px;position: absolute;left: 50%;margin-left: -50px;bottom: -15px;}
.liver a:hover{background: #ffff00;color: #2e0083;}
.liver::before{display: block;position: absolute;content: "";background: url(../images/crown_icon.png) no-repeat;width: 37px;height: 28px;left: -5px;top: -13px;}
.liver::after{display: block;position: absolute;content: "";background: url(../images/star_icon.png) no-repeat;width: 28px;height: 28px;right: -4px;bottom: -8px;}
.swiper-button-prev{display: block;background: url(../images/arrow_left.png) no-repeat;width: 87px;height: 159px;left: -100px;top: 430px;}
.swiper-button-next{display: block;background: url(../images/arrow_right.png) no-repeat;width: 87px;height: 159px;right: -100px;top: 430px;}
.swiper-button-prev::after,.swiper-button-next::after{display: none;}
.swiper-pagination-bullet{width: 30px;height: 30px;text-align: center;line-height: 30px;background: #680784;color: white;font-size: 18px;opacity: 1;}
.swiper-pagination-number-active{background: #e80fed;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -40px;}
.swiper h2{background: url(../images/vote_title.png) no-repeat;margin: 0 auto 40px;width: 530px;height: 36px;text-indent: -9999px;}
.rule-wrap{height: 215px;background: url(../images/rule_bg.png) center no-repeat;width: 100%;padding-top: 165px;margin-bottom: 40px;}
.rule-btn{display: block;background: url(../images/rule_btn.png) no-repeat;width: 320px;height: 111px;margin: 0 auto;text-indent: -9999px;}
.rule-btn:hover{background-position: 0 -111px;}
.gift-img{display: block;margin: 0 auto;}
.gift-list{display: flex;width: 100%;justify-content: center;margin-bottom: 10px;}
.gift{margin: 0 5px;position: relative;width: 180px;display: block;padding-bottom: 25px;}
.gift::after{display: block;background: url(../images/giftSel_icon.png) no-repeat;width: 34px;height: 28px;position: absolute;left: 50%;margin-left: -17px;bottom: 0;content: "";}
.gift:has(input:checked)::after{display: block;background: url(../images/giftSel_icon.png) center -28px no-repeat;width: 34px;height: 28px;position: absolute;left: 50%;margin-left: -17px;bottom: 0;content: "";}
.gift img{display: block;margin: 0 auto;position: relative;z-index: 3;}
.gift-ID{line-height: 30px;height: 60px;text-align: center;font-size: 16px;color: white;margin: 10px 0;}
.gift input{position: absolute;z-index: 2;left: 50%;top: 10px;}
.vote-info{text-align: center;font-size: 16px;font-weight: bold;color: #e80fed;line-height: 50px;}
.vote-info b{color: #00ffff;padding-left: 5px;}
.tips{text-align: center;line-height: 30px;font-size: 16px;font-weight: bold;color: white;width: 100%;margin-bottom: 10px;}
.tips b{color: #ffff00;}
.tips a{color: white;text-decoration: underline;}
.submmit-btn{display: block;width: 120px;height: 40px;border: 0;border-radius: 100px;background: #e80fed;font-size: 16px;font-weight: bold;color: white;margin: 0 auto;}
.rule-text{width: 700px;margin: 36px auto 0;font-size: 16px;color: white;line-height: 36px;}
.rule-text b{color: #ffff00;}
#pop_rule{width: 800px;}
.pop-wrap{display: none;width: 600px;background: #200045;position: relative;padding: 60px 0;}
.flex-wrap{display: flex;flex-wrap: wrap;align-items: center;position: relative;}
.close-btn{display: block;background: url(../images/close.png) no-repeat;width: 33px;height: 33px;right: 15px;top: 15px;position: absolute;}

@media screen and (max-width: 800px) {
    #bottom,.top_link{display: none;}
    
}