@charset "UTF-8";

.filter_dropdown .dropdown-title {
	display: inline-block;
	vertical-align: middle;
}

.filter_dropdown .dropdown-title {
	display: inline-block;
	vertical-align: middle;
}

.datepicker {
	display: none;
	position: absolute;
	z-index: 200;
	margin-left: -1px;
	border: 1px solid #afafaf;
	width: 249px;
	height: 272px;
	overflow: hidden;
	background: #fff;
	font-size: 14px;
}

.datepicker-days {
	position: relative;
	width: 238px;
	height: 268px;
	margin: 7px auto 1px;
}

.datepicker-days table {
	position: relative;
	z-index: 10;
}

.datepicker-days .datepicker-days-bg {
	position: absolute;
	right: -2px;
	bottom: -10px;
	font-size: 160px;
	line-height: 1;
	z-index: 9;
	opacity: 0.1;
	filter: alpha(opacity = 10);
}

.datepicker-days th {
	text-align: center;
	width: 34px;
	height: 24px;
	line-height: 24px;
	color: #333;
}

.datepicker-days .switch {
	width: 165px;
	font-weight: bolder;
}

.datepicker-days td {
	text-align: center;
	width: 34px;
	height: 34px;
	line-height: 34px;
	color: #333;
}

.datepicker-days .prev b,.datepicker-days .next b,.datepicker-days .lastYear b,.datepicker-days .nextYear b
	{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.datepicker-days .prev i,.datepicker-days .next i,.datepicker-days .lastYear i,.datepicker-days .nextYear i
	{
	position: absolute;
	top: -13px;
	font-size: 40px;
	line-height: 1;
	color: #999;
	cursor: pointer;
}

.datepicker-days .prev i,.datepicker-days .lastYear i {
	left: 10px;
}

.datepicker-days .next i,.datepicker-days .nextYear i {
	right: 10px;
}

.datepicker-days .lastYear i,.datepicker-days .nextYear i {
	font-size: 30px;
	top: -6px;
}

.datepicker-days .prev:hover i,.datepicker-days .next:hover i,.datepicker-days .lastYear:hover i,.datepicker-days .nextYear:hover i
	{
	color: #68b30f;
}

.datepicker-days .prev.disabled i,.datepicker-days .next.disabled i,.datepicker-days .lastYear.disabled i,.datepicker-days .nextYear.disabled i
	{
	color: #a0a0a0;
}

.datepicker-days th.dow {
	border-bottom: 1px solid #e3e3e3;
	height: 34px;
	line-height: 34px;
}

.datepicker-days th.dow0,.datepicker-days th.dow6 {
	color: #e75407;
}

.datepicker-days td.old,.datepicker-days td.new {
	visibility: hidden;
}

.datepicker-days .day {
	cursor: pointer;
}

.datepicker-days .disabled {
	color: #a0a0a0;
	cursor: default;
}

.datepicker-days .day:hover {
	color: #fff;
	background: #68b30f;
}

.datepicker-days .disabled:hover {
	color: #a0a0a0;
	background: none;
}

.datepicker-days .active,.datepicker-days .active:hover {
	color: #fff;
	background: #68b30f;
}

.datepicker-days .tr-view div {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker-days .tr-view .day-today {
	font-size: 12px;
}

.datepicker-days .tr-view div i {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 10;
	overflow: hidden;
	color: #333;
}

.datepicker-days .tr-view .pass i,.datepicker-days .tr-view .not_allow i
	{
	color: #a0a0a0;
}

.datepicker-days .tr-view div b,.datepicker-days .tr-view div u {
	width: 17px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 5px;
	background: #68b30f;
	display: none;
}

.datepicker-days .tr-view div u {
	left: auto;
	right: 0px;
}

.datepicker-days .tr-view .active {
	background: none;
	color: #333;
}

.datepicker-days .tr-view .date-view i {
	background: #68b30f;
	color: #fff;
}

.datepicker-days .tr-view .view-day-e b,.datepicker-days .tr-view .view-day-m b,.datepicker-days .tr-view .view-day-m u,.datepicker-days .tr-view .view-day-b u
	{
	display: block;
}

.sort-nav-big {
	padding-top: 18px;
	border: 1px solid #d9d9d9;
	position: relative;
}

.sort-nav-big .sort-nav-order {
	line-height: 21px;
	padding-bottom: 15px;
}

.sort-nav-sml {
	height: 30px;
	background: #f7f7f7;
}

.sort-nav-sml .sort-nav-order a {
	height: 30px;
	line-height: 30px;
}

.sort-nav-order {
	overflow: hidden;
	font-size: 14px;
}

.sort-nav-order dt {
	float: left;
	width: 64px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	padding-left: 10px;
	color: #999;
}

.sort-nav-order dd {
	float: left;
}

.sort-nav-order dd a {
	position: relative;
	padding: 0 12px;
	margin: 0 10px;
	color: #333;
	height: 19px;
	line-height: 19px;
	border: 1px solid transparent;
	_border: 1px solid #fff;
	float: left;
}

.sort-nav-order dd a:hover {
	color: #039ae3;
}

.sort-nav-order dd .cur {
	color: #039ae3;
	border-color: #039ae3;
}

.sort-nav-order dd .cur:hover {
	color: #039ae3 !important;
}

.sort-nav-order dd .cur .icon-font {
	color: #fff;
	position: absolute;
	right: 9px;
	font-size: 14px;
	top: 13px;
}

.sub-sort {
	padding-left: 74px;
}

.sub-sort dd a {
	color: #666;
}

.sort-nav-sml .sort-nav-order {
	overflow: inherit;
}

.sort-nav-sml {
	border-top: 1px solid #eee;
	position: relative;
	z-index: 1;
}

.sort-nav-sml dd .cur {
	background-color: #049fe4;
	color: #fff;
}

.sort-nav-sml dd .cur:hover {
	color: #fff !important;
}

.price-item {
	padding-right: 26px !important;
}

.sort-nav-sml dd a {
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	margin: 0;
	border: none;
	border-top: 1px solid transparent;
	position: relative;
	top: -1px;
}

.course-list {
	margin-bottom: 10px;
	min-height: 400px;
	height: 400px;
}

.result-bar {
	padding-bottom: 20px;
}

.kw-outer,.rs-outer {
	float: left;
}

.kw-outer {
	border: 1px #e85308 dotted;
	height: 23px;
	line-height: 23px;
	padding: 0 26px 0 8px;
	position: relative;
}

.rs-outer {
	height: 25px;
	line-height: 25px;
	margin-left: 20px;
}

.btn-clear {
	top: 7px;
	right: 8px;
	height: 10px;
	width: 11px;
	position: absolute;
	font-size: 0;
	background: -21px -21px no-repeat;
}

.course-title em,.bold {
	color: #e85308;
	font-style: normal;
}

.rec-title {
	font-size: 18px;
	margin-bottom: 16px;
}

.ipt {
	height: 22px;
	width: 66px;
	font-size: 12px;
	padding: 2px 53px 2px 4px;
	line-height: 22px;
	margin-top: 2px;
	border: 1px solid #dedede;
}

.ipt:hover {
	border-color: #9a9a9a;
}

.field-name {
	padding: 0 10px;
	line-height: 30px;
	margin-left: 10px;
}

.field-start,.field-end {
	font-size: 0;
	width: 121px;
}

.field-start .clear-btn,.field-end .clear-btn {
	display: none;
	width: 16px;
	height: 16px !important;
	position: absolute;
	z-index: 2;
	right: 30px;
	top: 7px;
	margin: 0;
	padding: 0;
	background: transparent 0 0 no-repeat;
}

.field-start .clear-btn:hover,.field-end .clear-btn:hover {
	background: transparent -21px 0 no-repeat;
}

.field-start .clear-btn:active,.field-end .clear-btn:active {
	background: transparent 0 -21px no-repeat;
}

.field-diff {
	padding: 0 8px;
	line-height: 30px;
}

.sp-line {
	margin-left: 84px;
	position: absolute;
	top: 48px;
	left: 0;
	width: 1091px;
	border-top: 1px solid #f5f5f5;
	height: 0;
}

.date-ctrl li {
	float: left;
	height: 30px;
	position: relative;
}

.tri {
	position: absolute;
	right: 8px;
	top: 12px;
	width: 0;
	height: 0;
	border: 5px solid;
	border-color: #e9e9e9 #fff #fff #fff;
}

.filter_dropdown {
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background-color: #fff;
	padding: 2px 12px 2px 4px;
	margin: 2px 20px 0 20px;
	border: 1px solid #dedede;
	width: 64px;
}

.filter_dropdown:hover {
	border-color: #9a9a9a;
}

.filter_dropdown .dropdown-title {
	height: 28px;
}

.filter_dropdown .dropdown-arrow {
	top: 10px;
	right: 5px;
	border-width: 5px;
}

.filter_dropdown .filter-option {
	cursor: pointer;
	width: 60px;
}

.filter_dropdown .dropdown-panel {
	top: 27px;
	right: -1px;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	border: 1px solid #dedede;
	border-top: none;
}

.filter_dropdown .test {
	color: #fff;
}

.course-list {
	margin-top: 14px;
}

.main {
	min-height: 600px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	overflow: auto;
	zoom: 1;
	margin-top: 20px;
}

.main-left {
	width: 928px;
	float: left;
}

.main-right {
	width: 240px;
	border: 0px solid #ececec;
	float: right;
	padding: 10px 0px;
	background-color: #f7f8f9;
	margin-bottom: 10px;
}

.main-right-top {
	font-size: 16px;
	height: 36px;
	line-height: 32px;
	border-bottom: 1px solid #dfdee0;
	margin: 0 10px;
}

.main-right-list {
	padding-top: 20px;
}

.main-right-list li {
	padding-bottom: 24px;
}

.main-below {
	clear: left;
	background-color: #fbfbfb;
	height: 297px;
}

.main-below-con {
	width: 1200px;
	margin: 0 auto;
}

.main-below-top {
	height: 39px;
	font-size: 16px;
}

.main-below-list {
	width: 1230px;
	margin-left: -9px;
	height: 198px;
	overflow: hidden;
}

.main-below-list li {
	float: left;
	margin-right: 10px;
}

.sort-menu-con {
	margin-bottom: 21px;
	border: 1px solid #eee;
}

.sort-menu-border1 {
	position: relative;
	z-index: 1;
	overflow: hidden;
	line-height: 48px;
}

.sort-menu-border2 {
	padding-bottom: 0px;
}

.sort-menu-border3 {
	margin-top: 0px;
	line-height: 42px;
	clear: both;
	overflow: auto !important;
	zoom: 1;
}

.gap_too_short {
	height: 10px;
}

.sp-line1 {
	margin-left: 0px;
	border-top: 1px solid #e6e6e6;
	bottom: 1px;
	width: 100%;
	z-index: 2;
	height: 0;
	position: relative;
}

.sp-line2 {
	border-top: 1px solid #eeeeee;
	bottom: 1px;
	height: 0;
	margin: 0 16px;
	position: relative;
}

.sort-menu dl,.sort-menu dd,.sort-menu dt,.sort-menu a {
	font-size: 14px;
}

.sort-menu dt {
	width: 62px;
	padding-left: 18px;
}

.sort-menu dt,.sort-menu dd {
	float: left;
	position: relative;
	z-index: 1;
}

.sort-menu .curr {
	position: relative;
	z-index: 3;
}

.sort-menu .curr label {
	display: block;
}

.sort-menu a {
	display: inline-block;
	height: 100%;
	margin: 0 4px;
	padding: 0 18px;
	color: #333;
}

.sort-menu a:hover {
	color: #0d8ee4;
}

.sort-menu a:active {
	color: #333;
}

.sort-menu .curr a,.sort-menu .curr a:hover,.sort-menu .curr a:active,.sort-menu .curr_all a,.sort-menu .curr_all a:hover,.sort-menu .curr_all a:active
	{
	color: #0d8ee4;
}

.sort-menu dd {
	_border-top: 2px solid #fff;
}

.sort-menu dd .curr {
	_border-top: 2px solid #1b8de6;
}

.sort-menu1 {
	padding-left: 80px;
	background-color: #f7f7f7;
	line-height: 48px;
	overflow: hidden;
}

.sort-menu1 dl {
	padding-left: 80px;
	line-height: 48px;
}

.sort-menu1 dt {
	color: #949494;
	margin-left: -80px;
}

.sort-menu1 label {
	position: absolute;
	top: 0px;
	left: -1px;
	right: -1px;
	z-index: 2222;
	display: none;
	background-color: #1b8de6;
	height: 2px;
	line-height: 0px;
	font-size: 0px;
	zoom: 1;
}

.sort-menu2 {
	line-height: 42px;
	padding-left: 80px;
}

.sort-menu2 dt {
	color: #a9a9a9;
	margin-left: -80px !important;
}

.sort-menu2 .dd-all {
	margin-left: -72px;
}

.sort-menu2 label {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 2;
	height: 10px;
	display: none;
	background: url('/skins/customization/img/menu2_cur_bg.png')
		no-repeat;
}

.sort-menu3 {
	line-height: 42px;
}

.sort-menu3 dt {
	color: #AEAEAE;
}

.sort-menu3-left {
	display: inline-block;
	float: left;
	height: 42px;
	overflow: hidden;
	white-space: nowrap;
	width: 156px;
	*width: 162px;
	_width: 188px;
}

.sort-menu3-right {
	display: block;
	width: 768px;
	*width: 762px;
	_width: 736px;
	float: right;
}

.sort-nav {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	border-top: none;
}

.sort-nav-order-my dd {
	margin-right: 4px;
}

.sort-nav-order-my dd a {
	padding: 0 10px;
}

.sort-nav-order dd,.sort-nav-order dt,.sort-nav-order a,.sort-nav-sml .sort-nav-order a
	{
	height: 40px;
	line-height: 40px;
}

.sort-nav-order dd b {
	margin-top: 4px;
}

.price-item-my {
	padding-right: 26px !important;
	position: relative;
}

.price-item-my:before,.price-item-my:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	right: 8px;
	top: 50%;
}

.price-item-my:before {
	border-top: 5px solid #ccc;
	margin-top: 2px;
}

.price-item-my:after {
	border-bottom: 5px solid #ccc;
	margin-top: -6px;
}

.price-item-my.cur:before,.price-item-my.cur:after {
	display: none;
}

.date-ctrl {
	margin-top: 5px;
}

.video-type {
	padding-top: 8px;
	padding-right: 0px;
	margin-left: 10px;
}

.sort-nav-sml .sort-nav-order a.video-type-item {
	display: block;
	padding: 0 10px;
	border: 1px solid #ccc;
	background-color: #FFF;
	width: 60px;
	margin-right: 10px;
	text-align: center;
	float: left;
	cursor: pointer;
	height: 26px;
	line-height: 26px;
	position: relative;
}

.sort-nav-sml .sort-nav-order a.video-type-item:hover {
	border: 1px solid #68b30e;
}

.sort-nav-sml .sort-nav-order a.curr_video {
	border: 1px solid #68b30e;
}

.sort-nav-sml .sort-nav-order a.curr_video .icon-selected {
	width: 17px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../img/index-sprite.png');
	background-repeat: no-repeat;
	background-position-x: -138px;
	background-position-y: -12px;
}

.sort-nav-order {
	float: left;
}

.sort-nav-right {
	float: right;
	padding-right: 9px;
}

.icon-price-unselect {
	display: none;
}

.market-list-mod {
	overflow: visible;
}

.market-bd-6 .market-list-mod {
	width: 944px !important;
	margin-left: -8px;
}

.market-bd-6 .mlm-item {
	margin: 0 0px 28px 0px !important;
}

.warn-empty {
	margin-top: 270px;
}

.course-card {
	padding: 0px;
	width: 220px;
}

.course-card:hover {
	background-color: #fff;
}

.course-card .course-face a,.course-card .course-face img {
	width: 220px;
}

.course-card .course-face .course-time {
	background-color: transparent;
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6),
		transparent );
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6),
		transparent );
	width: 210px;
	height: 20px;
	padding-top: 14px;
	padding-left: 10px;
	padding-bottom: 6px;
	overflow: hidden;
}

.course-card .icon-sep {
	width: 1px;
	margin: 0 10px;
}

.course-card .course-emphasis {
	margin-top: 4px;
	height: 20px;
	overflow: hidden;
}

.course-card .course-emphasis .course-score {
	vertical-align: baseline;
}

.course-card .course-emphasis .course-num {
	float: left;
}

.course-card .course-emphasis .icon-sep {
	float: left;
	width: 1px;
	background-color: #dddddd;
	background-image: none;
	height: 12px;
	line-height: 12px;
	margin-top: 4px;
}

.course-card .course-relations {
	margin-top: 10px;
}

.course-card1 {
	padding: 6px 7px !important;
	width: 220px;
	height: 210px;
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 2px;
	cursor: default;
}

.course-card1:hover {
	background-color: #fff;
	border: 1px solid #dedede;
}

.course-card2 {
	height: 180px;
	padding: 9px;
	border: 1px solid #f7f8f9;
}

.course-card2:hover {
	background-color: #f7f8f9;
	border: 1px solid #ddd;
}

.course-card3 {
	padding: 6px 7px !important;
	width: 220px;
	overflow: hidden;
	border: 1px solid #fbfbfb;
	border-radius: 2px;
}

.course-card3:hover {
	border: 1px solid #dedede;
}

.course-card-nobtn .course-agency {
	margin-top: 0;
	padding-left: 0;
	width: auto;
}

.mod-course-card__teacher {
	vertical-align: baseline;
}

.breadcrumbs-nab {
	display: inline-block;
}

.breadcrumbs-nab .mod-breadcrumbs__nav {
	padding: 4px 0px 4px 0px;
	border: 1px dotted transparent;
}

.breadcrumbs-nab .mod-breadcrumbs__nav i {
	display: inline-block;
	width: 8px;
	height: 6px;
	margin-bottom: 2px;
	background: -42px -25px;
}

.breadcrumbs-nab .breadcrumbs-list {
	position: absolute;
	border: 1px solid #ccc;
	display: none;
}

.breadcrumbs-nab:hover .mod-breadcrumbs__nav {
	border: 1px dotted transparent;
}

.breadcrumbs-nab:hover .mod-breadcrumbs__nav i {
	background: -42px -14px;
}

.breadcrumbs-nab:hover .breadcrumbs-list {
	position: absolute;
	z-index: 2;
	display: block;
	background: #fff;
}

.breadcrumbs-nab:hover .breadcrumbs-list li {
	cursor: pointer;
}

.breadcrumbs-nab:hover .breadcrumbs-list li a {
	display: block;
	font-size: 12px;
	padding: 5px 10px;
	color: #666;
	line-height: 26px;
}

.breadcrumbs-nab:hover .breadcrumbs-list li:hover {
	background: #eeeeee;
}

.disable-dropdown .mod-breadcrumbs__nav i {
	display: none;
}

.disable-dropdown:hover .breadcrumbs-list {
	display: none;
}

.mod-list-breadcrumbs {
	margin-bottom: 10px;
	line-height: 30px;
}

.mod-list-breadcrumbs .mod-breadcrumbs__arrow {
	margin: 0 5px;
}

.mod-list-breadcrumbs .flags-item {
	display: inline-block;
	position: relative;
	height: 12px;
	line-height: 12px;
	padding: 8px 28px 8px 10px;
	margin: 0 10px 0px 0;
	border: 1px dashed #188eee;
	border-radius: 1px;
	font-size: 12px;
	background: #fff;
}

.mod-list-breadcrumbs .flags-item span {
	color: #188eee;
}

.mod-list-breadcrumbs .flags-item .flags-close {
	display: block;
	position: absolute;
	right: 7px;
	top: 5px;
	font-size: 18px;
	line-height: 1;
	color: #188eee;
	font-weight: bold;
}

.mod-list-breadcrumbs .flags-item:hover {
	border: 1px solid #188eee;
}

.mod-list-breadcrumbs .flags-item:hover span {
	color: #0d8ee4;
}

.mod-list-breadcrumbs .flags-item:hover .flags-close {
	display: block;
}

.label-row {
	position: relative;
	height: 43px;
	overflow: hidden;
}

.label-row.show-more {
	height: auto;
}

.label-row .sort-menu2 {
	margin-right: 55px;
}

.label-show-more {
	display: none;
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
}

.label-show-more i {
	display: inline-block;
	width: 8px;
	height: 6px;
	margin-bottom: 2px;
	background: -42px -25px;
}

.label-show-more.open i {
	background: 0 -42px;
}

.flags-item-unselected,.flags-item-selected {
	height: 22px;
	line-height: 22px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 1px;
	padding: 0 8px;
	margin: 0 15px 5px 0;
	display: inline-block;
	position: relative;
}

.flags-item-unselected .flags-close,.flags-item-selected .flags-close {
	display: none;
	position: absolute;
	right: 12px;
	top: 0;
	margin: 0 -8px 0 0;
	width: 9px;
	height: 9px;
	margin-top: 6px;
}

.flags-item-unselected:hover {
	color: #0d8ee4;
}

.flags-item-selected {
	border: 1px solid transparent;
}

.flags-item-selected span {
	color: #0d8ee4;
}

.flags-item-selected .flags-close {
	display: none;
	background: transparent -42px 0 no-repeat;
}

.flags-item-selected:hover {
	border: 1px solid #7ac7e9;
}

.flags-item-selected:hover .flags-close {
	display: block;
	background:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFNa7p////lQ4mhgAAAAJ0Uk5T/wDltzBKAAAAJUlEQVR42mJgYIQABgZGCBNMM4AZUArKQSIYUBUwIumFmwcQYAALmgBBRYYtSgAAAABJRU5ErkJggg==')
		no-repeat 0 0;
}

.field-start .clear-btn,.field-end .clear-btn,.field-start .clear-btn:hover,.field-end .clear-btn:hover,.field-start .clear-btn:active,.field-end .clear-btn:active,.btn-clear,.flags-item-selected .flags-close,.breadcrumbs-nab:hover .mod-breadcrumbs__nav i,.breadcrumbs-nab .mod-breadcrumbs__nav i,.label-show-more i,.label-show-more.open i
	{
	background-image:
		url('/skins/customization/img/courseList.b3bdd.png');
}