@charset "UTF-8";

.mod-side-bar-right__box-service .service-list:before, .tips-buy-course .mod-course-banner_row:before,
	.mod-side-bar-right__box-service .service-list:after, .tips-buy-course .mod-course-banner_row:after
	{
	content: "";
	display: table;
}

.mod-side-bar-right__box-service .service-list:after, .tips-buy-course .mod-course-banner_row:after
	{
	clear: both;
}

.mod-comments .mod-comments-info__button a,
	.mod-course-banner__smallclass-tag {
	display: inline-block;
	vertical-align: middle;
}

.mod-course-banner__title, a.mod-course-banner__c-light,
	.mod-choose-time .mod-choose-time__time, .mod-choose-time_v2 .mod-choose-time__time,
	.mod-course-list__name, .mod-side-bar-right__admin,
	.mod-side-bar-right__user-name, .mod-side-bar-right__li_admin .mod-side-bar-right__link-text,
	.kc-info h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
}

.alert-tips .ipt {
	margin-left: 20px;
	padding-left: 4px;
	width: 242px;
	font-size: 14px;
	color: #666;
	border: 1px solid #dedede;
}

.alert-tips .ipt:-ms-input-placeholder {
	color: #a6a6a6;
}

.alert-tips .yel-tip {
	margin-bottom: 20px;
}

.alert-tips .form-item-input-error {
	border: 1px solid #e16333;
}

.alert-tips .part-content {
	margin-bottom: 10px;
	white-space: normal;
	word-break: break-all;
	font-size: 12px;
	line-height: 20px;
	color: #666;
}

.alert-tips .part-row {
	margin-bottom: 15px;
}

.alert-tips .part-row label {
	width: 32px;
	float: left;
	display: block;
}

.alert-tips .part-row-desc {
	font-size: 12px;
	line-height: 20px;
}

.alert-tips .part-row-cont {
	margin-left: 29px;
	min-width: 160px;
	display: inline-block;
}

.alert-tips .part-list {
	color: #666;
}

.alert-tips .part-action {
	margin-left: 5px;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.alert-tips .part-qunavatar {
	display: inline-block;
	margin-right: 8px;
	width: 16px;
	height: 16px;
	vertical-align: top;
	background: -306px -125px no-repeat;
}

.alert-tips .part-title {
	margin-top: 3px;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 30px;
	color: #202020;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	word-break: break-all;
}

.alert-tips .part-link {
	position: absolute;
	bottom: -48px;
	right: 124px;
	font-size: 12px;
}

.alert-tips .part-form {
	height: 0;
	overflow: hidden;
	-webkit-transition: height .2s;
	transition: height .2s;
	color: #666;
}

.alert-tips .part-form-expand {
	height: 246px;
}

.alert-tips .part-tips {
	height: 30px;
	line-height: 30px;
}

.alert-tips .part-action-clear {
	margin-left: 10px;
	font-size: 12px;
	cursor: pointer;
}

.alert-tips .icon {
	position: absolute;
	top: 66px;
	left: 40px;
	width: 36px;
	height: 36px;
	background: 0 -169px no-repeat;
}

.alert-tips .mrl22 {
	margin-left: 66px;
	margin-right: 0;
}

.alert-tips .error-tip-hidden {
	display: none;
}

.alert-tips .tips-er-code {
	position: absolute;
	left: 40px;
	bottom: -55px;
	display: block;
	width: 25px;
	height: 25px;
	background: url('/skins/customization/img/er-code-icon.56b3d.png') 0 0
		no-repeat;
}

.alert-tips .tips-er-code:hover {
	background-position: 0 -25px;
	padding-right: 7px;
	background-position-x: 0;
	background-position-y: -25px;
}

.alert-tips .tips-er-code-float {
	position: absolute;
	left: 32px;
	bottom: 0;
	width: 114px;
	height: 141px;
	border: 1px solid #d4d4d4;
	padding: 14px 11px 9px 11px;
	display: none;
	background: white;
	cursor: default;
}

.alert-tips .tips-er-code-float img {
	cursor: default;
}

.alert-tips .tips-er-code-float p {
	text-align: center;
	font-size: 12px;
	color: #313131;
}

.alert-tips .er-code-for-public-account-on-mobile {
	width: 114px;
	height: 114px;
	display: block;
	margin-bottom: 11px;
}

.alert-tips .btn-weak {
	color: #666;
}

.alert-tips .part-info-submit {
	margin-left: 53px;
	width: auto;
	height: 36px;
	line-height: 36px;
	padding: 0 26px;
	font-size: 14px;
}

.alert-tips .part-content-desc {
	display: inline-block;
	margin-right: 20px;
}

.pay-succ {
	width: 575px;
}

.pay-succ .icon {
	top: 30px;
}

.pay-succ .mrl22 {
	margin: 0 30px 28px 96px;
}

.pay-succ .tips-bd {
	padding: 30px 0 0px 0;
	min-height: 160px;
	max-height: none;
	_heihgt: 232px;
	overflow: visible;
	*zoom: 1;
}

.pay-succ .tips-bd .part {
	text-indent: 0px;
}

.pay-succ .modal-cancel {
	display: none;
}

.pay-succ .app-ad {
	border-top: 1px solid #dbdbdb;
	padding: 22px 0 40px;
}

.pay-succ .app-ad .icon-app {
	float: left;
	width: 80px;
	height: 80px;
	margin-left: 96px;
	margin-right: 30px;
	position: relative;
	background: -167px -125px no-repeat;
}

.pay-succ .app-ad .icon-app:after {
	content: "扫码下载";
	width: 100%;
	position: absolute;
	top: 80px;
	color: #666;
	text-align: center;
}

.pay-succ .app-ad .ad-tt {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 8px;
}

.pay-succ .app-ad .app-link {
	display: inline-block;
	vertical-align: middle;
	line-height: 36px;
	background: #fff;
	color: #039ae3;
	border: 1px solid #039ae3;
	width: 100px;
	text-align: center;
	border-radius: 2px;
}

.pay-succ .app-ad .app-link:hover {
	background: #04bbf7;
	color: #fff;
}

.pay-succ .tips-tool {
	display: none;
}

.part-id-code .ipt {
	width: 120px;
	margin-left: 52px;
	float: left;
}

.part-id-code .btn {
	width: 110px;
	height: 38px;
	line-height: 38px;
	margin-left: 10px;
}

.mod-course-banner {
	width: 960px;
	margin: 0 auto;
	cursor: default;
	position: relative;
}

.mod-course-banner__img-wrap {
	width: 440px;
	height: 248px;
	float: left;
	text-align: center;
}

.mod-course-banner__img {
	width: 440px;
	height: 248px;
}

.mod-course-banner__video-mask {
	position: absolute;
	width: 440px;
	height: 248px;
	top: 0;
	left: 0;
}

.mod-course-banner__content {
	position: relative;
	margin-left: 40px;
	float: left;
	width: 480px;
	min-height: 248px;
	_height: 248px;
}

.mod-course-banner__btn-wrap-free, .mod-course-banner__btn-wrap-video {
	position: absolute;
	bottom: 0;
}

.mod-course-banner__title {
	font-size: 22px;
	letter-spacing: 1px;
	max-width: 480px;
	width: auto !important;
	margin-top: -8px;
	margin-bottom: 5px;
	height: 33px;
	line-height: 33px;
	_margin-top: 0;
}

.mod-course-banner__social {
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}

.mod-course-banner__social span, .mod-course-banner__social a {
	display: inline-block;
	vertical-align: top;
}

.mod-course-banner__star-wrap {
	margin-right: 10px;
	margin-top: -2px;
	_margin-top: 3px;
}

.mod-course-banner__vote-number {
	color: #AAAAAA;
	text-decoration: line-through;
}

.mod-course-banner__sep {
	margin: 0 10px;
	color: #C6C7C8;
	font-size: 12px;
}

.mod-course-banner__share {
	margin-top: 1px;
	_margin-top: 3px;
	cursor: pointer;
	vertical-align: top;
	position: relative;
	color: #666;
}

.mod-course-banner__share .i-share {
	margin-right: 5px;
}

.mod-course-banner__share:hover {
	color: #333;
}

.mod-course-banner__share .share-panel {
	display: none;
	position: absolute;
	top: 14px;
	left: 0;
	*zoom: 1;
	z-index: 9;
}

.mod-course-banner__share .share-panel-content {
	display: block;
	margin-top: 3px;
	padding: 4px 9px;
	width: 100px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	border: 1px solid #dcdcdc;
	background: #fff;
}

.mod-course-banner__share .share-qq, .mod-course-banner__share .share-qzone,
	.mod-course-banner__share .share-weixin {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 26px;
	height: 26px;
	background: 0 0 no-repeat;
}

.mod-course-banner__share .share-qq {
	margin-right: 6px;
	background-position: 0 -26px;
	background-position-x: 0;
	background-position-y: -26px;
}

.mod-course-banner__share .share-qzone {
	margin-right: 8px;
	background-position: 0 0;
	background-position-x: 0;
	background-position-y: 0;
}

.mod-course-banner__share .share-weixin {
	background-position: 0 -310px;
	background-position-x: 0;
	background-position-y: -310px;
}

.mod-course-banner__share-expand .share-panel {
	display: block;
}

.mod-course-banner__content-line {
	margin-bottom: 7px;
	font-size: 14px;
	color: #666666;
}

.mod-course-banner__content-line .mod-choose-time {
	margin-bottom: 12px;
}

.mod-course-banner__content-line .mod-choose-time__tab-link,
	.mod-course-banner__content-line .mod-choose-time__time {
	height: 30px;
	line-height: 30px;
}

.mod-course-banner__text-light {
	display: inline-block;
	vertical-align: baseline;
	margin-right: 10px;
	color: #999999;
	width: 60px;
}

.mod-course-banner__c-light {
	display: inline-block;
	vertical-align: top;
	color: #999999;
}

a.mod-course-banner__c-light {
	width: 283px;
	vertical-align: top;
}

a.mod-course-banner__c-light:hover {
	color: #039ae3;
}

a.mod-course-banner__c-light:active {
	color: #1076B5;
}

.mod-course-banner__text-dark {
	display: inline-block;
	vertical-align: baseline;
	margin-right: 10px;
	color: #333;
	width: 60px;
}

.mod-course-banner__price {
	color: #E85308;
	vertical-align: baseline;
}

.mod-course-banner__price span {
	font-size: 22px;
}

.mod-course-banner__price.mod-course-banner__price_free {
	color: #5FB41B;
}

.mod-course-banner__price .mod-course-card__price_free {
	font-size: 22px;
}

.mod-course-banner__other-time {
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: baseline;
	width: 110px;
	float: left;
}

.mod-course-banner__other-time .icon-calender-two-column {
	display: inline-block;
	vertical-align: -2px;
	width: 16px;
	height: 14px;
	margin-right: 3px;
	background: -252px -191px no-repeat;
}

.mod-course-banner__other-time.mod-course-banner__other-time_open {
	z-index: 99999;
	zoom: 1;
	color: #366086;
}

.mod-course-banner__other-time.mod-course-banner__other-time_open .icon-calender-two-column
	{
	background: -294px -170px no-repeat;
}

.mod-course-banner__other-time.mod-course-banner__other-time_open .mod-choose-time
	{
	display: block;
	top: 30px;
	right: -65px;
	background: #fff;
}

.mod-course-banner__other-time_none {
	display: none;
}

.mod-course-banner__btn-wrap {
	margin-top: 16px;
	font-size: 0;
	zoom: 1;
	_width: 320px;
	_height: 52px;
}

.mod-course-banner__btn-wrap .mod-course-banner__sep {
	vertical-align: middle;
	_vertical-align: baseline;
}

.mod-course-banner__btn-wrap .btn-primary, .mod-course-banner__btn-wrap .btn-default
	{
	width: 200px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
}

.mod-course-banner__btn-wrap .btn-in-class {
	background: #039ae3;
}

.mod-course-banner__btn-wrap .btn-heart {
	margin-right: 0;
	margin-left: 20px;
	width: auto;
	height: 48px;
	line-height: 48px;
	color: #666666;
	font-size: 14px;
	background: #F4F5F7;
	border: none;
}

.mod-course-banner__btn-wrap .btn-heart span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}

.mod-course-banner__btn-wrap .btn-heart .i-heart {
	color: #ccc;
	font-size: 24px;
	margin-right: 5px;
	vertical-align: middle;
}

.mod-course-banner__btn-wrap .btn-heart:hover {
	background: #F4F5F7;
	color: #333333;
}

.mod-course-banner__btn-wrap .btn-heart:hover .i-heart {
	color: #999;
}

.mod-course-banner__btn-wrap .btn-heart_done {
	width: auto;
	margin-left: 20px;
	height: 48px;
	line-height: 48px;
	background: #F4F5F7;
	font-size: 14px;
	color: #666666;
	border: none;
}

.mod-course-banner__btn-wrap .btn-heart_done span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}

.mod-course-banner__btn-wrap .btn-heart_done .i-heart {
	color: #e85408;
	font-size: 24px;
	margin-right: 5px;
	vertical-align: middle;
}

.mod-course-banner__btn-wrap .btn-heart_done:hover {
	background: #F4F5F7;
}

.mod-course-banner__status {
	position: absolute;
	bottom: -50px;
	right: -5px;
	width: 162px;
	height: 120px;
}

.mod-course-banner__status.mod-course-banner__class-end {
	_background: url('/skins/customization/img/bg_class_end_ie6.ec33d.png')
		no-repeat;
	background: 0 -125px no-repeat;
}

.mod-course-banner__status.mod-course-banner__registered {
	_background: url('/skins/customization/img/bg_registered_ie6.f7e88.png')
		no-repeat;
	background: 0 0 no-repeat;
}

.mod-course-banner__status.mod-course-banner__signed-stop {
	_background: url('/skins/customization/img/bg_signed_stop_ie6.dd3c7.png')
		no-repeat;
	background: -167px 0 no-repeat;
}

.mod-course-banner__guide {
	margin-top: 24px;
	height: 18px;
	line-height: 18px;
}

.mod-course-banner__guide-protect {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	color: #666;
}

.mod-course-banner__guide-protect i {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	height: 18px;
	width: 18px;
	background: -275px -147px;
}

.mod-course-banner__guide-payback {
	display: inline-block;
	vertical-align: middle;
	color: #666;
}

.mod-course-banner__guide-payback i {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	height: 18px;
	width: 18px;
	background: -252px -147px;
}

.mod-choose-time {
	z-index: 999999;
	position: absolute;
	width: 425px;
	border: 1px solid #D9DADC;
}

.mod-choose-time .icon-triangle {
	position: absolute;
	top: -10px;
	right: 105px;
}

.mod-choose-time ul {
	_position: relative;
	max-height: 123px;
	height: auto !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.mod-choose-time .mod-choose-time__li {
	cursor: pointer;
	padding-right: 20px;
	position: relative;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #808080;
	background: #FCFCFC;
	border-bottom: 1px solid #EEEEEE;
}

.mod-choose-time .mod-choose-time__li:hover {
	background: #EFF1F3;
}

.mod-choose-time .mod-choose-time__li .icon-green-flag {
	display: none;
}

.mod-choose-time .mod-choose-time__li.mod-choose-time__li_last {
	border-bottom: none;
}

.mod-choose-time .mod-choose-time__li.mod-choose-time__li_current {
	color: #333333;
}

.mod-choose-time .mod-choose-time__li.mod-choose-time__li_current .icon-green-flag
	{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
}

.mod-choose-time .mod-choose-time__time {
	display: inline-block;
	vertical-align: middle;
	max-width: 420px;
	width: auto !important;
	text-indent: 38px;
	height: 30px;
	line-height: 30px;
}

.mod-choose-time .icon-calender {
	position: absolute;
	left: 15px;
	top: 15px;
}

.mod-choose-time .mod-choose-time_pop {
	max-width: 440px;
	width: auto !important;
	display: none;
}

.mod-choose-time .mod-choose-time_pop ul {
	_position: relative;
	max-height: 410px;
	height: auto !important;
	overflow-y: auto;
}

.mod-choose-time_v2 {
	width: 480px;
}

.mod-choose-time_v2 .mod-choose-time__tab {
	font-size: 0;
	z-index: 2;
}

.mod-choose-time_v2 .mod-choose-time__tab-item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	background-color: #F9F9F9;
	border: 1px solid #DDDDDD;
	border-bottom: none;
	margin-left: -1px;
	z-index: 1;
}

.mod-choose-time_v2 .mod-choose-time__tab-item.mod-choose-time__tab-item_first
	{
	margin-left: 0;
}

.mod-choose-time_v2 .mod-choose-time__tab-item i {
	display: none;
}

.mod-choose-time_v2 .mod-choose-time__tab-item:hover {
	background: #ffffff;
}

.mod-choose-time_v2 .mod-choose-time__tab-item_current {
	overflow: hidden;
	z-index: 2;
	border: 1px solid #68B30F;
	background: #ffffff;
	margin-bottom: -1px;
	padding-bottom: 1px;
	border-bottom: none;
}

.mod-choose-time_v2 .mod-choose-time__tab-item_current i {
	display: block;
	_display: none;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: -26px;
	overflow: hidden;
	border: 16px solid transparent;
	border-top-color: #68b30f;
}

.mod-choose-time_v2 .mod-choose-time__tab-item_current:hover {
	border-bottom-color: #ffffff;
}

.mod-choose-time_v2 .mod-choose-time__tab-item_default {
	overflow: hidden;
	z-index: 2;
	border: 1px solid #ddd;
	background: #ffffff;
	margin-bottom: -1px;
	padding-bottom: 1px;
	border-bottom: none;
}

.mod-choose-time_v2 .mod-choose-time__tab-item_default i {
	display: none;
}

.mod-choose-time_v2 .mod-choose-time__tab-link {
	display: inline-block;
	vertical-align: middle;
	width: 73px;
	_width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #333333;
}

.mod-choose-time_v2 .mod-choose-time__content {
	_width: 430px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ddd;
	z-index: 1;
	background: #ffffff;
	color: #333333;
}

.mod-choose-time_v2 .mod-choose-time__content_selected {
	border-color: #68B30F;
	overflow: hidden;
	_width: 430px;
}

.mod-choose-time_v2 .mod-choose-time__content_selected i {
	display: block;
	_display: none;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: -26px;
	overflow: hidden;
	border: 16px solid transparent;
	border-top-color: #68b30f;
}

.mod-choose-time_v2 .mod-choose-time__time {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px 0 18px;
	max-width: 445px;
	_width: 445px;
	height: 30px;
	line-height: 30px;
}

.mod-choose-time_v2.mod-choose-time_simple .mod-choose-time__tab-item {
	border: 1px solid #DDDDDD;
}

.mod-choose-time_v2.mod-choose-time_simple .mod-choose-time__tab-item:hover
	{
	border: 1px solid #68B30F;
}

.mod-choose-time_v2.mod-choose-time_simple .mod-choose-time__tab-item_current
	{
	border: 1px solid #68B30F;
	margin-bottom: 0;
}

.mod-choose-time_v2.mod-choose-time_pop {
	width: 393px;
}

.mod-choose-time_v2.mod-choose-time_pop .mod-choose-time__content {
	width: 393px;
}

.mod-choose-time_v2.mod-choose-time_pop .mod-choose-time__time {
	width: 358px;
}

.mod-choose-time_v2 .hide {
	display: none;
}

.mod-course-list {
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
}

.mod-course-list__li {
	padding: 3px 0;
	background: #FCFCFC;
}

.mod-course-list__li.mod-course-list__li_gray {
	background: #F4F5F7;
}

.mod-course-list__number {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #999999;
	text-indent: 15px;
}

.mod-course-list__name {
	display: inline-block;
	vertical-align: middle;
	text-indent: 13px;
	font-size: 14px;
	max-width: 600px;
	width: auto !important;
}

.mod-course-list_tab {
	margin-top: 40px;
}

.mod-course-list_tab .mod-course-list__li {
	cursor: pointer;
	position: relative;
}

.mod-course-list_tab .mod-course-list__li:hover {
	background: #EDEDED;
}

.mod-course-list_tab .mod-course-list__name {
	max-width: 420px;
	width: auto !important;
}

.mod-course-list__zhi .mod-course-list__name {
	color: #333333;
	max-width: 255px;
	width: auto !important;
}

.mod-course-list__zhi .mod-course-list__time-wrap {
	position: absolute;
	height: 40px;
	line-height: 40px;
	left: 440px;
	font-size: 14px;
	top: 2px;
	color: #666666;
}

.mod-course-list__zhi .mod-course-list__time {
	vertical-align: middle;
}

.mod-course-list__zhi .mod-course-list__status {
	display: none;
}

.mod-course-list__lu .mod-course-list__name {
	max-width: 500px;
	width: auto !important;
	color: #497099;
}

.mod-course-list__lu .mod-course-list__name:hover {
	color: #1B88DA;
}

.mod-course-list__lu .mod-course-list__name:active {
	color: #1076B5;
}

.mod-course-list__lu .mod-course-list__op .mod-course-list__arrow {
	_vertical-align: -3px;
}

.mod-course-list__free {
	display: inline-block;
	vertical-align: middle;
	color: #5FB41B;
	border: 1px solid;
	line-height: 16px;
	font-size: 12px;
	border-radius: 2px;
	padding: 0 2px;
}

.mod-course-list__op {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 20px;
	top: 2px;
}

.mod-course-list__op a {
	display: inline-block;
	vertical-align: 1px;
	margin-right: 18px;
	color: #497099;
	cursor: pointer;
}

.mod-course-list__op a:hover {
	color: #1B88DA;
}

.mod-course-list__op a:active {
	color: #1076B5;
}

.mod-course-list__op .i-v-bottom, .mod-course-list__op .i-v-top {
	color: #ccc;
}

.mod-course-list__op .mod-course-list__arrow {
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 7px;
	_vertical-align: -18px;
	background: -186px -210px no-repeat;
}

.mod-course-list__op .mod-course-list__video-btn {
	margin-right: 15px;
}

.mod-course-list__op .mod-course-list__video-btn .mod-course-list__video-time
	{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
	color: #999999;
}

.mod-course-list__op .mod-course-list__video-btn .icon-play-video {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 13px;
	_vertical-align: -3px;
	background: -273px -191px no-repeat;
}

.mod-course-list__op .mod-course-list__video-btn:hover .icon-play-video
	{
	background: -295px -191px no-repeat;
}

.mod-course-list__op .mod-course-list__video-btn:hover .mod-course-list__video-time
	{
	color: #1B88DA;
}

.mod-course-list__des {
	font-size: 14px;
	padding: 15px 20px 10px 84px;
	color: #666666;
	display: none;
}

.mod-course-list__li_open .mod-course-list__des {
	display: block;
}

.mod-course-list_tab-no-op .mod-course-list__name {
	max-width: 600px;
	width: auto !important;
}

.mod-course-list_tab-no-op .mod-course-list__free,
	.mod-course-list_tab-no-op .mod-course-list__op a,
	.mod-course-list_tab-no-op .mod-course-list__video-btn {
	display: none;
}

.mod-course-list_editor {
	padding-top: 20px;
}

.mod-course-list_editor .mod-course-list__li {
	padding: 0;
	position: relative;
	background: #ffffff;
}

.mod-course-list_editor .mod-course-list__li.mod-course-list__li_gray {
	background: #F4F5F7;
}

.mod-course-list_editor .mod-course-list__li:hover {
	background: #EDEDED;
}

.mod-course-list_editor .mod-course-list__li .icon-calender {
	margin-left: 10px;
	_vertical-align: -5px;
}

.mod-course-list_editor .mod-course-list__op {
	height: 55px;
	line-height: 55px;
	cursor: pointer;
	top: 0;
	_right: 50px;
}

.mod-course-list_editor .mod-course-list__op .mod-course-list__arrow_single
	{
	_vertical-align: -25px;
}

.mod-course-list_editor .mod-course-list__number {
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	color: #333333;
}

.mod-course-list_editor .mod-course-list__name {
	color: #497099;
	text-indent: 0;
	cursor: pointer;
	_width: 180px;
}

.mod-course-list_editor .mod-course-list__name:hover {
	color: #1B88DA;
}

.mod-course-list_editor .mod-course-list__name:active {
	color: #1076B5;
}

.mod-course-list_editor .mod-course-list__form {
	color: #202020;
	display: none;
	background: #ffffff;
	padding: 20px 0 20px;
	border-bottom: 1px solid #F2F2F2;
}

.mod-course-list_editor .mod-course-list__form .mod-form__label i {
	color: #202020;
}

.mod-course-list_editor .mod-course-list__li_open .mod-course-list__form
	{
	display: block;
}

.mod-course-list_editor .mod-course-list__li_open .mod-course-list__bar .icon-calender
	{
	display: none;
}

.mod-course-list_editor .mod-course-list__add-li {
	cursor: pointer;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #F2F2F2;
	color: #3672A2;
	font-size: 16px;
	text-align: center;
}

.mod-course-list_editor .mod-course-list__add-li span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.mod-course-list_editor .mod-course-list__add-li:hover {
	background: #ffffff;
}

.mod-course-list__li_done {
	color: #999999;
}

.mod-course-list__li_done .mod-course-list__name {
	color: #999999;
	font-size: 14px;
}

.mod-course-list__li_done .mod-course-list__time-wrap {
	color: #999999;
}

.mod-course-list__li_done .mod-course-list__status {
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 16px;
	font-size: 12px;
	color: #FFFFFF;
	background: #B7B7B7;
	margin-left: 2px;
	text-align: center;
	line-height: 16px;
	position: absolute;
	right: 80px;
	top: 16px;
	border-radius: 3px;
}

.mod-side-bar-right {
	float: right;
	width: 200px;
}

.mod-side-bar-right__box {
	padding: 30px 0 30px;
	border-top: 1px solid #D5D5D5;
}

.mod-side-bar-right__box.mod-side-bar-right__box_first {
	border-top: none;
	padding-top: 0;
}

.mod-side-bar-right__title {
	font-size: 16px;
	color: #333333;
}

.mod-side-bar-right__nodata {
	padding-top: 20px;
	font-size: 14px;
	color: #999;
	text-align: center;
}

.mod-side-bar-right__content {
	padding-top: 10px;
}

.mod-side-bar-right__school-logo {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
}

.mod-side-bar-right__school-right-text {
	display: inline\9;
	vertical-align: top;
	margin-left: 7px;
}

.mod-side-bar-right__school-title {
	font-size: 16px;
	color: #365D82;
}

.mod-side-bar-right__school-title:hover {
	color: #1B88DA;
}

.mod-side-bar-right__school-title:active {
	color: #1076B5;
}

.mod-side-bar-right__des {
	font-size: 14px;
	color: #666666;
}

.mod-side-bar-right__li {
	margin-bottom: 20px;
	position: relative;
}

.mod-side-bar-right__li.mod-side-bar-right__li_last {
	margin-bottom: none;
}

.mod-side-bar-right__li .mod-side-bar-right__school-right-text {
	_width: 11em;
}

.mod-side-bar-right__li-phone {
	padding-left: 29px;
}

.mod-side-bar-right__li-phone .i-tel {
	float: left;
	color: #365d82;
	font-size: 20px;
	margin-left: -24px;
	margin-top: 2px;
}

.mod-side-bar-right__admin {
	display: inline-block;
	vertical-align: middle;
	max-width: 11em;
	width: auto !important;
	font-size: 14px;
	color: #365D82;
	margin-top: -4px;
}

.mod-side-bar-right__admin:hover {
	color: #1B88DA;
}

.mod-side-bar-right__admin:active {
	color: #1076B5;
}

.mod-side-bar-right__ul.mod-side-bar-right__ul_inline {
	font-size: 0;
}

.mod-side-bar-right__ul.mod-side-bar-right__ul_inline .mod-side-bar-right__li
	{
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 10px 0;
}

.mod-side-bar-right__user-img {
	width: 40px;
	height: 40px;
}

.mod-side-bar-right__content_user {
	padding-top: 18px;
}

.mod-side-bar-right__content_user .mod-side-bar-right__li {
	margin-bottom: 10px;
}

.mod-side-bar-right__user-name {
	font-size: 14px;
	position: absolute;
	top: 5px;
	left: 45px;
	width: 150px;
}

.mod-side-bar-right__li_admin .icon-home {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	margin-top: -2px;
	background: -302px -168px no-repeat;
}

.mod-side-bar-right__li_admin .i-qq, .mod-side-bar-right__li_admin .i-group
	{
	color: #365d82;
	font-size: 20px;
	vertical-align: middle;
}

.mod-side-bar-right__li_admin .i-group {
	font-size: 22px;
}

.mod-side-bar-right__li_admin .mod-side-bar-right__link {
	display: block;
	position: relative;
	width: 200px;
	height: 23px;
}

.mod-side-bar-right__li_admin .mod-side-bar-right__link .wrap-icon {
	position: absolute;
	left: 0;
	top: 2px;
	*top: 4px;
	width: 24px;
	text-align: center;
}

.mod-side-bar-right__li_admin .mod-side-bar-right__link:hover .wrap-icon
	{
	top: -1px;
	*top: 1px;
}

.mod-side-bar-right__li_admin .mod-side-bar-right__link:hover .mod-side-bar-right__link-text
	{
	color: #1B88DA;
}

.mod-side-bar-right__li_admin .mod-side-bar-right__link-text {
	position: absolute;
	top: 3px;
	left: 29px;
	display: inline-block;
	vertical-align: middle;
	max-width: 11em;
	width: auto !important;
	font-size: 14px;
	color: #365D82;
}

.mod-side-bar-right__li_admin .mod-side-bar-right__des {
	text-indent: 29px;
}

.mod-side-bar-right_apply {
	width: 260px;
	padding: 0 20px;
	_width: 250px;
	_padding: 0;
}

.mod-side-bar-right_apply .mod-side-bar-right__box {
	padding: 20px 0 20px 20px;
}

.mod-side-bar-right_apply .mod-side-bar-right__ul {
	color: #7f7f7f;
	margin-top: 3px;
	min-height: 100px;
	height: auto !important;
}

.mod-side-bar-right_apply .mod-side-bar-right__ul.mod-side-bar-right__ul_inline
	{
	margin: 9px 0 0 -8px;
	width: auto;
	height: auto;
	overflow: hidden;
}

.mod-side-bar-right_apply .mod-side-bar-right__ul.mod-side-bar-right__ul_inline .mod-side-bar-right__li
	{
	margin: 2px 4px 1px 0;
	float: left;
	height: 106px;
	width: 106px;
	position: relative;
}

.mod-side-bar-right_apply .mod-side-bar-right__ul.mod-side-bar-right__ul_inline .mod-side-bar-right__li a
	{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-radius: 8px;
	width: 90px;
	height: 90px;
	padding: 8px;
}

.mod-side-bar-right_apply .mod-side-bar-right__ul.mod-side-bar-right__ul_inline .mod-side-bar-right__li a:hover
	{
	background-color: #e5e5e5;
}

.mod-side-bar-right_apply .mod-side-bar-right__ul.mod-side-bar-right__ul_inline .mod-side-bar-right__li img
	{
	display: block;
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #E6E6E6;
}

.mod-side-bar-right_apply .mod-side-bar-right__li {
	list-style: square;
	list-style-position: inside;
	height: 32px;
	line-height: 32px;
	margin-bottom: 0;
}

.mod-side-bar-right_apply .mod-side-bar-right__li a {
	color: #7f7f7f;
	font-size: 14px;
}

.mod-side-bar-right_apply .mod-side-bar-right__li a:hover {
	text-decoration: underline;
}

.mod-side-bar-right__box-service .service-list li {
	float: left;
	width: 106px;
	margin-right: 4px;
	padding-top: 82px;
	text-align: center;
	position: relative;
	font-size: 14px;
}

.mod-side-bar-right__box-service .service-list .service-qq-link {
	display: block;
	color: #333;
}

.mod-side-bar-right__box-service .service-list .service-qq-link:hover {
	color: #365d82;
}

.mod-side-bar-right__box-service .service-list .icon-service-qq {
	width: 51px;
	height: 58px;
	position: absolute;
	top: 14px;
	left: 50%;
	margin-left: -29px;
	background: -261px -105px no-repeat;
}

.mod-side-bar-right__box-service .service-list .icon-qr-code-weixin {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -40px;
	background: -157px -12px no-repeat;
}

.des-title .file-span {
	font-size: 14px;
	color: #999;
	padding: 0px 5px;
}

.des-detail .file-name {
	line-height: 36px;
	color: #666;
	display: inline-block;
	width: 280px;
	padding-right: 70px;
}

.des-detail .file-name .ico-download {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-top: 6px;
	margin-left: 3px;
	background: -298px -147px no-repeat;
}

.des-detail .file-name .disable {
	background: -273px -170px no-repeat;
}

.des-detail .file-name span {
	text-overflow: ellipsis;
	width: 220px;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	float: left;
}

.des-detail a.file-name:hover .ico-download {
	background: -252px -170px no-repeat;
}

.des-detail a.file-name:hover .disable {
	background: -273px -170px no-repeat;
}

.file-list {
	max-height: 72px;
	overflow: hidden;
}

.file-list-more {
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	padding: 10px 0px 20px 0px;
	height: 1px;
}

.file-list-more span {
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 0px;
	line-height: 24px;
	height: 24px;
	width: 100px;
	display: inline-block;
	background-color: #fcfcfc;
	text-align: center;
	margin-left: -50px;
	margin-bottom: -12px;
}

.file-list-more .ico-file-more-arrow {
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 7px;
	_vertical-align: -18px;
	background: -186px -210px no-repeat;
}

.file-list-showmore .file-list {
	max-height: none;
}

.file-list-showmore .file-list-more .ico-file-more-arrow {
	background: -167px -210px no-repeat;
}

.star-list i {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 3px 0 3px;
	cursor: pointer;
	background: 0 -20px no-repeat;
}

.star-list i.half-star {
	background: 0 0 no-repeat;
}

.star-list i.no-star {
	background: -20px 0 no-repeat;
}

.star-list .star-label {
	margin-left: 8px;
	position: relative;
	top: -3px;
	color: #e85308;
}

.star-list i.no-event {
	cursor: auto;
}

.mod-comments {
	font-size: 14px;
	color: #666666;
	visibility: hidden;
}

.mod-comments .mod-comments-info__total, .mod-comments .mod-comments-info-score,
	.mod-comments .mod-comments-info__button {
	float: left;
	height: 80px;
}

.mod-comments .mod-comments-info__total {
	width: 110px;
	border-right: 1px dashed #DFDFDF;
	text-align: center;
}

.mod-comments .mod-comments-info__total h3 {
	position: relative;
	top: 5px;
	font-size: 30px;
	color: #ffb300;
	font-weight: bold;
}

.mod-comments .mod-comments-info__total span {
	position: relative;
	top: -2px;
}

.mod-comments .mod-comments-info-score {
	padding-left: 25px;
	width: 300px;
}

.mod-comments .mod-comments-info-score i {
	*position: relative;
	*top: -3px;
	_position: static;
}

.mod-comments .mod-comments-info-score .star-label {
	*position: relative;
	*top: 0px;
	_top: -2px;
}

.mod-comments .mod-comments-info-score .mod-comments-info__quality {
	position: relative;
	top: 2px;
	overflow: hidden;
	_zoom: 1;
}

.mod-comments .mod-comments-info-score .mod-comment-info__teacher {
	position: relative;
	top: 10px;
	overflow: hidden;
	_zoom: 1;
}

.mod-comments .mod-comments-info-score .mod-comment-info__attitude {
	position: relative;
	top: 18px;
	overflow: hidden;
	_zoom: 1;
}

.mod-comments .mod-comments-info-score .mod-comments-info__score-label,
	.mod-comments .mod-comments-info-score .mod-comments-info_star {
	float: left;
}

.mod-comments .mod-comments-info-score .mod-comments-info__score-label {
	padding-right: 3px;
}

.mod-comments .mod-comments-info__button {
	float: right;
	display: none;
}

.mod-comments .mod-comments-info__button a {
	width: 110px;
	height: 40px;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	text-align: center;
	line-height: 40px;
	color: #000;
	background: #f3f3f3;
	font-size: 16px;
	position: relative;
	top: 20px;
}

.mod-comments .mod-comments-info__button a:hover {
	border-color: #D9D9D9;
	background-color: #FFF;
}

.mod-comments .mod-comments-info__button a:hover:active {
	background-color: #DCDCDC;
}

.mod-comments .mod-comments-info {
	overflow: hidden;
	padding: 20px 0 25px 0;
	border-bottom: 1px solid #E6E6E6;
	_zoom: 1;
}

.mod-comments .mod-comments-list .grid-header-bg {
	display: none;
}

.mod-comments .mod-comments-list .grid-data {
	width: 100%;
	table-layout: fixed;
}

.mod-comments .mod-comments-list .grid-data td {
	height: 150px;
}

.mod-comments .mod-comments-list .grid-data .grid-col-1 {
	width: 65px;
}

.mod-comments .mod-comments-list .grid-data .grid-col-2 {
	width: auto !important;
}

.mod-comments .mod-comments-list .grid-data .no-data td {
	border-bottom: none;
}

.mod-comments .mod-comments-list .grid-data .no-data.grid-row-hover {
	background: none;
}

.mod-comments .mod-comments-list .grid-data .grid-col-1 div {
	padding-left: 5px;
}

.mod-comments .mod-comments-list .grid-data .grid-col-2 div {
	padding-right: 5px;
}

.mod-comments .mod-comments-list .mo-comments-list__col-1 {
	height: 100%;
	position: relative;
	top: 27px;
	*position: static;
	*top: auto;
}

.mod-comments .mod-comments-list .mod-comments-list__img {
	*margin-top: 25px;
}

.mod-comments .mod-comments-list .mod-comments-list-item__title {
	float: left;
	color: #333333;
}

.mod-comments .mod-comments-list .mod-comments-list-item__date {
	float: right;
	color: #999999;
}

.mod-comments .mod-comments-list .mod-comments-list-item__content {
	padding: 10px 0;
	height: 52px;
}

.mod-comments .mod-comments-list .mod-comments-list-item__bottom {
	color: #999999;
}

.mod-comments .mod-comments-list .mod-comments-list-item__bottom a {
	color: #365d82;
}

.mod-comments .page-box .page-prev-btn, .mod-comments .page-box .page-next-btn
	{
	width: 55px;
}

.mod-comments .page-box .page-btn {
	width: 47px;
}

.dialog-reservation-succ {
	width: 634px;
}

.dialog-reservation-succ .tips-bd {
	padding: 112px 122px;
	font-size: 14px;
	max-width: 576px;
}

.dialog-reservation-succ .custom_msg {
	padding-left: 45px;
}

.dialog-reservation-succ .succ-wording {
	font-size: 18px;
	line-height: 36px;
}

.dialog-reservation-succ .class-notice {
	padding-top: 12px;
}

.dialog-reservation-succ .to-my-course {
	color: #188eee;
}

.dialog-reservation-succ .class-time {
	color: #999;
}

.tips-comment-outer {
	width: 450px;
	height: 356px;
}

.tips-comment-outer .tips-hd, .tips-comment-outer .tips-tool {
	display: none;
}

.tips-comment-outer .tips-bd {
	height: 100%;
	overflow: hidden;
}

.mod-side-bar-right__box-service .service-list:before, .tips-buy-course .mod-course-banner_row:before,
	.mod-side-bar-right__box-service .service-list:after, .tips-buy-course .mod-course-banner_row:after
	{
	content: "";
	display: table;
}

.mod-side-bar-right__box-service .service-list:after, .tips-buy-course .mod-course-banner_row:after
	{
	clear: both;
}

.mod-comments .mod-comments-info__button a,
	.mod-course-banner__smallclass-tag {
	display: inline-block;
	vertical-align: middle;
}

.mod-course-banner__title, a.mod-course-banner__c-light,
	.mod-choose-time .mod-choose-time__time, .mod-choose-time_v2 .mod-choose-time__time,
	.mod-course-list__name, .mod-side-bar-right__admin,
	.mod-side-bar-right__user-name, .mod-side-bar-right__li_admin .mod-side-bar-right__link-text,
	.kc-info h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
}

.commentbox {
	width: 450px;
	height: 356px;
	margin-left: 0;
	margin-top: 0 !important;
	top: 0;
	left: 0;
	border-radius: 0;
}

.commentbox .btn-close {
	display: none;
}

.commentbox .tips-bd {
	padding: 0;
	overflow-y: inherit;
	overflow-x: inherit;
}

.commentbox .commentbox-hd {
	padding: 24px 20px 12px 20px;
	background-color: #fff;
	font-size: 16px;
}

.commentbox .commentbox-hd-avatar {
	float: left;
	width: 100px;
	font-size: 0;
	line-height: 0;
}

.commentbox .commentbox-hd-content {
	float: left;
}

.commentbox .commentbox-hd-name {
	margin-bottom: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 380px;
	word-wrap: normal;
}

.commentbox .commentbox-hd-name a {
	font-size: 18px;
	line-height: 20px;
	color: #333;
}

.commentbox .commentbox-hd-relations {
	font-size: 12px;
	line-height: 1;
}

.commentbox .commentbox-hd-relations i {
	margin: 0 5px;
	border-left: 1px solid #a5a5a5;
	border-right: 1px solid #dcdcdc;
}

.commentbox .commentbox-hd-relations a {
	color: #1d93f7;
}

.commentbox .commentbox-hl {
	color: #e85308;
	float: left;
	padding-left: 20px;
	background-image: url('/skins/customization/img/warn.207a1.png');
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 4px;
}

.commentbox .commentbox-bd {
	padding-left: 20px;
}

.commentbox .commentbox-bd-row {
	font-size: 14px;
	margin-bottom: 3px;
}

.commentbox .comment-bd-row--text {
	margin-top: 15px;
}

.commentbox .comment-bd-row-margin {
	margin-top: 10px;
	margin-bottom: 5px;
}

.commentbox .commentbox-bd-row-col1 {
	float: left;
}

.commentbox .commentbox-bd-row-col2 {
	float: left;
}

.commentbox .commentbox-bd-row-col2 i {
	*position: relative;
	*top: -3px;
	_top: 3px;
}

.commentbox .commentbox-bd-row-col2 .star-label {
	_position: relative;
	_top: -3px;
}

.commentbox .commentbox-bd-comment {
	padding: 10px;
	overflow: auto;
	width: 386px;
	height: 54px;
	resize: none;
	border: 1px solid #dedede;
	vertical-align: middle;
	margin-bottom: 8px;
}

.commentbox .commentbox-bd-comment-warp {
	color: #999;
	font-size: 14px;
	line-height: 1;
	float: left;
}

.commentbox .commentbox-bd-comment-warp-count {
	display: inline-block;
	margin: 0 2px;
	min-width: 27px;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	font-style: italic;
	font-family: Constantia, Georgia;
}

.commentbox .commentbox-bd-comment-warp-count-out {
	color: #e80808;
}

.commentbox .comment-share-box {
	float: right;
	height: 18px;
	line-height: 18px;
	margin-right: 22px;
}

.commentbox .comment-share-box .checkbox {
	margin-left: 10px;
}

.commentbox .comment-share-box i {
	margin-left: 5px;
	margin-top: 3px;
}

.commentbox .comment-share-box label {
	cursor: pointer;
}

.commentbox .tips-tool .modal-accept, .commentbox .tips-tool .modal-cancel
	{
	padding: 0;
	width: 100px;
}

.remindt {
	width: 575px;
}

.remindt .remindt-header {
	position: relative;
	margin-bottom: 40px;
	padding: 0 0 0 50px;
	height: 36px;
	line-height: 44px;
	font-size: 18px;
}

.remindt .remindt-header .remindt-header-link {
	font-size: 14px;
	margin-left: 10px;
}

.remindt .remindt-bd-title {
	margin-bottom: 10px;
	font-size: 14px;
}

.remindt .mod-choose-time {
	width: auto;
}

html, body {
	background: #FCFCFC;
	font-size: 14px;
	cursor: default;
}

.fontsize-22 {
	font-size: 22px;
}

.raw-price {
	text-decoration: line-through;
}

.raw-price-range {
	color: #999;
	padding-left: 10px;
}

.mod-header__wrap {
	margin-bottom: 0;
}

.header {
	margin-bottom: 0;
}

.course-banner-wrap {
	background: #F4F5F7;
	padding: 25px 0 50px;
}

.container {
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
	overflow: hidden;
}

.des-title {
	font-size: 16px;
	color: #333333;
	padding: 30px 0 25px;
}

.des-detail {
	color: #666666;
	word-break: break-all;
}

.des-link {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0;
}

/* .mod-tab__content img {
	display: block;
	margin: 10px 0;
	max-width: 100%;
	width: auto !important;
} */

.teacher-wrap {
	position: relative;
	float: left;
	width: 960px;
	margin-bottom: 10px;
}

.teacher-wrap .teacher-wrap-avatar {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
	text-align: center;
}

.teacher-wrap .teacher-wrap-avatar .teacher-wrap-avatar-mask {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	z-index: 9;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-mask.png',
		sizingMethod='crop');
	background-repeat: no-repeat;
}

.teacher-wrap .teacher-wrap-avatar img {
	width: 100px !important;
	height: 100px;
	float: left;
	margin: 0;
}

.teacher-wrap-even {
}

.kc-info h3 {
	font-size: 22px;
	width: auto !important;
	height: 30px;
	line-height: 100%;
	margin-bottom: 15px;
	max-width: 460px;
}

.kc-info p {
	color: #333;
	font-size: 14px;
	line-height: 24px;
}

.kc-info .hot {
	color: #e85308;
}

.teacher-info {
	position: relative;
	height: 125px;
	margin-left: 120px;
}

.teacher-info a {
	position: absolute;
	top: -3px;
	left: 0;
}

.teacher-info .des-detail {
	padding-top: 25px;
}

.teacher-info .teacher-info_name {
	max-width: 208px;
}

.sep {
	margin: 0 2px 0 5px;
	color: #C6C7C8;
	font-size: 12px;
}

.promote-img {
	display: block;
	width: 700px;
	height: 300px;
	margin-top: 60px;
}

.homework {
	font-size: 0;
	margin-top: 15px;
}

.homework img {
	display: inline;
	width: 170px !important;
	height: 150px;
	margin: 0;
	margin-right: 6px;
	_margin-right: 5px;
}

.homework img.no-margin {
	margin-right: 0;
}

.bottom-wrap {
	background: #F4F5F7;
	padding-bottom: 30px;
}

.bottom-main {
	width: 960px;
	margin: 0 auto;
}

.bottom-main .mlm-item {
	zoom: 1;
}

.market-hd {
	margin-left: -6px;
}

.mod-course-banner .mod-course-banner__title_v1 {
	font-size: 22px;
	letter-spacing: 1px;
	max-width: 500px;
	width: auto !important;
	margin-top: -8px;
	margin-bottom: 5px;
	height: 33px;
	line-height: 33px;
	_margin-top: 0;
}

.wrap-choose-time {
	padding-top: 30px;
}

.tips-buy-course {
	width: 576px;
}

.tips-buy-course .tips-des {
	margin: 20px 0 15px;
}

.tips-buy-course .tips-bd {
	max-height: 600px;
	height: auto !important;
	padding: 40px 40px 10px;
	_height: auto;
}

.tips-buy-course .mod-course-banner {
	width: 490px;
	height: 90px;
}

.tips-buy-course .mod-course-banner__img {
	width: 90px;
	height: 50px;
	float: left;
}

.tips-buy-course .mod-course-banner__content {
	margin-left: 16px;
	width: 380px;
	min-height: 50px;
	_height: 50px;
}

.tips-buy-course .mod-course-banner__title {
	font-size: 18px;
	max-width: 21em;
	width: auto !important;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
	line-height: 1.5;
}

.tips-buy-course .mod-choose-time {
	position: relative;
	width: 490px;
}

.tips-buy-course .mod-choose-time_v2 {
	width: auto;
}

.tips-buy-course .mod-choose-time__li {
	background: #FFFFFF;
}

.tips-buy-course .mod-choose-time__li:hover {
	background: #EFF1F3;
}

.tips-buy-course .mod-choose-time__time {
	max-width: 434px;
	_width: 434px;
}

.tips-buy-course .mod-course-banner__price {
	margin-right: 6px;
}

.tips-buy-course .btn-default {
	width: 100px;
	height: 37px;
	line-height: 37px;
	font-size: 16px;
}

.tips-buy-course .btn-weak {
	width: 100px;
	height: 37px;
	line-height: 37px;
	font-size: 16px;
	border: 1px solid #D9D9D9;
	background: #F3F3F3;
}

.tips-buy-course .btn-weak:hover {
	background: #FDFDFD;
}

.tips-buy-course .btn-weak:active {
	background: #EBEBEB;
}

.tips-buy-course .mod-course-banner_row {
	_position: relative;
	margin-bottom: 18px;
}

.tips-buy-course .mod-course-banner_tips {
	margin-top: -10px;
	color: #e85308;
}

.tips-buy-course .privilege-checkbox {
	height: auto;
	line-height: 25px;
}

.tips-buy-course .privilege-checkbox i {
	top: 7px;
}

.tips-buy-course .mod-course-banner_tips-icon {
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
	margin-top: 6px;
	width: 14px;
	height: 14px;
	background: -234px 0 no-repeat;
}

.tips-buy-course .mod-course-banner_col1 {
	float: left;
	width: 40px;
	padding-top: 3px;
}

.tips-buy-course .mod-course-banner_col2 {
	float: right;
	width: 450px;
}

.op-right {
	float: right;
	width: 480px;
	height: 42px;
}

a.hide {
	display: none;
}

.high-hide {
	display: none !important;
}

.l-side-nav {
	background: #f8f8f8;
	height: 58px;
	border-left: 1px solid #ebebeb;
	width: 286px;
	margin-top: 30px;
}

.l-side-nav.only-one {
	width: 143px;
}

.l-side-nav li {
	cursor: pointer;
	height: 100%;
	float: left;
	text-align: center;
	color: #202020;
	font-size: 16px;
	width: 142px;
	border-right: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
}

.l-side-nav li p {
	border-top: 5px solid #f8f8f8;
	line-height: 52px;
}

.l-side-nav li p:hover {
	border-top: 5px solid #039ae3;
}

.l-side-nav li.active {
	background: #fff;
	outline: 1px solid #fff;
}

.l-side-nav li.active p {
	border-top: 5px solid #039ae3;
}

.wraper-nav {
	padding: 14px 0px 0px 0px;
	margin-bottom: 30px;
	overflow: hidden;
	border-top: 1px solid #ebebeb;
}

.preview_mode .mod-header__wrap, .preview_mode #js_comment_list,
	.preview_mode .bottom-wrap, .preview_mode .footer {
	display: none;
}

.preview_mode .mod-breadcrumbs {
	cursor: default;
}

.preview_mode .mod-breadcrumbs__nav {
	cursor: default;
}

.preview_mode .mod-breadcrumbs__nav:hover {
	color: #999999;
}

.preview_mode .mod-course-banner__share {
	cursor: default;
}

.preview_mode .mod-course-banner__share:hover span {
	color: #666666;
}

.preview_mode .mod-course-banner__share:hover .icon-share {
	background: -315px -170px no-repeat;
}

.preview_mode .mod-course-banner__share:active span {
	color: #666666;
}

.preview_mode .mod-course-banner__share:active .icon-share {
	background: -315px -170px no-repeat;
}

.preview_mode .mod-course-banner__other-time {
	cursor: default;
}

.preview_mode .mod-side-bar-right__school-title, .preview_mode .mod-side-bar-right__admin
	{
	cursor: default;
}

.preview_mode .mod-side-bar-right__school-title:hover, .preview_mode .mod-side-bar-right__school-title:active,
	.preview_mode .mod-side-bar-right__admin:hover, .preview_mode .mod-side-bar-right__admin:active
	{
	color: #365D82;
}

.preview_mode .mod-course-banner__btn-wrap .btn-primary, .preview_mode .mod-course-banner__btn-wrap .btn-default
	{
	cursor: default;
}

.preview_mode .mod-course-banner__btn-wrap .btn-primary:hover,
	.preview_mode .mod-course-banner__btn-wrap .btn-primary:active {
	background-color: #ff9a00;
}

.preview_mode .mod-course-banner__btn-wrap .btn-default:hover,
	.preview_mode .mod-course-banner__btn-wrap .btn-default:active {
	
}

.preview_mode .mod-course-banner__btn-wrap .btn-heart {
	background: #F4F5F7;
	color: #666666;
}

.preview_mode .mod-course-banner__btn-wrap .btn-heart:hover {
	background: #F4F5F7;
	color: #666666;
}

.preview_mode .mod-course-banner__btn-wrap .btn-heart:hover .i-heart {
	color: #ccc;
}

.preview_mode .mod-course-banner__btn-wrap .btn-heart_done:hover {
	background: #F4F5F7;
}

.preview_mode .mod-course-banner__btn-wrap .btn-in-class:hover {
	background: #039ae3;
}

.preview_mode .mod-course-banner__btn-wrap .mod-side-bar-right__school a
	{
	cursor: default;
}

.preview_mode .mod-course-banner__video-mask, .preview_mode .play-button
	{
	cursor: default;
}

.mod-course-banner .mod-course-banner__btn-wrap {
	clear: left;
	width: 470px;
}

.button-region .btn-default, .button-region .btn-primary {
	width: 166px;
}

.button-region .btn-reserve {
	margin-left: 20px;
	background: #fdfdfd;
	color: #333;
	border: 1px solid #ddd;
	height: 48px;
	line-height: 48px;
}

.button-region .btn-reserve:hover {
	background: #fff;
	border-color: #e5e5e5;
}

.button-region .btn-reserve:active {
	background: #dcdcdc;
}

.button-region .btn-reserve-enter {
	margin-left: 20px;
}

.mod-course-banner__price span {
	font-size: 14px;
}

.mod-course-banner__price .fontsize-22 {
	font-size: 22px;
}

.mod-course-banner__smallclass-tag {
	margin-top: 7px;
	margin-left: 5px;
	padding: 0 5px;
	height: 18px;
	line-height: 18px;
	color: #e85308;
	font-size: 12px;
	vertical-align: top;
	border: 1px solid #ff7b39;
	border-radius: 3px;
}

#js_passcard_price_step {
	font-size: 22px;
}

.vc-line {
	height: 53px;
	margin-top: 20px;
}

.vc-line .js-vc-ipt-error {
	float: left;
	margin-top: 30px;
	margin-left: 10px;
	color: red;
}

.vc-line .js-vc-img {
	float: left;
	padding-right: 6px;
	cursor: pointer;
}

.vc-line .js-vc-ipt {
	float: left;
	width: 85px;
	margin-top: 14px;
}

.mod-course-banner__content {
	width: 480px;
}

.mod-course-banner__title {
	max-width: 480px;
}

.mod-course-banner__title_v {
	font-size: 18px;
}

.mod-course-banner__time {
	max-width: 405px;
	width: auto !important;
}

.mod-course-list__zhi .mod-course-list__time-wrap {
	left: 382px;
	width: 175px;
	text-align: right;
}

.mod-course-list_tab {
	min-height: 150px;
	height: auto !important;
}

.nodata-info {
	padding: 115px 0px 0px 202px;
	border-top: 1px solid transparent;
}

.nodata-info .ico-wording {
	font-size: 16px;
	margin-left: 7px;
	margin-top: 7px;
	color: #666;
}

.mod-side-bar-right__school .score_grade {
	color: #e80808;
}

.mod-side-bar-right__school .btn-default {
	width: 78px;
	height: 28px;
	line-height: 28px;
	margin-right: 12px;
}

.mod-side-bar-right__school .btn-weak {
	width: 98px;
	height: 28px;
	border: 1px solid #d9d9d9;
	line-height: 28px;
}

.mod-side-bar-right__score {
	margin-top: 18px;
	color: #666;
	line-height: 28px;
}

.school-name {
	margin-right: 10px;
	font-style: normal;
	display: inline;
	vertical-align: middle;
}

.mod-side-bar-right__school-right-text {
	margin-left: 0;
}

.mod-side-bar-right__course-cover {
	float: left;
	width: 90px;
	height: 50px;
	position: relative;
}

.mod-side-bar-right__course-cover .icon-card-lu {
	display: inline-block;
	vertical-align: middle;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/play_icon_normal_index.png',
		sizingMethod='crop');
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 4px;
	left: 4px;
	background: 0 -169px no-repeat;
}

.mod-side-bar-right__course-cover .mod-support-listen {
	position: absolute;
	color: #fff;
	top: 1px;
	left: 1px;
	font-size: 14px;
	width: 77px;
	height: 21px;
	padding-left: 5px;
	background: -73px -136px no-repeat;
}

.mod-side-bar-right__course-name {
	float: left;
	margin-left: 10px;
	width: 98px;
	color: #666;
	max-height: 52px;
	height: auto !important;
	overflow: hidden;
	line-height: 18px;
	margin-top: -2px;
}

.mod-side-bar-right__course-name:hover {
	color: #049ee4;
}

.mod-side-bar-right__li {
	margin-bottom: 16px;
}

.mod-side-bar-right__op {
	color: #1a96e1;
}

.mod-side-bar-right__arrow {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 5px;
	margin-left: 6px;
	background: transparent -319px -147px no-repeat;
}

.js-folded-item {
	display: none;
}

.mod-side-bar-right__op_open .mod-side-bar-right__arrow {
	background: transparent -319px -157px no-repeat;
}

.mod-side-bar-right__op_open .js-folded-item {
	display: block;
}

.icon-level_new {
	width: 49px;
	height: 17px;
	background: transparent -252px -125px no-repeat;
}

.mod-side-bar-right__entrance {
	margin-top: 18px;
}

.mod-choose-time__time .i-question {
	margin-left: 3px;
}

.mod-choose-time__tab .mod-choose-time__tab-item .i-question {
	display: inline-block;
	vertical-align: -1px;
}

video {
	width: 500px;
	height: 450px;
}

.tips .tips-bd {
	overflow: visible;
}

.qrcode-container {
	background: #f3f6f9;
	width: 300px;
	height: 600px;
	border-color: #cecece;
	border-style: none \0;
	border-width: 2px;
	border-radius: 50px;
	padding: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -177px;
	margin-top: -335px;
	z-index: 999;
}

.qrcode-container .qrcode-top {
	margin-top: 43px;
	width: 60px;
	height: 10px;
	margin-left: 120px;
	border-radius: 4px;
	margin-bottom: 25px;
	background-image:
		url('/skins/customization/img/top.png');
	background-repeat: no-repeat;
}

.qrcode-container .qrcode-center {
	border: 1px solid #cecece;
	width: 282px;
	height: 420px;
	text-align: center;
	background: #fff;
	margin-left: 8px;
}

.qrcode-container .qrcode-bottom {
	margin-left: 116px;
	margin-top: 16px;
	width: 64px;
	height: 64px;
	border: none;
	background-image:
		url('/skins/customization/img/bottom.png');
	background-repeat: no-repeat;
}

.qrcode-center .qc-top {
	height: 53px;
	line-height: 53px;
	vertical-align: middle;
	margin: 42px 50px 24px 50px;
}

.qrcode-center .qc-top div {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
}

.qrcode-center .qc-top .qct-logo {
	width: 46px;
	height: 53px;
	background-image:
		url('/skins/customization/img/logo.png');
	background-repeat: no-repeat;
}

.qrcode-center .qc-top .qct-title {
	font-size: 28px;
	font-family: "Microsoft YaHei";
	margin-left: 20px;
}

.qrcode-center .qc-center {
	width: 190px;
	height: 190px;
	margin-left: 45px;
	overflow: hidden;
	position: relative;
	margin-top: 60px;
	z-index: 10;
}

.qrcode-center .qc-center .qc-logo {
	height: 40px;
	width: 40px;
	position: absolute;
	top: 75px;
	left: 75px;
	z-index: 30;
	background-image:
		url('/skins/customization/img/logo.2acd5d5.png');
	background-repeat: no-repeat;
}

.qrcode-center .qc-bottom {
	margin-top: 35px;
	height: 50px;
	line-height: 25px;
	padding: 0 24px;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	text-align: left;
}

.alert-tips .icon {
	background-image:
		url('/skins/customization/img/acceptCoupon.3c045.png');
}

.mod-course-banner__share .share-qq, .mod-course-banner__share .share-qzone,
	.mod-course-banner__share .share-weixin {
	background-image:
		url('/skins/customization/img/agencyIndex.72c9c.png');
}

.mod-side-bar-right__li_admin .icon-home,
	.mod-side-bar-right__box-service .service-list .icon-service-qq,
	.mod-side-bar-right__box-service .service-list .icon-qr-code-weixin {
	background-image:
		url('/skins/customization/img/applyLecture.65108.png');
}

.star-list i, .star-list i.half-star, .star-list i.no-star {
	background-image:
		url('/skins/customization/img/comment.46a5b.png');
}

.tips-buy-course .mod-course-banner_tips-icon,
	.mod-side-bar-right__course-cover .icon-card-lu,
	.mod-side-bar-right__course-cover .mod-support-listen {
	background-image: url('/skins/customization/img/common.2b12b.png');
}

.mod-course-banner__status.mod-course-banner__registered,
	.mod-course-banner__status.mod-course-banner__signed-stop,
	.mod-course-banner__status.mod-course-banner__class-end, .pay-succ .app-ad .icon-app,
	.icon-level_new, .mod-course-banner__guide-payback i,
	.mod-course-banner__guide-protect i, .alert-tips .part-qunavatar,
	.des-detail .file-name .ico-download, .des-detail a.file-name:hover .ico-download,
	.des-detail .file-name .disable, .des-detail a.file-name:hover .disable,
	.mod-course-banner__other-time.mod-course-banner__other-time_open .icon-calender-two-column,
	.mod-course-banner__other-time .icon-calender-two-column,
	.mod-course-list__op .mod-course-list__video-btn .icon-play-video,
	.mod-course-list__op .mod-course-list__video-btn:hover .icon-play-video,
	.preview_mode .mod-course-banner__share:hover .icon-share,
	.preview_mode .mod-course-banner__share:active .icon-share,
	.file-list-showmore .file-list-more .ico-file-more-arrow,
	.mod-course-list__op .mod-course-list__arrow, .file-list-more .ico-file-more-arrow,
	.mod-side-bar-right__arrow, .mod-side-bar-right__op_open .mod-side-bar-right__arrow
	{
	background-image:
		url('/skins/customization/img/courseDetail.0a648.png');
}

.leijpj, .chengjjl {
	border: 1px solid #cdcdcd;
	padding: 20px;
	margin-top: 20px;
}

.leinr {
	border-bottom: 1px solid #d4d4d4;
	padding: 10px 0;
}

.lei-tx {
	float: left;
	width: 100px;
}

.lei-tx img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto
}

.lei-tx  span {
	display: block;
	text-align: center;
	margin-top: 5px;
	font-family: "微软雅黑";
}

.lei-nr {
	float: left;
	width: 545px;
	padding-top: 5px;
}

.lei-nr p {
	line-height: 1.6em;
	color: #3f3f3f;
	font-family: "微软雅黑";
	font-size: 14px;
}

.lei-nr .lei-time {
	color: #b0b0b0;
	font-size: 12px;
	margin-top: 10px;
}

.assessment_content {
	margin-left: 20px;
	width: 587px;
	height: 80px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
	border-color: #6187DC;
	resize: none;
	border-radius: 2px;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-modify: read-write-plaintext-only;
	outline: none !important;
	line-height: 1.571428571428571;
	padding: 6px 12px;
}

.assessment {
	margin-top: 20px;
	width: 695px;
}

.assessment {
	margin-top: 20px;
	width: 658px;
}

.btn-info:hover {
	background-color: #567ed2;
	border-color: #4974ce;
	transition: background-color .2s;
}

.btn-info {
	background-color: #6287d5;
	border-color: #567ed2;
	color: white;
}

.btn-comment {
	width: 80px;
	height: 28px;
	line-height: 28px;
	padding: 0;
}

.form-action {
	text-align: right;
	padding: 10px 25px 0 0;
	margin-top: 0;
}