.hp_center{
	width: 1200px;
	margin:0 auto;
	position: relative;
}
.hpclear{
	clear: both;
}
.disblk{display: block;}
.disnone{display: none;}
.youth_header{
	width: 100%;border-bottom: 1px solid #f5f5f5;
}

.youth_logo{position: absolute; left: -269px;}
.navigator_hp{}
.navigator_hp ul{}
.navigator_hp ul li{ float: left;}
.navigator_hp ul li a{line-height: 80px; font-size: 14px; padding: 0 30px;}
.login_reg{ }
.login_reg img{width: 48px; height: 48px;margin-right: 10px;}
.login_reg a{line-height: 80px; padding:  0 4px;}

.bx{ max-width:1200px; margin:0 auto;}
.youth_search{width: 100%; height:140px; background: #eee; float:left;}
.whatyou{ margin: 0 auto; width: 700px;padding-top: 42px;}
.whatyou{ position: relative;}
.whatyou .young_form >img{position: absolute; left: 17px; top: 12px}
.whatyou input[type='text']{ width: 575px; height: 45px; float: left; padding-left: 44px; border-radius: 4px 0 0 4px;}
.whatyou input[type='text']::-webkit-input-placeholder { /* WebKit browsers */  color:#999;font-size:14px;  }
.whatyou input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color:#999;font-size:14px;  }
.whatyou input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#999;font-size:14px;  }
.whatyou input[type='text']:-ms-input-placeholder { /* Internet Explorer 10+ */  color:#999;font-size:14px;  }
.whatyou input[type='button']{width: 104px; height: 45px; border: none; background: #0384fc; float: left;
	border-radius: 0 4px 4px 0;color: #fff;font-size: 16px;font-weight: bold; cursor: pointer;}
.young_form {position:relative;}
.whatyou .young_form>ul{ overflow: hidden; position:absolute;bottom:-25px;}
.whatyou .young_form>ul li{float: left; }
.whatyou .young_form>ul li a{padding: 0 9px; color:#818181;}


.main_youth {
	width: 100%;
	float: left;
	background: #fff;
}
.main_youth .four_clk{width: 100%; margin-top: 24px;border-bottom: 1px solid #e2e2e2;}
.main_youth .four_clk ul{overflow: hidden; float: left;}
.main_youth .four_clk p{float: right; font-size: 14px; color: #b2b1b1}
.main_youth .four_clk ul li{float: left;cursor: pointer;}

.main_youth .selected_you{ border-bottom: 3px solid #0384fc;}

.main_youth .four_clk ul li span{ font-size: 14px; line-height: 38px; padding: 0 15px;}






.fouring_yt{width: 72%; overflow: hidden;float: left;}
.four_img_box{width: 400%;}





/*直播*/
.main_youth .your_class{width: 864px; float: left; margin-top: 32px;}
.main_youth .your_class ul{}
.main_youth .your_class ul li{ overflow: hidden; position: relative; padding: 16px;border-bottom: 1px solid #e2e2e2;transition: all 0.6s;}
.main_youth .your_class ul li:hover{background: #f5f5f5;transform: scale(1.05); font-weight: bold;}
.main_youth .your_class ul li >span{padding: 4px 12px;background: #0384fc;color: #fff;position: absolute;right: 0px;top: 20px;border-radius: 24px 0 0 24px; font-size: 18px;}
.main_youth .your_class ul li >a{ float: left;}
.main_youth .your_class ul li >a >img{width: 171px; height: 103px;}
.main_youth .your_class ul li .de_desc{float: left; padding: 10px 20px;}
.main_youth .your_class ul li .de_desc >a{font-size: 16px;font-weight: 500;}
.main_youth .your_class ul li .de_desc >p{font-size: 14px;color: #0384fc;line-height: 30px;}
.main_youth .your_class ul li .de_desc >span{font-size: 14px; padding-left: 18px; background: url("/images/mainte_hp.png") no-repeat left center;}


/*排行榜*/
.main_youth .allstars{width: 26%; padding: 10px; float: right; margin-top: 32px;}
.main_youth .allstars .hotlist_yt{line-height: 38px; border-bottom: 1px solid #d8d8d8;font-size: 16px; padding: 0 15px}
.main_youth .allstars .hotlist_yt span{ background: url("/images/rank_yt.png") no-repeat right center; padding-right: 20px; font-weight: bold; font-size: 16px}
.main_youth .allstars ul{ padding: 10px 15px;}
.main_youth .allstars ul li{height: 40px;}

.main_youth .allstars ul .first_yt{color:#fd3c3c; font-weight: bold; font-size: 16px;}
.main_youth .allstars ul .sec_yt{color:#198afd; font-weight: bold;font-size: 16px;}
.main_youth .allstars ul .thir_yt{color:#ff8834; font-weight: bold;font-size: 16px;}
.main_youth .allstars ul li a{line-height: 40px; font-size: 16px;transition: all 0.6s;}
.main_youth .allstars ul li a{line-height: 40px; font-size: 14px;transition: all 0.6s;}
.main_youth .allstars ul li a >span{font-size: 16px;}
.main_youth .allstars ul li:hover a{line-height: 40px; font-size: 16px; font-weight: bold;}
.main_youth .allstars ul li a >span{font-size: 16px; color: #b4b4b3; font-weight: bold; padding-right: 20px;display: inline-block;
	width: 34px;}
/*.main_youth .allstars ul li:hover a >span{font-size: 18px; color: #b4b4b3;}*/
/*课程*/
.main_youth .your_lice {
	width: 864px;
	float: left;
	margin-top: 15px;
	display: block;
}
.main_youth .your_lice ul{}
	.main_youth .your_lice ul li {
		overflow: hidden;
		position: relative;
		padding: 0px 30px 0 20px;
		border-bottom: 1px solid #eee;
		transition: all 0.6s;
	}
.main_youth .your_lice ul li:hover{background: #f5f5f5;transform: scale(1.05); }
.main_youth .your_lice ul li >span{padding: 4px 12px;background: #0384fc;color: #fff;position: absolute;right: 0;top: 20px;border-radius: 24px 0 0 24px; font-size: 18px;}
.main_youth .your_lice ul li >a{ float: left;}
.main_youth .your_lice ul li >a >img{width: 171px; height: 103px;}
.main_youth .your_lice ul li .de_desc{float: left; padding: 10px 20px;}
	.main_youth .your_lice ul li .de_desc > a {
		font-size: 18px;
		font-weight: 600;
		color: #555;
	}
	.main_youth .your_lice ul li .de_desc > p {
		font-size: 14px;
		color: #999;
		line-height: 40px;
	}
.main_youth .your_lice ul li .de_desc >span{font-size: 14px; padding-left: 18px; background: url("/images/mainte_hp.png") no-repeat left center;}

		.main_youth .your_lice ul li .hyj_yt {
			float: right;
			padding: 0;
		}
			.main_youth .your_lice ul li .hyj_yt p {
				line-height: 80px;
				color: #0384fc;
				font-weight: bold;
			}
.main_youth .your_lice ul li .hyj_yt p span{font-size: 20px;}

/*答疑*/
.main_youth .answer_yt{width: 864px; float: left; margin-top: 32px; }
.main_youth .answer_yt ul{}
.main_youth .answer_yt ul li{ padding: 30px 10px 40px; border-bottom: 1px dashed #d8d8d8}
.main_youth .answer_yt ul li .anser_n{}
.main_youth .answer_yt ul li .anser_n img{ width: 30px; height: 30px; border-radius: 100%; margin-right: 20px;}
.main_youth .answer_yt ul li .anser_n span{ font-size: 14px;}
.main_youth .answer_yt ul li .anser_n a{ padding: 2px 4px; border-radius: 10px; border: 1px solid #005bac}
.main_youth .answer_yt ul li .anser_tips{overflow: hidden;padding-left: 55px;}
.main_youth .answer_yt ul li .anser_tips >span{font-size: 18px; color: #333;}
.main_youth .answer_yt ul li .anser_tips >p{ margin-right: 40px;line-height: 24px;font-size: 14px;}
.main_youth .answer_yt ul li .anser_tips .anser_btm{ overflow: hidden; }
.main_youth .answer_yt ul li .anser_tips .anser_btm >p{ float: left; margin-right: 40px; font-size: 14px; padding-left: 24px;}
.hassee{background: url("/images/see.png") no-repeat left center;}
.hasanswer{background: url("/images/answerIcon.png") no-repeat left center;}
/*实训*/
.main_youth .yt_practice{width: 864px; float: left; margin-top: 32px; }
.main_youth .yt_practice ul{}
.main_youth .yt_practice ul li{ overflow: hidden; position: relative; padding: 16px;border-bottom: 1px solid #e2e2e2;transition: all 0.6s; }
.main_youth .yt_practice ul li:hover{background: #f5f5f5;transform: scale(1.05); }
.main_youth .yt_practice ul li >span{padding: 4px 12px;background: #0384fc;color: #fff;position: absolute;right: 0;top: 20px;border-radius: 24px 0 0 24px; font-size: 18px;}
.main_youth .yt_practice ul li >a{ float: left;}
.main_youth .yt_practice ul li >a >img{width: 171px; height: 103px;}
.main_youth .yt_practice ul li .de_desc{float: left; padding: 10px 20px;}
.main_youth .yt_practice ul li .de_desc >a{font-size: 16px;font-weight: 500;}
.main_youth .yt_practice ul li .de_desc >p{font-size: 14px;color: #0384fc;line-height: 30px;}
.main_youth .yt_practice ul li .de_desc >span{font-size: 14px; padding-left: 18px; background: url("/images/mainte_hp.png") no-repeat left center;}

.main_youth .yt_practice ul li .hyj_yt{float: right;padding: 0 40px;}
.main_youth .yt_practice ul li .hyj_yt p{line-height: 98px;color: #0384fc; font-weight: bold;}
.main_youth .yt_practice ul li .hyj_yt p span{font-size: 20px;}

.data_waiting{  background: url("/images/waitingdatas.png") no-repeat center;  height: 430px;  text-align: center;  position: relative;  }
.data_waiting p{font-size: 20px; position: absolute; top: 360px; width: 100%; text-align: center;}


/*.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cls{zoom:1;}
.s-index-org{color:#FF4E00;}
.s-index-icon,.s-index-star span{display:block;background-image:url(/images/s-index-icon-3.png);overflow:hidden;text-indent:-1000em;}

!* s-index-star *!
.s-index-star{height:15px;_margin-top:-2px;font-size:0px;line-height:0px;}
.s-index-star span{display:inline-block;margin-top:0px;width:13px;height:13px;overflow:hidden;background-position:-181px -22px;text-indent:0px;}
.s-index-star-0 .one,.s-index-star-0 .two,.s-index-star-0 .three,.s-index-star-0 .four,.s-index-star-0 .five{background-position:-211px -22px;}
.s-index-star-1 .two,.s-index-star-1 .three,.s-index-star-1 .four,.s-index-star-1 .five{background-position:-211px -22px;}
.s-index-star-2 .two,.s-index-star-2 .three,.s-index-star-2 .four,.s-index-star-2 .five{background-position:-211px -22px;}
.s-index-star-3 .three,.s-index-star-3 .four,.s-index-star-3 .five{background-position:-211px -22px;}
.s-index-star-4 .three,.s-index-star-4 .four,.s-index-star-4 .five,.s-index-star-5 .four,.s-index-star-5 .five{background-position:-211px -22px;}
.s-index-star-6 .four,.s-index-star-6 .five,.s-index-star-7 .five,.s-index-star-8 .five{background-position:-211px -22px;}
.s-index-star-1 .one,.s-index-star-3 .two,.s-index-star-5 .three,.s-index-star-7 .four,.s-index-star-9 .five{background-position:-196px -22px;}


!* s-index-side *!
.s-index-side{width:26%;border:1px solid #d8d8d8;float: right;}
.s-index-side .title{height:41px;background-color:#f5f5f5;position:relative;}
.s-index-side .title .s-index-icon{position:absolute;width:20px;height:18px;top:11px;left:10px;}
.s-index-side .title h3{padding-left:32px;height:40px;line-height:40px;color:#000;border-bottom:1px solid #d8d8d8;font-size:14px;}
.s-index-side .title .game-top10-icon{background-position:-140px -54px}

.s-index-side .app-show-block{padding:2px 0px 0px 65px;margin:0px 0px 0px 12px;height:60px;text-align:left;position:relative;}
.s-index-side .app-show-block .s-index-down{margin:0px;margin-top:7px;font-weight:normal;background-color:#FF4E00}
.s-index-side .app-show-block a{height:25px;}
.s-index-side .app-show-block .pic{position:absolute;top:0px;left:0px;cursor:pointer;}
.s-index-side .app-show-block img{display:block;height:52px;width:52px;}

.s-index-side .weekly-list{padding:0px 10px 2px 10px;margin-top:-1px;position: relative;}
.s-index-side .weekly-list li{height:39px;line-height:39px;border-top:1px dotted #d8d8d8;overflow:hidden;*position:relative;zoom:1;}
.s-index-side .weekly-list li .app-show-title{padding-left:10px;font-size:12px;}
.s-index-side .weekly-list li .num{font-size:12px;height:40px;line-height:40px;padding-right:10px;font-weight:bold;}
.s-index-side .weekly-list li.current a{font-weight:bold;}
.s-index-side .weekly-list li.current .app-show-title a:hover{color:#ff4e00;}

.s-index-down{display:block;text-align:center;font-size:12px;margin:0px auto;text-indent:0px;width:60px;height:25px;line-height:25px;color:#fff;text-decoration:none;background-position:-228px -47px;background-color:#FF4E00;}
.s-index-down:hover{background-position:-228px -74px;text-decoration:none;}*/