* {
	margin: 0;
	padding: 0;
}
.smile_banban{width: 20px!important; height: 20px!important; vertical-align: middle!important;}
.smile_jiandou{width: 100px; height: 100px;}
.focus{width: 320px; background: none;}
.focus .bm_c{line-height: 28px; font-size: 14px; padding: 20px;}
.focus .bm_h{border-bottom: none; padding: 5px 20px;background: #3399cc; color: #fff; font-size: 16px; border-top: none;}
.focus .bm_h a{color: #fff; font-size: 12px;}
.focus .bm_h h2{font-weight: normal;}
#index2017 *,#Nav2017 *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img{border: none; outline: none;}
#avtqu .avatar{border-radius: 50%;}
.area .hm img{width: 20px; height: 20px;}
body {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft Yahei', "Helvetica Neue", Helvetica, Arial, sans-serif, 'Lucida Grande', 'Lucida Sans Unicode', Verdana;
	font-size: 12px;
	background: #fafafa;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
}
ul, li, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
input {
	outline: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #dad9de;
font-weight:300;
font-size:13px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #dad9de;
font-weight:300;
font-size:13px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #dad9de;
font-weight:300;
font-size:13px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #dad9de;
font-weight:300;
font-size:13px;
}
a {
	text-decoration: none;
}
a:hover{text-decoration: none!important;}
#Nav2017 .content_fuild {
	height: 38px;
	background: #f5f5f5;
	line-height: 38px;
}
#Nav2017 .container {
	width: 1200px;
	margin: 0 auto;
}
#Nav2017 .nav_bar_school {
	padding-left: 0;
	float: left;
	font-size: 12px;
}
#Nav2017 .nav_bar_school li {
	display: inline;
}
#Nav2017 .nav_bar_school li a {
	color: #878c91;
	padding: 0 7px;
}
#Nav2017 .nav_bar_tell {
	float: right;
}
#Nav2017 .nav_bar_tell li {
	display: inline;
}
#Nav2017 .icon_tell {
	display: inline-block;
	width: 15px;
	height: 18px;
	vertical-align: middle;
	background: url(imgs/tell.png) no-repeat center 0;
}
#Nav2017 .nav_bar_tell li a {
	padding: 0 10px;
	color: #7c7c7c;
	font-size: 12px;
}
#Nav2017 .nav_bar_tell li a:hover {
	color: #ff6949;
}
.bg-white {
	background-color: #fff;
	width: 100%;
	height: 97px;
	border-bottom: 1px solid #f1f2f4;
}
.wpn {
	width: 1200px;
	margin: 0 auto;
}
.logo-hd {
	float: left;
	width: 200px;
	height: 50px;
	padding: 25px 0;
	margin-right: 10px;
}
.logo-hd:hover {
	color: #297dba;
}
.nav-hd {
	float: left;
	max-width: 600px;
	height: 100px;
}
.nav-hd > li {
	float: left;
	position: relative;
}
.nav-hd > li > a {
	display: block;
	width: 80px;
	height: 96px;
	font-size: 14px;
	color: #34495e;
	line-height: 96px;
	text-align: center;
	border-top: 4px solid transparent;
}
.nav-hd > li.on > a {
	color: #3498db;
}
.nav-hd > li.open > a, .nav-hd > li > a:hover {
	background-color: #fff;
	box-shadow: 0px 0 2px rgba(0,0,0,.1);
	border-top: 4px solid #3498db;
}
.nav-hd .icon-down {
	margin-left: 3px;
	font-size: 12px;
	color: #b6c1c9;
}
.nav-hd .icon-n {
	position: absolute;
	top: 18px;
	right: 15px;
	width: 10px;
	height: 10px;
	background-color: #e74c3c;
	font-size: 16px;
	color: #fff;
	line-height: 10px;
	text-indent: -3px;
	border-radius: 3px;
}
.nav-hd .new-hd {
	position: absolute;
	top: 36px;
	right: 8px;
	width: 10px;
	height: 10px;
	background: url("imgs/new.svg") no-repeat center center;
}
.subnav-hd {
	display: none;
	z-index: 9999999;
	position: absolute;
	top: 96px;
	left: 0;
	width: 120px;
}
.subnav-ct-hd {
	float: left;
	min-width: 80px;
	box-shadow: 0px 1px 2px rgba(0,0,0,.1);
	transition: all .2s;
}
.subnav-ct-hd > li {
}
.subnav-ct-hd > li > a {
	display: block;
	height: 40px;
	padding: 0 15px;
	font-size: 14px;
	color: #7a8e9d;
	line-height: 40px;
	background-color: #fff;
}
.subnav-ct-hd > li.on > a, .subnav-ct-hd > li > a:hover {
	font-size: 14px;
	color: #3498db;
	background-color: #eff3f5;
}
.yy {
	float: right !important;
}
.search-hd {
	position: relative;
	float: left;
	width: 50px;
	height: 70px;
	padding-top: 15px;
	transition: width .5s;
}
.search-select {
	position: absolute;
	float: left;
	width: 26px;
	height: 70px;
	transition: width .2s;
}
.search-select .search-val {
	float: left;
	width: 0;
	border-color: transparent;
	height: 22px;
	margin: 15px 0;
	padding: 8px 12px;
	font-size: 14px;
	color: #34495e;
	line-height: 22px;
	transition: width .2s;
	-webkit-box-sizing: content-box!important;
	box-sizing: content-box!important;
}
.search-select .search-val:focus {
	box-shadow: none;
}
.search-hd .search-hd-btn {
	position: absolute;
	right: 0;
	z-index: 1;
	float: left;
	width: 49px;
	height: 70px;
	padding: 0;
	background-color: #fff;
	opacity: 1;
}
.search-hd .search-hd-btn .icon-search {
	display: block;
	font-size: 24px;
	color: #d4dce2;
	line-height: 70px;
	text-align: center;
	transition: color .2s;
}
.search-hd .options {
	display: none;
	z-index: 90;
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}
.search-hd .options li {
	height: 44px;
	line-height: 44px;
}
.search-hd .options li a {
	display: block;
	padding: 0 12px 0 20px;
	font-size: 14px;
	color: #7a8e9d;
}
.search-hd .options li.on a, .search-hd .options li a:hover {
	background-color: #ecf0f1;
	color: #3498db;
	font-weight: bold;
}
/**/
.search-hd .search-status {
	position: absolute;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: opacity .5s;
}
.search-hd.on {
	width: 220px;
}
.search-hd.on .search-status {
	visibility: visible;
	opacity: 1;
}
.search-hd.on .search-select {
	width: 170px;
}
.search-hd.on .search-select .search-val {
	width: 144px;
}
.search-hd.on .search-hd-btn .icon-search, .search-hd .search-hd-btn .icon-search:hover {
	color: #3498db;
}
/**/
.login-hd {
	float: left;
	width: 80px;
	height: 95px;
	position: relative;
	z-index: 10;
}
.login-hd .a {
	border-top-color: #3498db;
	background-color: #fafafa;
}
#mcaidan img{vertical-align: middle; width: 20px; height: 20px; margin-right: 5px;}
.login-hd a {
	display: block;
	padding: 0 10px;
	width: 80px;
	height: 97px;
	border-top: 4px solid transparent;
	font-size: 14px;
	color: #3498db;
	line-height: 96px;
	text-align: center;
	cursor: pointer;
}
.login-hd a:hover {
	border-top-color: #3498db;
	background-color: #fafafa;
}
.login-hd a i {
	font-size: 18px;
	color: #3498db;
}
.nav_list {
	float: left;
	width: 104px;
}
.nav_list li {
	float: left;
	font-size: 14px;
	color: #404144;
	line-height: 68px;
	position: relative;
}
.nav_list ol li a {
	float: left;
	font-size: 20px;
	height: 100px;
	line-height: 106px;
	padding: 0 16px;
}
.morea, .moreb {
	background: #2e8bff;
	color: #fff;
}
.morea .hidea, .morea #openvip, .moreb .hideb {
	display: none!important;
}
.morea .showa, .morea #openvip, .moreb .showb {
	display: block!important;
}
.nav_list ol li a i {
	margin: 0;
}
.nav_list li.app_down i {
	font-size: 22px;
}
.nav_list li.app_down .app_code_img {
	position: absolute;
	left: -123px;
	top: 96px;
	display: none;
	z-index: 99999;
}
.nav_list li.app_down .app_code_img .triangle_ico {
	left: 148px;
	top: -15px;
}
.nav_list li.app_down .app_code_img .triangle_ico span {
	border-width: 8px;
	margin-left: -8px;
	top: -7px;
}
.nav_list li.app_down:hover .app_code_img {
	display: block;
}
.nav_list ol li {
	position: relative;
}
.nav_list .more_div {
	display: block;
	width: 420px;
	padding: 19px;
	position: absolute;
	border: 1px solid #f1f2f4;
	top: 96px;
	left: -183px;
	background: #fff;
	z-index: 99999;
}
.nav_list .more_div h3 {
	color: #191e24;
	font-size: 17px;
	line-height: 40px;
	font-weight: normal;
}
.nav_list .more_div dl {
	border-bottom: 1px solid #dddddd;
	display: inline-block;
	padding-bottom: 9px;
	margin-bottom: 14px;
}
.nav_list .more_div dd {
	width: 95px;
	padding-bottom: 7px;
	text-align: left;
	float: left;
	color: #71777e;
	line-height: 26px;
}
.nav_list .more_div dd a {
	color: #71777e;
	padding: 0;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
}
.nav_list .more_div dd a:hover {
	color: #2e8bff;
	background: none;
}
.more_div ul {
	display: inline-block;
	padding-bottom: 8px;
}
.more_div li {
	width: 190px;
	float: left;
	line-height: 55px;
}
.more_div li i {
	font-size: 30px;
	margin-right: 9px;
	color: #71777e;
	background: none;
}
.more_div .nav_vip_btn {
	background: #5ea6ff;
	display: block;
	line-height: 50px;
	border: 1px solid #5698e9;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	height: auto;
	float: none;
}
.more_div .nav_vip_btn i {
	font-size: 20px;
	background: none;
	margin-right: 7px;
}
.app_code_img {
	position: absolute;
	left: -120px;
	top: 100%;
	display: none;
}
.triangle_ico {
	border-width: 8px;
	border-color: transparent transparent #f1f2f4 transparent;
	border-style: dashed dashed solid dashed;
	position: absolute;
	left: 50%;
	margin-left: -9px;
	top: -16px;
	display: inline-block;
}
#openvip li img {
	margin-right: 10px;
}
.triangle_ico span {
	border-width: 6px;
	border-color: transparent transparent #fff transparent;
	border-style: dashed dashed solid dashed;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: -4px;
	display: inline-block;
}
.nav_list ol li a img {
	margin-top: 40px!important;
}
.nav-hd .open .subnav-hd {
	display: block;
}
.nav-hd li a img {
	margin-left: 4px;
}
.homepage-layout{width: 100%; min-width: 1200px;}
.slider-wrapper {
	position: relative;
	width: 100%; min-width: 1200px;
	overflow: hidden;
	padding-top: 15px;
}
.nivoSlider {
	position: relative;
	width: 1200px;
	height: 350px;
	margin: 0 auto;
	top: 0;
}
.nivoSlider img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none
}
.nivo-main-image {
	display: block!important;
	position: relative!important;
	width: 100%!important
}
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
	background: white;
	filter: alpha(opacity=0);
	opacity: 0
}
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden
}
.nivo-box img {
	display: block
}
.nivo-directionNav a {
	opacity: 0;
	transition: opacity .3s;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9;
	cursor: pointer;
	width: 65px;
	text-indent: -99px;
	overflow: hidden
}
.slider-wrapper:hover .nivo-directionNav a {
	opacity: 1
}
.nivo-prevNav {
	background: url("/new/bang/uploads/146469826445866.png") no-repeat center center;
	left: -65px
}
.nivo-nextNav {
	background: url("/new/bang/uploads/146597225080281.png") no-repeat center center;
	right: -65px
}
.nivo-controlNav {
	opacity: 0;
	transition: opacity .3s;
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 10;
	padding: 4px 16px;
	border-radius: 20px;
	background-color: rgba(0,0,0,.15);
	filter: alpha(opacity=15);
	font-size: 0
}
.nivo-controlNav a {
	padding: 5px;
	display: inline-block;
	cursor: pointer
}
.nivo-controlNav a span {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: rgba(255,255,255,.4);
	filter: alpha(opacity=40);
	transition: width .3s ease-out
}
.nivo-controlNav a.active span {
	width: 30px
}
.slider-wrapper:hover .nivo-controlNav {
	opacity: 1
}
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
	background: white;
	filter: alpha(opacity=0);
	opacity: 0;
}
#Infor {
	margin-bottom: 60px
}
#Infor .infor_group {
	padding-left: 0;
	text-align: center
}
.infor_group li {
	width: 240px;
	height: 136px;
	float: left;
	cursor: default;
	background: #fff;
	padding-top: 25px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.infor_group li .icons {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	width: 38px;
	height: 36px;
	position: relative;
	left: 8px
}
.infor_group li .icon_eye {
	background: url(imgs/infor.png) no-repeat 1px center
}
.infor_group li .icon_edit {
	background: url(imgs/infor.png) no-repeat -36px center
}
.infor_group li .icon_user {
	background: url(imgs/infor.png) no-repeat -74px center
}
.infor_group li .icon_calendar {
	background: url(imgs/infor.png) no-repeat -110px center
}
.infor_group li .icon_hospital {
	background: url(imgs/infor.png) no-repeat -148px center
}
.infor_group li span i {
	display: block
}
.infor_group li .tlips {
	height: 84px;
	padding-top: 20px;
	border-right: solid 1px #dcdcdc;
	padding-left: 15px
}
.infor_group li:hover {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.12);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.12);
	box-shadow: 0 5px 10px rgba(0,0,0,.12)
}
.infor_group li .area_tlips {
	border-right: none
}
.infor_group li a {
	color: #535353
}
.container {
	width: 1200px;
	margin: 0 auto;border:none!important; background: none!important; position: inherit!important; padding: 0!important;
}
.tlips_lengend {
	margin-left: 20px;
	width: 170px
}
.tlips_lengend span {
	font-size: 20px;
	display: block;
	text-align: left;
	text-indent: 10px
}
.tlips_lengend span+i {
	font-style: normal;
	color: #9C9B9B;
	font-size: 12px
}
.infor_group li a:hover {
	color: #ff6949
}
.pos{position:relative; width: 1200px; margin: 0 auto;}.h-screen{float:left;margin-top:15px}.h-screen li{position:relative;float:left}.h-screen li a{display:block;height:40px;margin-right:25px;padding:0 25px;font-size:14px;color:#7c7c7c;line-height:40px;text-align:center}.h-screen li a:hover{color:#3498db}.h-screen li a .num{position:relative;display:inline-block;height:18px;line-height:18px;margin-left:10px;padding:0 3px;background-color:#3498db;font-size:12px;color:#fff}.h-screen li a .num:after,.h-screen li a .num:before{content:"";width:0;height:0;position:absolute;border-style:solid}.h-screen li a .num:before{top:0;left:-6px;border-color:transparent #3498db transparent transparent;border-width:9px 6px 9px 0}.h-screen li a .num:after{top:0;right:-6px;border-color:transparent transparent transparent #3498db;border-width:9px 0 9px 6px}.h-screen li.on a{border:1px solid #3498db;border-radius:20px;font-weight:700;color:#3498db}.h-screen li.on a:hover{border-color:#3498db}.h-screen li.on a .num{display:none}.h-soup{float:right; padding-top: 15px;}
.divide{width: 100%; clear: both;}
/*~{?N3LAP1m~}*/
.lesson_list{width: 1200px; margin: 10px auto;}
.lesson_list .list{min-height:150px;font-size:0;-webkit-text-size-adjust:none;margin-left:-9px;margin-right:-9px}
.lesson_list .list.loading{background:url(imgss/third-common/loading.gif) center center no-repeat #eee}
.lesson_list .list li{display:inline-block;width:304.5px;height:270px;padding:12px 9px 21px;font-size:18px;position:relative;z-index:1;
margin-bottom:10px}.lesson_list .list li>div{display:inline-block;width:100%;height:100%}
.lesson_list .list li>div .pic{position:relative;background:#eee url(imgss/third-common/loading.gif) no-repeat center center;
display:block;margin-bottom:12px;height:177.3px;overflow:hidden}
.lesson_list .list li>div .pic img{display:block;width:100%;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;
-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;height:100%}
.lesson_list .list li>div .pic .info{position:absolute;bottom:0;left:0;right:0;background-color:#000;background-color:rgba(0,0,0,0.35);
color:#fff;font-size:12px;line-height:30px;padding-left:10px;height:30px;overflow:hidden}
.lesson_list .list li>div .pic .info .playing{float:right;width:80px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.lesson_list .list li>div .pic .info .playing .btn{display:block;background:#009aff;border-radius:0}
.lesson_list .list li>div .pic .info .playing .btn-classroom{background-color:#007dcf;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.lesson_list .list li>div .pic .info .playing .living{float:none;color:#fff}
.lesson_lesson_listlist .list li>div .pic .info .playing .living:before{background:url(/static/images/course/play/icon-play2.png) no-repeat;
background:url(/static/images/course/play/icon-play2.gif) \9;vertical-align:-2px;margin-right:1px}
.lesson_list .list li>div .details h3{line-height:22px;font-size:16px;margin-top:19px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;word-break:keep-all;max-width:100%; font-weight: 400;}
.lesson_list .list li>div .details h3 a{color:#565656;cursor:pointer}
.lesson_list .list li>div .details h3 a:hover{color:#50a9fd}
.lesson_list .list li>div .details .row{line-height:26px;font-size:12px;color:#848e99}
.lesson_list .list li>div .details .row a{cursor:pointer;color:#50a9fd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
word-break:keep-all;max-width:150px}.lesson_list .list li>div .details .row a:hover{color:#007dcf}
.lesson_list .list li:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:0px;margin:auto;z-index:-1;
transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s}.lesson_list .list li:hover>div,.lesson_list .list li.active>div{background-color:#fff;transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s}
.lesson_list .list li:hover>div .pic img,.lesson_list .list li.active>div .pic img{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);
transform:scale(1.15)}.lesson_list .list li:hover>div .playing,.lesson_list .list li.active>div .playing{margin-top:-30px}
.lesson_list .list li:hover:before,.lesson_list .list li.active:before{background-color:#fff;box-shadow:0 0 9px 1px #ccc}
.lesson_list-list li .section{padding-bottom:50px}
/*~{WwF7NDUBAP1m<r5%7VR3~}*/
.h_page { display: table; margin: 0 auto; width: auto; height: 40px; }
.h_page ul { }
.h_page ul li { float: left; }
.h_page ul li a { display: block; width: 40px; height: 40px; margin: 0 10px; border: 1px solid #bdc3c7; border-radius: 50%; font-size: 20px; color: #bdc3c7; text-align: center; line-height: 38px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
  .h_page ul li a:hover,
.h_page ul li a.on { color: #2d3e4f; border-color: #2d3e4f; font-weight: bold; }
.h_page ul li:last-child a { line-height: 25px; }
/*~{?4<{Dc5DN4@4~}*/
.q_sprit {
    background-image: url("imgs/one.png");
    background-repeat: no-repeat;
}
.titlef_f {
    font-size: 36px; font-weight: 400;
    color: #535353;
    line-height: 80px;
}
.btnss{padding: 10px 20px; background: #3399cc; color: #fff; text-align: center; border: none; border-radius:5px;}
.btns {
    line-height: 50px;
    margin-top: 50px;
}.btns a {
    margin: 0 10px;
    cursor: pointer;
    text-decoration: none;
}.btn-primary {
    background: #FF6632;
    color: #FFF;
}
.btn {
    padding: 12px 30px;
    font-size: 18px;
    border: solid 2px;
    border-radius: 30px;
}
.see_future {
    width: 100%; min-width: 1200px;
    background: url("imgs/four.png") center center no-repeat;
    height: 770px; padding-top: 30px;
    text-align: center;
}

.see_future .cont {
    position: relative;
    width: 1200px;
    height: 470px;
    margin-left: auto;
    margin-right: auto;
	margin-top: -50px;
}

.see_future .cont .img {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -32px;
    height: 480px;
    background-position: -725px -563px;
    width: 65px;
}

.see_future .cont .q_text {
    position: absolute;
    height: 64px;
    line-height: 64px;
    border-right: 3px solid #dedede;
    border-bottom: 2px solid #dedede;
    font-size: 18px; font-family: Microsoft Yahei; color: #6bb0e7;
    left: 50%;
    width: 380px;
    margin-left: -190px;
    top: -55px;
    background-color: #ffffff;
}
.see_future .part {
    position: absolute;
    top: 0;
    height: 100%;
}

.see_future .q_left {
    left: 0;
}

.see_future .q_right {
    right: 0;
}

.see_future .part div {
    width: 540px;
    height: 119px;
    box-sizing: border-box;
    margin-top: 30px;
	margin-bottom: 48px;
	cursor: pointer;
}

.see_future .q_left div {
    padding-left: 70px;
}

.see_future .q_right div {
    padding-right: 70px;
}

.see_future .q_right div div {
    float: right;
}

.see_future .q_left .item1 {
    background-position: -817px -513px;
}

.see_future .q_left .item2 {
    background-position: -817px -635px;
}

.see_future .q_left .item3 {
    background-position: -817px -755px;
}

.see_future .q_right .item1 {
    background-position: -803px -876px;
}

.see_future .q_right .item2 {
    background-position: -803px -995px;
}

.see_future .q_right .item3 {
    background-position: -803px -1114px;
}

.see_future .q_sprit div {
    text-align: center;
    width: 380px; padding-top: 5px;
}

.see_future .q_sprit div h3 {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #54B3EB;
	font-weight: 400;
}

.see_future .q_sprit div p {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
}
/*~{Q'O0R}Gf~}*/
@font-face {font-family: "iconfont";
  src: url('imgs/iconfont.eot'); /* IE9*/
  src: url('imgs/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('imgs/iconfont.woff') format('woff'), /* chrome, firefox */
  url('imgs/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('imgs/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-jiaoshi:before { content: "\e645"; }
.icon-shanxiyidongduankaoqinjiankongzhishikushouye03-copy:before { content: "\e65f"; }
.icon-guanli:before { content: "\e722"; }
.icon-liaotian:before {
    content: "\e668";
}.icon-xiaoshou1:before {
    content: "\e667";
}
.text-center {
    text-align: center;
}.mtl {
    margin-top: 20px;
}
.homepage-layout-header {
  font-size: 48px;
  color: #313131;
  letter-spacing: 5px;
  line-height: 1;
}
.homepage-layout-course .homepage-layout-body {
  margin-top: 80px;
  height: 470px;
}
.course-item {
  position: relative;
  display: block;
  height: 350px;
  width: 17%;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-top-width: 5px;
  overflow: hidden;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.course-item.active {
  width: 32%;
  height: 432px;
  border-color: #6bb0e7; margin-left: -1px; margin-right: -1px; z-index: 9999;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}
.course-item.active .course-item-overview {
  opacity: 0;
}
.course-item.active .course-item-detail {
  opacity: 1;
}
.course-item-overview {
  position: absolute;
  left: 0;
  right: 0;
  height: 350px;
  opacity: 1;
  padding-top: 36px;
}
.course-item-overview .course-item-header i {
  font-size: 36px;
  line-height: 1; color: #6bb0e7;
}
.course-item-overview .course-item-body {
  margin-top: 40px;
  font-size: 14px;
  color: #313131;
  line-height: 16px;
}
.course-item-overview .course-item-title {
  margin-top: 20px;
  font-size: 18px;
  color: #313131;
  font-weight: bold;
}
.course-item-overview .course-item-line {
  width: 50px;
  height: 1px;
  margin: 20px auto 0 auto;
  background-color: #e1e1e1;
}
.course-item-detail {
  opacity: 0;
  padding: 36px 30px 0 30px;
  height: 490px;
  min-width: 375px;
}
.course-item-detail .course-item-header {
  color: #6bb0e7;
  line-height: 1;
}
.course-item-detail .course-item-header i {
  font-size: 36px;
  vertical-align: middle;
}
.course-item-detail .course-item-header span {
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
}
.course-item-detail .course-item-line {
  width: auto;
  height: 1px;
  margin: 25px auto 0 auto;
  background-color: #e1e1e1;
}
.course-item-detail .course-item-body {
  margin-top: 28px;
}
.course-item-detail .course-intro-item + .course-intro-item {
  margin-top: 30px;
}
.course-item-detail .course-intro-item-header {
  color: #313131;
}
.course-item-detail .course-intro-item-header i {
  font-size: 24px;
  line-height: 1px;
  vertical-align: middle;
  color: #616161;
}
.course-item-detail .course-intro-item-header span {
  color: #313131;
  font-size: 18px;
  vertical-align: middle;
}
.course-item-detail .course-intro-item-body {
  margin-top: 5px;
  line-height: 24px;
  font-size: 14px;
  color: #616161;
}
.containers {
	width: 1200px;
	margin: 0 auto;
}
/*~{NJ4p~}*/
dl.c-hd{text-align: center;padding: 55px 0 35px; width: 300px; margin: 0 auto;}
dl.c-hd dt{font-size: 36px;padding: 4px 0; position: relative;color: #000;border-bottom: 1px solid #eee;}
dl.c-hd dt i.ico_line{width: 41px;height: 3px;background: #37b8cd;position: absolute;left:50%;bottom:-2px;margin-left: -20px;}
dl.c-hd dd{font-size: 12px;color: #999;padding: 10px 0;}
.ask_index_list a{color: #565656;}
.ask_index_list{overflow:hidden; height: 308px; display:inline-block}.ask_index_list div{float:left;width:301px;height:308px;padding:0 18px;padding-bottom:15px;overflow:hidden;border-left:1px solid #e1e1e1;margin-left:-1px;position:relative}.ask_index_list div dt{font-size:16px;padding-bottom:20px;margin-bottom:10px;color:#333;float:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}.ask_index_list div dd{font-size:12px;color:#666;display:inline;height:84px;float:left;width:100%;line-height:28px;overflow:hidden;background:#fff}.ask_index_list div dd a{white-space:nowrap}.ask_index_list dl{background:#fff;width:100%;padding-bottom:15px;padding-top:18px;margin-bottom:5px;float:left;background:#fff;position:relative;z-index:9}.ask_index_list ul{background:#fff;width:100%;float:left;padding-bottom:60px;position:relative;z-index:5}.ask_index_list ul li{text-align:center;width:100%;float:left;display:inline-block;font-size:14px;color:#666;margin-top:13px}.ask_index_list ul li .img{height:80px}.ask_index_list ul li img{width:80px;height:80px;border-radius:50%;overflow:hidden}.ask_index_list ul li.name{padding-bottom:20px}.ask_index_list ul li.desc{font-size:12px;color:#666;line-height:22px;margin-top:13px}.ask_index_list ul .more{width:136px;padding:9px 0 10px 0;display:block;border:1px solid #666;border-radius:5px;color:#666;text-align:center;margin:0 auto;font-size:14px;line-height:14px}.ask_index_list ul .more:hover{background:#288ce6;border:1px solid #288ce6;color:#fff}.wp{width:1200px; margin: 0 auto;}
.icourse-footer {padding: 20px 0 20px;text-align: center;}.icourse-footer a {display: inline-block; background:#fff; width: 118px;border-radius: 50px;height: 38px;line-height: 38px;border: 1px solid #d0d6d9;font-size: 18px;color: #363d40;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}.icourse-footer a:hover{background-color: #d0d6d9;}

.fctitles{height:60px;line-height:60px;border-bottom:1px solid #ededed;margin-bottom:20px;font-size:22px;color:#333333;}.jyflash{width:540px;height:400px;position:relative;}.jyflash ul.piucs{}.jyflash ul.piucs li{width:540px;}.piuspis{}.piuspis img{width:540px;height:300px;}.jyflash ul.piucs li h5{height:35px;line-height:35px;overflow:hidden;margin:5px 0;}.jyflash ul.piucs li h5 span{display:inline-block;padding:0 8px;height:22px;line-height:22px;border-radius:2px;background:#04B7F2;color:#fff;font-size:12px;margin-right:10px;font-weight:normal;}.jyflash ul.piucs li h5 a{display:inline-block;font-size:16px;color:#333;font-weight:normal;}.jyflash ul.piucs li h5 a:hover{color:#04B7F2;}.jyflash ul.piucs li p{font-size:12px;color:#999;line-height:25px;}.jyflash .hd{overflow:hidden;zoom:1;position:absolute;top:-53px;right:0px;z-index:3}.jyflash .hd li{float:left;width:13px;height:13px;cursor:pointer;background:#adadad;border-radius:100%;margin-left:4px;filter:alpha(opacity=80);opacity:.8;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}.jyflash .hd .on{background:#04B7F2;filter:alpha(opacity=100);opacity:1;}.fcbr{width:612px;float:right;margin-bottom:20px;}.fctitles a{display:inline-block;float:right;height:60px;line-height:60px;color:#999;font-size:14px;}.fctitles a:hover{color:#04B7F2;}.sumitbox{}.sumitbox ul li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ededed;}.sumitbox ul li:last-child{border-bottom:0;}.sbl{width:120px;height:80px;float:left;}.sbl img{width:120px;height:80px;}.denasbr{float:right;width:470px;}.denasbr h5{overflow:hidden;height:33px;line-height:33px;font-weight:normal;}.denasbr h5 a{font-size:16px;color:#333;}.denasbr h5 a:hover{color:#04B7F2;}.denasbr p{font-size:12px;color:#999;line-height:22px;}.newslists{}.newslists ul li{position:relative;height:34px;line-height:34px;overflow:hidden;}.newslists ul li span{background:#bfbfbf;padding:0 7px;height:20px;line-height:20px;display:inline-block;margin-right:10px;border-radius:2px;font-size:12px;color:#fff;float:left;}.newslists ul li a{display:inline-block;font-size:14px;height:20px;line-height:20px;float:left;color:#333;}.newslists ul li i{display:inline-block;width:23px;float:left;height:12px;margin-left:10px;background:url(hot.png) center no-repeat;}.newslists ul li span.bgs1{background:#FBAE5C}.newslists ul li span.bgs2{background:#3DE3E1}.newslists ul li span.bgs3{background:#77D986}.newslists ul li a:hover{color:#04B7F2;}.ads{}.ads ul{width:1208px;}.ads ul li{width:580px;float:left;margin:0 20px 20px 0;}.ads ul li img{width:580px;}.lines{width:50px;height:1px;background-color:#ccc;margin-top:5px;}.tcdes{font-size:14px;color:#666;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.tcjj{font-size:12px;color:#666;line-height:22px;height:70px;overflow:hidden;}.img-triangle-left{left:0;border-right:0 solid transparent;border-left:12px solid #eee;position:absolute;top:80px;width:0;height:0;display:block;background:transparent;border-top:15px solid transparent;border-bottom:15px solid transparent;}.info-triangle-right{position:absolute;top:82px;width:0;height:0;background:transparent;border-top:12px solid transparent;border-bottom:12px solid transparent;z-index:3;right:-10px;border-right:0 solid transparent;border-left:10px solid #fff;}.bbsc{}.fcscl{width:700px;float:left;margin-bottom:20px;}.fcscl ul li{height:90px!important;border-bottom:1px dashed #ededed;position:relative;padding-left:40px;margin-bottom:10px;padding-bottom:10px;}.fcscl ul li:last-child{border-bottom:0;}.fcscl ul li em{display:block;width:1px;height:80px;background:#ededed;position:absolute;left:16px;top:0;}.fcscl ul li i.dots{display:block;position:absolute;top:35px;left:10px;width:14px;height:14px;}.fctx{width:70px;float:left; margin-top: 5px;}.fctx a{width:70px;display:block;position:relative;float:left;}.fctx a i{display:block;width:15px;height:15px;line-height:15px;border-radius:100%;position:absolute;top:0;right:12px;background:#FF6060;color:#fff;text-align:center;font-size:12px;}.fctx a img{width:45px;height:45px;border-radius:100%;margin:0 auto;display:block;}.fctx a span{height:20px;line-height:20px;width:70px;overflow:hidden;padding:0;text-align:center;color:#04B7F2;font-size:12px;display:block;margin-top:6px;border-radius:2px;}.fcyc{float:right;width:575px;}.fcyctop{margin-bottom:10px; margin-top: 8px;}.fcyctl{float:left;width:400px;height:20px;overflow:hidden;}.fcyctl span{display:inline-block;float:left;margin-top:2px;height:17px;line-height:17px;width:15px;border-radius:3px;background:#FF6060;color:#fff;text-align:center;font-size:12px;}.fcyctl a{height:20px;line-height:20px;display:inline-block;margin-left:10px;font-size:16px;color:#333;width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.fcyctl a:hover{color:#04B7F2}.fcyctr{float:right;width:50px;height:20px;line-height:20px;background:#FBAE5C;font-size:12px;color:#fff;text-align:center;border-radius:3px;}.fcycbottom{font-size:14px;color:#999;line-height:40px; height: 40px; overflow: hidden;}.fcycbottom span{display:inline-block;height:17px;line-height:17px;margin-right:10px;width:15px;border-radius:3px;background:#77D986;color:#fff;text-align:center;font-size:12px;}
.fcscl .tempWrap{height:380px!important;}.fcscr{width:440px;float:right;margin-bottom:20px;}.fctitlesx{margin-bottom:0;}.qua{width:438px;height:400px;border-top:0;}.qa_tab{height:50px;border-bottom:1px solid #ededed;}.qa_tab ul{width:450px}.qa_tab ul li{float:left;height:50px;width:94px;text-align:center;line-height:50px;padding:0 15px;margin:0 10px 0 0;}.qa_tab ul li a{color:#666666;font-size:14px;}.qa_tab ul li.selected{border-bottom:1px solid #FF6060;}.qa_tab ul li.selected a{color:#FF6060;}.qa_body{}.qa_body ul li{display:none;}.qaboxlist{width:438px;margin:10px auto 0;}.qaboxlist dl dd{height:49px;border-bottom:1px dashed #eeeeee;line-height:49px;font-size:14px;overflow:hidden;color:#666666;}.qaboxlist dl dd:last-child{border-bottom:0;}.qaboxlist dl dd em{color:#666666;padding:0 5px;display:inline-block;float:left;}.qaboxlist dl dd a{font-size:14px;color:#666666;display:inline-block;float:left;width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.qaboxlist dl dd a:hover{color:#FF6060}.qaboxlist dl dd span{display:inline-block;float:right;font-size:12px;color:#aaa;}.clear {
    clear: both;
}
/*~{NRCG5DSEJF~}*/

.index_title {
    font-family: 'Microsoft YaHei';
    margin: 45px auto 18px auto;
    width: 1200px;
    text-align: left;
    overflow: hidden;
}
.index_line {
    border-bottom: 1px solid #e1e1e1;
    overflow: visible !important;
}.index_title .h_01 {
    font-size: 28px;
    color: #333333;
    float: left;
    font-weight: normal;
}
.index_line .h_01 {
    background: #fff;
    margin-bottom: -14px;
    padding-right: 12px;
}.index_main {
    width:1200px;
    margin:0 auto;
    overflow:hidden;
    font-family:'Microsoft YaHei';
}.us_goods {
    margin-bottom:48px;
    display:inline-block;
}
.us_goods dl {
    border-right:1px solid #e9e9e9;
    text-align:center;
    width:200px;
    color:#555555;
    float:left;
    margin-top:40px;
    padding-top:4px;
    padding-bottom:9px;
}
    .us_goods dl.nob {
        border-right:none;
    }
    .us_goods dt {
        margin-bottom:13px;
    }
    .us_goods dd {
        line-height:28px;
		font-size: 12px; padding-top: 10px;
        }
    .us_goods dd strong {
        display:block;
        font-size:16px;
    }
    .us_goods a {
        color:#555555;
        display:block;
    }
.footer{background-color:#666666;width:100%;}.footer .friends{border-bottom:1px dotted #bababa;width:100%;padding:15px 0;}.footer .friends ul{display:block;}.footer .friends ul li{display:block;float:left;height:30px;line-height:30px;margin-left:35px;}.footer .friends ul li.first{margin-left:0;}.footer .friends ul li.ti{margin-left:0;}.footer .friends ul li a{color:#bababa;cursor:pointer;font-size:15px;font-weight:normal;}.footer .friends ul li a:hover{color:#ff7012;}.footer .foo{position:relative; width: 1200px; margin: 0 auto;}.footer .foo .max_width{position:relative;}.footer .foo .foo_nav{height:50px;line-height:50px;font-size:13px;color:#bababa;font-weight:normal;}.footer .foo .foo_nav a{font-size:13px;color:#bababa;display:block;float:left;}.footer .foo .foo_nav a:hover{color:#fafc04;}.footer .foo .foo_nav a.line{padding:0 10px;}.footer .foo .copy{color:#bababa;font-size:12px;font-weight:normal;line-height:20px;}.footer .foo .copy a{color:#bababa;font-size:12px;font-weight:normal;}.footer .foo .copy a:hover{color:#fafc04;}.footer .foo .tele{position:absolute;right:0;top:33px;}.footer .foo .tele span{float:right;display:block;}.footer .foo .tele .aicon{width:42px;height:42px;background-position:-95px -50px;}.footer .foo .tele .num{font-size:21px;font-weight:bold;color:#bababa;font-style:italic;margin-left:10px;margin-top:2px;}.footer .foo .tele .num .tim{font-size:12px;font-weight:normal;float:left;line-height:15px;}.footer .foo .fticon{margin:30px 0 20px 0;}.footer .foo .fticon a .img1{display:none;}.footer .foo .fticon a .img2{display:block;}.footer .foo .fticon a:hover .img1{display:block;}.footer .foo .fticon a:hover .img2{display:none;}
.quick-list { display: none; z-index: 90; position: absolute; top: 97px; right: 0; box-shadow: 0px 1px 2px rgba(0,0,0,.1); }
.quick-list li { float: left; }
.quick-list li a { display: block; width: 130px; height: 40px; font-size: 14px; color: #7a8e9d; line-height: 40px; border-top: none;  /*text-indent: 25px;*/ background-color: #fff; }
.quick-list li a i { float: left; margin-left: 20px; margin-right: 6px; font-size: 18px; color: #647587; line-height: 40px; }
.quick-list li a:hover { font-size: 14px; color: #3498db; background-color: #eff3f5; border-top: none; }
.quick-list li a:hover i {}

#part6 {
    height: 620px;
    background: #fff;
	padding-top: 60px;
}
#part6 .wrap {
    width: 1200px;
    margin: 0 auto;
}
#part6 .cf {
    zoom: 1;
}
    #part6 h2 {
        font-size: 44px;
        font-weight: 500;
        margin-top: 65px;
        margin-bottom: 35px;
        color: #333;
    }
    .state {
        float: left;
        width: 468px; margin-right: 160px; text-align: center;
    }

#part6 .state p {
    font-size: 18px;
    line-height: 40px;
    color: #666;
}
    .media {
        position: relative;
        float: left;
        width: 532px;
        height: 392px;
        margin-top: 70px;
        background: url('imgs/part6-1.jpg') 0 0 no-repeat;
        background-size: 100% 100%;
    }
    #part6 i {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}
@-webkit-keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-moz-keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-ms-keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes circle2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes circle2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
@keyframes circle2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
    .ora-1 {
        top: -30px;
    right: 240px;
    width: 36.5px;
    height: 36px;
    -webkit-animation: circle 4s infinite linear;
    -moz-animation: circle 4s infinite linear;
    -ms-animation: circle 4s infinite linear;
    animation: circle 4s infinite linear;
        background-image: url(imgs/ora_1.png);
    }
    .ora-2 {
        top: -13px;
        left: 163px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle2 6s infinite linear;
        -moz-animation: circle2 6s infinite linear;
        -ms-animation: circle2 6s infinite linear;
        animation: circle2 6s infinite linear;
        background-image: url(imgs/ora_2.png);
    }
    .ora-3 {
        top: -4px;
        right: 148px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle 6s infinite linear;
        -moz-animation: circle 6s infinite linear;
        -ms-animation: circle 6s infinite linear;
        animation: circle 6s infinite linear;
        background-image: url(imgs/ora_2.png);
    }
    .blue-1 {
        top: 90px;
        left: 75px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle2 6s infinite linear;
        -moz-animation: circle2 6s infinite linear;
        -ms-animation: circle2 6s infinite linear;
        animation: circle2 6s infinite linear;
        background-image: url(imgs/blue_1.png);
    }
    .blue-2 {
        top: 85px;
        left: 180px;
        width: 164px;
        height: 164px;
        -webkit-animation: circle 8s infinite linear;
        -moz-animation: circle 8s infinite linear;
        -ms-animation: circle 8s infinite linear;
        animation: circle 8s infinite linear;
        background-image: url(imgs/blue_2.png);
    }
    .blue-3 {
        bottom: 150px;
        left: 80px;
        width: 39px;
        height: 38.5px;
        -webkit-animation: circle 4s infinite linear;
        -moz-animation: circle 4s infinite linear;
        -ms-animation: circle 4s infinite linear;
        animation: circle 4s infinite linear;
        background-image: url(imgs/blue_3.png);
    }
    .red-1 {
        bottom: 68px;
        left: 121px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle 5s infinite linear;
        -moz-animation: circle 5s infinite linear;
        -ms-animation: circle 5s infinite linear;
        animation: circle 5s infinite linear;
        background-image: url(imgs/red_1.png);
    }
    .red-2 {
        bottom: 80px;
        left: 230px;
        width: 59px;
        height: 59px;
        -webkit-animation: circle2 4s infinite linear;
        -moz-animation: circle2 4s infinite linear;
        -ms-animation: circle2 4s infinite linear;
        animation: circle2 4s infinite linear;
        background-image: url(imgs/red_2.png);
    }
    .green-1 {
        right: 90px;
        bottom: 135px;
        width: 36px;
        height: 35.5px;
        -webkit-animation: circle 4s infinite linear;
        -moz-animation: circle 4s infinite linear;
        -ms-animation: circle 4s infinite linear;
        animation: circle 4s infinite linear;
        background-image: url(imgs/green_1.png);
    }
    .green-2 {
        top: 214px;
        right: 127px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle 6s infinite linear;
        -moz-animation: circle 6s infinite linear;
        -ms-animation: circle 6s infinite linear;
        animation: circle 6s infinite linear;
        background-image: url(imgs/green_2.png);
    }
    .green-3 {
        top: 115px;
        right: 77px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle2 5s infinite linear;
        -moz-animation: circle2 5s infinite linear;
        -ms-animation: circle2 5s infinite linear;
        animation: circle2 5s infinite linear;
        background-image: url(imgs/green_2.png);
    }
.ui-list-icons li{float:left;width:166px;margin-bottom:8px;margin-right:10px; list-style-type:none}
.long-logo {width:580px; }

.long-logo .icon-box,.long-logo .icon-box-commend,.long-logo .icon-box-kj{width:130px;background-color:#fff!important;line-height:30px}
.long-logo .bank-num{float:right;padding-top:8px}

.long-logo .icon-box .icon,.long-logo .icon-box-commend .icon,.long-logo .icon-box-kj .icon{float:left;width:116px;padding:0}


.long-logo .xbox .ui-list-icons{_margin-left:-10px; *margin-left:-10px;*margin-top:5px;}
.icon-box{ width:126px;border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color:#eee}  

.icon-box1{ BACKGROUND: url(bank_list.gif) no-repeat 6px -324px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box2{ BACKGROUND: url(bank_list.gif) no-repeat 6px -370px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box3{ BACKGROUND: url(bank_list.gif) no-repeat 6px -278px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box4{ BACKGROUND: url(bank_list.gif) no-repeat 6px -235px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  

.icon-box5{ BACKGROUND: url(bank_list.gif) no-repeat 6px -463px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  

.icon-box6{ BACKGROUND: url(bank_list.gif) no-repeat 6px -685px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  

.icon-box7{ BACKGROUND: url(bank_list.gif) no-repeat 6px -186px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  

.icon-box8{ BACKGROUND: url(bank_list.gif) no-repeat 6px -9px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box9{ BACKGROUND: url(bank_list.gif) no-repeat 6px -509px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box10{ BACKGROUND: url(bank_list.gif) no-repeat 6px -136px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box11{ BACKGROUND: url(bank_list.gif) no-repeat 6px -592px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box12{ BACKGROUND: url(bank_list.gif) no-repeat 6px -52px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box13{ BACKGROUND: url(bank_list.gif) no-repeat 6px -721px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box14{ BACKGROUND: url(bank_list.gif) no-repeat 6px -93px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box15{ BACKGROUND: url(bank_list.gif) no-repeat 6px -548px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box16{ BACKGROUND: url(bank_list.gif) no-repeat 6px -418px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box17{ BACKGROUND: url(bank_list.gif) no-repeat 6px -752px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box18{ BACKGROUND: url(bank_list.gif) no-repeat 6px -785px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box19{ BACKGROUND: url(bank_list.gif) no-repeat 6px -818px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box20{ BACKGROUND: url(bank_list.gif) no-repeat 6px -847px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box21{ BACKGROUND: url(bank_list.gif) no-repeat 6px -884px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.scrollup{ position: fixed; bottom:160px; right: 50px; z-index:10; display: block; width: 48px; }

.scrollup .arrows { height: 48px; width: 48px; float: left;
    background: url('imgs/top_up.png') no-repeat left top; background-size: 48px;
    transition: bottom 0.9s ease 0s;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/top_up.png',  sizingMethod='scale');
}
.scrollup .arrows:hover {
    background: url('imgs/top_up.png') no-repeat left top; background-size: 48px;
    background-position:0 -50px;
}

.scrollup .feedback { float: left; width: 48px; height: 40px; margin-top: 5px; background-color: rgba(153,174,188,.3); filter: alpha(opacity=30);background-color:#99aebc\9 ;text-align:center; line-height:40px; color:#fff; }
.scrollup .feedback em{filter: alpha(opacity=100);}
.scrollup .feedback:hover { color:#2c98dd;}
.scrollup .feedback:hover em{position: relative\9;}
.scrollup .service { float: left; width: 48px; height: 40px; margin-top: 5px; background-color: rgba(153,174,188,.3);}
.scrollup .service i { display: block; color: #fff; font-size: 22px; text-align:center; line-height:40px; transition: all 0.2s; }
.scrollup .service:hover i { color:#2c98dd; }
body {
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif!important;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
}
.wp {
width: 1200px!important;
}
.section--course-banner {
padding: 35px 0;
background: url(new/header.png) repeat-x top #fff;
}
.imgtext-course {
padding-left: 579px;
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: 549px;
height: 338px
}
.imgtext-course .page-tt {
font-size: 22px;
line-height: 1.4;
margin-bottom: 10px;
font-weight: 300
}
.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: -10px
}
.imgtext-course .btn-join, .imgtext-course .btn-expr {
font-size: 18px;
border-radius: 2px;
display: inline-block;
text-align: center
}
.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
}
.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
}
.pay-tips {
font-size: 12px;
color: #999;
width: 100%;
text-indent: 1em;
line-height: 35px;
display: inline-block;
background-color: #F9F9F9;
border-radius: 2px;
margin-top: 20px
}
.pay-tips span {
color: #e85308;
margin-right: 8px
}
.section-feature h1, .section-feature h2, .section-feature h3, .section-feature h4, .section-feature h5, .section-feature b, .section-feature strong {
font-weight: 300!important;
}
.imgtext-course .tt-below-line .line-item {
line-height: 25px;
width: 120px;
font-size: 14px;
margin: 5px 0;
}
.imgtext-course .tt-below-line .icon-sep {
margin: 0 20px;
margin-top: 8px
}
.filter_dropdown .dropdown-title {
display: inline-block;
vertical-align: middle
}
.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 {
position: absolute;
clip: inherit;
top: -20px;
background: #fff;
line-height: 35px;
font-weight: 300;
padding: 0 5px
}
.course-class.course-class--one .class-content .hidden-clip span {
font-size: 22px;
font-weight: 600;
color: #FF5500;
margin: 0 6px
}
.course-class.course-class--one .class-content .hidden-clip span b, .course-class.course-class--one .class-content .hidden-clip span del {
font-size: 14px;
font-weight: 300;
color: #999
}
.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;
bottom: -16px;
background: #fff;
font-size: 14px;
color: #888;
padding: 0 5px
}
.course-class .class-content .price span {
font-size: 22px;
font-weight: 600;
color: #FF5500
}
.course-class .class-content.class-content--no-des .class-date {
color: #999999;
font-size: 14px;
margin: 8px 0
}
.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
}
}
.g4 li > a, .g4 .li > a {
height: 233px!important;
}
.footer {
margin-top: 0!important;
}
.clct_flw a {
color: #369;
}
.course-go {
background: #1caaea;
border-radius: 2px;
color: #fff;
font-size: 16px;
display: inline-block;
margin: 24px 10px 0 0;
width: 180px;
height: 46px;
line-height: 46px;
text-align: center;
}
.icon-go {
background: url(new/class.png) no-repeat -10px -2313px;
height: 15px;
width: 15px;
display: inline-block;
vertical-align: middle;
zoom: 1;
}
.course-go [class^=icon] {
margin-right: 10px;
}
.g3 li, .g3 .li {
width: 372px!important;
}
.sy-new-list {
width: 1200px;
height: 54px;
float: left;
background-color: #fff;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #E8E8E8;
}
.sy-new-list > li {
float: left;
height: 53px;
border-top: 2px solid #fff;
border-right: 1px solid #E8E8E8;
position: relative;
list-style: none;
width: 160px;
}
.sy-new-list > li > a {
line-height: 48px;
font-size: 14px;
color: #6f6f6f;
position: relative;
width: 160px;
display: inline-block;
text-decoration: none;
text-align: center;
}
.sy-new-list > li > a > b {
position: absolute;
right: 20px;
top: 22px;
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-color: #6f6f6f transparent transparent;
font-size: 0;
line-height: 0;
}
.sy-new-list > li:first-child > a b {
border-color: #ff9c00 transparent transparent;
}
.sy-new-list > li:hover > a b {
border-color: #ffa900 transparent transparent
}
.sy-new-list > li:hover {
border-top: 2px solid #ffba00;
background: #fff
}
.sy-new-list > li.a > a b {
border-color: #ffa900 transparent transparent
}
.sy-new-list > li.a > a, .ccnav ul li .ccnavSon li.a a {
color: #1CAAEA;
}
.sy-new-list > li.a {
border-top: 2px solid #ffba00;
background: #fff
}
.sy-new-list > li:hover >.cnpopcon {
display: block
}
#xiangqing img {
width: 100%!important;
}
.sy-new-list > li:first-child > a b {
border-color: #ff9c00 transparent transparent;
}
.sy-new-list > li.a > a b {
border-color: #ffa900 transparent transparent
}
.sy-new-list > li.a {
border-top: 2px solid #ffba00;
background: #fff;
}
.am-btn-warning {
color: #fff;
background-color: #f37b1d;
border-color: #f37b1d
}
.am-btn-warning:hover, .am-btn-warning:focus, .am-btn-warning:active, .am-btn-warning.am-active, .am-active .am-btn-warning.am-dropdown-toggle {
color: #fff;
background-color: #c85e0b;
border-color: #c85e0b
}
.am-btn-warning:active, .am-btn-warning.am-btn-active, .am-active .am-btn-warning.am-dropdown-toggle {
background-image: none
}
.course-right {
float: right;
width: 320px;
margin-top: 20px;
}
.classmate {
padding: 10px 20px;
}
.classmate h2 {
position: relative;
height: 55px;
font-size: 16px;
line-height: 50px;
border-bottom: 1px dotted #e3e6e8;
color: #333;
margin-bottom: 25px;
}
.ch-classmate {
position: absolute;
right: 0;
top: 15px;
width: 20px;
height: 20px;
border-radius: 50%;
text-indent: -9999px;
background: url(/static/img/study_chapter.png) no-repeat 0 -189px;
-webkit-transition: transform 0.15s;
-o-transition: transform 0.15s;
transition: transform 0.15s;
}
.ch-classmate:hover {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.classmate li {
height: 54px;
margin: 12px 0;
}
.classmate .mate-avator {
float: left;
}
.mate-avator img {
width: 40px;
height: 40px;
border-radius: 50px;
}
.classmate .mate-info {
margin-left: 50px;
white-space: nowrap;
font-size: 14px;
word-break: keep-all;
overflow: hidden;
line-height: 1.4;
}
.mate-info span {
display: block;
color: #969b9e;
white-space: nowrap;
word-break: keep-all;
overflow: hidden;
font-size: 12px;
line-height: 24px;
}
.mate-info a {
color: #303538;
font-size: 14px;
}
.wrap-boxes {
background: #fff;
}.period-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}
.period-list > li {
  margin-bottom: 10px;
  padding: 10px 15px;
}
.period-list .chapter,
.period-list .section {
  background-color: #f5f5f5;
  color: #919191;
}
.period-list .chapter {
  position: relative;
}
.period-list .chapter:hover {
  cursor: pointer;
}
.period-list .chapter .es-icon-toc {
  position: absolute;
  top: 11px;
  left: 15px;
}
.period-list .chapter .period-show {
  position: absolute;
  top: 8px;
  right: 15px;
}
.period-list .chapter .titlev {
  padding: 0 30px; font-size: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.period-list .section {
  padding-left: 45px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.period-list .period {
  position: relative;
  padding: 15px 100px 15px 45px;
}
.period-list .period:hover,
.period-list .period.item-active {
  background-color: #f2fae3;
}
.period-list .period.disable {
  background: none;
}
.period-list .period > a {
  color: #919191;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.period-list .period .es-icon-undone,
.period-list .period .es-icon-doing,
.period-list .period .es-icon-done1 {
  position: absolute;
  top: 17px;
  left: 15px;
}
.period-list .period .titlev {
  color: #616161; font-size: 14px; margin-left: 50px;
}
.period-list .period .date {
  position: absolute;
  top: 16px;
  right: 50px;
}
.period-list .period .course-type {
  position: absolute;
  top: 15px;
  right: 15px;
  line-height: 20px;
}
.period-list .period .course-type i {
  font-size: 20px;
}
.period-list .period .course-type small {
  margin-top: -3px;
}
.period-list .period .period-state {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #919191;
}.label {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center; line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em; position: absolute; margin-top: 1px;
}.label {
    padding: 4px 8px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}.mrm {
    margin-right: 10px !important;
}
.label-warning {
    background-color: #ff8a0c;
}.label-success {
    background-color: #5caede;
}
body{font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
.wp{width:1200px!important;}h1, h2, h3, h4, h5, b, strong {font-weight: 300}
.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:.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:0 0}
.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:0}
.datepicker-days .tr-view .active{background:0 0;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:#FDFDFD}
.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:32px;line-height:32px;text-align:center;padding-left:10px;height:21px;line-height:21px;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 #fff;float:left}
.sort-nav-order dd a:hover{color:#06A1B7}
.sort-nav-order dd .cur{color:#06A1B7}
.sort-nav-order dd .cur:hover{color:#06A1B7!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;}
.sort-nav-sml dd .cur{background-color:#fff;color:#F44336;border-right:1px solid #efefef;border-left:1px solid #efefef}
.sort-nav-sml dd .cur:hover{color:#06A1B7!important}
.sort-nav-sml dd:first-child .cur{border-left:0 none}
.price-item{padding-right:26px!important}
.sort-nav-sml dd a{height:38px;line-height:38px;padding:0 18px;margin:0}
.course-list{margin-bottom:10px;min-height:400px;padding-top:20px}
.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{position:absolute;top:0;right:0;height:23px;width:20px;font-size:16px;line-height:22px;text-align:center;color:#e85308}
.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-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}
.filter_dropdown{height:22px;line-height:22px;font-size:12px;background-color:#fff;padding:2px 12px 2px 4px;margin:2px 20px 0;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:0}
.filter_dropdown .test{color:#fff}
section.main{min-height:600px;zoom:1}
.main-left{width:918px;float:left; padding-bottom:20px;}
.main-right{width:250px;border:0 solid #ececec;float:right;padding:10px 0;background-color:#FAFAFA;margin-bottom:20px}
.main-right h2{font-size:16px;height:36px;font-weight:300;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;padding-top:30px}
.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:15px;border:1px solid #eee;background-color:#FDFDFD;padding-bottom:15px}
.sort-menu-border1{position:relative;z-index:1;overflow:hidden;line-height:28px;margin-top:12px}
.sort-menu-border2{padding-bottom:0}
.sort-menu-border3{margin-top:0;line-height:42px;clear:both;overflow:auto!important;zoom:1}
.gap_too_short{height:10px}
.sp-line1{margin-left:0;border-top:1px solid #e6e6e6;bottom:1px;width:100%;z-index:2;height:0;position:relative}
.sp-line2{border-top:1px solid #eee;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:75px;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;line-height:28px;margin:0 6px;padding:0 15px;color:#333;border-radius:3px}
.sort-menu a:hover{color:#06A1B7}
.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:#FFFFFF;background-color:#06A1B7}
.sort-menu dd{_border-top:2px solid #fff}
.sort-menu dd .curr{_border-top:2px solid #1b8de6}
.sort-menu-border1 .child-cate{border:1px solid #E8E8E8;margin:10px 15px 0 100px;background-color:#F5FEFF;padding-bottom: 8px}
.sort-menu-border1 .child-cate a{padding:0 6px;font-size:13px;margin: 8px 6px 0 6px;display:inline-block;border-radius:3px;line-height:22px}
.sort-menu-border1 .child-cate a.cur{background-color:#59D1E2;color:#FFFFFF}

.sort-menu1 dl{padding-left:80px;line-height:48px}
.sort-menu1 dt{color:#949494;font-weight: 300}
.sort-menu1 label{position:absolute;top:0;left:-1px;right:-1px;z-index:2222;display:none;background-color:#1b8de6;height:2px;line-height:0;font-size:0;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:0;width:100%;z-index:2;background-repeat:no-repeat;background-position:center center;height:10px;display:none}
.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:48px;line-height:48px;border:1px solid #efefef}
.sort-nav-order-my dd{margin-right:4px;position:relative}
.nav-gap-helper{color:#ddd}
.sort-nav-order-my dd a{padding:0 20px}
.sort-nav-bottom{background-color:#fff;border-top:1px solid #efefef}
.sort-nav-bottom .nav-gap-helper{margin:0 22px}
.sort-nav-order-my dd .arrow-down{display:inline-block;font-size:12px;position:relative;top:-1px}
.sort-nav-order-my dd .on-going{margin-left:15px;cursor:pointer;font-weight:300}
.sort-nav-order-my dd .on-going:before{margin-right:7px}
.checkbox-tiny:before{position:relative;top:2px;content:"";display:inline-block;width:17px;height:16px;background:url(image/icon-form.cf0cae14.png) no-repeat 0 -101px}
.checkbox-tiny:hover:before{background-position:0 -121px}
.checkbox-tiny.checked:before{background-position:0 -141px}
.price-select-box{display:none;position:absolute;z-index:10;top:100%;width:208px;border-style:solid;border-width:1px;border-color:#ddd;background-color:#fff;box-shadow:1px 1px 3px #ddd}
.sort-nav-order-my dd.dropdown-box:hover .price-select-box{display:block}
.price-select-box ul,.price-select-box li{width:100%}
.price-select-box ul a,.price-select-box li a{float:none}
.price-select-box .price-input-box{text-align:center;line-height:1;padding:10px 0;color:#999;border-top:1px solid #ddd}
.price-select-box .price-input{width:38px;padding:5px;height:18px;vertical-align:middle}
.sort-nav-order-my dd .price-select-box .price-submit-btn{float:none;color:#fff;height:30px;line-height:30px;margin-left:10px;position:relative\9;top:-3px\0;padding:0 15px}
:root .sort-nav-order-my dd .price-select-box .price-submit-btn{top:-1px\9}
.sort-nav-order-my dd a.dropdown-toggle{position:relative;top:-1px;height:39px;border-color:transparent;border-width:1px 1px 0;border-style:solid}
.sort-nav-order-my dd.dropdown-box:hover a.dropdown-toggle{z-index:100;background-color:#fff;border-color:#ddd;color:#333}
.sort-nav-order dd,.sort-nav-order dt,.sort-nav-order a,.sort-nav-sml .sort-nav-order a{height:48px;line-height:48px;display: block;}
.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.down:before{border-top:5px solid #06A1B7}
.price-item-my.up:after{border-bottom:5px solid #06A1B7}
.price-item-my.cur{}
.date-ctrl{margin-top:5px}
.sort-nav-order{float:left;width:100%}
.sort-nav-right{float:right;padding-right:9px}
.icon-price-unselect{display:none}
.breadcrumbs-nab{display:inline-block}
.breadcrumbs-nab .mod-breadcrumbs__nav{padding:4px 0;border:1px dotted transparent}
.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 .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:#eee}
.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 0 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:700}
.mod-list-breadcrumbs .flags-item:hover{border:1px solid #188eee}
.mod-list-breadcrumbs .flags-item:hover span{color:#06A1B7}
.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:150px}
.label-show-more{display:none;position:absolute;top:10px;right:15px;cursor:pointer}
.label-multiple-select{display:none;position:absolute;top:6px;right:75px}
.label-multiple-select .multiplu-btn{display:block;width:72px;height:28px;border:1px solid #ddd;border-radius:2px;color:#333;text-align:center;line-height:28px}
.label-multiple-select .multiplu-btn i{font-size:23px;float:left;line-height:25px;height:28px;overflow:hidden;margin-left:8px;width:21px;text-align:center;color:#999}
.label-multiple-select .multiplu-btn span{float:left}
.btn-7.disabled,.btn-7.disabled:hover{background-color:#188eee;opacity:.5;cursor:default}
.btn-7.disabled span,.btn-7.disabled:hover span{opacity:.5}
.multiple-select-on .flags-item-selected span{color:#333}
.multiple-select-on .flags-item-selected:hover{border:1px solid transparent}
.multiple-select-on .flags-item-selected:hover .flags-close{display:none}
.multiple-select-op{display:none;padding:0 0 15px;text-align:center}
.multiple-select-op a{margin-right:10px}
.can-multiple-select .label-multiple-select{display:block}
.multiple-select-on .label-multiple-select{display:none}
.multiple-select-on .multiple-select-op{display:block}
.label-row dd a .checkbox-ui{position:relative;top:2px;content:"";display:inline-block;width:17px;height:16px;background:url(image/icon-form.cf0cae14.png) no-repeat 0 -101px;float:left;margin-right:5px;margin-left:-22px;visibility:hidden}
.label-row.multiple-select-on dd a .checkbox-ui{visibility:visible}
.label-row.multiple-select-on dd a:hover .checkbox-ui{background-position:0 -121px}
.label-row.multiple-select-on dd a.checked .checkbox-ui{background-position:0 -141px}
.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:3px;top:0;margin:0;font-size:18px;line-height:21px}
.flags-item-selected{border:1px solid transparent}
.flags-item-selected span{color:#06A1B7}
.flags-item-selected .flags-close{display:none}
.flags-item-selected:hover{border:1px solid #188eee}
.flags-item-selected:hover .flags-close{display:block;color:#06A1B7}
.input-clear{position:absolute;right:20px;top:5px;width:20px;height:24px;line-height:20px;font-size:20px;color:#ccc;cursor:pointer;text-align:center;display:none}
.input-clear:hover{color:#06A1B7}
.course-card-item{float:left;width:293px;padding:7px 16px 10px 0;border:1px solid transparent;position:relative; }
.course-card-item .item-status{position:absolute;width:283px;padding:0 5px;height:24px;line-height:24px;font-size:12px;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background-color:rgba(0,0,0,.6);margin-top:-24px;overflow:hidden}
.course-card-item .item-tt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;    line-height: 20px;font-size:16px;margin-bottom:8px;margin-top:8px;word-wrap:break-word;word-break:break-all;font-weight:300}
.main-right .course-card-item{width:220px;margin:8px 0 0 7px}
.main-right .course-card-item .item-tt{height:auto}
.course-card-item .item-tt-link{color:#333}
.course-card-item .item-line{overflow:hidden;margin-top:0;height:18px;font-size:12px;color:#999}
.course-card-item .item-line--middle{padding-top:3px}
.course-card-item .item-line .line-cell:first-child{margin-left:0}
.course-card-item .item-source{display:inline-block;color:#999;float:right;width:105px;text-align:right}
.course-card-item .item-source .item-source-link{color:#999}
.course-card-item .item-line--bottom{height:24px;line-height:24px}
.course-card-item .item-price{color:#e85308;font-size:16px}
.course-card-item .item-price.free{color:#F44336;font-size:14px}

/* Course_View */
#hd{background-color:#FFFFFF}
.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}
.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(image/c-sprite.7c4a0e78.png) 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}
.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(image/c-sprite.7c4a0e78.png) 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{position:absolute;clip:inherit;top:-20px;background:#fff;line-height:35px;font-weight:300;padding:0 5px}
.course-class.course-class--one .class-content .hidden-clip span{font-size:22px;font-weight:600;color:#FF5500;margin:0 6px}
.course-class.course-class--one .class-content .hidden-clip span b,.course-class.course-class--one .class-content .hidden-clip span del{font-size:14px;font-weight:300;color:#999}
.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;bottom:-16px;background:#fff;font-size:14px;color:#888;padding:0 5px}
.course-class .class-content .price span{font-size:22px;font-weight:600;color:#FF5500}
.course-class .class-content.class-content--no-des .class-date{color:#999999;font-size:14px;margin:8px 0}
.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(image/apply-succ-app.3f197e9b.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(image/icon-app.158acaf8.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(image/c-sprite.7c4a0e78.png) 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(image/c-sprite.7c4a0e78.png) 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}
section.section-main{background:#f1f3f5;padding-top:10px}
.mod-header__wrap{margin-bottom:0}
.btn-join{width:330px;line-height:66px;border-radius:0;font-size:20px}
.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;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.4;margin-bottom:10px;font-weight:300}
.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:-10px}
.imgtext-course .btn-join,.imgtext-course .btn-expr{font-size:18px;border-radius:2px;display:inline-block;text-align:center}
.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}
.pay-tips{font-size:12px;color:#999;width:100%;text-indent:1em;line-height:35px;display:inline-block;background-color:#F9F9F9;border-radius:2px;margin-top:20px}
.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}
section.section-main .main{margin-bottom:30px;width:860px}
.content,.aside-right{background:#fff;box-sizing:border-box}
.content img{max-width:100%}
.tabs-tt-bar{border-bottom:1px solid #E8E8E8;position:relative}
.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.am-active{border-top-color:#06A1B7}
.tabs-tt-bar .tabs-tt.am-active a,.tabs-tt-bar .tabs-tt a:hover{color:#06A1B7}
.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;font-size:14px;color:#666;line-height:28px}
.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:#5fb41b}
.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;width:330px}
.block--agency .agency-tt{font-size:16px;margin-bottom:20px}
.block--agency .tt-link{color:#06A1B7;line-height:26px}
.tree-list{display:table;table-layout:fixed;width:100%}
.tree-list li{display:table-cell;border-left:1px solid #e5e5e5;font-size:14px;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;font-size:14px;line-height:32px;color:#999;margin-top:10px}
.contact-list .item-icon{width:20px;height:32px;position:absolute;top:0;left:0;font-size:20px;color:#06A1B7}
.contact-list .item-tt{color:#06A1B7}
.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:#06A1B7}
.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-tab-wrap{font-size:16px;height:47px;background:#f6f6f6;border:1px solid #e5e5e5}
.section--course-package .course-package-tab{height:45px;line-height:45px;width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;border-right:1px solid #e5e5e5;background:#f6f6f6;text-align:center;float:left;cursor:pointer}
.section--course-package .course-package-tab-wrap .current{position:relative;bottom:-1px;background:#fff;color:#1f92ef;line-height:44px}
.section--course-package .course-package-tab-wrap .current .line{background:#178eee;height:4px;position:absolute;top:-1px;left:0;width:220px}
.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-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.f1925ed3.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:25px;width:120px;font-size:14px;margin:5px 0}
.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 .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}
.l-aside-right .aside-right{float:left;width:330px;box-sizing:border-box;margin-left:-330px}
.aside-block{padding:20px 0;border-bottom:1px solid #E8E8E8}
.aside-block:last-child{border-bottom:0}
.aside-block .block-tt{font-size:16px;line-height:2;margin-bottom:10px}
.icon-agency-level{display:inline-block;vertical-align:middle;background:url(image/c-sprite.7c4a0e78.png) no-repeat 1px -150px;width:72px;height:26px}
.intro-course_view{display:inline-table;border-top:1px solid #EEE;border-right:1px solid #EEE;margin-bottom:12px}
.intro-course_view .intro-course_list{background-color:#FDFDFD;width:50%;display:inline-block;border-bottom:1px solid #EEE;border-left:1px solid #EEE;line-height:42px;height:42px;overflow:hidden;text-overflow:ellipsis;color:#999;float:left}
.intro-course_view .intro-course_list a{color:#06A1B7}
.intro-course_view .intro-course_list b{width:80px;display:inline-block;padding-left:10px;margin-right:5px;color:#666666;text-align:right}
[data-am-widget=tabs]{margin:0}
.content.am-tabs .am-tabs-bd{border:0}
.content.am-tabs .am-tabs-bd .am-tab-panel{padding:25px}
[data-am-widget=tabs] .am-tabs-nav li{flex:none}
.am-popup{width:100%;height:100%;padding:15px}
.am-map{height:100%}
.post_comment_btn{cursor:pointer;position:absolute;right:10px;font-size:14px;background-color:#F37B1D;color:#FFFFFF;line-height:35px;padding:0 10px;top:10px;border-radius:3px}
#comment_list ul li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #F1F1F1}
#comment_list ul li .content{margin-left:55px;color:#999}
#comment_list ul li .content p span{color:#CECDCD}
#comment_list ul li .content p b{color:#06A1B7;float:left;width:80px}
#comment_list ul li .content p.info{background-color:#F9F9F9;padding:3px 10px;color:#BBB;border-radius:3px;display:block;line-height:24px}