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

/* 导航 */
/*.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(5) 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;
}
.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;
}

/*奖项导航*/
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

.htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: .4rem;margin:1rem 0 .4rem 0}
.wrapper01 {position:relative;height: 1.41rem;width: 100%;overflow: hidden;margin:0 auto;}
.wrapper01 .scroller {position:absolute; height: 1.41rem;}
.wrapper01 .scroller li {height: 1.41rem;color:#333;float: left;line-height: 1.3rem;font-size: .4rem;text-align: center;/*margin-left: .1rem !important;margin-right: .1rem !important;*/}
.wrapper01 .scroller li a{color:#333;display:block;margin:0 .3rem}
.wrapper01 .scroller li.cur a{color:#1cbb9b;}
.wrapper01 .scroller>ul{
	height: 1.41rem;
	width: 100%;
    overflow: hidden;
}

.wrapper01{
	/*position: absolute;
	top: .75rem;
	margin: .1rem 0;*/
	padding-top: .85rem;
    padding-bottom: .1rem;
}
.winTab{
	width: 1.43rem;
	height: 1.41rem;
	background: url(../images/win_defaultbg2.png) no-repeat center;
	background-size: 100%;
}
.winTabdeActivebg{
	background: url(../images/win_activebg2.png) no-repeat center;
	background-size: 100%;
}
.winTab>img{
	display: inline-block;
	width: .92rem;
	height: .36rem;
}
/*<!-- 现代舞 -->*/
.tlt-bg{
	background-color: #e1ddfe;
	height: .68rem;
	width: 100%;
}
.title-bg{
	background: url(../images/wintltbg.png) no-repeat center;
	background-size: 100%;
	width: 1.8rem;
	height: .68rem;
	text-align: center;
    line-height: .68rem;
    display: inline-block;
}
.title-bg>img{
	width: .88rem;
	height: .31rem;
}
.tlt-bg p{
	display: inline-block;
	font-size: .28rem;
	/*font-size: .24rem;*/
	color: #7256b3;
}
.title-bg-yxjxd{
	background: url(../images/tabOne.png) no-repeat center;
	background-size: 100%;
	width: 1.8rem;
	height: .68rem;
	text-align: center;
    line-height: .68rem;
    display: inline-block;
}
.title-bg-yxjmz{
	background: url(../images/tabTwo.png) no-repeat center;
	background-size: 100%;
	width: 1.8rem;
	height: .68rem;
	text-align: center;
    line-height: .68rem;
    display: inline-block;
}
.title-bg-yxjxd img,.title-bg-yxjmz img{
	width: .88rem;
	height: .31rem;
}
.list-bg{
	background-color: #4a28b1; 
	width: 5.72rem;
	border-radius: .1rem;
	margin: .1rem auto;
	padding: .05rem;
}
.list-bg li{
	float: left;
	width: 1.8rem;
	height: 2.44rem;
	position: relative;
	margin: .05rem;
}
.list-bg .winImg{
	width: 1.8rem;
	height: 1.8rem;
}
.list-bg .infoBg{
	width: 1.68rem;
    height: .52rem;
    background-color: #fff;
    line-height: .26rem;
    padding: .06rem;
}
.list-bg .infoBg p{
	font-size: .18rem;
	color: #180a33;
	width: 1.68rem;
}
.list-bg .infoBg span{
	font-size: .18rem;
	color: #666;
	width: 1.68rem;
	display: inline-block;
}
.ellipsis{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.list-bg .rankBg{
	display: inline-block;
	background: url(../images/rankbg.png) no-repeat center;
	background-size: 100%;
	width: .28rem;
	height: .28rem;
	position: absolute;
	left: -.06rem;
    top: -.06rem;
    font-size: .22rem;
    color: #3c28d4;
    text-align: center;
    line-height: .28rem;
}
.more{
	font-size: .22rem;
	text-align: center;
	color: #a598e5;
	margin: .34rem 0;
}
.list3{
	position: relative;
}
.list3 li{
	float: left;
}
.text-yzj{
	display: inline-block;
	font-size: .28rem;
	/*font-size: .24rem;*/
	color: #7256b3;
	line-height: .68rem;
	margin-left: .06rem;
	position: absolute;
    top: 0;
    left: 3.64rem;
}


.pullupOver{
	font-size: .22rem;
    text-align: center;
    color: #a598e5;
    margin: .34rem 0;
}