body{/*line-height: 2;*/
	color: #333;
	font-family: "Microsoft YaHei","Source Han Sans CN",Verdana,Tahoma,Arial,simsun,"sans-serif";}
a{color: currentColor; text-decoration: none;}
a:hover,a:focus{color:#2a6496;text-decoration:none}
.fleft{float: left;}
.fright{float: right;}

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/*
html, body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, table, article, footer, header, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
*/
.w1200 {
	width: 1200px;
	margin: 0 auto
}



@font-face {
    font-family: 'dinregular';
    src: url('../../fonts/din_regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/din_regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../../fonts/din_regular-webfont.woff') format('woff'), /* Modern Browsers */
             url('../../fonts/din_regular-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;font-style: normal;
}
/* header */
#tophead {
	padding: 20px 0
}

.myhead {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

.myhead>a {
	flex: 0 0 auto;
	width: 360px;float: left;
}

.myhead>a img {
	display: inline;
}

.topsearch-in {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	box-shadow: 0 0 0 2px #ff7200;
	padding: 5px;
	border-radius: 50px;
	overflow: hidden
}

.topsearch-in input {
	box-sizing: border-box;
	height: 24px;
	line-height: 24px;
	background-color: #fff;
	font-size: 14px;
	outline: 0;
	border: 0;
	width: 220px;
	padding: 0 .5em;
	margin: 0;
	display: inline-block;color: #333;
}

.mysearchbtn {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin: 0;
	background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NDkyMzYwNDIxIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjY2MjYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg5Ny41MzYgNzg4Ljk5Mkw3MzIuMTYgNjIzLjYxNmM5OS44NC0xNTkuNzQ0IDUxLjItMzY5LjY2NC0xMDguNTQ0LTQ2OS41MDRzLTM2OS42NjQtNTEuMi00NjkuNTA0IDEwOC41NDQtNTEuMiAzNjkuNjY0IDEwOC41NDQgNDY5LjUwNGMxMTAuNTkyIDY5LjEyIDI1MC4zNjggNjkuMTIgMzYwLjQ0OCAwbDE2NS4zNzYgMTY1LjM3NmMzMC4yMDggMzAuMjA4IDc4Ljg0OCAzMC4yMDggMTA4LjU0NCAwczMwLjcyLTc4Ljg0OCAwLjUxMi0xMDguNTQ0eiBtLTQ1NC42NTYtMTQxLjMxMmMtMTEyLjY0IDAtMjA0LjI4OC05MS42NDgtMjA0LjI4OC0yMDQuMjg4czkxLjY0OC0yMDQuMjg4IDIwNC4yODgtMjA0LjI4OCAyMDQuMjg4IDkxLjY0OCAyMDQuMjg4IDIwNC4yODhjMC41MTIgMTEyLjY0LTkxLjEzNiAyMDQuMjg4LTIwNC4yODggMjA0LjI4OHoiIGZpbGw9IiM1Njk4RDkiIHAtaWQ9IjY2MjciPjwvcGF0aD48L3N2Zz4=) no-repeat center;
	background-size: 18px;
	opacity: .8;
	cursor: pointer
}

.mysearchbtn:hover {
	opacity: 1
}

.topset {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex: 0 0 auto;
	width: 250px
}

.topset_new {
	font-size: .8em;
	line-height: 1.5;float: right;
}

.topset-text {
	margin-right: 10px;font-size: 13px;display: inline-block;float: left;
}

.topset-image img {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: block
}

.topset-image{position: relative;display: inline-block;}
.topset-image em{display: inline-block;width: 22px;height: 22px;background-color: #c33;border-radius: 50%;text-align: center;line-height: 24px;position: absolute;top:-5px;right: -5px;}
.topset-image em.not_vip{background-color: #999;}
.topset-image i{color: #fff;font-size: 14px;}

.topset-text2 a {
	color: #ff8c2f
}

.topset-text2 .logout-link {
	color: #d34;
	margin-left: 6px
}

.topset-text2 a:hover {
	color: #e27
}

.join-vip {
	/*position: absolute;
    right: 33%;*/
	display: inline-block;
	/*margin-left: 38%;*/
	padding-left: 42%;line-height: 2;float: left;
}

.join-vip-btn {
	padding: 5px 14px;
	background: #ff6300;
	color: #fff;
	border-radius: 5px;
	display: block;
	font-size: 14px;
}

.userlink1 {
	margin-left: 20px;
	background: #ff8c2f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NDkzNDgyNzMzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI4NzUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg5NiA0NDhoLTEyOGEzMiAzMiAwIDAgMCAwIDY0aDEyOGEzMiAzMiAwIDAgMCAwLTY0TTg5NiAzMjBoLTEyOGEzMiAzMiAwIDAgMCAwIDY0aDEyOGEzMiAzMiAwIDAgMCAwLTY0TTc2OCAyNTZoMTI4YTMyIDMyIDAgMCAwIDAtNjRoLTEyOGEzMiAzMiAwIDAgMCAwIDY0IiBwLWlkPSIyODc2IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PHBhdGggZD0iTTc4MS43NiA2NDBjLTUuMTItMi4yNzItOTcuMjE2LTQyLjU2LTE5OC43Mi02Mi43NTIgMTEuODA4LTkuNjMyIDIyLjE0NC0yMC45MjggMzEuMTA0LTMzLjI0OGExNzQuODggMTc0Ljg4IDAgMCAwIDMzLjc5Mi0xMDMuMnYtMTA0Ljc2OEExNzYuMzIgMTc2LjMyIDAgMCAwIDU3NiAxOTQuMzM2IDE3NC4zNjggMTc0LjM2OCAwIDAgMCA0NzIuMTkyIDE2MGMtOTYuOTI4IDAtMTc1Ljc3NiA3OC45NzYtMTc1Ljc3NiAxNzYuMDMydjEwNC43NjhjMCA1Ni41NDQgMjYuODggMTA2LjgxNiA2OC4zODQgMTM5LjA3Mi05Ni40OCAyMC44MzItMTgxLjM0NCA1Ny44MjQtMTg1LjUzNiA1OS43MTJDMTUwLjAxNiA2NTEuMzI4IDEyOCA2ODQuMTkyIDEyOCA3MTZ2MTMxLjcxMmwxLjcyOCA1LjAyNGM5LjUwNCAyNy45MDQgMzUuMTM2IDQ2LjYyNCA2My43NzYgNDYuNjI0aDU3Mi45OTJjMzMuMjggMCA2MC44MzItMjQuODY0IDY0Ljk2LTU2Ljk2bDAuNTQ0LTEyNi40YzAtMTUuMjMyLTUuMTg0LTMwLjcyLTEzLjY2NC00NC05LjA4OC0xNC4yNzItMjEuOTUyLTI2LjAxNi0zNi41NzYtMzIiIHAtaWQ9IjI4NzciIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=) no-repeat .5em center
}

.userlink2 {
	margin-left: 10px;
	background: #d25 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NDk0MDA3NzE2IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMxNTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTY4MC42MDggMzg0aC0yMjRhMzIgMzIgMCAxIDEgMC02NGgyMjRhMzIgMzIgMCAxIDEgMCA2NG0wIDE2MGgtMjI0YTMyIDMyIDAgMSAxIDAtNjRoMjI0YTMyIDMyIDAgMSAxIDAgNjRtMCAxNjBoLTIyNGEzMiAzMiAwIDEgMSAwLTY0aDIyNGEzMiAzMiAwIDEgMSAwIDY0bS0zMjguNjQtMzIwYTMyIDMyIDAgMSAxIDAtNjQgMzIgMzIgMCAwIDEgMCA2NG0wIDE2MGEzMi4wMzIgMzIuMDMyIDAgMCAxIDAtNjQgMzIgMzIgMCAwIDEgMCA2NG0wIDE2MGEzMi4wMzIgMzIuMDMyIDAgMCAxIDAtNjQgMzIgMzIgMCAwIDEgMCA2NE03OTkuODcyIDE2MEgyMjMuNjhBNjMuNzc2IDYzLjc3NiAwIDAgMCAxNjAgMjIzLjc0NHY1NzYuNTEyQzE2MCA4MzUuMzkyIDE4OC42MDggODY0IDIyMy43NzYgODY0aDU3Ni41MTJhNjMuNzc2IDYzLjc3NiAwIDAgMCA2My42OC02My43NDRWMjIzLjc0NEE2NCA2NCAwIDAgMCA3OTkuODcyIDE2MCIgcC1pZD0iMzE1MiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==) no-repeat .5em center
}

.topuserlink a {
	color: #fff;
	font-size: .9em;
	padding: 5px 15px;
	border-radius: 30px;
	line-height: 1.4;
	background-size: 1.2em;
	text-indent: 1.2em;
	display: inline-block
}

.topuserlink a:hover {
	opacity: .8
}
#allwrap {
	margin-top: 15px
}

#navbar {
	background-color: #ff8c2f;
	background: linear-gradient(#ff8c2f 95%,#48c 98%);
	color: #fff;
	line-height: 55px;
	/*box-shadow: 0 20px 40px rgba(37,126,225,0.2)*/
}

#navbar ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;float: left;
}
.topsearch{float: right;line-height: 44px;}
#navbar ul.navbar1 li{display: inline-block}

.navbar1 {
	flex: 0 0 auto
}

.navbar2 {
	margin-top: 27px
}

.navbar2 a {
	display: inline-block;
	line-height: 1;
	width: 60px;
	margin: 0 2px;
	color: #666;
	padding: 6px;
	text-align: center;
	font-size: .75em
}

.navbar2 a:hover {
	color: #d35
}

.navbar2-in1 {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}

#navbar .w1200 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	text-align: center
}

#navbar li a {
	padding: 0 25px;
	display: block;font-size: 16px;
	/*font-weight: 700;*/
}

#navbar li a:hover {
	color: #fff;
	background: linear-gradient(transparent 20%,rgba(0,0,0,0.1))
}

.navbar2 {
	justify-content: flex-end
}

.nav-active {
	background-color: rgba(111,111,111,0.1)
}


/* 通用导航 */
.iNav{background-color: #5a8dc0;font-size: 14px;}
.iNav-menu{background-color: #5a8dc0;width: 1205px;height: 38px;margin: 0 auto;}
.iNav-menu li{float: left;width: 140px;height: 100%;border-left: 1px solid #69c;text-align: center;line-height: 38px;}
.iNav-menu li a{display: block;width: 100%;color: #fff;transition: all 0.5s ease 0;}
.iNav-menu li a:hover,.iNav-menu li a.active{color: #fff;text-decoration: none;background-color: #69c;}

/* 导航修复 */
.column{float: left;width: 225px;position: relative;}

/* 块 */
.overflow{overflow: hidden;}
.wrap{margin: 0 auto;width: 1205px;min-height: 650px;}

/* 颜色、字体 */
.cf30{color: #f30;}
.c393{color: #393;}
.m-price-expense{color: #f30;font-size: 18px;font-family: Arial,'Microsoft YaHei',sans-serif;}
.m-price-free{color: #393;font-size: 18px;font-family: Arial,'Microsoft YaHei',sans-serif;}
.m-price-sale{text-decoration: line-through;color: #999;}
.m-price-free sub,.m-price-sale sub,.m-price-expense sub{bottom: 0;}
.m-price-expense b{font-weight: normal;font-size: 14px;}
.m-price-sale b{font-weight: normal;}
.chapters-type{background: #999;color: #fff;margin-left: 5px;font-size: 12px;padding: 0px 3px;}

.s-text-color-999{color: #999}
.s-text-color-999:hover{color: #fff}

.group_name{margin-left: 5px;display: inline-block;background-color: #59b0ff;color: #fff;padding: 0px 5px;font-size: 12px;}
#sw-login-popup{background: #fff;}

/* 按钮 */
.m-btn{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;}

/* banner */
.banner{height: 460px;margin: 0 0 20px 0;}
.banner-item{overflow: hidden;width: 760px;}
.banner-item li{float: left;position: relative;}
.banner-item li a .layer{display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);position: absolute;left: 0;top: 0;}
.banner-item li a:hover .layer{display: block;}

/* 标题 */
.sw-tit{background: url(../../common/line.gif) repeat-x bottom;padding: 0 20px 0 0;overflow: hidden;margin-bottom: 20px;}
.sw-tit-header{float: left;font-size: 24px;height: 60px;line-height: 60px;margin: 0 10px 0 0;overflow: hidden;}
.sw-tit-body{float: right;height: 60px;}
.sw-tit-body li{float: right;position: relative;bottom: -26px;}
.sw-tit-body li a{display: block;padding: 5px 10px;font-size: 14px;color: #3c3c3c;margin: 0 2px;}
.sw-tit-body li.on a ,.sw-tit-body li a:hover{border-bottom: 2px solid #369;}

/* tab */
.sw-tab{height: 46px;border: 1px solid #e5e5e5;font-size: 16px; background: #fff;background: linear-gradient( #ffffff, #fafafa);}
.sw-tab-body li{display: inline;float: left;height: 46px;line-height: 46px;cursor: pointer;border-right: 1px solid #E5E5E5;margin-top: -1px;}
.sw-tab-body li span{display: block;padding: 0 22px;}
.sw-tab-body li span a{display: block;}
.sw-tab-body li span b{padding-left: 5px;color: #e50;}
.sw-tab-body li.on{background: #fff;border-bottom: 1px solid #fff;border-top: 2px solid #69c;color: #333;font-weight: bold;}

/* 面包屑 */
.crumbs{margin: 15px 0;}
.crumbs li{display: inline-block;}
.crumbs ul>li+li:before{display: inline-block;content: "";margin: 0 10px 0 3px;padding: 0;border: 1px solid #ccc;border-width: 1px 1px 0 0;width: 8px;height: 8px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.crumbs ul>li>a{color: #666;}

/* 内页 */
.course-header{margin-bottom: 20px;height: 280px;}
.course-header .course-pic{float: left;width: 450px;height: 280px;}
.course-header .course-pic img{width: 450px;height: 280px;}
.course-header .course-info{float: left;width: 755px;height: 280px;border: 1px solid #e6e6e6;border-left: none;}

.course-header .course-info-data ,.course-header .course-info-price{color: #888;}
.course-header .course-info-data span ,.course-header .course-info-price span{margin-right: 5px;}
.course-header .course-info b{font-weight: normal;}
.course-header .course-info-data{margin-bottom: 10px;}
.course-header .course-info-buy{margin-top: 20px;}
.course-header .course-info-buy .m-btn{margin-right: 10px;}
.course-header .course-info-data .icon{margin-right: 5px;}

.course-header .course-info .course-info-col{width: 100%;padding: 25px 30px 0 30px;}

.course-info-title{border-bottom: 1px solid #eee;padding: 20px 0 20px 30px;}
.course-info-title h1{font-size: 28px;background: #fefefe;line-height: 1;}
.course-info-title h2{color: #888;margin: 0;}

.course-body{width: 100%;}
.course-body .main-panel{margin-right: 285px;}
.course-body .main{float: left;width: 100%;margin-bottom: 20px;}
.course-body .side{float: right;width: 265px;margin-left: -265px;}

.course-body .main-inner{padding: 0 0 20px 0;border: 1px solid #e6e6e6;border-top: none;}
.course-body .main-inner .course-main-catalog{}
/*课程内页栏目说明.course-body .main-inner .course-main-catalog .catbar{height: 36px;line-height: 36px;border-bottom: 1px solid #eee;padding: 0 20px;color: #888;}*/
.course-body .main-inner .course-main-catalog li{height: 44px;line-height: 44px;padding: 0 20px 0 30px;border-bottom: 1px solid #eee;overflow: hidden;}
.course-body .main-inner .course-main-catalog li:last-child{border-bottom: none;}
.course-body .main-inner .course-main-catalog li:hover{background-color: #fcfcfc;}

.course-body .main-inner .course-main-catalog li a.course-name:hover {
	color: #d25 !important;
}

.course-body .main-inner .course-main-catalog li a.course-name{display: block;color: #428bca;}
.course-body .main-inner .course-main-catalog li.chapters{background-color: #f9f9f9;/*height: 50px;line-height: 50px;*/font-size: 15px;padding: 0 20px;}
.course-body .main-inner .course-main-catalog li.delay{height: 44px;line-height: 44px;padding: 0 20px 0 30px;color: #bfbfbf;}
.course-body .main-inner .course-main-catalog li .catalog-meta{display: inline-block;float: right;color: #999;font-family: tahoma,arial,sans-serif;margin-left: 10px;}
.chapter-des{padding:2px 20px;display: block;background: #fefefe;border-bottom: 1px solid #eee;color: #999;  font-size: 12px;}
.course-body .main-inner .course-main-catalog li b{font-weight: normal;color: #999;}
.course-body .main-inner .course-main-catalog li b.catalog-meta-y{color: #f30}
.course-body .main-inner .course-main-catalog li b.catalog-meta-n{color: #393}
.course-body .main-inner .course-main-catalog li .catalog-meta .icon-video{vertical-align: -2px;font-size: 16px;margin-right: 2px;}
.course-body .main-inner .course-main-catalog li a.a-icon-video{display: inline;color: #999;padding-right: 5px;}

.course-discuss .title{background-color: #f8f8f8;padding: 5px 10px;margin-bottom: 5px;color: #666;}
.course-discuss .aw-article-replay-box{padding-left: 0;margin: 0;}
.course-discuss .aw-comment-box{border: none;}

.side-mod{border: 1px solid #e6e6e6;position: relative;margin-bottom: 20px;}
.side-mod-hd{padding: 0 20px;border-bottom: 1px solid #e6e6e6;background: #fcfcfc;background: linear-gradient( #ffffff, #fafafa);}
.side-mod-hd h5{height: 46px;line-height: 46px;margin-bottom: 0;font-size: 15px;}
.side-mod-bd{padding: 20px;line-height: 26px;}
.side-mod-bd .aw-user-name{margin-bottom: 5px;display: inline-block;}

.side-tw{overflow: hidden;}
.side-tw .side-tw-l{float: left;margin-right: 10px;}
.side-tw .side-tw-l img{width: 80px;height: 80px;border-radius: 50%;}

.course-main-download .mod-body li{padding: 10px 0;border-bottom: 1px dashed #ddd;}
.course-main-download .mod-body li:hover{background-color: #fcfcfc;}
.course-main-download .mod-body li:last-child{border-bottom: none;}
.course-main-download .mod-body li span{margin-right: 10px;color: #999;}
.course-main-index .mod-head{font-size: 16px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.course-main-index .mod-body{margin: 10px 0;}
.course-main-index .course-main-catalog li.chapters{padding: 0 !important;}

/* side 讲师信息 */
.side-uesrInfo{padding-bottom: 20px;}
.side-uesrInfo .side-uesrInfo-name{font-size: 16px;margin-bottom: 5px;}
.side-uesrInfo .side-uesrInfo-medal{margin-left: 5px;vertical-align: -2px;}
.side-uesrInfo-medal{margin-left: 5px;vertical-align: -2px;}
.side-uesrDes{padding-top: 20px;border-top: 1px solid #eee;}

/* 列表 */
.list-side,.list-main{margin-top: 20px;}
.list-side{float: left;width: 225px;position: relative;margin-right: -225px;}
.list-main{float: right;width: 100%;}
/*.list-main-inner{margin-left: 245px;}*/
.list-course{margin-right: -20px;}
.list-side dl{margin-bottom: 0;}
.list-side dt{font-size: 16px;margin: 5px 0;font-weight: normal;padding: 5px 15px;}
.list-side dd{margin-left: 0;border-bottom: 1px solid #eee;padding: 5px 15px;}
.list-side dd:last-child{border-bottom: none;}
.list-side dd a{display: inline-block;padding-right: 8px;padding-bottom: 5px;}

/* 列表导航 */
.list-nav{margin-bottom: 20px;border:1px solid #eee;background: #fff;}
.list-nav-block{border-bottom: 1px dotted #dedede;height: 48px;line-height: 48px;position: relative;}
.list-nav-block:first-child{background-color: #fcfcfc;}
.list-nav-block:last-child{border-bottom: none;}
.list-nav-blockHd{position: absolute;left: 20px;}
.list-nav-blockBd{padding: 0 20px 0 110px;color: #666;}
.list-nav-blockBd a{display: inline-block;height: 24px;line-height: 24px;padding: 0 12px 0 10px;margin-right: 5px;position: relative;}
.list-nav-blockBd a.on{border: 1px solid #69c;}

.list-nav-2{margin-bottom: 20px;}
.column-bar{float: left;width: 225px;}
.column{z-index: 1;border: 1px solid #eee;border-top: 1px solid #fff;height: 460px;}
.column .column-tit{font-size: 16px;color: #333;text-align: center;border-bottom: 1px solid #eee;margin-bottom: 0;height: 50px;line-height: 50px;background-color: #fcfcfc;}
.column .cm{position: relative;border-bottom: 1px solid #eee;}
.column .cm h3{height: 50px;line-height: 50px;margin-bottom: 0;font-size: 16px;padding-left: 20px;}
.column .cm h3 .icon{float: right;display: block;margin-top: 18px;color: #999;margin-right: 10px;}
.column .on h3{border-right: 1px solid #fff;box-shadow: 0px 1px 1px #ddd;}
.column .on h3 .icon{display: none;}
.column .cm h3 a{display: block;}
.column .column-sub{display: none;position: absolute;top: -1px;left: 223px;background-color: #fff;border: 1px solid #eee;padding: 15px 20px;overflow: hidden;width: 300px;border-left: none;}
.column .column-sub li{float: left;margin-right: 5px;}
.column .column-sub h4{color: #333;font-weight: bold;}

.list-side .column{height: auto;border-bottom: none;border-top: 1px solid #eee; }

.mod-expense,.mod-free,.mod-sale{display: inline-block;}
.mod-expense{color: #f30;}
.mod-free{color: #393;}
.mod-sale{color: #f30;}


/* icon */
.icon-play{display: inline-block;width: 30px;height: 30px;background: url(../../common/icon-play.png?v2) no-repeat;position: absolute;bottom: 10px;left: 10px;}
.icon-hot{display: inline-block;width: 55px;height: 55px;background: url(../../common/icon-hot.png) no-repeat;position: absolute;top: 0;left: 0;}
.icon-pitch{display: inline-block;width: 14px;height: 14px;background: url(../../common/icon-pitch.png) no-repeat;position: absolute;bottom: 0;right: 0;}
.i-download{display: inline-block;background: url(../../common/i-download.png) no-repeat;width: 16px;height: 16px;margin-right: 5px;vertical-align: -3px;}

.mod-icon{width: 18px;height: 18px;background-color: #999;display: inline-block;background: url(../../common/mod-icon.png) no-repeat;}
.i-lesson_count{vertical-align: -4px;margin-right: 3px;background-position: -16px -16px;}
.i-focus_count{vertical-align: -4px;margin-right: 3px;background-position: -66px -16px;}

/* 新增 */
.course-main-discuss ,.course-main-notes ,.course-main-download ,.course-main-index{padding: 20px;}
.course-main-discuss .aw-item .mod-footer .mod-body{padding-left: 0;}
.course-main-discuss>p,.course-main-notes>p{overflow:hidden;}

/* 新增 */
.course-pic{position:relative;}
.course-txt{position:absolute;bottom:0;height:35px;background:#222;opacity:0.5;font-size:16px;text-align:center;width:100%;line-height:35px;color: #fff;}
.course-txt b{color:#ffc;}


/* 播放页面 */
.btn-qq{background-color: #418ae2;color: #fff !important;}
.btn-qq:hover{background-color: #2d7fe2;}
.btn-qq:active{background-color: #1773e2;}
.top-lesson-list{float:left;width:200px;text-align:center;line-height:50px;}
.top-lesson-list i{float:right;line-height:50px;}
.top-lesson-list a{display:block;color:#ccc;padding:0 20px;}
.top-lesson-list a:hover{background:#333;color:#fff;}
.top-lesson-list .dropdown-list{width:400px;display:none; text-align:left;line-height:35px;position:absolute}
.top-lesson-list .dropdown-list a{display:block;}
.top-lesson-list .course-info{height:41px;line-height:41px;border-bottom:1px solid #ccc;}
.top-lesson-list .course-info a{height:40px;line-height:40px;}
.top-lesson-list.open,.top-lesson-list.open .dropdown-list{background:#333;display:block;}
.top-lesson-list .aw-dropdown-list .chapters{color:#999}
.top-lesson-list .aw-dropdown-list li i{float:left;line-height: 35px;padding-right:5px;}
.top-lesson-list .aw-dropdown-list li{padding:0 20px;}
.top-lesson-list .aw-dropdown-list a{padding-left:20px;} 
.top-lesson-list .aw-dropdown-list .catalog-time{font-size:0.75em;color:#999;}
.container-fluid{background:#000;}

 .course-tool{/*width:100%;*/width:99%; height: 42px;z-index: 1000;position:absolute;bottom:0;/*left: 0;*/right:0;background-color: #000;padding: 0 20px;} 
.course-tool li{float:right;height: 42px;line-height: 42px;padding-left: 10px;}
.course-tool li i{vertical-align: -2px;margin-right: 5px;}

.course-main-discuss ,.course-main-notes ,.course-main-download{padding: 20px;}
.course-main-discuss .aw-item .mod-footer .mod-body{padding-left: 0;}

.s-text-color-999{color: #4f4f4f}
.s-text-color-999:hover{color: #fff}

#show_description{position:absolute;width:300px;background: #fff;color: #666;padding: 10px;border: 1px solid #eee;border-radius: 5px;display:none;}
.course-title .more:hover #show_description{display:block;}
.aw-user-nav{margin-right:30px;}

.aw-top-menu-wrap{position:fixed;}
.container-fluid{height:100%;padding-top:50px;}
.player_box{height:100%;position:relative;}
.height100{height:100%}
.player_box_player{padding-bottom:40px;}

/* 样式层叠 */
.aw-top-menu-wrap{background-color: #fff;color: #333;}
.course-title{line-height:50px;font-size:16px;float:left;}
.course-title .more{position:relative;padding-left:30px;}
.course-title .more #show_description{line-height: 1;border-radius: 0;padding: 15px;font-size: 12px;}
.return-back{float:left;font-size:16px;text-align:center;width:100px;}
.return-back a{display:block;color:#333;height: 50px;line-height: 50px;margin-right: 10px;}
.return-back a:hover{background:#69c;color:#fff;}
.aw-user-nav{margin: 0;}
.col-sm-3 ,.col-xs-12{padding: 0;}
.modal-backdrop, .modal-backdrop.fade.in{filter: alpha(opacity=60);opacity: 0.6;}
.modal{border-radius: 10px;}


/*播放页面右侧互动模块*/
.action-bar-wrap{background-color: #252525;height: 100%;overflow-y: scroll;}
.action-bar-hd{height: 46px;line-height: 46px;}
.action-bar-hd ul{border-bottom: 2px solid #454545;height: 40px;padding: 0 20px;}
.action-bar-hd li{float: left;padding: 0 12px;}
.action-bar-hd li.on{background-color: #454545;}
.action-bar-hd li.on a{color: #fff;text-decoration: none;}
.action-bar-hd a{display: inline-block;height: 40px;line-height: 40px;color: #999;text-align: center;font-size: 16px;}

.action-bar-bd{color: #656565;} /*#bfbfbf*/
.action-bar-bd .ac-catalog ,.action-bar-bd .ac-notes ,.action-bar-bd .ac-ask{padding:13px 20px;}
.action-bar-bd .ac-catalog li{height: 36px;line-height: 36px;overflow: hidden;border-bottom: 1px solid #353535;}
.action-bar-bd .ac-catalog li a{color: #656565;}
.action-bar-bd .ac-catalog li.active a{color: #fff;padding-left: 5px;}
.action-bar-bd .ac-catalog li .catalog-time{float: right;color: #4f4f4f;}
.action-bar-bd .ac-notes .form-control{border: none;}
.action-bar-bd .aw-feed-list .aw-user-name{color: #656565;}
.action-bar-bd .aw-feed-list .aw-item{border-bottom: 1px solid #353535;}
.action-bar-bd .aw-feed-list .title{color: #656565;}
.action-bar-bd .aw-feed-list a{color: #999;}

.ac-ask .mod-footer .mod-body{padding-left: 0;}
.ac-ask .mod-footer .aw-comment-box{border: none;}
.ac-ask .aw-article-replay-box{padding-left: 0;margin: 0;}
.ac-ask .aw-article-replay-box .mod-footer a{color: #fff;}
.ac-ask .aw-comment-box form{background: #333;}
#quick_publish, #quick_publish_answer{margin-bottom: 5px;}



.course-discuss .title{background-color: transparent;padding: 0;}
.aw-user-nav{margin-top: 8px;padding-right: 20px;}
.aw-user-nav .aw-user-nav-dropdown .badge{position: static;}
.aw-user-nav .aw-user-nav-dropdown{height: 32px;}
.aw-user-nav .dropdown-list{border-top: 1px solid #ccc;left: 0;}

/*footer*/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}
.myfooter-wrap {
	background-color: #f7f7f7;
	padding: 20px 0 1px;
	font-size: .9em;  line-height: 2;  font-size: 14px;
}

.myfooter {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between
}

.myfootl {
	display: flex;
	width: 800px;
	padding: 5px;
	box-sizing: border-box;
	flex-wrap: nowrap;
	justify-content: space-between;
	float: left;
}

.myfootl ul{
	float: left;
	min-width: 20%;
}

.myfootr {
	width: 400px;
	text-align: right;
	float: right;
}

.myfootl h5 {
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom: 10px;
	color: #357;font-size: 16px;
}

.code__img img {
	vertical-align: middle;
	padding: 5px;
	background-color: #fff;
	width: 148px;
}

.mtfoot-icp {
	background-color: #fff;
	padding: 15px 0
}

.mtfoot-icp ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

.mtfoot-icp li {
	margin: 0 5px;
	float: left;
}

.mtfoot-icp .w1200 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	font-size: .95em;
	color: #999
}

.mtfoot-icp img {
	vertical-align: middle
}

/*新版课程封面 by ZJL 2015.12.31*/
.cs-item{width: 225px;float: left;margin: 0 20px 20px 0;position: relative;z-index: 10;}
.cs-item .cs-item-cover{position: relative;overflow: hidden;height: 140px;}
.cs-item .cs-item-cover img{width: 225px;}

.cs-item:hover{box-shadow: 0 1px 2px #e8e8e8;}
/*.cs-item:hover .cs-item-info{border-color:#ddd;}*/
.cs-item:hover .cs-item-shade{opacity: 1;}
.cs-item .cs-item-shade{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity,.18s;background-color: transparent;background-image: linear-gradient(transparent 60%,rgba(0,0,0,.8)100%);}
.cs-item .cs-item-shade span{position: absolute;bottom: 0;width: 100%;padding: 5px 10px;text-align: right;color: #fff;font-size: 12px;}


.cs-item .cs-item-info{border:1px solid #ececec;background-color: #fff;border-top: none;padding: 10px 10px 0;}
.cs-item .cs-item-info h4{margin: 0 0 6px;height: 42px;line-height: 1.5;}

.cs-item .cs-item-price{margin-bottom: 6px;font-family: Arial,'Microsoft YaHei',sans-serif;color: #f30;font-size: 16px;}
.cs-item .cs-item-price b{font-weight: normal;}
.cs-item .cs-item-price sub{bottom:0;}

.cs-item-extra{border-top: 1px dashed #ececec;height: 36px;line-height: 36px;font-size: 12px;color: #999;}
.cs-item-extra .cs-item-name{float: left;}
.cs-item-extra .cs-item-name i{font-size: 14px;margin-right: 2px;vertical-align: -1px;}
.cs-item-extra .cs-item-views{float: right;}

.list-course-tit{font-size: 16px;}
.list-course-tit .separa-txt {margin:20px 0 10px;color: #666;border-top: 1px solid #ececec;text-align: center;}
.separa-txt span {padding: 0 10px;display: inline-block;position: relative;background-color: #fff;top: -12px;}


/*.cs-item-tag{display: inline-block;position: absolute;top: -2px;left: -2px;background: #f30;color: #fff;z-index: 100;padding: 0 5px;}*/
.cs-label{background-color: #ec5a12;color: #fff;padding: 2px 10px;position: absolute;top: 16px;left: -4px;box-shadow: 1px 2px 3px rgba(0,0,0,0.25);z-index: 100;}
.cs-label:after{position: absolute;left: 0px;top: -6px;border-width: 3px 2px;border-style: solid;border-color: rgba(0, 0, 0, 0) #f47d43 #f47d43 rgba(0, 0, 0, 0);content: "";width: 0;height: 0;}


/*更新首页课程封面 20171108*/
.course-item a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.course-item a:after {
	content: " ";
	position: absolute;
	left: 6px;
	top: 6px;
	width: 212px;
	height: 128.88px;
	background: rgba(0,0,0,0.6) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NTkwNDE4MjA5IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUzOTUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMS40NTYgMC42NEMyMjkuNjY0IDAuNjQgMC40MTYgMjI5LjkyIDAuNDE2IDUxMS42OGMwIDI4MS44MjQgMjI5LjI0OCA1MTEuMDQgNTExLjA0IDUxMS4wNCAyODEuNzkyIDAgNTExLjA0LTIyOS4yMTYgNTExLjA0LTUxMC45NzZDMTAyMi40OTYgMjMwLjAxNiA3OTMuMjggMC42NCA1MTEuNDU2IDAuNjR6IG0wIDk0OS4wMjRjLTI0MS4zNDQgMC00MzcuOTUyLTE5Ni42NzItNDM3Ljk1Mi00MzcuOTUyIDAtMjQxLjMxMiAxOTYuNjA4LTQzNy45NTIgNDM3Ljk1Mi00MzcuOTUyIDI0MS4zMTIgMCA0MzcuOTIgMTk2LjYwOCA0MzcuOTIgNDM3Ljk1MiAwIDI0MS4zMTItMTk2LjYwOCA0MzcuOTItNDM3LjkyIDQzNy45MnoiIHAtaWQ9IjUzOTYiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNMzcwLjg4IDY1Ny4yMTZjMCA0MC40NDggMjguNDE2IDU2Ljc2OCA2My4yIDM2Ljg5NmwyNTEuMjY0LTE0NS41MDRjMzQuNzg0LTE5Ljg0IDM0Ljc4NC01My4yMTYgMC03My4xMmwtMjUxLjI2NC0xNDUuNDcyYy0zNC43ODQtMTkuODcyLTYzLjE2OC0zLjU1Mi02My4xNjggMzYuODk2djI5MC4zMDR6IiBwLWlkPSI1Mzk3IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+) no-repeat center;
	opacity: 0;
	transition: all .5s;
}

.course-item a:hover:after {
	opacity: 1
}

.course-item a:hover h4 {
	color: #c34
}

.clearfix .course-item:hover {
	box-shadow: 0 0 0 1px #aaa !important;
}

.list-course .clearfix .course-item:hover:hover {
	box-shadow: 0 0 0 1px #ddd;
}

.course-item a:hover span {
	color: #888 !important;
}

.course-item {
	width: 225px;
	float: left;
	margin: 0px 18px 20px 1px;
	position: relative;
	z-index: 10;
	box-shadow: 0 0 0 1px #d4d4d4;
	border-radius: 5px 5px 4px 4px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	height: 245px;
	background-color: #fff;
	box-sizing: border-box;
}
.course-item .course-item-cover img {
	width: 225px;
	height: 141.88px;
	display: block;
	border-radius: 5px 5px 0 0;
	padding: 6px;
	box-sizing: border-box;
}
.course-item .course-item-info span{
	color: #d25;
	font-size: .85em;
	display: block;
	font-family: Arial,sans-serif;
	/*margin: 9px 8px 0;*/margin: 9px 11px 0;
	line-height: 1;
}
.course-item .course-item-info span i{
	font-style: normal;
	color: #aaa;
	float: right;
	line-height: 1;
	margin-right: 9px;
}
/*.course-item{width: 225px;float: left;margin: 0 20px 20px 0;position: relative;z-index: 10;}*/
.course-item:hover{box-shadow: 0 2px 8px 0 rgba(0,0,0,.04);}
.course-item .course-item-cover{position: relative;}
/*.course-item .course-item-cover img{border-top-left-radius: 12px;border-top-right-radius: 12px;width: 225px;}*/
.course-item .course-item-cover .course-item-shade{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity,.18s;background-color: transparent;/*background-image: linear-gradient(transparent 60%,rgba(0,0,0,.8) 100%);*/}
.course-item .course-item-cover .course-item-shade span{position: absolute;bottom: 0;width: 100%;padding: 5px 10px;text-align: right;color: #fff;font-size: 12px;}
.course-item:hover .course-item-cover .course-item-shade{opacity: 1;}

/*.course-item .course-item-info{border:1px solid #eee;border-top: none;}*/

.course-item .course-item-title{padding: 10px 10px 0px;height: 60px;}
.course-item .course-item-title h4 a{color: #333;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 40px\0;}
.course-item .course-item-title h4 a:hover{color: #428bca;}
.course-item .course-item-data{border-top: 1px solid #eee;color: #999;overflow: hidden;margin: 0 20px;height: 46px;line-height: 46px;}
.course-item .course-item-data span{display: block;border-left: 1px solid #eee;font-size: 12px;}
.course-item .course-item-data span:first-child{border-left: none;}
.course-item .course-item-data span b{font-size: 14px;color: #222;}

.course-item .course-item-data .free{float: left;padding-right: 10px;width: 45%;}
.course-item .course-item-data .price{float: right;font-size: 20px;color: #00b76f;width: 55%;text-align: right;}
.course-item .course-item-data .price span{display: block;}
.course-item .course-item-data .price sub{font-size: 12px;bottom: 0;}
.course-item .course-item-data .price b{font-size: 12px;color: #00b76f;}

.course-item .course-item-price{overflow: hidden;padding: 10px 20px;border-top: 1px solid #eee;display: none;}
.course-item .course-item-price span{display: block;}
.course-item .course-item-price .name{float: left;width: 40%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.course-item .course-item-price .views{float: right;width: 60%;text-align: right;font-size: 12px;color: #999; white-space: nowrap;}
.course-item .course-item-price .views b{font-size: 14px;}

.course-item .course-item-data{font-family: 'dinregular', 'Microsoft Yahei', sans-serif;}


/*新版header 20171108*/
.header-nav{width: 1205px;margin: 0 auto;position: relative;z-index: 1000;background: linear-gradient( #ffffff, #fafafa);border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-top-left-radius: 6px;border-top-right-radius: 6px;overflow: hidden;}
.header-nav ul{height: 50px;line-height: 50px;float: left;}
.header-nav ul li{float: left;border-right: 1px solid #eee;}
.header-nav ul li:last-child{border-right: none;}
.header-nav ul li a{color: #333;font-size: 15px;display: inline-block;padding: 0 26px;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;}
.header-nav ul li a:hover{background-color: #f9f9f9;color: #428bca;transition: color 200ms,background-color 200ms;}
.header-nav ul li:first-child a:hover{border-top-left-radius: 6px;}
.header-nav .search-from{float: right;}
.header-nav .search-from .form-control{border-color: #eee;}
.header-menu{width: 1205px;margin: 0 auto;position: relative;border:1px solid #eee;border-top: none;overflow: hidden;box-shadow: 0 1px 3px 0 rgba(0,0,0,.04);}
.header-menu a{color: #666;display: block;}.header-menu a:hover{color: #428bca;}.header-menu a.active{color: #428bca;}
.header-menu-item{float: left;overflow: hidden;position: relative;padding: 65px 26px 30px;border-right: 1px solid #f4f4f4;}
.header-menu-item .menu-title{font-size: 16px;color: #222;font-family: 'dinregular', 'Microsoft Yahei', sans-serif;margin-bottom: 10px;}
/*.header-menu-item:hover{padding: 30px 60px;transition: padding 300ms ease-in 100ms;}*/
.header-menu-item:hover .menu-title{color: #428bca;transition: color 200ms ease-in;}
.header-menu-item ul li{height: 28px;line-height: 28px;}

.header-menu-itemr{float: left;min-height: 240px;position: relative; padding: 30px 20px 30px;}
.header-menu-item:last-child{border-right: none;}
.header-menu-item ul.two{padding-right: 20px;}
.header-menu-item ul.two{float: left;}
.header-menu-item ul.two:last-child{padding-right: 0;}


/*添加过渡渐变*/
.header-menu-item:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1000;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear,left bottom,right top,color-stop(0,#f2f9ff),color-stop(1,#fff));
	background-image: -o-linear-gradient(45deg,#f2f9ff 0,#fff 100%);
	background-image: -moz-linear-gradient(45deg,#f2f9ff 0,#fff 100%);
	background-image: -webkit-linear-gradient(45deg,#f2f9ff 0,#fff 100%);
	background-image: -ms-linear-gradient(45deg,#f2f9ff 0,#fff 100%);
	opacity: .5;
	-webkit-transition: opacity 300ms linear;
	-moz-transition: opacity 300ms linear;
	-o-transition: opacity 300ms linear;
	-ms-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
}
.header-menu-item:hover:after{
	opacity: 1;
	background-image: -webkit-gradient(linear,left bottom,right top,color-stop(0,#f2f9ff),color-stop(1,#fff));
	background-image: -o-linear-gradient(right,#f2f9ff 0,#fff 100%);
	background-image: -moz-linear-gradient(right,#f2f9ff 0,#fff 100%);
	background-image: -webkit-linear-gradient(right,#f2f9ff 0,#fff 100%);
	background-image: -ms-linear-gradient(right,#f2f9ff 0,#fff 100%);
	background-image: linear-gradient(to right,#f2f9ff 0,#fff 100%);
}

.abbr-parent{
	position: absolute;
	top:30px;
}
.abbr-outer{
	padding-right: 10px;
	line-height: 20px;
	display: inline-block;
	font-size: 16px;
	color: #222;
	font-family: 'dinregular', 'Microsoft Yahei', sans-serif;
}
.abbr{border-width: 1px;border-style: solid;border-color: #ddd;font-size: 12px;font-family: 'dinregular', 'Microsoft Yahei', sans-serif;padding: 0 6px;border-radius: 10px;position: relative;top: -1px;height: 20px;line-height: 20px;}
.abbr-seo{border-color: #fb674a;color: #fb674a;}
.abbr-website{border-color: #00b76f;color: #00b76f;}
.abbr-baidu{border-color: #38f;color: #38f;}
.abbr-tencent{border-color: #12b7f5;color: #12b7f5;}
.abbr-plan{border-color: #f7af51;color: #f7af51;}

.header-menu-item:hover .abbr{color: #fff;transition: background 100ms ease-in 100ms;}
.header-menu-item:hover .abbr-seo{background: #fb674a;}
.header-menu-item:hover .abbr-website{background: #00b76f;}
.header-menu-item:hover .abbr-baidu{background: #38f;}
.header-menu-item:hover .abbr-tencent{background: #12b7f5;}
.header-menu-item:hover .abbr-plan{background: #f7af51;}

/*
@media screen and (max-width:1200px){
	.wrap{width: 960px;}
	.spA{display: none !important;}
	.sw-header-top ,.iNav-menu ,.wrap{width: 960px;}
	.sw-header-top .form-control{width: 165px;}
	.course-header .course-info{width: 510px;}
	.course-header .course-info .course-info-colA,.course-header .course-info .course-info-colB{padding: 20px 20px 0 20px;}
	.course-info-title{border-bottom: 1px solid #eee;padding: 20px;}
	}*/
	
.crumbs{height: 28px;line-height: 28px;}
.crumbs .fright{font-size: 12px;}

.course-head{margin-bottom: 20px;overflow: hidden;}.course-head p{margin: 0;}
.course-cover{width: 450px;float: left;}
.course-thum a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.course-thum a img {
    height: 280px;
    width: 450px;
}
.course-thum a:after{
	content: " ";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 450px;
	height: 279.88px;
	background: rgba(0,0,0,0.6) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4NTkwNDE4MjA5IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUzOTUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMS40NTYgMC42NEMyMjkuNjY0IDAuNjQgMC40MTYgMjI5LjkyIDAuNDE2IDUxMS42OGMwIDI4MS44MjQgMjI5LjI0OCA1MTEuMDQgNTExLjA0IDUxMS4wNCAyODEuNzkyIDAgNTExLjA0LTIyOS4yMTYgNTExLjA0LTUxMC45NzZDMTAyMi40OTYgMjMwLjAxNiA3OTMuMjggMC42NCA1MTEuNDU2IDAuNjR6IG0wIDk0OS4wMjRjLTI0MS4zNDQgMC00MzcuOTUyLTE5Ni42NzItNDM3Ljk1Mi00MzcuOTUyIDAtMjQxLjMxMiAxOTYuNjA4LTQzNy45NTIgNDM3Ljk1Mi00MzcuOTUyIDI0MS4zMTIgMCA0MzcuOTIgMTk2LjYwOCA0MzcuOTIgNDM3Ljk1MiAwIDI0MS4zMTItMTk2LjYwOCA0MzcuOTItNDM3LjkyIDQzNy45MnoiIHAtaWQ9IjUzOTYiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNMzcwLjg4IDY1Ny4yMTZjMCA0MC40NDggMjguNDE2IDU2Ljc2OCA2My4yIDM2Ljg5NmwyNTEuMjY0LTE0NS41MDRjMzQuNzg0LTE5Ljg0IDM0Ljc4NC01My4yMTYgMC03My4xMmwtMjUxLjI2NC0xNDUuNDcyYy0zNC43ODQtMTkuODcyLTYzLjE2OC0zLjU1Mi02My4xNjggMzYuODk2djI5MC4zMDR6IiBwLWlkPSI1Mzk3IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+) no-repeat center;
	opacity: 0;
	transition: all .5s;
}
.course-thum a:hover:after {
	opacity: 1
}
.course-tit{border:1px solid #e6e6e6;border-top: none;padding: 20px;max-height: 85px;height: 63px;}
.course-head h1{font-size: 22px;height: 32px;overflow: hidden;}
.course-tit p{color: #888;}

.course-info{float: right;border:1px solid #e6e6e6;border-left: none;width: 755px;}
.course-info .course-des{/*padding: 20px 30px;*/ padding: 16px 30px;}
.course-info .course-des h5{font-size: 16px;color: #333;}
.course-info .course-des p{font-size: 14px;color: #666;min-height: 44px;}

.course-price{border:1px solid #eee;padding: 15px 0;border-left: none;border-right: none;margin-bottom: 20px;}

.course-panel{font-size: 12px;color: #888;padding: 0 0;overflow: hidden;border-top:1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.course-panelItem{border-right: 1px solid #ededed;padding: 30px;float: left;}

.course-panelItem .count{display: inline-block;font-size: 26px;color: #ec5a12;}
.course-panelItem .count sub{bottom: 0;font-size: 16px;}
.course-panelItem .count b{font-size: 16px;}
.course-panelItem .title{display: block;}
.course-panelItem.services{padding: 14px;border-right: none;}
.course-panel .price,.course-panel .person_time,.course-panel .answers_time{background: url(../../common/panel_item_icon.png) no-repeat right bottom;}
.course-panel .price{background-position: 0 10px;}
.course-panel .person_time{background-position: 0 -132px;}
.course-panel .answers_time{background-position: -40px -275px;}
.course-panel .services{color: #393;}
.services img{width: 80px;}
.services .qrcode{float: left;margin-right: 10px;}

.course-btn{/*padding: 40px 30px;*/padding: 33px 30px;}

@media screen and (max-width: 1200px){
.course-head .course-info .services{display: none;}
.course-head .course-info .course-panelItem{padding: 30px 40px;}
.answers_time{border-right: none;}
}

.m-price{padding-right: 20px;}
.price-expense{color: #f63;font-size: 26px;font-family: Arial,'Microsoft YaHei',sans-serif;}
.price-expense sub{font-size: 16px;bottom:0;}
.price-expense b{font-weight: normal;font-size: 14px;}
.price-free{color: #393;font-size: 24px;font-family: Arial,'Microsoft YaHei',sans-serif;padding-right: 20px;}
.course-view{color: #888;padding-left: 20px;border-left: 1px solid #ddd;font-family: Arial,'Microsoft YaHei',sans-serif;}

.promo-type{display: inline-block;font-size: 12px;height: 20px;line-height: 20px;padding: 0 5px;margin-left: 10px;vertical-align: 3px;}
.promo-type-vip{background-color: #f63;color: #fff;border-radius: 2px;cursor: pointer;}


.course-services{overflow: hidden;margin-bottom: 50px;}
.course-services li{float: left;margin-right: 12px;color: #888;}
.course-services li:first-child{color: #333;margin-right: 20px;}
.course-services li i{margin-right: 2px;vertical-align: -2px;font-size: 16px;}

.services-icon{display: inline-block;width: 20px;height:20px;line-height: 20px;border:1px solid #999;border-radius: 50%;text-align: center;margin-right: 5px;color: #999;}

.txt-fwbz{background: url(../../iconfont/txt-fwbz.png) no-repeat;width: 74px;height: 17px;text-indent: -2000em;margin-top: 2px;}

@media screen and (max-width: 1200px){
.course-head .course-info{width: 510px;}
}


.tooltip-inner{background-color: #444;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#444;}


.course-btn-start,.course-btn-fav,.course-btn-ask{display: inline-block;width: 135px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;margin-right: 5px;}
.course-btn-fav{width: 90px;}
.course-btn-start i,.course-btn-fav i,.course-btn-qun i{margin-right: 5px;font-size: 20px;}

.course-btn-start{background-color: #ec5a12;color: #fff;border:1px solid #e0510b;}
.course-btn-start:hover{background-color: #e0510b;color: #fff;border:1px solid #d24905;}
.course-btn-fav{background-color: #fff;color: #888;border:1px solid #ddd;}
.course-btn-fav:hover,.course-btn-qun:hover{color: #666;border-color: #ccc;}
.course-btn-qun{display: inline-block;width: 90px;height: 46px;line-height: 46px;text-align: center;background-color: #fff;font-size: 18px;color: #888;border:1px solid #ddd;}

.course-btn-ask{background-color: #393;color: #fff;border:1px solid #238623;}
.course-btn-ask:hover{background-color: #238623;color: #fff;border:1px solid #1e7f1e;}

.openid-tips{border-bottom: 1px solid #f9f2a7;background: #fcfddb;padding:5px 20px;}
.aw-publish-box .modal-dialog,.aw-edit-comment-box .modal-dialog,.aw-edit-comment-box .modal-content{
	width: 400px;
	margin-left:auto;
	margin-right:auto;
}

.user-short{margin: 10px;padding:0;overflow:hidden}
.user-short > .pull-left {margin-right: 10px;}
.user-short .user-media{overflow: hidden;zoom: 1;}
.user-media .user-name{line-height:40px;font-size:18px;}
.user-media .row{line-height:30px;}
.user-media .row .btn{margin-right:10px;}
.user-course .mod-head{line-height:40px;background:#f1f1f1;padding:0 10px;}
.user-course .mod-body{padding:20px;border-bottom:1px solid #eee;}
.user-course .mod-body > .pull-left{margin-right:10px;}
.user-course .course-info{overflow: hidden;zoom: 1;}
.user-course .course-info .user-name{font-size: 16px;margin-bottom: 5px;}
.course-description{height:50px;overflow:hidden;}

/*widget-party*/
.widget-party{margin-top: 20px;float: left;}
.widget-party--title{height: 40px;line-height: 40px;padding: 0 20px;background-color: #fff;border: 1px solid #ededed;border-bottom: none;}
.widget-party--cont{background: #dbefed url(http://ke.seowhy.com/static/common/widget-party-bg.png?v1) left bottom no-repeat;padding: 20px;}
.widget-party--cont .widget-party--name{display: block;color: #333;margin: 0 0 5px;font-size: 16px;}
.widget-party--cont .widget-party--type{font-size: 12px;display: inline-block;color: #5e9b95;padding: 0 4px;/*border:1px solid #5e9b95;border-radius: 20px;*/margin-bottom: 5px;margin-right: 5px;}
.widget-party--cont p{font-size: 12px;color: #666;margin-bottom: 0;}

/*widget-fuwei*/
.widget-fuwei{margin-top: 20px;float: left;}
.widget-fuwei--title{height: 40px;line-height: 40px;padding: 0 20px;background-color: #fff;border: 1px solid #ededed;border-bottom: none;}
.widget-fuwei--cont{background: #d6e1ee url(http://ke.seowhy.com/static/common/widget-fuwei-bg.png?v2) left bottom no-repeat;padding: 20px;}
.widget-fuwei--cont .widget-fuwei--name{display: block;color: #333;margin: 0 0 5px;font-size: 16px;}
.widget-fuwei--cont .widget-fuwei--type{font-size: 12px;display: inline-block;color: #7f90a3;padding: 0 4px;/*border:1px solid #5e9b95;border-radius: 20px;*/margin-bottom: 5px;margin-right: 5px;}
.widget-fuwei--cont p{font-size: 12px;color: #666;margin-bottom: 0;}

/***/
@font-face {font-family: "iconfont";
  src: url('../../iconfont/iconfont.eot?t=14606121081'); /* IE9*/
  src: url('../../iconfont/iconfont.eot?t=14606121081#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../iconfont/iconfont.woff?t=14606121081') format('woff'), /* chrome、firefox */
  url('../../iconfont/iconfont.ttf?t=14606121081') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../../iconfont/iconfont.svg#iconfont?t=14606121081') format('svg'); /* iOS 4.1- */
}


.iconfont {
  font-family:"iconfont" !important;
  /*font-size:16px;*/
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;*/
  -moz-osx-font-smoothing: grayscale;
}

.icon-erweima:before { content: "\e641"; }
.icon-appreciate:before { content: "\e600"; }
.icon-favor:before { content: "\e602"; }
.icon-time:before { content: "\e603"; }
.icon-vip:before { content: "\e633"; }
.icon-comment:before { content: "\e604"; }
.icon-like:before { content: "\e605"; }
.icon-evaluate:before { content: "\e606"; }
.icon-discover:before { content: "\e607"; }
.icon-pic:before { content: "\e608"; }
.icon-remind:before { content: "\e609"; }
.icon-mess:before { content: "\e60a"; }
.icon-vip1:before { content: "\e60b"; }
.icon-friend:before { content: "\e60c"; }
.icon-goods:before { content: "\e60d"; }
.icon-present:before { content: "\e60e"; }
.icon-recharge:before { content: "\e60f"; }
.icon-share:before { content: "\e610"; }
.icon-service:before { content: "\e611"; }
.icon-weixin:before { content: "\e614"; }
.icon-copy:before { content: "\e612"; }
.icon-yin:before { content: "\e619"; }
.icon-shijian:before { content: "\e63b"; }
.icon-vip-shalong:before { content: "\e634"; }
.icon-mark:before { content: "\e615"; }
.icon-zhanghao:before { content: "\e62c"; }
.icon-ziliao:before { content: "\e63a"; }
.icon-people:before { content: "\e616"; }
.icon-collect:before { content: "\e617"; }
.icon-edit:before { content: "\e618"; }
.icon-red:before { content: "\e61a"; }
.icon-vip-fuwei:before { content: "\e635"; }
.icon-calendar:before { content: "\e61b"; }
.icon-group:before { content: "\e61c"; }
.icon-gifts:before { content: "\e61d"; }
.icon-crown:before { content: "\e61f"; }
.icon-safe:before { content: "\e620"; }
.icon-youhuiquan:before { content: "\e62e"; }
.icon-mima:before { content: "\e613"; }
.icon-crown1:before { content: "\e621"; }
.icon-hdvip:before { content: "\e63c"; }
.icon-vip-pai:before { content: "\e638"; }
.icon-group2:before { content: "\e601"; }
.icon-liwu:before { content: "\e63e"; }
.icon-editprofile:before { content: "\e623"; }
.icon-5:before { content: "\e62f"; }
.icon-lv:before { content: "\e622"; }
.icon-learn:before { content: "\e61e"; }
.icon-shang:before { content: "\e62a"; }
.icon-dingdan:before { content: "\e631"; }
.icon-xiao:before { content: "\e62d"; }
.icon-iconfontyouhui:before { content: "\e636"; }
.icon-vip-juan:before { content: "\e637"; }
.icon-zaixiantongji:before { content: "\e63f"; }
.icon-editprofile2:before { content: "\e625"; }
.icon-shouyi:before { content: "\e628"; }
.icon-kefu:before { content: "\e630"; }
.icon-wallet:before { content: "\e629"; }
.icon-wen:before { content: "\e626"; }
/*.icon-qq:before { content: "\e642"; }*/
.icon-appdl:before { content: "\e63d"; }
.icon-bangding:before { content: "\e639"; }
.icon-wenhao:before { content: "\e624"; }
.icon-liebiao:before { content: "\e627"; }
.icon-lock:before { content: "\e632"; }
.icon-tuiguang:before { content: "\e62b"; }
.icon-time1:before { content: "\e640"; }
.icon-wx:before { content: "\e691"; }
.icon-qq:before { content: "\e643"; }
.icon-home-weixin:before { content: "\e677"; }
.icon-home-qq:before { content: "\e642"; }
.icon-close:before { content: "\e65f"; }

.icon-home-qq{font-size: 26px;vertical-align: -5px; margin-left: 5px;}
.icon-home-weixin{font-size: 26px;vertical-align: -5px; margin-left: 5px;}

.weixin-color{color: #44b549;}
.qq-color{color: #12b7f5;}
.no-color{color: #999;}

.activity-box{
	width: 100%;
	height:100%;
	position: fixed;
	background-color: rgba(0,0,0,0.1);
	z-index: 9999;
	top: 0;
	left: 0;
	display: none;
}
.show-activity{
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -630px;
	width: 1245px;
	background: #fff;
	padding: 20px;
	box-shadow: 16px 16px 0 rgba(0, 0, 0, 0.2);
}
.show-activity img{
	width: 100%;
}
.show-activity .close{
	position: absolute;
	right: 58px;
	top: 45px;
	font-size: 20px;
	padding: 5px;
	background-color: #333;
	color: #fff;
	border-radius: 50%;
	opacity: .8;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	font-family: serif;
}
img.divd {
    width: 200px;
    margin-right: 18px;
}

img.divd-1 {
    width: 50%;
}