@charset "UTF-8"; 

.tips-buy-course .mod-course-banner_row:before, .imgtext-course .tt-below-line:before,
	.tabs-tt-bar:before, .tips-buy-course .mod-course-banner_row:after,
	.imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
	content: "";
	display: table
}

.tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after,
	.tabs-tt-bar:after {
	clear: both
}

.task-task-list .task-task-item .task-tt-text, .course-class--three .class-tt-list .item-name,
	.mod-choose-time_v2 .mod-choose-time__time, .tips-buy-course .mod-course-banner__title,
	.teacher-list .teacher-item .text-tt, .course-class-task .drop-down--class .drop-down-tt,
	.section--course-package .course-package .package-list-item .course-info-title,
	.section--course-package .course-package .package-list-item .course-info-class,
	.package-dialog .package-list-item .course-info-title, .package-dialog .package-list-item .course-info-class
	{
	display: inline-block;
	width: 600px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.comment-list .comment-item, .comment-reply .reply-item .reply-bd,
	.imgtext-course .page-tt, .tb-course td, .teacher-list .teacher-item .text-intro
	{
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.task-task-list .task-task-item .icon-playback:before {
	content: "";
	height: 0;
	width: 0;
	overflow: hidden
}

.flag-orange, .flag-white, .flag-gray {
	color: #e85308;
	border: 1px solid;
	padding: 1px;
	line-height: 1;
	font-size: 12px;
	border-radius: 2px;
	margin-left: 4px;
	display: inline-block;
	vertical-align: 0
}

.flag-white {
	color: #fff
}

.flag-gray {
	color: #999
}

.flag-orange-bg {
	background: #e85308;
	color: #fff;
	padding: 2px;
	vertical-align: 0;
	font-size: 12px;
	display: inline-block;
	border-radius: 2px;
	line-height: 1
}

.task-schedule {
	position: relative;
	padding: 32px 120px 33px
}

.task-schedule.task-schedule--over .progress-your-plan, .task-schedule.task-schedule--over .progress-course-plan,
	.task-schedule.task-schedule--over .schedule-progress-wrap .plan-point,
	.task-schedule.task-schedule--no-begin .progress-your-plan,
	.task-schedule.task-schedule--no-begin .progress-course-plan,
	.task-schedule.task-schedule--no-begin .schedule-progress-wrap .plan-point
	{
	display: none
}

.task-schedule.task-schedule--overdue .schedule-progress-wrap .percent {
	background: #a7a7a7
}

.task-schedule.task-schedule--overdue .schedule-progress-wrap .progress-your-plan
	{
	color: #666
}

.task-schedule .schedule-start, .task-schedule .schedule-end {
	position: absolute;
	top: 50%;
	margin-top: -12px
}

.task-schedule .schedule-start {
	left: 10px
}

.task-schedule .schedule-end {
	right: 10px
}

.task-schedule .schedule-progress-wrap {
	position: relative
}

.task-schedule .schedule-progress-wrap .schedule-progress {
	background: #ccc;
	height: 15px;
	border-radius: 8px;
	overflow: hidden;
	position: relative
}

.task-schedule .schedule-progress-wrap .percent {
	background: #039ae3;
	display: block;
	height: 100%;
	width: 0;
	overflow: hidden;
	border-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.task-schedule .schedule-progress-wrap .percent-inner {
	background: #039ae3;
	display: block;
	height: 100%;
	width: 0
}

.task-schedule .schedule-progress-wrap .undo-point {
	position: absolute;
	top: 0;
	left: 30px;
	height: 100%;
	background: #ccc;
	width: 10px
}

.task-schedule .schedule-progress-wrap .undo-point:hover .hover-tips {
	display: block
}

.task-schedule .schedule-progress-wrap .undo-point--half {
	width: 5px;
	left: 100px
}

.task-schedule .schedule-progress-wrap .undo-point-round-left {
	border-radius: 8px 0 0 8px
}

.task-schedule .schedule-progress-wrap .undo-point-round-right {
	border-radius: 0 8px 8px 0
}

.task-schedule .schedule-progress-wrap .plan-point {
	position: absolute;
	width: 4px;
	height: 100%;
	background: #5fb41b;
	left: 0;
	top: 0;
	margin-left: -2px
}

.task-schedule .plan-text {
	position: absolute;
	left: 11px;
	top: -1px;
	width: 190px
}

.task-schedule .plan-text.text--left {
	left: auto !important;
	right: 25px;
	text-align: right
}

.task-schedule .progress-your-plan {
	position: absolute;
	left: 0;
	top: -28px;
	color: #039ae3;
	vertical-align: top
}

.task-schedule .progress-your-plan .plan-text {
	display: none;
	width: 100px
}

.task-schedule .progress-course-plan {
	position: absolute;
	left: 60%;
	bottom: -26px
}

.task-schedule .progress-course-plan .plan-text {
	width: 120px;
	left: 18px
}

.task-schedule .progress-course-plan .plan-text.text--left {
	right: 30px
}

.task-schedule .progress-course-plan .plan-text.text--live {
	width: 180px
}

.line-right {
	position: absolute;
	top: 0;
	right: 10px;
	color: #666
}

.line-right .icon-remind {
	background:
		url(/andisk/images/c-sprite.7c4a0e7.png#unsprite)
		no-repeat -374px -26px;
	width: 23px;
	height: 22px;
	display: inline-block;
	vertical-align: -5px;
	margin-right: 5px
}

.line-right .time--overdue {
	color: #e85308
}

.line-right .time--expired {
	color: #999
}

.task-chapter .chapter-tt {
	line-height: 60px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px
}

.task-chapter+.task-chapter .chapter-tt {
	border-top: 1px solid #e5e5e5
}

.task-chapter .task-task-list {
	margin-left: 20px;
	margin-right: 20px
}

.task-part-list {
	padding-top: 30px;
	padding-bottom: 1px
}

.task-part-item {
	margin-bottom: 20px
}

.task-part-item .task-part-hd {
	height: 40px;
	line-height: 40px;
	height: 40px;
	background: #f3f3f3;
	position: relative;
	margin-bottom: 20px
}

.task-part-item .part-tt {
	font-size: 16px
}

.task-part-item .tt-prefix {
	background: #666;
	color: #fff;
	width: 72px;
	text-align: center;
	font-size: 18px;
	float: left;
	margin-right: 8px
}

.task-part-item .flag-orange-bg {
	margin-left: 5px
}

.task-task-list .task-task-item {
	position: relative;
	line-height: 40px;
	padding-left: 53px;
	display: block;
	width: 100%;
	color: #333;
	box-sizing: border-box
}

.task-task-list .task-task-item .item-icon {
	position: absolute;
	left: 0;
	top: 50%;
	width: 53px;
	text-align: center;
	font-size: 24px;
	color: #a3d2f8;
	margin-top: -12px
}

.task-task-list .task-task-item .task-tt-text {
	display: inline-block;
	vertical-align: middle
}

.task-task-list .task-task-item .tt-suffix {
	color: #999;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
}

.task-task-list .task-task-item .icon-playback {
	position: relative;
	color: #999;
	border: 1px solid;
	border-radius: 2px;
	margin-left: 10px;
	height: 14px;
	width: 16px;
	display: inline-block;
	vertical-align: middle
}

.task-task-list .task-task-item .icon-playback:before {
	position: absolute;
	left: 6px;
	top: 2px;
	border-left: 5px solid #999;
	border-top: 5px dashed transparent;
	border-bottom: 5px dashed transparent
}

.task-task-list .task-task-item .btn-s {
	right: 10px;
	margin-top: -15px
}

.task-task-list .task-task-item .item-progress {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	width: 50px;
	background: #ccc;
	height: 4px
}

.task-task-list .task-task-item .item-progress .percent {
	display: block;
	height: 4px;
	background: #5fb41b
}

.task-task-list .task-task-item .hover-guide {
	display: none;
	color: #039ae3
}

.task-task-list .task-task-item .hover-guide .i-v-right {
	font-size: 22px;
	vertical-align: -1px
}

.task-task-list .task-task-item .i-right {
	font-size: 24px;
	color: #5fb41b;
	vertical-align: -3px;
	margin-left: 10px
}

.task-task-list .task-task-item.task-task-item--done .item-icon {
	color: #999
}

.task-task-list .task-task-item.task-task-item--disabled .item-icon,
	.task-task-list .task-task-item.task-task-item--disabled .task-tt {
	color: #999
}

.task-task-list a.task-task-item:hover {
	background-color: #daedfd
}

.task-task-list a.task-task-item:hover .item-icon {
	color: #039ae3
}

.task-task-list a.task-task-item:hover .hover-guide {
	display: inline-block
}

.task-task-list a.task-task-item:hover .hover-guide ~.item-num-percent,
	.task-task-list a.task-task-item:hover .hover-guide ~.item-progress,
	.task-task-list a.task-task-item:hover .hover-guide ~.i-right,
	.task-task-list a.task-task-item:hover .hover-guide ~.item-score {
	display: none
}

.tips--pointer {
	left: 50%;
	margin-left: -50px;
	width: 100px;
	line-height: 24px;
	padding: 0 5px
}

.icon-class-over, .icon-class-full, .icon-class-past,
	.icon-class-applyed {
	background:
		url(/andisk/images/c-sprite.7c4a0e7.png#unsprite)
		no-repeat;
	width: 93px;
	height: 65px;
	position: absolute;
	bottom: 0;
	right: 0
}

.icon-class-over {
	background-position: 0 -50px
}

.icon-class-past {
	background-position: -100px -50px
}

.icon-class-full {
	background-position: -200px -50px
}

.icon-class-applyed {
	background-position: -300px -50px
}

.class-tt-list-wrap {
	position: relative;
	overflow: hidden
}

.class-tt-list-wrap .class-more {
	position: absolute;
	right: 0;
	line-height: 35px;
	top: 0;
	background: #fff;
	padding-left: 10px;
	display: none;
	cursor: pointer;
	color: #039ae3
}

.class-tt-list-wrap .class-more .i-v-left {
	display: none
}

.class-tt-list-wrap .class-more.class-more--left .i-v-left {
	display: inline-block
}

.class-tt-list-wrap .class-more.class-more--left .i-v-right {
	display: none
}

.course-class--more .class-tt-list {
	width: 1400px
}

.course-class--more .class-tt-list-wrap {
	padding-right: 100px
}

.course-class--more .class-more {
	display: block
}

.course-class.course-class--one .class-tt-list {
	display: none
}

.course-class.course-class--one .class-content {
	border-top: 1px solid #e5e5e5;
	padding-top: 20px
}

.course-class.course-class--one .class-content .hidden-clip {
	clip: inherit;
	top: -20px;
	font-size: 16px;
	background: #fff;
	line-height: 35px;
	padding: 0 5px
}

.course-class .class-tt-list {
	height: 35px;
	border-bottom: 1px solid #e5e5e5
}

.course-class .class-tt-list .flag-orange {
	padding: 1px;
	vertical-align: 2px;
	margin-left: 5px;
	width: 28px;
	box-sizing: border-box
}

.course-class .class-tt-list li {
	float: left;
	padding: 0 14px;
	line-height: 35px;
	font-size: 16px;
	background: #fff;
	cursor: pointer;
	color: #666;
	box-sizing: border-box;
	position: relative
}

.course-class .class-tt-list li.active, .course-class .class-tt-list li:hover
	{
	color: #039ae3
}

.course-class .class-tt-list li.active {
	border: 1px solid #e5e5e5;
	border-bottom: 0
}

.course-class .class-content {
	display: none;
	border: 1px solid #e5e5e5;
	border-top: 0;
	padding: 10px 15px 20px;
	position: relative
}

.course-class .class-content.active {
	display: block
}

.course-class .class-content .price {
	position: absolute;
	left: 10px;
	font-size: 22px;
	bottom: -16px;
	background: #fff;
	padding: 0 5px
}

.course-class .class-content.class-content--no-des .class-date {
	line-height: 3
}

.course-class--three .class-tt-list .flag-orange {
	position: absolute;
	top: 10px;
	right: 12px
}

.course-class--three .class-tt-list li.item--xiaoban {
	padding-right: 45px
}

.course-class--three .class-tt-list li.item--xiaoban .item-name {
	max-width: 117px
}

.course-class--three .class-tt-list .item-name {
	float: left;
	max-width: 148px
}

@media only screen and (max-width:1199px) {
	.course-class--three .class-tt-list .flag-orange {
		right: 6px
	}
	.course-class--three .class-tt-list li {
		padding: 0 9px
	}
	.course-class--three .class-tt-list li .item-name {
		max-width: 133px
	}
	.course-class--three .class-tt-list li.item--xiaoban {
		padding-right: 38px
	}
	.course-class--three .class-tt-list li.item--xiaoban .item-name {
		max-width: 103px
	}
}

.mod-choose-time {
	z-index: 999999;
	position: absolute;
	width: 425px
}

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

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

.mod-choose-time .mod-choose-time__li {
	cursor: pointer;
	padding-left: 20px;
	position: relative;
	height: 40px;
	line-height: 40px;
	color: #333;
	border: 1px solid #e5e5e5;
	margin-bottom: -1px
}

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

.mod-choose-time .mod-choose-time__li .icon-corner-selected {
	display: none;
	position: absolute;
	top: 0;
	left: 0
}

.mod-choose-time .mod-choose-time__li.mod-choose-time__li_current {
	z-index: 2;
	border-color: #5fb41b
}

.mod-choose-time .mod-choose-time__li.mod-choose-time__li_current .icon-corner-selected
	{
	display: block
}

.mod-choose-time .mod-choose-time__time {
	position: absolute;
	right: 10px;
	top: 0;
	color: #999
}

.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 #DDD;
	border-bottom: 0;
	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: #fff
}

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

.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: #fff
}

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

.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: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #333
}

.mod-choose-time_v2 .mod-choose-time__content {
	width: 100%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ddd;
	z-index: 1;
	background: #fff;
	color: #333;
	cursor: pointer;
	box-sizing: border-box
}

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

.mod-choose-time_v2 .mod-choose-time__content_selected i {
	display: block;
	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 #DDD
}

.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
}

.remindt {
	width: 500px;
	margin-left: -250px
}

.alert-tips .part-left {
	margin-right: 120px;
	min-height: 230px
}

.alert-tips .part-right {
	width: 111px;
	height: 162px;
	background: #fff;
	border: 1px solid #eee;
	position: absolute;
	right: 0;
	top: 0
}

.alert-tips .part-right .qrcode-bg {
	width: 100px;
	height: 100px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	background:
		url(//8.url.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/apply-succ-app.3f197e9.png)
		no-repeat
}

.alert-tips .part-right .qrcode-title {
	font-size: 14px;
	text-align: center;
	color: #000;
	line-height: 18px
}

.alert-tips .remindt-header {
	margin: 0 0 20px 56px
}

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

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

.alert-tips .note-msg {
	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;
	line-height: 20px;
	color: #666;
	width: 280px
}

.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: 18px;
	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 .i-group {
	color: #666;
	font-size: 18px
}

.alert-tips .part-title {
	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;
	transition: height .2s;
	color: #666
}

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

.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-msg-large {
	position: absolute;
	top: 43px;
	left: 40px;
	width: 36px;
	height: 36px
}

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

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

.alert-tips .error-tip span {
	padding-left: 25px
}

.alert-tips .error-tip span i {
	left: 5px
}

.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: 42px;
	width: auto;
	height: 36px;
	line-height: 36px;
	padding: 0 26px;
	font-size: 14px;
	border: 1px solid #e5e5e5
}

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

.alert-tips .part-content-desc .i-group {
	color: #999
}

.alert-tips .modal-ft {
	padding: 20px;
	text-align: right
}

.alert-tips .modal-ft .btn-default {
	line-height: 36px;
	width: 100px
}

.alert-tips .modal-ft .modal-ft-btn--link {
	padding-right: 20px
}

.pay-succ {
	width: 580px
}

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

.pay-succ .icon-msg-large {
	margin-top: 0
}

.pay-succ .mrl22 {
	margin: 0 20px 15px 90px
}

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

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

.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 {
	background:
		url(//8.url.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/icon-app.158acaf.png)
		no-repeat;
	float: left;
	width: 80px;
	height: 80px;
	margin-left: 96px;
	margin-right: 30px;
	position: relative
}

.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: 18px;
	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: 74px;
	margin-left: 41px;
	float: left
}

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

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

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

.tips-buy-course {
	width: 650px;
	margin-left: -325px
}

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

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

.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 {
	position: relative;
	float: left;
	margin-left: 16px;
	width: 380px;
	min-height: 50px
}

.tips-buy-course .mod-course-banner__title {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
	line-height: 1.5
}

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

.tips-buy-course .pay-support {
	position: absolute;
	bottom: -50px;
	color: #999
}

.tips-buy-course .mod-course-banner__c-light {
	display: inline-block;
	vertical-align: middle;
	color: #999
}

.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: #FFF
}

.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 .course-class {
	margin-bottom: 18px
}

.tips-buy-course .mod-course-banner_row {
	width: 500px;
	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: 3px
}

.tips-buy-course .mod-course-banner_col2 .i-alert {
	margin-right: 6px
}

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

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

.tips-buy-course .raw-price {
	text-decoration: line-through
}

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

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

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

.pay-succ .mrl22-ex {
	text-align: center;
	margin: 0 0 15px
}

.pay-succ .part-right-ex {
	position: relative;
	display: inline-block
}

.pay-succ .part-left-ex {
	margin-right: 0;
	min-height: 0
}

.pay-succ .icon-msg-large-ex {
	left: 200px
}

.cdkey-panel .form .f-item {
	margin-bottom: 10px
}

.cdkey-panel .form--h .f-field {
	margin-left: 0;
	overflow: hidden
}

.cdkey-panel .f-text {
	width: 300px
}

.cdkey-panel .cdkey-err-msg {
	display: inline-block;
	float: left;
	color: #e80808;
	line-height: 36px
}

.f-msg-panel .f-msg {
	margin-left: 0
}

.sort-page .page-box {
	margin-bottom: 0
}

.comment-filter {
	background: #f3f3f3;
	border: 1px solid #e5e5e5;
	padding: 10px 0;
	position: relative
}

.comment-filter .comment-statistics {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 125px;
	border-right: 1px solid #e5e5e5;
	margin: -5px 0
}

.comment-filter .comment-statistics .statistics-num {
	color: #e85308;
	font-size: 28px;
	line-height: 1;
	display: block
}

.comment-filter .f-rc-list {
	display: inline-block
}

.comment-filter .f-rc-list .f-radio {
	margin-left: 30px;
	margin-right: 0
}

.comment-list .comment-item {
	position: relative;
	padding: 20px 20px 20px 80px;
	border-top: 1px solid #e5e5e5
}

.comment-list .comment-item:first-child {
	border-top: 0
}

.comment-list .comment-item .item-left {
	position: absolute;
	width: 80px;
	text-align: center;
	top: 20px;
	left: 0
}

.comment-list .comment-item .user-avatar {
	border-radius: 50%
}

.comment-list .comment-item .item-right {
	position: relative
}

.comment-list .comment-item .star-list {
	margin-top: -4px
}

.comment-list .comment-item .comment-bd {
	margin-bottom: 10px
}

.comment-list .comment-ft+.comment-reply {
	margin-top: 20px;
	margin-bottom: -20px
}

.comment-ft {
	color: #999
}

.comment-ft .comment-where {
	margin-right: 10px
}

.comment-ft.comment-ft--first {
	margin-bottom: 20px
}

.comment-reply .reply-item {
	padding: 20px 0;
	position: relative;
	border-top: 1px dashed #e5e5e5
}

.comment-reply .reply-item .reply-tt {
	font-weight: 400
}

.comment-reply .reply-item .reply-bd {
	margin-bottom: 10px
}

.comment-reply .reply-item.item--agency .reply-bd, .comment-reply .reply-item.item--agency .reply-tt
	{
	color: #ae8651
}

.comment-reply.reply--write {
	border: 1px solid #e5e5e5;
	padding: 0 15px
}

.comment-reply.reply--write .reply-item:first-child {
	border-top: 0
}

.star-list {
	display: inline-block;
	vertical-align: middle;
	font-size: 0
}

.star-list .i-star {
	color: #ffb200;
	margin-right: 5px;
	font-size: 18px
}

.star-list .i-star.active ~.i-star {
	color: #999
}

.star-list.star-list--comment .i-star {
	cursor: pointer;
	padding-right: 5px;
	margin-right: 0
}

.star-list.star-list--hover .i-star:hover ~.i-star {
	color: #999
}

.star-list-intro {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px
}

.star-list-intro .star-num {
	color: #ffb200;
	margin-right: 5px
}

.qrcode-container {
	background: #f3f6f9;
	width: 300px;
	height: 600px;
	border-color: #cecece;
	border-style: solid;
	border-width: 2px;
	border-style: none \0;
	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;
	background: #cecece;
	border-radius: 4px;
	margin-bottom: 25px;
	background:
		url(/andisk/images/c-sprite.7c4a0e7.png#unsprite)
		no-repeat -340px -142px
}

.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: 0;
	background:
		url(/andisk/images/c-sprite.7c4a0e7.png#unsprite)
		no-repeat -336px -158px
}

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

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

.qrcode-center .qc-top .qct-title {
	font-size: 28px;
	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 .i-logo {
	height: 40px;
	width: 40px;
	position: absolute;
	top: 75px;
	left: 75px;
	z-index: 30;
	background: #fff;
	font-size: 40px;
	color: #167ed9
}

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

.all-terms-list {
	display: none;
	opacity: 0;
	visibility: hidden
}

.vc-line .input-text_short {
	width: 100px
}

.page-course .task-part-item {
	margin-bottom: 10px
}

body {
	background: #f3f3f3
}

.mod-header__wrap {
	margin-bottom: 0
}

.btn-join, .btn-enroll {
	width: 160px;
	line-height: 50px;
	border-radius: 2px;
	font-size: 18px
}

.sticky-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 1000;
	border-bottom: 1px solid #e5e5e5
}

.sticky-nav .tabs-tt-bar {
	margin-bottom: 0;
	margin-left: 0
}

.sticky-nav .tabs-tt-bar .tabs-tt {
	padding-bottom: 11px
}

.sticky-nav .inner-center {
	position: relative;
	height: 66px
}

.sticky-nav .drop-down--class {
	font-size: 16px;
	right: 340px
}

.sticky-nav .drop-down--class .drop-down-tt {
	color: #039ae3;
	line-height: 50px;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 11px
}

.sticky-nav .drop-down--class .drop-down-list {
	right: -10px
}

.sticky-nav .drop-down--class .i-v-bottom {
	right: 0;
	margin-top: -11px
}

.sticky-nav .btn-join {
	position: absolute;
	bottom: 0;
	right: 0
}

.drop-down--class {
	position: absolute;
	top: 0;
	width: 168px;
	text-align: center;
	box-sizing: border-box
}

.drop-down--class .drop-down-list {
	width: 100%;
	box-sizing: border-box;
	text-align: center
}

.drop-down--class .drop-down-list li {
	line-height: 40px;
	padding: 0 10px
}

.drop-down--class .drop-down-tt:after {
	display: none
}

.drop-down--class .i-v-bottom {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -9px;
	transition: transform .2s
}

.drop-down--class:hover .i-v-bottom {
	transform: rotate(180deg)
}

.drop-down--class.drop-down--class-one .drop-down-list,
	.drop-down--class.drop-down--class-one .i-v-bottom {
	display: none
}

.section--course-banner {
	padding: 20px 0 30px;
	margin-bottom: 10px;
	background: #fff
}

.imgtext-course {
	padding-left: 630px;
	min-height: 338px;
	position: relative
}

.imgtext-course .activity-label-img {
	position: absolute;
	top: 0;
	left: 470px;
	z-index: 100;
	width: 120px;
	height: 60px
}

.imgtext-course .origin-price {
	position: relative;
	top: -1px;
	color: #9a9a9a;
	font-size: 15px
}

.imgtext-course .origin-price span {
	text-decoration: line-through
}

.imgtext-course .discount-timer {
	padding-left: 1em;
	color: #6a6a6a;
	font-size: 14px
}

.imgtext-course .discount-timer i.icon-font {
	position: relative;
	top: -2px;
	font-size: 14px;
	margin-right: 2px
}

.imgtext-course .discount-timer .distinct-time {
	font-weight: 700
}

.imgtext-course .vip-link {
	font-size: 14px;
	color: #039ae3;
	margin-left: 10px
}

.imgtext-course .vip-link .i-vip-v {
	margin-right: 4px
}

.imgtext-course .img-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 338px
}

.imgtext-course .page-tt {
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 10px
}

.imgtext-course .tt-below-line {
	color: #999;
	margin-bottom: 30px
}

.imgtext-course .tt-below-line .line-item, .imgtext-course .tt-below-line .icon-sep
	{
	float: left
}

.imgtext-course .tt-below-line .icon-sep {
	margin: 3px 20px
}

.imgtext-course .tt-below-line .i-user-border, .imgtext-course .tt-below-line .i-star-border,
	.imgtext-course .tt-below-line .i-share {
	margin-right: 3px;
	vertical-align: 1px
}

.imgtext-course .course-class.course-class--one {
	margin-top: 40px
}

.imgtext-course .btn-join, .imgtext-course .btn-expr {
	font-size: 18px;
	border-radius: 2px
}

.imgtext-course .btn-join {
	width: 160px;
	line-height: 50px
}

.imgtext-course .btn-expr {
	width: 158px;
	line-height: 48px;
	margin-left: 15px;
	border: 1px solid #ff884c;
	background-color: #fff;
	color: #ff884c
}

.imgtext-course .btn-expr:active {
	border-color: #ffa64c;
	background-color: #fff6ed;
	color: #ff884c
}

.imgtext-course .btn-expr:hover {
	border-color: #ffa64c;
	color: #ffa64c
}

.imgtext-course .oper-bar {
	bottom: 0;
	position: absolute
}

.imgtext-course .oper-bar .btn-favorite {
	color: #999;
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	cursor: pointer
}

.imgtext-course .oper-bar .btn-favorite .i-heart {
	margin-right: 5px;
	font-size: 20px;
	vertical-align: -1px
}

.imgtext-course .oper-bar .btn-favorite.favorited .i-heart {
	color: #e80808
}

.imgtext-course .text-right--pay .tt-below-line {
	margin-bottom: 25px
}

.imgtext-course .text-right--pay .oper-bar {
	position: static;
	margin-top: 34px
}

.item--share {
	position: relative
}

.item--share .tips--share {
	bottom: -36px;
	top: auto;
	left: -30px;
	padding: 2px 6px;
	width: 100px;
	font-size: 0;
	border: 1px solid #e5e5e5
}

.item--share .tips--share:before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 6px solid #e5e5e5;
	border-left: 6px dashed transparent;
	border-right: 6px dashed transparent;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px
}

.item--share .tips--share:after {
	border-bottom: 4px solid #fff;
	border-top: 0;
	top: -4px
}

.item--share .tips--share li {
	margin-left: 4px;
	cursor: pointer
}

.item--share .tips--share li:first-child {
	margin-left: 0
}

.item--share:hover .tips--share {
	display: block
}

.pay-policy {
	overflow: hidden;
	margin: 10px 0;
	bottom: 0
}

.pay-policy .icon-policy {
	background: #78c7ea;
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	margin-right: 3px;
	padding: 0 3px
}

.pay-policy li {
	float: left;
	margin-right: 20px
}

.pay-policy li a {
	color: #333
}

.pay-policy li a i {
	display: inline-block;
	vertical-align: middle
}

.pay-tips {
	font-size: 12px;
	color: #999;
	padding: 0 10px;
	line-height: 30px;
	display: inline-block;
	background-color: #f5f5f5;
	border-radius: 2px
}

.pay-tips span {
	color: #e85308;
	margin-right: 8px
}

.course-oper-list {
	position: absolute;
	width: 100%;
	bottom: 20px;
	text-align: center;
	line-height: 30px
}

.course-oper-list .oper-item {
	display: inline-block;
	cursor: pointer;
	margin: 0 12px
}

.course-oper-list .oper-item .icon-font {
	margin-right: 5px;
	vertical-align: 0
}

.course-oper-list .favorited .i-heart {
	color: #e80808
}

.course-oper-list .item--share {
	position: relative
}

.course-oper-list .item--share .tips--share {
	top: -38px;
	left: -30px;
	padding: 4px 9px;
	width: 100px;
	font-size: 0
}

.course-oper-list .item--share .tips--share .share-qq {
	margin-right: 6px
}

.course-oper-list .item--share .tips--share .share-qzone {
	margin-right: 8px
}

.course-oper-list .item--share:hover .tips--share {
	display: block
}

.main {
	margin-bottom: 30px
}

.content, .aside-right {
	background: #fff;
	box-sizing: border-box
}

.content {
	padding: 0 20px 30px
}

.content img {
	max-width: 100%
}

.tabs-tt-bar {
	height: 45px;
	margin-bottom: 20px;
	margin-left: -20px
}

.tabs-tt-bar .tabs-tt {
	border-top: 5px solid #fff;
	line-height: 50px;
	padding: 0 40px;
	font-size: 16px;
	float: left;
	cursor: pointer
}

.tabs-tt-bar .tabs-tt.active {
	color: #039ae3;
	border-top-color: #039ae3
}

.tabs-tt-bar .tabs-tt:hover {
	color: #039ae3
}

.tb-course {
	table-layout: fixed;
	width: 100%
}

.tb-course th {
	width: 80px;
	color: #999;
	padding-top: 20px;
	vertical-align: top
}

.tb-course td {
	padding: 20px 0;
	border-top: 1px dashed #e5e5e5
}

.tb-course tr:first-child td {
	border-top: 0
}

.intro-course {
	overflow: hidden
}

.intro-course div, .intro-course p, .intro-course span {
	max-width: 100%;
	box-sizing: border-box
}

.tags-list {
	overflow: hidden;
	margin-bottom: -15px
}

.tags-list li {
	float: left;
	border-radius: 14px;
	line-height: 28px;
	padding: 0 15px;
	background: #f3f3f3;
	margin-left: 15px;
	margin-bottom: 15px
}

.tags-list li:first-child {
	margin-left: 0
}

.teacher-list {
	overflow: hidden;
	margin-right: -20px;
	margin-left: -20px
}

.teacher-list .teacher-item {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 20px;
	margin-bottom: 40px
}

.teacher-list .teacher-item .img-left {
	float: left;
	margin-right: 20px
}

.teacher-list .teacher-item .img-left, .teacher-list .teacher-item .img-left img
	{
	width: 100px;
	height: 100px;
	border-radius: 50px
}

.teacher-list .teacher-item .text-tt {
	font-size: 16px;
	margin-bottom: 10px
}

.teacher-list .teacher-item .text-intro {
	max-height: 63px;
	overflow: hidden
}

.course-class-task {
	position: relative;
	margin-bottom: 20px;
	height: 50px;
	padding-top: 8px;
	padding-left: 168px;
	background: #f3f3f3
}

.course-class-task .drop-down--class {
	left: 0;
	font-size: 16px;
	padding-left: 10px;
	text-align: left;
	border-right: 1px solid #ddd;
	text-align: center
}

.course-class-task .drop-down--class .drop-down-tt {
	line-height: 58px;
	margin-right: 10px;
	display: block;
	max-width: 147px
}

.course-class-task .drop-down--class .drop-down-list {
	text-align: center;
	left: 0;
	width: 168px
}

.course-class-task .task-schedule {
	padding-top: 10px;
	overflow: hidden
}

.course-class-task .task-schedule .schedule-start, .course-class-task .task-schedule .schedule-end
	{
	margin-top: -23px
}

.course-class-task .task-schedule .schedule-progress, .course-class-task .task-schedule .percent
	{
	height: 8px
}

.course-class-task .task-schedule .percent {
	background: #039ae3
}

.course-class-task .task-schedule .progress-course-plan {
	color: #666
}

.page-course .task-part-item .task-part-hd {
	margin-bottom: 10px
}

.aside-right {
	padding: 0 15px
}

.block--agency .agency-tt {
	font-size: 16px;
	margin-bottom: 20px
}

.block--agency .tt-link {
	color: #3672a2;
	line-height: 26px
}

.tree-list {
	display: table;
	table-layout: fixed;
	width: 100%
}

.tree-list li {
	display: table-cell;
	border-left: 1px solid #e5e5e5;
	text-align: center
}

.tree-list li:first-child {
	border-left: 0
}

.tree-list li .item-num {
	color: #999
}

.block--course {
	padding: 40px 0
}

.block--contact {
	padding-bottom: 15px
}

.contact-list li {
	position: relative;
	padding-left: 28px;
	margin-right: 5px;
	margin-bottom: 20px
}

.contact-list .item-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	color: #3672a2
}

.contact-list .item-tt {
	color: #3672a2
}

.contact-list .i-group {
	font-size: 24px
}

.block--apply {
	padding-bottom: 20px
}

.apply-list {
	overflow: hidden;
	margin-right: -25px
}

.apply-list li {
	float: left;
	width: 40px;
	margin-right: 25px;
	margin-bottom: 15px
}

.apply-list .item-img {
	width: 40px;
	height: 40px
}

.guide-tt .tt-sub {
	font-size: 14px;
	color: #999;
	padding: 0 5px
}

.file-list .file-name {
	line-height: 36px;
	color: #666;
	display: inline-block;
	width: 245px;
	padding-right: 20px
}

.file-list .file-name .i-download {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-top: 6px;
	margin-left: 3px;
	color: #3672a2
}

.file-list .file-name .i-download.disabled {
	color: #999 !important
}

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

.file-list a.file-name:hover .i-download {
	color: #039ae3
}

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

.file-list-more {
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	height: 1px;
	margin-bottom: 30px
}

.file-list-more span {
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 0;
	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 .icon-font {
	vertical-align: 0
}

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

.file-list-showmore .file-list-more .ico-file-more-arrow {
	background: url(../../../img/bg/icon_close_up.png) no-repeat
}

.section--course-package {
	margin-bottom: 10px
}

.section--course-package .course-package {
	padding: 23px 0 30px;
	background-color: #fff
}

.section--course-package .course-package h2 {
	font-size: 16px;
	margin: 0 0 20px 20px
}

.section--course-package .course-package h2 a {
	color: #333
}

.section--course-package .course-package h2 a:hover {
	color: #62b4f7
}

.section--course-package .course-package .package-list {
	margin-left: 20px;
	float: left
}

.section--course-package .course-package .package-list-add {
	color: #ddd;
	font-size: 20px;
	font-weight: 700;
	vertical-align: middle;
	margin-left: 15px
}

.section--course-package .course-package .package-list-item {
	width: 137px;
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #eee;
	margin-left: 30px
}

.section--course-package .course-package .package-list-item:hover {
	border-color: #ccc
}

.section--course-package .course-package .package-list-item .course-info
	{
	font-size: 14px;
	padding: 2px 5px 7px
}

.section--course-package .course-package .package-list-item .course-info a,
	.section--course-package .course-package .package-list-item .course-info span
	{
	display: block
}

.section--course-package .course-package .package-list-item .course-info-title
	{
	color: #333;
	margin-bottom: -1px
}

.section--course-package .course-package .package-list-item .course-info-title:hover
	{
	color: #62b4f7
}

.section--course-package .course-package .package-list-item .course-info-class
	{
	color: #999
}

.section--course-package .course-package .package-list-item .course-info-price
	{
	color: #666
}

.section--course-package .course-package .package-list-item .course-info-price .crossline
	{
	display: inline
}

.section--course-package .course-package .package-list-item:first-child
	{
	margin-left: 0
}

.section--course-package .course-package .package-list-item--second {
	margin-left: 15px
}

.section--course-package .course-package .package-list-item--empty {
	height: 148px;
	width: 138px;
	border-color: #ddd;
	position: relative
}

.section--course-package .course-package .package-list-item--empty:before
	{
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	top: -1px;
	width: 0;
	height: 0;
	font-size: 0;
	border-right: 69px solid #ddd;
	border-bottom: 74px solid #ddd;
	border-top: 74px solid transparent;
	border-left: 69px solid transparent
}

.section--course-package .course-package .package-list-item--empty:after
	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	font-size: 0;
	border-right: 69px solid #fff;
	border-bottom: 74px solid #fff;
	border-top: 74px solid transparent;
	border-left: 69px solid transparent
}

.section--course-package .course-package .package-list-item--empty:hover
	{
	border-color: #ddd
}

.section--course-package .course-package .package-info {
	float: right;
	width: 270px;
	margin-top: 25px
}

.section--course-package .course-package .package-info span {
	display: block
}

.section--course-package .course-package .package-info .crossline {
	display: inline
}

.section--course-package .course-package .package-info a {
	vertical-align: middle
}

.section--course-package .course-package .package-info-price--old {
	font-size: 14px;
	margin-bottom: 25px;
	color: #999
}

.section--course-package .course-package .package-info-price--old .crossline
	{
	text-decoration: line-through
}

.section--course-package .course-package .package-info-price--new {
	font-size: 18px;
	color: #e85308
}

.section--course-package .course-package .package-info-show {
	width: 118px;
	height: 38px;
	line-height: 40px;
	font-size: 16px;
	background-color: #fff
}

.section--course-package .course-package .package-info-show:hover {
	border-color: #62b4f7
}

.section--course-package .course-package .package-info-buy {
	font-size: 16px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px
}

@media only screen and (max-width:1199px) {
	.sticky-nav .btn-join {
		width: 300px
	}
	.sticky-nav .drop-down--class {
		right: 310px
	}
	.imgtext-course .activity-label-img {
		left: 380px
	}
	.imgtext-course {
		padding-left: 530px;
		min-height: 286px
	}
	.imgtext-course .img-left {
		width: 510px;
		height: 286px
	}
	.imgtext-course .oper-bar {
		margin-top: 34px;
		position: static
	}
	.file-list .file-name {
		width: 290px
	}
	.file-list .file-name span {
		width: 245px
	}
	.section--course-package .course-package h2 {
		margin-left: 35px
	}
	.section--course-package .course-package .package-list {
		margin-left: 35px
	}
	.section--course-package .course-package .package-list-item {
		margin-left: 10px
	}
	.section--course-package .course-package .package-list-item--second {
		margin-left: 15px
	}
	.section--course-package .course-package .package-info {
		width: 157px;
		margin-top: -5px
	}
	.section--course-package .course-package .package-info-show {
		margin-left: 0;
		margin-top: 10px
	}
	.section--course-package .course-package .package-info-price--new {
		font-size: 16px
	}
	.section--course-package .course-package .package-info-price--old {
		margin-bottom: 20px
	}
	.section--course-package .course-package .package-info--equal {
		margin-top: 7px
	}
}

.count-down-ctn {
	padding-left: 50px
}

.count-down-ctn .count-down-count {
	color: #e85308;
	padding: 2px
}

.vc-line .input-text_short {
	width: 92px
}

.no-free-alert-tips .tips-bd .icon-msg-large {
	margin-top: -14px
}

.no-free-alert-tips .msg {
	line-height: 36px
}

.statistics-topo {
	width: 130px;
	height: 28px;
	margin-right: 10px;
	text-align: center;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	line-height: 28px;
	font-size: 13px;
	float: left;
	vertical-align: middle
}

.statistics-topo .icon-topo {
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 28px;
	margin-right: 5px;
	background-image: url(//8.url.cn/edu/modules/css/topo/hexa.f1925ed.png);
	background-position: center;
	background-repeat: no-repeat
}

.statistics-topo:hover {
	border: 1px solid #ccc;
	background-color: #f4f4f4
}

.statistics-topo:active {
	border: 1px solid #ccc;
	background-color: #eee;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity = 50)
}

.statistics-topo span {
	vertical-align: top;
	line-height: 27px
}

.imgtext-course .tt-below-line .line-item {
	line-height: 30px
}

.imgtext-course .tt-below-line .icon-sep {
	margin: 0 20px;
	margin-top: 8px
}

.tips-buy-course .mod-course-banner_row:before, .imgtext-course .tt-below-line:before,
	.tabs-tt-bar:before, .tips-buy-course .mod-course-banner_row:after,
	.imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
	content: "";
	display: table
}

.tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after,
	.tabs-tt-bar:after {
	clear: both
}

.task-task-list .task-task-item .task-tt-text, .course-class--three .class-tt-list .item-name,
	.mod-choose-time_v2 .mod-choose-time__time, .tips-buy-course .mod-course-banner__title,
	.teacher-list .teacher-item .text-tt, .course-class-task .drop-down--class .drop-down-tt,
	.section--course-package .course-package .package-list-item .course-info-title,
	.section--course-package .course-package .package-list-item .course-info-class,
	.package-dialog .package-list-item .course-info-title, .package-dialog .package-list-item .course-info-class
	{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.comment-list .comment-item, .comment-reply .reply-item .reply-bd,
	.imgtext-course .page-tt, .tb-course td, .teacher-list .teacher-item .text-intro
	{
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.task-task-list .task-task-item .icon-playback:before {
	content: "";
	height: 0;
	width: 0;
	overflow: hidden
}

.tips-buy-course .mod-course-banner_row:before, .imgtext-course .tt-below-line:before,
	.tabs-tt-bar:before, .tips-buy-course .mod-course-banner_row:after,
	.imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
	content: "";
	display: table
}

.tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after,
	.tabs-tt-bar:after {
	clear: both
}

.task-task-list .task-task-item .task-tt-text, .course-class--three .class-tt-list .item-name,
	.mod-choose-time_v2 .mod-choose-time__time, .tips-buy-course .mod-course-banner__title,
	.teacher-list .teacher-item .text-tt, .course-class-task .drop-down--class .drop-down-tt,
	.section--course-package .course-package .package-list-item .course-info-title,
	.section--course-package .course-package .package-list-item .course-info-class,
	.package-dialog .package-list-item .course-info-title, .package-dialog .package-list-item .course-info-class
	{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.comment-list .comment-item, .comment-reply .reply-item .reply-bd,
	.imgtext-course .page-tt, .tb-course td, .teacher-list .teacher-item .text-intro
	{
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.task-task-list .task-task-item .icon-playback:before {
	content: "";
	height: 0;
	width: 0;
	overflow: hidden
}

.topo {
	font-size: 0
}

.topo-col {
	font-size: 14px;
	width: 360px;
	display: inline-block;
	vertical-align: middle
}

.topo-card {
	width: 360px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px
}

.topo-card .btn-default {
	font-size: 14px
}

.topo-card-info {
	padding: 8px 18px;
	border: 2px solid #d2e8fc;
	width: 270px;
	height: 170px
}

.topo-card-info-title {
	font-size: 20px
}

.topo-card-info-desc {
	margin-top: 4px;
	margin-bottom: 4px;
	max-height: 40px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.topo-card-info-desc span {
	display: block;
	margin-top: 8px
}

.topo-card-info-stu {
	color: #999;
	display: block;
	height: 21px;
	margin: 6px 0
}

.topo-card-info-look.active {
	color: #62b4f7
}

.topo-card-info-more {
	position: absolute;
	bottom: 15px
}

.topo-card-line {
	width: 50px;
	height: 2px;
	background-color: #d2e8fc;
	position: absolute;
	right: 0;
	top: 94px
}

.topo-card--arrow .topo-card-line:after {
	display: block;
	border: 6px solid transparent;
	border-left-width: 12px;
	border-right-width: 12px;
	border-left-color: #d2e8fc;
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	right: -12px;
	top: -5px
}

.topo-card--disabled .topo-card-info {
	border-style: dashed;
	border-color: #eee
}

.topo-card--disabled .topo-card-info-title {
	color: #999
}

.topo-card--disabled .topo-card-info-look {
	display: none
}

.topo-card--disabled .topo-card-line {
	background-color: #eee
}

.topo-card--disabled .topo-card-line:after {
	border-left-color: #eee
}

.topo-card--disabled.topo-card--x-below:after, .topo-card--disabled.topo-card--x-above:after
	{
	background-color: #eee
}

.topo-card--disabled .btn-default {
	color: #999;
	background-color: #e3e3e3;
	cursor: default
}

.topo-card--end {
	padding-left: 50px
}

.topo-card--end .topo-card-line {
	right: auto;
	left: 0
}

.topo-card--x-above:after, .topo-card--x-below:after {
	position: absolute;
	content: ' ';
	height: 210px;
	width: 2px;
	background-color: #d2e8fc;
	left: 0
}

.topo-card--x-above:after {
	top: 94px
}

.topo-card--x-below:after {
	bottom: 94px
}

.topo-card .btn-default {
	width: 90px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px
}

.knowledge--dialog {
	display: none;
	width: 231px;
	padding: 16px 20px;
	border: 1px solid #d7d7d7;
	color: #999;
	line-height: 2;
	box-shadow: 0 0 6px #d7d7d7;
	border-radius: 2px;
	position: absolute;
	background-color: #fff;
	z-index: 10000;
	left: 0;
	top: 0
}

.knowledge--dialog h4 {
	color: #333;
	font-size: 16px
}

.knowledge--dialog ul {
	margin-bottom: 5px;
	max-height: 248px;
	overflow: hidden
}

.knowledge--dialog p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	max-height: 135px
}

.triangle-left {
	width: 0;
	height: 0;
	position: absolute;
	border-top: 10px solid transparent;
	border-right: 15px solid #ccc;
	border-bottom: 10px solid transparent;
	z-index: 10000;
	display: none
}

.triangle-left:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 2px;
	top: -10px;
	z-index: 10001;
	border-top: 10px solid transparent;
	border-right: 15px solid #fff;
	border-bottom: 10px solid transparent
}

.triangle-right {
	border-left: 15px solid #ccc;
	border-right: 0
}

.triangle-right:after {
	position: absolute;
	border-left: 15px solid #fff;
	border-right: 0;
	left: auto;
	right: 2px
}

.topo-dialog {
	display: none;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 958px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top: 100px;
	z-index: 3000
}

.topo-dialog-status {
	text-align: center;
	padding: 60px 0;
	font-size: 20px
}

.topo-dialog-cover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity = 50);
	z-index: 2999
}

.topo-dialog-close {
	position: absolute;
	text-indent: -9999px;
	right: 20px;
	top: 20px;
	width: 24px;
	height: 24px;
	opacity: .8;
	filter: alpha(opacity = 80);
	transition: .3s;
	background: url(//8.url.cn/edu/modules/css/topo/close.ae2ee79.png)
		no-repeat;
	z-index: 1
}

.topo-dialog-close:hover {
	opacity: 1;
	filter: alpha(opacity = 100)
}

.topo-dialog .box-title {
	font-size: 28px;
	text-align: center;
	padding-top: 36px
}

.topo {
	padding: 0 10px 0 30px;
	max-height: 620px;
	overflow: auto;
	margin-right: 20px;
	margin-bottom: 40px
}

.topo-col {
	width: 300px
}

.topo-col.topo-col--short {
	width: 280px
}

.topo-card {
	width: 100%
}

.topo-card-info {
	width: 220px;
	height: 160px
}

.topo-card-info-title {
	line-height: 25px;
	font-size: 18px
}

.topo-card-line {
	width: 20px
}

.topo-card--arrow .topo-card-line {
	width: 40px
}

.topo-card--arrow .topo-card-line:after {
	border-left-width: 10px;
	border-right-width: 10px;
	right: -11px
}

.topo-card--end {
	padding-left: 20px;
	width: 260px
}

.topo-card--end .topo-card-line {
	width: 20px
}

.topo-card--x-above:after, .topo-card--x-below:after {
	height: 200px
}

.topo-card--x-below:after {
	bottom: 84px
}

.topo-card--active .topo-card-info {
	border: 2px solid #188eee
}

.topo-card--active .topo-card-info:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	left: 0;
	top: 0;
	border: 9px solid #188eee;
	border-bottom-color: transparent;
	border-right-color: transparent
}

.topo-card--active.topo-card--end .topo-card-info:after {
	left: 20px
}

.box--topo .related--tips {
	position: absolute;
	left: 30px;
	bottom: 30px;
	color: #999;
	font-size: 12px
}

.box--topo .related--tips i {
	display: inline-block;
	width: 0;
	height: 0;
	font-size: 0;
	vertical-align: middle;
	border: 6px solid #188eee;
	border-bottom-color: transparent;
	border-right-color: transparent
}

.package-dialog {
	
}

.package-dialog .package-title {
	font-size: 16px;
	color: #5c5e63;
	margin-left: -25px
}

.package-dialog .package-agency {
	color: #999;
	font-size: 16px;
	margin: 10px auto 15px
}

.package-dialog .package-list {
	padding-top: 30px;
	border-top: 1px solid #ccc
}

.package-dialog .package-list-item {
	margin-bottom: 17px
}

.package-dialog .package-list-item .course-info {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	width: 380px;
	font-size: 14px
}

.package-dialog .package-list-item .course-info span, .package-dialog .package-list-item .course-info h3
	{
	display: block;
	line-height: 17px
}

.package-dialog .package-list-item .course-info-title {
	color: #000
}

.package-dialog .package-list-item .course-info-class {
	color: #999
}

.package-dialog .package-list-item .course-info-price {
	color: #e85308
}

.package-dialog .package-list-item .course-info-price.free {
	color: #5fb41b
}

.package-dialog .package-price {
	padding: 5px 0
}

.package-dialog .package-price-new {
	color: #e85308;
	font-size: 18px
}

.package-dialog .package-price-old {
	color: #8f8f8f;
	font-size: 14px;
	margin-left: 15px
}

.package-dialog .package-price-old .crossline {
	text-decoration: line-through
}

.package-dialog .package-price .free {
	color: #5fb41b
}

.package-dialog .package-tips {
	color: #999
}