@charset "utf-8";
/* CSS 前台通用 */

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
body { margin:0; padding:0; color:#333; font:14px/30px 'Helvetica','Arial','Microsoft YaHei','微软雅黑','SimSun','宋体'; background-color:#f2f2f2; }
img { border:none; }
.container { width:1180px; margin:0 auto; }
.font-yahei { font-family:'Arial','Microsoft YaHei','微软雅黑','SimSun','宋体'; }
.font-song { font-family:'Arial','SimSun','宋体'; }

/* 页头 */
header { width:100%; height:80px; background-color:#fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
header:after { height:0; display:block; content:''; clear:both; visibility:hidden; }
header img.logo { margin:20px 0; float:left; }
header nav { width:500px; margin:35px 0 0 100px; float:left; }
header nav a { margin:0 40px 0 0; font-size:16px; color:#666; text-decoration:none; }
header nav a:hover { color:#fc583d; }
header nav a.current { color:#fc583d; }
header .login-box { width:auto; margin:35px 0 0 0; color:#666; text-align:right; float:right; }
header .login-box a { color:#666; text-decoration:none; }
header .login-box #btn_login { margin-right:20px; }
header .login-box #btn_regist { margin-left:20px; }
header .user-box { position:relative; width:auto; height:80px; float:right; }
header .user-box a.user { height:80px; padding:20px 10px; display:inline-block; color:#666; text-decoration:none; }
header .user-box a.user:hover { background:#f2f2f2; }
header .user-box a.user span { position:relative; width:40px; height:40px; display:inline-block; }
header .user-box a.user span img#headPortrait { width:40px; height:40px; border-radius:4px; }
header .user-box a.user span img#vip { position:absolute; left:-10px; bottom:-3px; width:21px; height:13px; }
header .user-box a.user-focus { background:#f2f2f2; }
header .user-box ul { position:absolute; width:auto; height:auto; top:80px; right:0; margin:0; padding:0; box-shadow:0 5px 16px rgba(0, 0, 0, 0.1); background:#fff; z-index:99; display:none; }
header .user-box ul li { list-style:none; }
header .user-box ul li a { min-width:140px; height:40px; line-height:40px; padding-left:20px; display:inline-block; color:#666; text-decoration:none; }
header .user-box ul li a:hover { color:#fff; background:#28b28b; }
header .notice-box { margin:28px 40px 0 0; float:right; }
header .notice-box a { width:auto; height:38px; line-height:38px; display:inline-block; color:#666; text-decoration:none; }
header .notice-box a:hover { color:#28b28b; }
header .notice-box a i { margin-top:7px; font-size:24px; }
header .search-box { position:relative; width:auto; height:auto; margin:28px 20px 0 0; overflow:hidden; float:right; }
header .search-box .search { width:200px; height:38px; border:1px solid #ccc; border-radius:3px; }
header .search-box .search input[type="text"] { width:100%; height:36px; line-height:36px; padding:0 50px 0 10px; border:none; box-shadow:none; }
header .search-box .mask { position:absolute; width:100%; left:0; top:0; bottom:0; background:#fff; z-index:2;
	transition: all 0.3s ease-in; /*官方标准*/
	-webkit-transition: all 0.3s ease-in; /*Safari、Chrome*/
	-moz-transition: all 0.3s ease-in; /*Firefox*/
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in; /*Opera*/
}
header .search-box .mask-hide { left:-300px; }
header .search-box a { position:absolute; width:50px; height:38px; top:0; right:0; background:url(/images/icon-search.png) no-repeat center center; display:block; z-index:3; }

/* 页脚 */
footer { height:auto; }
footer .contact { height:158px; padding-top:36px; color:#fff; background:#303131; }
footer .contact:after { height:0; display:block; content:''; clear:both; visibility:hidden; }
footer .contact ul.link { width:auto; height:auto; margin:0 80px 0 0; padding:0; float:left; }
footer .contact ul.link li { height:20px; line-height:20px; margin:0 0 14px 0; list-style:none; }
footer .contact ul.link li a { color:#fff; text-decoration:none; }
footer .contact ul.link li a:hover { text-decoration:underline; }
footer .contact ul.way { width:auto; height:auto; margin:0 80px 0 0; padding:0; float:right; } 
footer .contact ul.way li { height:auto; margin:0 0 10px 0; list-style:none; }
footer .contact ul.way li span { height:30px; line-height:30px; display:inline-block; }
footer .contact ul.way li span i { width:30px; height:30px; margin:0 10px 0 0; border:1px solid #999; border-radius:15px; line-height:28px; font-size:18px; color:#999; text-align:center; }
footer .contact ul.way li span a { color:#fff; text-decoration:none; }
footer .contact ul.way li span a:hover { text-decoration:underline; }
footer .contact ul.way li p { margin:0 0 0 40px; line-height:1.4; font-size:12px; color:#999; }
footer .copyright { height:auto; line-height:26px; padding:20px 0 15px 0; color:#646464; font-size:12px; background:#2b2c2c; }
footer .copyright a { color:#646464; text-decoration:none;}

/* 侧栏 */
.sidebar { width:200px; height:auto; border:1px solid #f2f2f2; background:#fff; }
.sidebar a { width:100%; height:60px; padding-left:25px; border-top:1px solid #f2f2f2; line-height:59px; font-size:16px; color:#333; text-decoration:none; display:block; }
.sidebar a:hover { color:#fff; background-color:#28b28b; }
.sidebar a.current { position:relative; color:#fff; background:url(/images/user-sidebar-arrow.png) no-repeat 176px 22px #28b28b; }
.sidebar a:first-child { border-top:none; }

/* 课程列表 */
.course-list { width:100%; height:auto; margin:30px 0; padding:0 0 30px 0; border-bottom:1px solid #dedede }
.course-list h2 { height:20px; margin:10px 0 25px 0; font-size:16px; font-weight:normal; }
.course-list h2:after { height:0; display:block; content:''; clear:both; visibility:hidden; }
.course-list h2 a { color:#666; font-size:14px; text-decoration:none; float:right; }
.course-list h2 a:hover { text-decoration:underline; }
.course-list .show { width:1200px; }
.course-list .show:after { height:0; display:block; content:''; clear:both; visibility:hidden; }
.course-list dl { width:280px; margin:0 20px 30px 0; background:#fff; float:left;
	-moz-box-shadow:0 2px 2px #ddd;
	-webkit-box-shadow:0 2px 2px #ddd;
	box-shadow:0 2px 2px #ddd;
	transition:all 0.2s ease-in; /*官方标准*/
	-webkit-transition:all 0.2s ease-in; /*Safari、Chrome*/
	-moz-transition:all 0.2s ease-in; /*Firefox*/
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in; /*Opera*/
}
.course-list dl:hover { margin-top:-2px;
	-moz-box-shadow:0 12px 12px #ddd, -6px 0 6px #ddd, 6px 0 6px #ddd;
	-webkit-box-shadow:0 12px 12px #ddd, -6px 0 6px #ddd, 6px 0 6px #ddd;
	box-shadow:0 12px 12px #ddd, -6px 0 6px #ddd, 6px 0 6px #ddd;
}
.course-list dl dt { height:210px; }
.course-list dl dt img { width:280px; height:210px; }
.course-list dl dd { margin:0; padding:0; }
.course-list dl dd .area-course { padding:10px; }
.course-list dl dd .area-course:after { height:0; display:block; content:''; clear:both; visibility:hidden; }
.course-list dl dd .area-course a { font-size:14px; color:#666; text-decoration:none; }
.course-list dl dd .area-course a:hover { color:#fc583d; }
.course-list dl dd .area-course p { margin:0; line-height:28px; font-size:12px; color:#787878; }
.course-list dl dd .area-course p span.price { }
.course-list dl dd .area-course p span.price i { margin-left:2px; font-style:normal; font-size:14px; }
.course-list dl dd .area-course p span.price i.pay { color:#fc5830; }
.course-list dl dd .area-course p span.price i.free { color:#28b28b; }
.course-list dl dd .area-course p span.time { color:#f38f8f; float:right; }
.course-list dl dd .area-course p span.enroll { float:right; }
.course-list dl dd .area-teacher { height:auto; margin:3px 0 0 0; padding:15px 10px; border-top:1px solid #ddd; }
.course-list dl dd .area-teacher a { position:relative; height:20px; line-height:20px; padding-left:30px; color:#666; text-decoration:none; display:inline-block; }
.course-list dl dd .area-teacher a img { position:absolute; left:0; top:0; width:20px; height:20px; border-radius:10px; }
.course-list dl dd .area-teacher a:hover { color:#fc583d; }
.course-list dl dd .area-teacher span.position { color:#787878; float:right; }
.course-list dl dd .area-teacher span.position i { margin-right:10px; }