@charset "UTF-8";
body {
	font-family: "Microsoft Yahei"; 
	background-color: #290d6f;
	/*height: 100%;*/
	-webkit-overflow-scrolling:touch;
	padding: 0;
}
.clearfix:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}
/*分享*/
.share-box { width: 100%; height: 1px; overflow: hidden; position: fixed; top: -2px; left: 0; opacity: 0;}
/*导航*/

/*.swiper-container{
	position: fixed;
	background: url(../images/nav_bg.png) no-repeat center;
	text-align: center;
	z-index: 998;
	height: .7rem;
	padding: 0 .2rem;
	width: 100%;
}
.swiper-wrapper{
	width: 100%;
	height: .7rem;
	line-height: .7rem;	
    display: flex;
}
.swiper-slide{
 	height: 100%;
	width: 1.8rem;
}
.width-slide{
	width: 1rem !important;
}
.swiper-slide a{
	width: 1.61rem;
	height: .7rem;
	font-size: .28rem;
	display: inline-block;
	color: #fff;
}
.swiper-slide:first-child 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: 999;
}
/* 首页 内容*/
/*banner*/
.content-box{
	/*margin-top: .7rem;*/
	width: 100%;
	height: 100%;
	background-color: #290d6f;
	z-index: 1;
}
.banner{
	float: left;
}
.banner img{
	height: 6.14rem;
	margin-top: .7rem;
}
/*大赛引言*/
.section-box{
	float: left;
    margin-top: -2.15rem;
}
.introduction{
	top: 4.7rem;
	background-color: rgba(81,46,191,.82); 
	z-index: 2;
	text-align: center;
	border-radius: .1rem;
    margin: 0 .3rem .2rem;
}
.introduction>img{
	width: 5.22rem;
	height: .57rem;
	margin-top: -.48rem;
}
.introduction div{
	width: 4.96rem;
	height: 4.01rem;
	margin: 0 auto;
	background: url(../images/vedio_bg.png) no-repeat center;
	padding: .08rem;
	box-sizing: border-box;
}
.introduction div video{
	width: 4.8rem;
	height: 3.84rem;
}
.article{
	text-align: left;
	color: #e2dcfe;
	font-size: .22rem;
	text-indent: 2em;
    padding: .28rem .4rem .18rem;
}
.line{
	background-color: #5c38c8;
	height: .01rem;
	width: 5rem;
	margin: 0 auto; 
}
.introduction section{
	padding: .15rem .3rem .25rem;
	text-align: left;
	color: #ffee61;
}
.introduction section span{
	color: #e2dcfe;
}
.introduction section article {
	text-indent:5.07em;
	color: #e2dcfe;
}
.text-indent{
	display: inline-block;
    text-indent: .37em;
}
/* 如何报名 */
.apply-bg{
	text-align: center;
	background-color: rgba(81,46,191,.82);
	border-radius: .1rem;
	margin: .48rem .3rem; 
	padding-bottom: .3rem;
}
.apply-bg>img{
	width: 5.22rem;
	height: .57rem;
	margin-top: -.47rem;
}
.apply-bg ul{
	padding-top: .04rem;
	box-sizing: border-box;
}
.h-numbg{
	background: url(../images/num_titlebg.png) no-repeat center;
	background-size: 100%;
	width: 1.96rem;
	height: .44rem;
	margin-left: .38rem; 
	position: relative;
}
.num-title{
	width: .47rem; 
	height: .47rem;
	position: absolute;
	left: -.235rem;
	top: -.015rem;
}
.title-name{
	font-size: .24rem;
	color: #7343e1;
	font-weight: bold;
	margin-left: .07rem;
}
.num-text{
	border-left: 1px solid #6844d5;
	margin-left: .37rem;
	padding: .17rem .34rem .24rem .18rem;
	box-sizing: border-box;
}
.apply-bg li p{
	text-align: left;
	font-size: .22rem;
	color: #dad2fb; 
}
.bg-width{
	width: 2.46rem;
}
.partition{
	margin-top: .1rem;
}
.text-color{
	color: #ffee61;
}
.num-line{
	padding-bottom: 0;
}
/* 赛程赛制 */
.format-bg{
	height:2.12rem; 
	text-align: center;
	margin: .48rem .3rem;
	background-color: rgba(81,46,191,.82);
	border-radius: .1rem;
}
.format-bg>img{
	width: 5.22rem;
	height: .57rem;
	margin-top: -.46rem;
}
.format-list{
	padding: 0 .16rem;
}
.format-list li{
	float: left;
	width: 1.27rem;
	height: 1.33rem; 
	color: #fff;
	margin: .14rem .05rem 0;
}
.format-list li img{
	width: 1.27rem;
	height: 1.33rem;
}
/* 参赛要求 */
.require-bg{
	height: 10.8rem;
	margin: 0 .3rem;
	background-color: rgba(81,46,191,.82);
	border-radius: .1rem;
}
.require-bg img{
	width: 5.22rem;
	height: .57rem;
	margin-top: -.47rem;
}
.set-center{
	text-align: center;
}
.cslx-title{
	background: url(../images/grs_word.png) no-repeat center;
	background-size: 100%;
	width: 1.34rem;
	height: 0.51rem;
	margin-left: -.07rem; 
}
.cslx-title p{
	line-height: 0.4rem;
	color: #813ce7;
	font-size: .23rem;
	font-weight: 900;
	margin-left: .14rem;
}
.common-style{
	margin: 0 .3rem .2rem;
	border-bottom: 1px solid #632cd0;
}
.common-style ul{
	margin: .15rem .3rem .24rem; 
}
.common-style li{
	color: #e2dcfe;
	line-height: .33rem;
	font-size: .22rem;
	list-style: disc;
	margin-bottom: .12rem;
}
.hint{
	margin: 0 .6rem;
	color: #ffec37;
}
/* 奖项设置 */
.set-bg{
	height: 7.54rem;
	margin: .5rem .3rem .5rem;
	background-color: rgba(81,46,191,.82);
	border-radius: .1rem;
}
.set-center img{
	width: 5.22rem;
	height: .57rem;
	margin-top: -.47rem;
}
.awards{
	padding: 0 0.2rem;
}
.awards li{
	float: left;
	width: 1.72rem;
	height: 1.31rem;
	text-align: center;
	margin: .15rem .04rem .3rem;
}
.awards img{
	width: 1.72rem;
	height: 1.31rem;
}
.hxcsj{
	width: 5.3rem;
	height: .6rem;
	margin: 0 auto .28rem;
}
.hxcsj img{
	width: 5.3rem;
	height: .6rem;
}
.prizeTime{
	/*height: 1.56rem;*/
	width: 5.52rem;
    margin: 0 auto;
}
.prizeTime p{
	font-size: .2rem;
	color:  #eae6ff;
	margin-bottom: .24rem;
}
.prizeLeft{
	color: #ffee61;
}
/* 如何支持参赛选手 */
.support-bg{
	text-align: center;
	background-color: rgba(81,46,191,.82);
	border-radius: .1rem;
	margin: .33rem .3rem;
	padding-bottom: .4rem;
}
.support-bg>img{
	width: 5.22rem;
	height: .57rem;
	margin-top: -.46rem;
}
.support-bg p{
	text-align: left;
	color: #dad2ff;
	font-size: .22rem;
}
.support-bg span{
	color: #ffee61;
}
.text-box{
	margin: .2rem .25rem 0 .24rem;
}
.text-box img{
	width: .4rem;
	height: .4rem;
}
.copyright{
	text-align: center;
	padding-bottom: 1.8rem;
	font-size: .2rem;
	color: #9474f5;
}