@charset "UTF-8";
body {
	font-family: "Microsoft Yahei"; 
	/*background-color: #000;*/
	-webkit-overflow-scrolling:touch;
	padding: 0;
	width: 100%;
}
.clearfix:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
}
/*------------------------------------------------*/
.plbtn{
	cursor: pointer;
}

/*------------------------------------------------*/
#ftcolor{
	color: #f2a67f;
	position: absolute;
    top: -.022rem;
    left: 1.6rem;
}
#ftcolor span{
	font-size: .4rem;
	color: #f2a67f;
	vertical-align: text-bottom;
}
.name-width{
	max-width: 3rem;
	overflow-x: hidden;
	display: inline-block;
}
/* 导航 */
/*.swiper-container-style{
	background: url(../images/nav_bg.png) no-repeat center;
	text-align: center;
	height: .7rem;
	padding: 0 .2rem;
	position: fixed;
    z-index: 998;
    width: 100%;
}
.swiper-wrapper-style{
	width: 100%;
	height: .7rem;
	line-height: .7rem;	
}
.swiper-slide-style{
 	height: 100%;
	width: 1.8rem;
}
.width-slide{
	width: 1rem !important;
	margin-right: .39rem;
}
.swiper-slide-style a{
	width: 1.61rem;
	height: .7rem;
	font-size: .28rem;
	display: inline-block;
	color: #fff;
}
.swiper-slide-style:nth-child(2) a{
	color: #3c28d4;
	background: url(../images/nav_font_bg.png) no-repeat center;
	background-size: 100%;
	width: 1.61rem;
    height: .7rem;
}*/
.swiper-container { position: fixed; background: url(../images/nav_bg.png) no-repeat center; text-align: center; z-index: 998; height: .7rem; width: 100%; }
.swiper-wrapper{ width: 6rem; margin: 0 auto; }
.swiper-slide{ height: 100%; width: 1.5rem !important; }
.swiper-slide.on{ background: url(../images/nav_font_bg.png) no-repeat center; background-size: 100% 100%; }
.swiper-slide a{ font-size: .25rem; line-height: .7rem; display: inline-block; width: 1.5rem; height: .7rem; color: #fff; }
.swiper-slide.on a{ color: #3c28d4 }
 /*  hot图标  */
.cs-hot-box{
	position: relative;
}
.swiper-slide-mywidth{
	width: 100% !important;
}
.cs-hot{
	display: block;
	width: .36rem;
	height: .26rem;
	background: url(../images/cs_hot.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	right: .14rem;
    top: .12rem;
	z-index: 998;
}
/* 主体内容 */
.main{
	width: 100%;
	height: .68rem;
	background-color: #e0defd;
	position: fixed;
    margin-top: .7rem;
    z-index: 998;
}
.nav-box{
	float: left;
	padding: 0 .3rem;
	color: #7256b3;
}
.nav-box .active{
    color: #7718c1;
    border-bottom: 5px solid #7718c1;
}
.nav-box li{
	width: 1.18rem;
    height: .68rem;
    float: left;
    font-size:.28rem;
    text-align: center;
    line-height: .68rem;
    box-sizing: border-box;
    margin: 0 .25rem;
}
.main section{
	float: right;
	width: .75rem;
	line-height: .68rem;
	color: #cfcaee;
}
.main section img{
	width: .3rem;
	height: .28rem;
	position: relative;
}
.sort-text{
	font-size: .22rem;
	color: #7256b3;
	text-align: center;
	background: url(../images/sx_bgt.png) no-repeat center;
	background-size: 100%;
	width: 1.61rem;
	height: 1.85rem;
	padding-top: .09rem;
	box-sizing: border-box;
	position: absolute;
	right: .18rem;
	top: .76rem;
	display: none;
	z-index: 20;
}
.sort-text p{
	height: .58rem;
	line-height: .58rem;
}
.active-sort{
	color: #7718c1;
}
.act-color:active{
	color: #7718c1;
}
/* 视频 */
.content-box{
	margin-top: 1.38rem;
}
.content-list{
	width: 100%;
}
.content-list video{
	width: 100%;
	height: 3.555rem;
}
/* 视频遮罩 */
.swiper-container-width{
	width: 100%;
	height: 3.555rem;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}
.swiper-wrapper-width{
	width: 100%;
	height: 3.555rem;
	display: flex;
}
.video-container{
	width: 100%;
	height: 3.555rem;
}
.video-wrapper{
	width: 100%;
	height: 3.555rem;
}
.video-box{
	height: 3.555rem;
	margin-right: 0 !important;
	background-color: #000;
	position: relative;
	text-align: center;
}
.video-shade>img{
	height: 3.555rem;
	/*width: 100%;*/
}
.video-box video{
	height: 3.555rem;
	width: 100%;
	display: none;
}
.shade-play{
	height: 3.555rem;
	line-height: 3.2rem;
	width: 100%;
	background-color: rgba(0,0,0,.2);
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}
.shade-play img{
	width: .89rem;
	height: .89rem;
}
.sweiper-pagination-position{
	position: absolute;
	left: 35% !important;
	top: 80%;
	
}
.swiper-pagination-bullet{
	background: #b4b3b3;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background: #f1edff;
}
/*<!-- 投票信息 -->*/
.info{
	height: 2.3rem;
	background-color: #fff;
}
.info ul{
	height: 2.1rem;
	background-color: #e0defd;
	padding: 0 .24rem;
	box-sizing: border-box;
}
.info ul>li{
	height: 1.05rem;
}
.info .user-info{
	border-bottom: 1px solid rgba(138,121,177,.2);
	position: relative;
	line-height: 1.05rem;
}
.info .user-info img{
	width: .6rem;
	height: .6rem;
	margin-right: .09rem;
	border-radius: 50%;
}
.info .user-info span{
	color: #635a78;
	font-size: .28rem;
	vertical-align: middle;
	margin-top: .05rem;
}
.info .user-info b{
	font-size: .2rem;
	color: #9a95a7;
	font-weight: normal;
	vertical-align: top;
}
.info .user-info .plbtn{
	background: url(../images/info_a.png) no-repeat center;
	background-size: 100%;
	width: .34rem;
	height: .3rem;
	display: inline-block;
	vertical-align: text-bottom;
	position: absolute;
	top: 35%;
	right: .3rem;
}
.user-sort{
	font-size: .24rem;
	color: #635a78;
	line-height: .56rem;
	margin-top: .2rem;
	position: relative;
}
.user-sort p:first-child{
	max-width:46.6%; 
    text-align: left;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	font-size: .3rem;
	float: left;
}
.user-sort p:nth-child(3){
	width: 38.8%;
    text-align: right;
    margin-left: .38rem;
    display: inline-block;
    /*text-overflow: ellipsis;*/
    white-space: nowrap;
    overflow: hidden;
	font-size: .3rem;
	float: right;
}
.user-sort span{
	color: #7256b3;
}
.user-sort button{
	background: url(../images/tpzct_btn.png) no-repeat center;
	background-size: 100%;
	width: 2.32rem;
	height: .58rem;
	position: absolute;
	top: 0;
	right: 0;
	font-size: .24rem;
	color: #fff;
	padding-left: 0.6rem;
}
.add-bg{
	background: url(../images/btn_no.png) no-repeat center !important;
	background-size: 100%;
	width: 2.32rem;
	height: .58rem;
}
.user-sort button i{
	background: url(../images/xq_ico.png) no-repeat center;
	background-size: 100%;
	width: .28rem;
	height: .28rem;
	position: absolute;
	left: .18rem;
	top: .15rem;
}
.btn-details{
	font-weight: normal;
    width: 1.66rem;
    height: .58rem;
    display: inline-block;
    line-height: .58rem;
}
.inline-block{
	position: relative;
}
.animate-rq{
	font-size: .2rem;
	color: #f2a67f;
	display: none;
	position: absolute;
    top: -.022rem;
    left: 2rem;
}
.animate-rq span{
	color: #f2a67f;
	font-size: .4rem;
	vertical-align: text-top;
}
/*  详情图标  */
.detailed-ico{
	display: inline-block;
	background: url(../images/detailed.png) no-repeat center;
	background-size: 100%;
	width: .3rem;
	height: .3rem;
	float: left;
    margin-top: .12rem;
    margin-left: .1rem;
}
/*  规则弹框  */
.rule{
	width: 100%;
	/*height: 100%;*/
	height: 150%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8); 
	z-index: 998;
}
.close img{
	width: .42rem;
	height: .42rem;
	position: absolute;
	right: .18rem;
	top: .18rem;
} 
.rule section{
	/*height: 10.6rem;*/
	height: 15.2rem;
	width: 5.93rem;
	background-color: #e0defd;
	border-radius: .1rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -2.965rem;
	/*margin-top: -5.3rem;*/
	margin-top: -7.6rem;
	padding: .35rem;
	box-sizing: border-box;
	color: #736d81;
}
.rule h2{
	font-size: .28rem;
	height: .68rem;
	line-height: .68rem;
	border-bottom: 1px solid #cfcaee;
	text-align: center;
	font-weight: normal;
}
.hx-time p{
	font-size: .24rem;
	line-height: .49rem;
}
.hx-time{
	margin: .15rem 0 .3rem;
}
.wyzcgz p{
	font-size: .24rem;
	line-height: .31rem;
	margin-top: .17rem;
}
.font-img{
	width: .4rem;
	height: .4rem;
}
.font-color{
	color: #7718c1;
}
/*-------------------------正在加载--------------------*/
.pulluploading {
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.pulluploading img {
    width: 20px;
    display: inline;
    vertical-align: middle;
    margin-right: 15px;
    -webkit-animation: loadingGIF 1.6s infinite linear;
}
.loadimg img{-webkit-animation: loading 1s infinite linear;}
@-webkit-keyframes loading{
	0%{
		-webkit-transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(359deg);
	}
}

/*  选手得分情况  */
.rule2{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8);
	z-index: 998;
}
.close2 img{
	width: .42rem;
	height: .42rem;
	position: absolute;
	right: .18rem;
	top: .18rem;
} 
.rule2 section{
	height: 3rem;
    width: 3.8rem;
	background-color: #e0defd;
	border-radius: .1rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1.9rem;
    margin-top: -1.5rem;
	padding: .35rem;
	box-sizing: border-box;
	color: #736d81;
}
.rule2 h2{
	font-size: .28rem;
	height: .68rem;
	line-height: .68rem;
	border-bottom: 1px solid #cfcaee;
	text-align: center;
	font-weight: normal;
}
.hx-time2 p{
	font-size: .24rem;
	line-height: .49rem;
}
.hx-time2{
	margin: .15rem 0 .3rem;
}
.hx-time2 p span{
	color: #7256b3;
}

.rule2{
	display: none;
}
/*------------------------得分未公布提示-----------------------*/
.hint{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8);
	z-index: 998;
	text-align: center;
	display: none;
}
.hintBg{
	width: 3.8rem;
	height: 2.7rem;
	background-color: #e0defd;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1.9rem;
    margin-top: -1.25rem;
    border-radius: .1rem;
}
.hintBg p{
	color: #736d81;
	font-size: .3rem;
	margin-top: .6rem;
}
.hintBg a{
	display: block;
	width: 1.74rem;
	height: .62rem;
	line-height: .62rem;
	margin: .56rem auto 0; 
	color: #fff;
	font-size: .26rem;
	background-color: #a6a4ba;
	border-radius: .1rem;
}
/*通知*/
.notifyBox{
	width: 100%;
	height: .67rem;
	/*height: 2rem;*/
	line-height: .67rem;
	background-color: #f1edff;
}
.notifyIco{
	display: inline-block;
	background: url(../images/notifyIco.png) no-repeat center;
	background-size: 100%;
	width: .22rem;
	height: .2rem;
	margin-left: .2rem;
	vertical-align: middle;
}
.text-gradient{
	display: inline-block;
	font-size: .24rem;
	font-family: '微软雅黑';
	background: linear-gradient(to top, rgba(249, 88, 86, 1), rgba(251, 176, 116, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*决赛视频*/
.backdrop-blue{
	width: 100%;
	height: .49rem;
	background-color: #290d6f;
	text-align: center;
}
.backdrop-blue img{
	width: 5.22rem;
	height: .57rem;
	margin-top: .21rem;
}
.backdrop-black{
	background-color: #000;
	width: 100%;
	height: .69rem;
}
.video-box{
	/*height: 2.22rem;*/
	width: 100%;
	background-color: #000;
	position: relative;
}
.video-shade-top>img{
	height: 1.82rem;
	width: 100%;
}
.video-box>video{
	height: 2.22rem;
	width: 100%;
	display: none;
}
.bottom-line{
	background-color: #000;
	width: 100%;
	height: .4rem;
}
.shade-play-top{
	height: 2.22rem;
	line-height: 2rem;
	width: 100%;
	background-color: rgba(0,0,0,.2);
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}
.shade-play-top>img{
	width: .89rem;
	height: .89rem;
}
.video-shade-top{
	/*display: none;*/
	position: relative;
	margin-bottom: .2rem;
}