/**
	硬创公开课
**/
.ycTopic-banner{position:relative;height: 230px;overflow: hidden;}
.ycTopic-banner img{position: absolute;left: 50%;margin-left: -960px;}

.ycTopic-top{margin-top: 60px;}
.ycTopic-scroll{width: 788px;float: left;position: relative;height: 298px;overflow:hidden;}
.ycTopic-scroll ul{position: absolute;}
.ycTopic-scroll li{float: left;width: 788px;position: relative;}
.ycTopic-scroll li a{display: block;height: 298px;}
/*.ycTopic-scroll li .imgs{float: left;width: 456px;position: relative;}
.ycTopic-scroll li .imgs img{width: 456px;height:298px;vertical-align: top;}
.ycTopic-scroll li .imgs .time{position: absolute;width: 132px;height: 102px;top: 50%;margin-top: -66px;left: 50%;margin-left: -66px;padding-top: 30px;line-height: 36px;background: #c8461b;color: #fff;text-align: center;font-size: 30px;border-radius: 3px;-webkit-border-radius: 3px;}
.ycTopic-scroll li .imgs .time .p2{font-size: 24px;}
.ycTopic-scroll li .txt{overflow: hidden;background: #eaeef2;padding:0 30px 0 25px;height: 298px;background:-webkit-gradient(linear,center center,right bottom,from(#eaeef2),to(#e6d9d7));background:gradient(linear,center center,right bottom,from(#eaeef2),to(#e6d9d7));}
.ycTopic-scroll li .txt .num{font-size: 30px;color: #4a8dd0;font-weight: bold;padding: 15px 0 5px 0;}
.ycTopic-scroll li .txt .p1{font-size: 18px;color: #476995;font-weight: bold;line-height: 29px;height: 58px;overflow: hidden;}
.ycTopic-scroll li .txt .teach{padding: 12px 0;overflow: hidden;margin-top: 10px;border-top: 4px solid #DDE4EB;}
.ycTopic-scroll li .txt .teach img{float: left;width: 72px;height: 72px;border-radius: 50%;-webkit-border-radius: 50%}
.ycTopic-scroll li .txt .teach .intro{overflow: hidden;padding-left: 12px;}
.ycTopic-scroll li .txt .teach .intro .name{font-size: 18px;color: #4a5768;font-weight: bold;}
.ycTopic-scroll li .txt .teach .intro p{font-size: 14px;color: #4a5768;line-height: 20px;}
.ycTopic-scroll li .txt .date{padding-top: 10px;position: relative;}
.ycTopic-scroll li .txt .date span{float: left;font-size: 24px;color: #4a5768;font-weight: bold;}
.ycTopic-scroll li .txt .date a{float: right;width: 100px;height: 34px;text-align: center;line-height: 34px;border-radius: 17px;-webkit-border-radius: 17px;background: #c8461b;color: #fff;font-size: 15px;font-weight: bold;}
.ycTopic-scroll li .txt .date a:hover{opacity: 0.8;filter:alpha(opacity=80);}
.ycTopic-scroll li .txt .date:before{content: "";position: absolute;right: -32px;top: 27px;width: 40px;height: 2px;background: #c8461b;}*/
.ycTopic-scroll li .imgs img{width: 788px;height: 298px;vertical-align:top;}

.ycTopic-scroll .btns{position: absolute;z-index: 3;height: 20px;width:100%;text-align: center;bottom: 15px;left: 0;font-size:0;}
.ycTopic-scroll .btns a{display: inline-block;margin: 0 5px;width: 12px;height: 12px;background: #0f102b;border-radius: 50px;-webkit-border-radius: 50px;;}
.ycTopic-scroll .btns a.cur{background: #913c3b;}


.ycTopic-top .sidebar{overflow: hidden;padding-left: 30px;}

.ycTopic-main{margin-top: 40px;}
.ycTopic-main .ycTopic-left{width: 788px;float: left;}
.ycTopic-main .ycTopic-left .inpBox{background: #e6e9eb;padding: 0px 15px;height: 46px;border-radius: 23px;-webkit-border-radius: 23px;width:320px;margin: 0 auto;}
.ycTopic-main .ycTopic-left .ycTopic-search input{border:0;outline: 0;background-color:transparent; }
.ycTopic-main .ycTopic-left .ycTopic-search input[type='text']{height: 24px;width: 255px;padding: 11px 0px 11px 15px;line-height: 24px;font-size: 14px;color: #a9b7bb;}
.ycTopic-main .ycTopic-left .ycTopic-search input[type='submit']{float: right;width: 46px;height: 100%;border: 0;background: url(../../images/common/yp_spirit.png) no-repeat -111px 10px;cursor: pointer;}
.ycTopic-main .ycTopic-left .classify{padding-top: 30px;}
.ycTopic-main .ycTopic-left .classify a{font-size: 15px;color: #617988;padding:0 28px 10px 0;float: left;}
.ycTopic-main .ycTopic-left .classify a.cur{font-weight: bold;}
.ycTopic-main .ycTopic-left .classify a:hover{opacity: 0.7;}
.ycTopic-main .ycTopic-left .list{padding-bottom: 40px;}
.ycTopic-main .ycTopic-left .list li{margin-top: 20px;width: 252px;/*height: 232px*/;padding-bottom: 20px;overflow: hidden;margin-right: 16px;float: left;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.ycTopic-main .ycTopic-left .list li:nth-child(3n){margin-right: 0;}
.ycTopic-main .ycTopic-left .list li .pic{height: 152px;overflow: hidden;}
.ycTopic-main .ycTopic-left .list li .hdTit{padding:0 10px;margin: 10px 0;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.ycTopic-main .ycTopic-left .list li .hdTit a{display: block;font-size: 14px;color: #212a36;overflow: hidden;/*white-space: nowrap;text-overflow:ellipsis;*/height:48px;overflow: hidden;line-height: 24px;}
.ycTopic-main .ycTopic-left .list li .tags{transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.ycTopic-main .ycTopic-left .list li .tags a{display: inline-block;font-size: 13px;color: #7f91a5;padding: 0 15px;height: 24px;line-height: 24px;background: #E1E4E8;border-radius: 12px;-webkit-border-radius: 12px;}
.ycTopic-main .ycTopic-left .list li:hover{background: #fff;-webkit-transform: translate3d(0, 1px, -1px);transform: translate3d(0, 1px, -1px);}

.ycTopic-main .ycTopic-left .list li:hover .tags{padding-left: 10px;}
.ycTopic-main .ycTopic-left .list li:hover{
  -webkit-box-shadow:0 0 40px rgba(204, 204, 204, 0.9);  
  -moz-box-shadow:0 0 40px rgba(204, 204, 204, 0.9);  
  box-shadow:0 0 40px rgba(204, 204, 204, 0.9);
}

.ycTopic-main .ycTopic-right{overflow: hidden;padding-left: 30px;}
.ycTopic-hot-article{padding: 10px 20px 0 10px;/*margin-top: 66px;*/margin-top: 20px;}
.ycTopic-hot-article .title{font-size: 18px;color: #617988;font-weight: bold;padding-top: 13px;border-top:1px solid #E6E9EB;padding-bottom: 5px;}
.ycTopic-hot-article .list li{overflow: hidden;padding:10px 0;border-bottom: 1px dotted #cbcbcb;}
.ycTopic-hot-article .list li .pic{float: left;width: 60px;height: 60px;}
.ycTopic-hot-article .list li .pic img{vertical-align: top;}
.ycTopic-hot-article .list li .txt{padding-left: 18px;line-height: 20px;overflow: hidden;}
.ycTopic-hot-article .list li .txt a{font-size: 14px;color: #212a36;}
.ycTopic-hot-article .list li:hover .txt a{ color: #617988;}

.ycTopic-apply-entry{
	height:62px;
	background: #ebeef3;
	padding-top: 18px;
}
.ycTopic-apply-entry .apply-btn{
	width: 190px;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	color: #ebeef3;
	background: #c9461c;
	margin: 0 auto;
	text-align: center;
	border-radius: 23px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.ycTopic-apply-entry .apply-btn:hover{
	margin-top: -3px;
	box-shadow: 3px 5px 5px #bdbdbd;
}
.ycTopic-apply-entry .apply-btn img{
	margin-left: 8px;
}
/*申请弹层*/
.apply-mc-wrap{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.apply-mc-wrap .apply-exit{
	position: absolute;
	top: -44px;
	right: -44px;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	border:1px solid #555555;
	background: #aaaaaa;
	cursor: pointer;
}
.apply-mc-wrap .apply-exit:before{
	content: '';
	position: absolute;
	bottom: 12px;
	left: 28px;
	border-right: 1px solid #fff;
	height: 24px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.apply-mc-wrap .apply-exit:after{
	content: '';
	position: absolute;
	bottom: 12px;
	left: 28px;
	border-right: 1px solid #fff;
	height: 24px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.apply-mc-wrap .apply-zone{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 498px;
	margin-left: -249px;
	height: 586px;
	margin-top: -293px;
	background: #f2f2f2;
}
.apply-mc-wrap .apply-context{
	width: 70%;
	margin: 20px auto;
}
.apply-context .apply-context-tit{
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	line-height: 46px;
	height: 46px;
	border-bottom:1px solid #e0e0e0;
}
.apply-context .apply-context-form{
	margin: 10px 0 20px;
}
.apply-context .apply-context-form li{
	margin-top: 15px;
	font-size: 14px;
}
.apply-context .apply-context-form li .apply-l{
	width: 21%;
	padding-left: 3%;
	font-size: 14px;
	color: #425365;
	height: 40px;
	line-height: 40px;
}
.apply-context .apply-context-form li .apply-input{
	padding-left: 24%;
}
.apply-context .apply-context-form li .apply-input input{
	outline: none;
	width: 148px;
	height: 40px;
	padding-left: 22px;
	border:1px solid #eaeaea;
	border-radius: 20px;
	background: #ffffff;
	color: #999999;
}
.apply-context .apply-context-form li .apply-input input:placeholder{}
.apply-context .apply-context-form li .apply-input input.ap-in4{
	width: 242px;
	padding-left: 22px;
}
.apply-context .apply-context-form li .apply-input input.ap-in5{
	width: 242px;
	padding-left: 22px;

}
.apply-textarea{
	padding-left: 24%;
}
.apply-context .apply-context-form li .apply-textarea .ap-in6{
	outline: none;
	resize: none;
	width: 220px;
	padding: 10px 22px;
	height: 60px;
	border:1px solid #eaeaea;
	border-radius: 6px;
	background: #ffffff;
	color: #999999;

}
.apply-context .apply-btn-block .apply-btn{
	outline: none;
	border:0;
	float: right;
	display: block;
	width: 118px;
	height: 45px;
	line-height: 45px;
	border-radius: 23px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	letter-spacing: 4px;
	transition: opacity 0.1s ease-in;
	-webkit-transition: opacity 0.1s ease-in;
	-moz-transition: opacity 0.1s ease-in;
	-o-transition: opacity 0.1s ease-in;
}
.apply-context .apply-btn-block .apply-btn:hover{
	opacity: 0.9;
}
.apply-context .apply-btn-block .apply-finish{
	margin-right: 28px;
	background: #425365;
}
.apply-context .apply-btn-block .apply-cancel{
	background: #eb9d5e
}
.apply-context .apply-notice{
	font-size: 14px;
	color: #788e9a;
	margin-top: 25px;
}
.apply-mc-wrap .apply-success-notice{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 460px;
	height: 214px;
	margin-left: -230px;
	margin-top: -147px;
	text-align: center;
	background: #f2f2f2;
	padding: 40px 0;
	display: none;
}
.apply-mc-wrap .apply-success-notice .p1{
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	line-height: 1;
	margin-top: 26px;
}
.apply-mc-wrap .apply-success-notice .p2{
	font-size: 14px;
	color: #788e9a;
	line-height: 40px;

}
.apply-mc-wrap .apply-success-notice .success-btn{
	width: 118px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	background: #425365;
	margin: 0 auto;
	border-radius: 23px;
	cursor: pointer;
	letter-spacing: 4px;
	margin-top: 20px;
}
.apply-alert{
	display: none;
	position: fixed;
	z-index: 10;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin-left: -50px;
	margin-top: -10px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
}