@charset "utf-8";
body, ul, li, h1, h2, h3, h4, h5, h6, form, dl, dd {
	margin: 0;
	padding: 0;
	list-style: none
}
body {
	font: 12px/26px Arial, "\5B8B\4F53", sans-serif;
	background: #fff;
	color: #333
}
img {
	border: 0
}
a {
	text-decoration: none;
	color: #333
}
a:hover {
	text-decoration: underline;
	color: #e4393c
}
article, section, header, footer, aside, nav, img, iframe {
	display: block
}
::selection {
	background-color: #e4393c;
	color: #fff
}
::-moz-selection {
background-color:#e4393c;
color:#fff
}
input::focus-inner {
border:0;
padding:0
}
input {
	outline: 0
}
del {
	color: #666
}
table {
	width: 100%;
	border-collapse: collapse
}
th {
	text-align: center
}
th, td {
	border: 1px solid #eee
}
tr:hover {
	background: #f5f5f5
}
.shoppingCart, .userNews, .khd strong a, .allCourseList h3 a, .icon_shipin, .icon_img, .icon_zhibo, .v, .v_blue, .teacher_newslist .t span, .icon_playnum, .btn_play, .btn_list01, .btn_list01_cur, .btn_list02, .btn_list02_cur, .icon_salesVolume, .icon_classHour, .btn_shiting, .jiaobiao01 {
	background: url(/skins/win8apple/ht_img/icons_site01.gif) no-repeat
}
.topmenu .list, .icon_arrow, .selectList dt, .btn_close, .switch_lr a, .monthlyselect dt, .calendarSelect dt, .tabSty01 .tabMenu li.current, .tabSty02 .tabMenu li.current, .prevSty01, .nextSty01, .prevSty02, .nextSty02, .teacher_newslist .t i, .ec_month a.cur, .pageNumber .page_index, .pageNumber .page_prev, .pageNumber .page_next, .pageNumber .page_last, .btnSty07, .btn_moreOpation, .btn_descending, .btn_descending_cur, .btn_ad, .btn_ad_ascending, .btn_ad_descending, .prevSty03, .nextSty03, .icon_sheng, .icon_jiang, .navmore dt {
	background: url(/skins/win8apple/ht_img/icons_site02.gif) no-repeat
}
.icon_app_htwx, .icon_app_ztk, .icon_app_zhuanwenku, .icon_app_phone {
	background: url(/skins/win8apple/ht_img/icons_site03s.gif) no-repeat
}
.btn_mycourse, .btn_data, .btn_order, .app_bt {
	background: url(/skins/win8apple/ht_img/icons_site04.gif) no-repeat
}
.pageHeader .phone400, .btn_appdown01, .btn_appdown02, .btn_subscribe, .htwx_outlink .weibo, .htwx_outlink .weixin, .weibo strong, .weixin strong, .topmenu .focusht, .screening .bt, .cityList {
	background: url(/skins/win8apple/ht_img/icons_site05.gif) no-repeat
}
.allCourseList h2, .btn_login, .btn_reg, .icon_opinion, .page_courselist h2, .btn_pinglun, .btn_pinglun02, .btn_change, .btn_reset {
	background: url(/skins/win8apple/ht_img/icons_site06.png) no-repeat;
	_background: url(/skins/win8apple/ht_img/icons_site06.gif) no-repeat
}
.shoppingCart {
	padding-left: 17px;
	background-position: 0 1px
}
.userNews {
	padding-left: 20px;
	background-position: 0 -24px
}
.icon_arrow {
	background-position: right -17px
}
.icon_arrow_hover {
	background-position: right -39px
}
.icon_app_htwx {
	background-position: 0 2px
}
.icon_app_ztk {
	background-position: 0 -24px
}
.icon_app_zhuanwenku {
	background-position: 0 -51px
}
.icon_app_phone {
	background-position: 0 -158px
}
.hot {
	position: absolute;
	top: -7px;
	right: 0;
	width: 23px;
	height: 15px;
	background: url(/skins/win8apple/ht_img/hot.gif) no-repeat;
	z-index: 2
}
.mainNav .new {
	position: absolute;
	top: -7px;
	right: 0;
	width: 23px;
	height: 15px;
	background: url(/skins/win8apple/ht_img/new.gif) no-repeat;
	z-index: 2
}
.hot02 {
	padding-right: 25px;
	background: url(/skins/win8apple/ht_img/hot.gif) no-repeat right top
}
.new02 {
	padding-right: 25px;
	background: url(/skins/win8apple/ht_img/new.gif) no-repeat right top
}
.icon_shipin {
	padding-left: 19px;
	background-position: 0 -406px
}
.icon_img {
	padding-left: 17px;
	background-position: 0 -433px
}
.icon_zhibo {
	display: inline-block;
	padding-left: 33px;
	background-position: 0 -456px
}
.jiaobiao01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 19px;
	height: 40px;
	padding-top: 5px;
	background-position: 0 -857px;
	text-align: center;
	font-style: normal;
	line-height: 14px;
	color: #fff
}
.v {
	display: inline-block;
	padding-right: 20px;
	background-position: right -112px
}
.v_blue {
	display: inline-block;
	padding-right: 20px;
	background-position: right -139px
}
.icon_playnum {
	display: inline-block;
	width: 46px;
	padding-left: 20px;
	background-position: 0 -220px;
	line-height: 30px
}
.icon_sheng {
	display: inline-block;
	padding-left: 15px;
	background-position: 0 -995px;
	line-height: 20px;
	font-style: normal;
	color: #e4393c
}
.icon_jiang {
	display: inline-block;
	padding-left: 15px;
	background-position: 0 -965px;
	line-height: 20px;
	font-style: normal;
	color: #666
}
.icon_salesVolume {
	padding-left: 19px;
	background-position: 0 -740px;
	color: #666
}
.icon_classHour {
	padding-left: 18px;
	background-position: 0 -780px;
	color: #666
}
.btn_close {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 16px;
	height: 16px;
	background-position: 3px -127px;
	text-indent: -100em;
	overflow: hidden;
	cursor: pointer;
	z-index: 1
}
.btn_close:hover {
	background-position: -47px -127px;
	text-decoration: none
}
.btn_login {
	display: inline-block;
	width: 60px;
	height: 28px;
	padding-left: 55px;
	border-bottom: 1px solid #c00;
	border-radius: 3px;
	background-color: #e4393c;
	background-position: 33px -147px;
	text-align: left;
	font-size: 14px;
	line-height: 28px;
	color: #fff
}
.btn_login:hover {
	background-color: #c00;
	text-decoration: none;
	color: #fff
}
.btn_reg {
	display: inline-block;
	width: 60px;
	height: 28px;
	padding-left: 55px;
	border-bottom: 1px solid #c00;
	border-radius: 3px;
	background-color: #e4393c;
	background-position: 26px -186px;
	text-align: left;
	font-size: 14px;
	line-height: 28px;
	color: #fff
}
.btn_reg:hover {
	background-color: #c00;
	text-decoration: none;
	color: #fff
}
.btnSty01 {
	display: inline-block;
	height: 24px;
	padding: 0 15px;
	border: 1px solid #ff5e5f;
	border-radius: 3px;
	background-color: #fe6869;
	line-height: 24px;
	color: #fff
}
.btnSty01:hover {
	border-color: #c00;
	background: #e4393c;
	text-decoration: none;
	color: #ffc
}
.btnSty02 {
	display: inline-block;
	height: 24px;
	padding: 0 15px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background-color: #e2e1e1;
	vertical-align: middle;
	line-height: 20px;
	color: #666;
	cursor: pointer
}
.btnSty02:hover {
	border-color: #c00;
	background: #e4393c;
	text-decoration: none;
	color: #ffc
}
.btnSty03 {
	display: inline-block;
	height: 20px;
	padding: 0 10px;
	border-radius: 3px;
	background: #e4393c;
	line-height: 20px;
	color: #fff
}
.btnSty03:hover {
	background: #c00;
	text-decoration: none;
	color: #ffc
}
.btnSty04 {
	display: inline-block;
	height: 24px;
	padding: 0 15px;
	border: 1px solid #c00;
	border-radius: 3px;
	background: #e4393c;
	line-height: 24px;
	color: #fff
}
input.btnSty04 {
	vertical-align: middle;
	line-height: 22px;
	cursor: pointer
}
.btnSty04:hover {
	background: #c00;
	text-decoration: none;
	color: #ffc
}
.btnSty05 {
	display: inline-block;
	height: 30px;
	padding: 0 25px;
	border: 0;
	border-bottom: 1px solid #c00;
	border: none\9;
	border-radius: 3px;
	background: #e4393c;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #fff
}
input.btnSty05 {
+overflow:visible;
	cursor: pointer
}
.btnSty05:hover {
	background: #c00;
	text-decoration: none;
	color: #ffc
}
.btnSty06 {
	display: inline-block;
	height: 24px;
	padding: 0 20px;
	border: 1px solid #e2e1e1;
	border-radius: 3px;
	background: #fff;
	line-height: 24px;
	color: #e4393c
}
.btnSty06:hover {
	border-color: #e4393c;
	background: #e4393c;
	text-decoration: none;
	color: #ffc
}
.btnSty07 {
	display: inline-block;
	height: 22px;
+width:25px;
	padding: 0 22px 0 10px;
	border-radius: 3px;
	background-color: #eee;
	background-position: right -39px;
	line-height: 22px;
	cursor: pointer
}
.btnSty07a {
	background-position: right -18px
}
.btnSty07:hover {
	background-color: #e1e1e1;
	text-decoration: none;
	color: #e4393c
}
.btnSty08 {
	display: inline-block;
	height: 24px;
	padding: 0 15px;
	border-radius: 3px;
	background-color: #e4393c;
	vertical-align: middle;
	line-height: 24px;
	color: #fff
}
.btnSty08:hover {
	background: #c00;
	text-decoration: none;
	color: #ffc
}
.btnSty09 {
	display: inline-block;
	height: 24px;
	padding: 0 15px;
	border-bottom: 1px solid #ff5758;
	border-radius: 3px;
	background-color: #fe6869;
	vertical-align: middle;
	line-height: 24px;
	color: #fff
}
.btnSty09:hover {
	border-color: #a00;
	background: #c00;
	text-decoration: none;
	color: #ffc
}
.btnSty10 {
	display: inline-block;
	height: 24px;
	padding: 0 15px;
	border-bottom: 1px solid #d3d3d3;
	border-radius: 3px;
	background-color: #e2e1e1;
	line-height: 24px;
	color: #666
}
.btnSty11 {
	display: block;
	heigth: 34px;
	border-radius: 3px;
	background: #f3f3f3;
	text-align: center;
	line-height: 34px
}
.btnSty11:hover {
	background: #e4393c;
	text-decoration: none;
	color: #ffc
}
.btnSty12 {
	display: inline-block;
	width: 88px;
	heigth: 22px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	background: #f5f5f5;
	text-align: center;
	line-height: 22px;
	color: #666
}
.btnSty12:hover {
	border-color: #e4393c;
	background: #e4393c;
	text-decoration: none;
	color: #ffc
}
.btn_pinglun {
	display: inline-block;
	padding: 0 10px 0 20px;
	background-position: 0 -589px;
	color: #fff
}
.btn_pinglun02 {
	display: inline-block;
	padding: 0 10px 0 20px;
	background-position: 0 -650px;
	color: #666
}
.btn_pinglun02:hover {
	background-position: 0 -620px;
	text-decoration: none;
	color: #e4393c
}
.btn_play {
	display: inline-block;
	height: 24px;
	padding: 0 10px 0 26px;
	border-radius: 3px;
	background-position: 5px -249px;
	background-color: #e4393c;
	text-align: left;
	line-height: 24px;
	color: #fff
}
.btn_play:hover {
	background-color: #d52c2f;
	text-decoration: none;
	color: #ffc
}
.btn_change {
	display: inline-block;
	heigth: 26px;
	padding-left: 17px;
	background-position: 0 -682px;
	line-height: 26px
}
.btn_change:hover {
	background-position: 0 -702px;
	text-decoration: none
}
.btn_shiting {
	display: block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 3px;
	background-position: 0 -807px;
	background-color: #fff;
	text-align: center;
	line-height: 20em
}
.btn_shiting:hover {
	border-color: #e4393c;
	background-color: #e4393c;
	background-position: 0 -831px;
	text-decoration: none
}
.btn_moreOpation {
	display: inline-block;
	padding: 0 10px 0 25px;
	border: 2px solid #e1e1e1;
	border-radius: 3px;
	background-position: 8px -768px
}
.btn_moreOpation:hover {
	background-color: #eee;
	text-decoration: none;
	color: #000
}
.btn_moreOpation_h {
	background-position: 8px -745px
}
.btn_reset {
	display: inline-block;
	padding: 0 10px 0 25px;
	border: 2px solid #e1e1e1;
	border-radius: 3px;
	background-position: 8px -682px
}
.btn_reset:hover {
	background-color: #eee;
	text-decoration: none;
	color: #000
}
.btn_descending {
	display: inline-block;
	height: 28px;
	padding: 0 29px 0 15px;
	border: 1px solid #e9e9e9;
	background-color: #f7f7f7;
	background-position: right -788px;
	line-height: 28px
}
.btn_descending_cur {
	display: inline-block;
	height: 28px;
	padding: 0 29px 0 15px;
	border: 1px solid #e4393c;
	background-color: #e4393c;
	background-position: right -807px;
	line-height: 28px;
	color: #fff
}
.btn_descending:hover {
	border-color: #ffe8e8;
	background-color: #ffe8e8;
	text-decoration: none;
	color: #e4393c
}
.btn_ad {
	display: inline-block;
	height: 28px;
	padding: 0 29px 0 15px;
	border: 1px solid #e9e9e9;
	background-color: #f7f7f7;
	background-position: right -827px;
	line-height: 28px
}
.btn_ad:hover {
	border-color: #ffe8e8;
	background-color: #ffe8e8;
	text-decoration: none;
	color: #e4393c
}
.btn_ad_ascending {
	display: inline-block;
	height: 28px;
	padding: 0 29px 0 15px;
	border: 1px solid #e4393c;
	background-color: #e4393c;
	background-position: right -847px;
	line-height: 28px;
	color: #fff
}
.btn_ad_descending {
	display: inline-block;
	height: 28px;
	padding: 0 29px 0 15px;
	border: 1px solid #e4393c;
	background-color: #e4393c;
	background-position: right -867px;
	line-height: 28px;
	color: #fff
}
.btn_list01 {
	display: inline-block;
	height: 28px;
	padding: 0 29px 0 15px;
	border: 1px solid #e9e9e9;
	background-color: #f7f7f7;
	background-position: right -300px;
	line-height: 28px
}
.btn_list01:hover {
	border-color: #ffe8e8;
	background-color: #ffe8e8;
	text-decoration: none;
	color: #e4393c
}
.btn_list01_cur {
	display: inline-block;
	height: 28px;
	padding: 0 29px 0 15px;
	border: 1px solid #e4393c;
	background-color: #e4393c;
	background-position: right -320px;
	line-height: 28px;
	color: #fff
}
.btn_list02 {
	display: inline-block;
	height: 28px;
	padding: 0 29px 0 15px;
	border: 1px solid #e9e9e9;
	background-color: #f7f7f7;
	background-position: right -340px;
	line-height: 28px
}
.btn_list02:hover {
	border-color: #ffe8e8;
	background-color: #ffe8e8;
	text-decoration: none;
	color: #e4393c
}
.btn_list02_cur {
	display: inline-block;
	height: 28px;
	padding: 0 29px 0 15px;
	border: 1px solid #e4393c;
	background-color: #e4393c;
	background-position: right -360px;
	line-height: 28px;
	color: #fff
}
.btn_descending_cur:hover, .btn_ad_ascending:hover, .btn_ad_descending:hover, .btn_list01_cur:hover, .btn_list02_cur:hover {
	text-decoration: none;
	color: #fff
}
.wrap, .banner {
	width: 1190px;
	margin: 0 auto
}
.banner {
	overflow: hidden;
	background: #f0f0f0
}
.banner img, .banner div {
	width: 980px;
	height: 90px;
	margin: 0 auto
}
.ad01 {
	float: left;
	width: 880px;
	overflow: hidden;
	background: #f0f0f0
}
.ad01 iframe {
	margin: 0 auto!important
}
.ad02 {
	float: right;
	width: 290px;
	overflow: hidden
}
.sider {
	float: right;
	width: 290px;
	overflow: hidden
}
.sider h3 {
	font-size: 14px
}
.sider02 {
	float: right;
	width: 390px;
	overflow: hidden
}
.content {
	float: left;
	width: 880px;
	overflow: hidden
}
.content02 {
	float: left;
	width: 780px;
	overflow: hidden
}
.siderSty02 {
	padding: 10px 15px 5px;
	border: 1px solid #e2e1e1
}
.siteBar {
	position: relative;
	height: 30px;
	background: #f3f3f3;
	line-height: 30px;
	z-index: 901
}
.siteBar .wrap {
	position: relative
}
.logoHtwx {
	display: none
}
.topmenu {
	margin-top: 4px;
	line-height: 22px
}
.topmenu .list {
	position: relative;
	_width: 85px;
	padding: 0 10px;
	background-position: right 5px
}
.topmenu .last {
	background: 0
}
.topmenu strong {
	position: relative;
	display: block;
	height: 25px;
	padding: 0 10px;
	font-weight: normal;
	cursor: default;
	z-index: 2
}
.topmenu .jq_hidebox {
	display: none;
	position: absolute;
	left: 0;
	top: 23px;
	padding: 10px;
	box-shadow: 0 1px 2px #ccc;
	background: #fff;
	z-index: 1
}
.topmenu li.hover strong {
	background-color: #fff
}
.topmenu li.khd {
	padding: 0;
	_width: 42px
}
.topmenu li.khd .jq_hidebox {
	left: -83px;
	width: 115px;
	padding: 8px 0 8px 10px
}
.topmenu li.khd .jq_hidebox a {
	display: block;
	overflow: hidden;
	padding-left: 21px;
	margin-bottom: 2px;
	white-space: nowrap
}
.topmenu li.khd strong {
	padding: 0 22px 0 0
}
.topmenu li.khd strong a {
	display: block;
	height: 25px;
	width: 20px;
	background-position: 9px -51px;
	text-indent: -100em;
	overflow: hidden
}
.topmenu li.weibo {
	width: 30px;
	padding: 0
}
.topmenu li.weibo strong {
	background-position: -377px -314px;
	text-indent: -100em;
	overflow: hidden
}
.topmenu li.weibo .jq_hidebox {
	left: -102px;
	width: 140px
}
.topmenu .focusht {
	display: block;
	width: 130px;
	height: 50px;
	background-position: -85px -262px;
	text-indent: -100em;
	overflow: hidden;
}
.topmenu li.weixin {
	width: 30px;
	padding: 0
}
.topmenu li.weixin strong {
	background-position: -377px -276px;
	text-indent: -10em;
	overflow: hidden
}
.topmenu li.weixin .jq_hidebox {
	left: -150px
}
.topmenu .wxht {
	height: 62px;
	width: 90px;
	padding-left: 70px;
	background: url(/skins/win8apple/ht_img/qrcode_weixin60x60.gif) no-repeat;
}
.topmenu .wxht span {
	display: inline-block;
	padding-top: 3px;
	color: #666;
}
.topmenu li.slideSty01 {
	padding: 0
}
.topmenu li.slideSty01 strong {
	padding-right: 25px
}
.topmenu li.slideSty01 img {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 50%;
	vertical-align: middle
}
.topmenu li.slideSty01 .jq_hidebox {
	width: 100%;
	min-width: 82px;
	padding: 5px 0 0 0
}
.topmenu li.slideSty01 .jq_hidebox a {
	display: block;
	margin: 0 10px;
	border-bottom: 1px solid #eee;
	text-align: center;
	line-height: 30px
}
.topmenu li.slideSty01 .jq_hidebox a:hover {
	background: #f5f5f5;
	text-decoration: none
}
.topmenu li.slideSty02 {
	padding: 0
}
.topmenu li.slideSty02 strong {
	padding-right: 25px
}
.topmenu li.slideSty02 .jq_hidebox {
	width: 320px;
	padding: 10px
}
.userBar {
	float: right
}
.topmenu .li_userNews, .topmenu .li_shoppingCart, .topmenu .li_reg {
	_width: 32px
}
.topmenu .li_login {
	_width: 42px
}
.topmenu .li_uinfo {
	_width: 100px;
	_overflow: hidden;
	_white-space: nowrap
}
.pageHeader {
	position: relative;
	z-index: 12
}
.pageHeader h2 {
	float: left;
	width: 193px;
	height: 110px;
	background: url(/skins/win8apple/ht_img/logo.gif) no-repeat left center;
	text-indent: -100em;
	overflow: hidden;
	cursor: pointer
}
.pageHeader nav {
	margin-left: 245px;
	padding-top: 15px;
	line-height: 28px;
	color: #dadada
}
.pageHeader .provinceName {
	float: left;
	width: 200px;
	height: 40px;
	margin: 29px 0 0 10px;
	padding-left: 10px;
	border-left: 1px solid #e5e5e5;
	font: bold 26px/37px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
	color: #646464
}
.pageHeader .provinceName a {
	color: #646464
}
.pageHeader .provinceName a:hover {
	color: #e4393c
}
.pageHeader .phone400 {
	float: right;
	width: 146px;
	margin-top: 40px;
	padding-top: 17px;
	background-position: 0 0;
	text-align: right;
	font-weight: normal;
	color: #666
}
.slogan {
	float: left;
	width: 170px;
	height: 90px;
	margin: 10px 10px 0 0;
	background: url(/skins/win8apple/ht_img/slogan.gif) no-repeat;
	text-indent: -100em;
	overflow: hidden
}
.provinceList li {
	padding: 0 5px;
	border-bottom: 1px dotted #ddd;
	line-height: 34px;
	color: #ccc
}
.provinceList b {
	display: inline-block;
	width: 30px;
	color: #e4393c
}
.provinceList li.noborder {
	border: 0
}
.provinceList a {
	display: inline-block;
	padding: 0 6px
}
.mainNav {
	position: relative;
	height: 35px;
	border-bottom: 3px solid #e4393c;
	background: #fff;
	z-index: 10
}
.mainNav .wrap {
	position: relative
}
.mainNav .nav {
	margin-left: 220px;
	border-top: 1px solid #efefef;
	border-right: 1px solid #efefef;
	white-space: nowrap
}
.mainNav .nav a {
	position: relative;
	display: inline-block;
	padding: 0 21px;
	font: bold 14px/34px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif
}
.mainNav .nav a:hover, #live .mainNav #nav06, .httv .mainNav #nav02, .province .mainNav #nav02, .video .mainNav #nav02, .difanggwy .mainNav #nav02, .gwy .mainNav #nav03, .sydw .mainNav #nav04, .zf .mainNav #nav05, .xd .mainNav #nav06, #class .mainNav #nav07, .cg .mainNav #nav07, #news .mainNav #nav08, .zj .mainNav #nav08, #beikao .mainNav #nav09, .gx .mainNav #nav09, .sales .mainNav #nav13 {
	background: #f4f4f4;
	text-decoration: none;
	color: #e4393c
}
.navmore {
	position: relative;
	float: right;
	width: 60px;
	font: bold 14px/34px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif
}
.navmore dt {
	position: relative;
	top: 1px;
	width: 35px;
	height: 34px;
	padding: 0 25px 0 0;
	background-position: -5px -10px;
	cursor: default;
	z-index: 2
}
.navmore dt.hover {
	background-position: -20em -559px;
	color: #fff
}
.navmore dd {
	display: none;
	position: absolute;
	left: -75px;
	top: 35px;
	width: 130px;
	padding: 0 0 10px 0;
	border: 3px solid #e4393c;
	border-top-color: #fff;
	box-shadow: 0 2px 2px #ccc;
	background: #fff;
	z-index: 1
}
.navmore dd a {
	display: block;
	padding: 0 15px;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	color: #333
}
.navmore dd a:hover {
	background: #f8f8f8;
	text-decoration: none;
	color: #e4393c
}
.allCourseList {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px
}
.allCourseList h3 a {
	display: block;
	height: 38px;
	padding-left: 42px;
	background-position: 20px -72px;
	background-color: #e4393c;
	font: bold 16px/36px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
	color: #fff
}
.allCourseList h3 a:hover {
	background-color: #c00;
	text-decoration: none;
	color: #ffc
}
.allCourseList h2 {
	padding-left: 25px;
	font-size: 14px
}
.allCourseList h2.icon01 {
	background-position: 0 4px
}
.allCourseList h2.icon02 {
	background-position: 0 -25px
}
.allCourseList h2.icon03 {
	background-position: 0 -53px
}
.allCourseList h2.icon04 {
	background-position: 0 -83px
}
.allCourseList h2.icon05 {
	background-position: 0 -117px
}
.allCourseList h2 a {
	display: block;
	background-position: right -65px
}
.allCourseList dl {
	display: none;
+height:400px;
	border: 1px solid #e2e1e1;
	border-top: 0;
	background: #f7f7f7
}
.allCourseList dt {
	position: relative;
	padding: 5px 20px 0 20px
}
.allCourseList dt.corrent, .allCourseList dt:hover {
	background: #b9ada6
}
.allCourseList nav {
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef
}
.allCourseList dt.corrent nav {
	border-color: #b9ada6
}
.allCourseList dd {
	display: none;
	position: absolute;
	left: 219px;
	top: 38px;
	width: 640px;
	height: 372px;
	overflow: auto;
	overflow-x: hidden;
	padding: 10px 20px;
	border: 1px solid #b9ada6;
	background: #f8f8f8 url(/skins/win8apple/ht_img/rbg01.gif) repeat-y
}
.allCourseList_hidden dl {
	display: none
}
.listSty01 li {
	padding: 5px 10px;
	background: url(/skins/win8apple/ht_img/disc.gif) no-repeat left center;
	font-size: 14px;
	color: #aaa
}
.listSty01 time {
	float: right;
	margin-left: 15px;
	font-size: 12px;
	color: #999
}
.listSty01 mark {
	float: right;
	background: 0;
	font-size: 12px;
	color: #333
}
.listSty02 li {
	margin-top: 20px;
	padding: 1px;
	border: 1px solid #eee;
	background: #f3f3f3
}
.listSty02 li:hover {
	border-color: #ddd;
	background: #eee
}
.listSty02 .imgnav {
	position: relative;
	float: left;
	width: 200px;
	margin-right: 20px
}
.listSty02 .imgnav img {
	width: 200px;
	height: 145px
}
.listSty02 .imgnav i {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 145px;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}
.listSty02 .imgnav span {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90px;
	height: 34px;
	margin: -17px 0 0 -45px;
	border: 1px solid #fff;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #fff
}
.listSty02 .imgnav:hover i, .listSty02 .imgnav:hover span {
	display: block
}
.listSty02 .imgnav span:hover {
	border-color: #e4393c;
	background: #e4393c;
	color: #fff
}
.listSty02 .words {
	float: left;
	width: 55%
}
.listSty02 .bar {
	float: right;
	width: 20%;
	padding-top: 15px;
	line-height: 26px
}
.listSty02 h2 {
	padding-top: 15px;
	font: 16px/26px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif
}
.listSty02 p {
	margin: 10px 0;
	color: #666
}
.jiang {
	display: inline-block;
	height: 16px;
	padding: 0 3px;
	background: #e4393c;
	vertical-align: middle;
	line-height: 16px;
	color: #fff
}
.listSty03 li {
	margin-bottom: 2px
}
.lessonBox {
	color: #ccc
}
.lessonBox .boxStyle {
	padding-bottom: 7px;
	margin-bottom: 10px;
	border-bottom: 1px solid #efefef
}
.lessonBox h6 {
	padding-left: 6px;
	font-size: 12px;
	color: #e4393c
}
.lessonBox li {
	float: left;
	width: 300px;
	padding: 0 5px;
	line-height: 28px
}
.lessonBox b {
	display: inline-block;
	width: 25px;
	color: #333
}
.lessonBox a {
	display: inline-block;
	padding: 0 6px
}
.newsBox01 {
	width: 370px;
	margin-top: 10px
}
.newsBox01 h2 {
	margin-bottom: 7px;
	text-align: center;
	font: bold 18px/26px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
	color: #e4393c
}
.newsBox02 {
	width: 470px;
	margin-left: 20px
}
.newsBox02 h1 {
	margin: 5px 0 7px;
	text-align: center;
	font: bold 18px/26px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
	color: #e4393c
}
.newsBox02 h1 a {
	padding: 0 5px;
	color: #e4393c
}
.newsBox02 .listSty01 li {
	padding: 0 10px;
	font-size: 12px
}
.box_shipin01 {
	width: 390px;
	height: 280px;
	overflow: hidden;
	background: #000
}
.tabMenu li, #tabMenu li {
	cursor: pointer
}
.tabContent article, #tabContent article {
	display: none
}
.tabSty01 .tabMenu li {
	float: left;
	height: 35px;
	padding: 0 20px;
	font-size: 14px;
	line-height: 35px
}
.tabSty01 .tabMenu li.current, .tabSty01 .tabMenu li.current a {
	font-weight: bold;
	color: #e4393c
}
.tabSty01 .tabMenu li.current {
	border-bottom: 3px solid #e4393c;
	background-position: center -340px
}
.tabSty01 .tabMenu li.current a:hover {
	color: #c00
}
.tabSty03 {
	overflow: hidden;
	border: 1px solid #e2e1e1
}
.tabSty03 .tabMenu {
	height: 30px;
	border-bottom: 1px solid #e2e1e1
}
.tabSty03 .tabMenu li {
	float: left;
	height: 30px;
	width: 95px;
	margin-left: -1px;
	border-left: 1px solid #d8d8d8;
	text-align: center;
	font-size: 14px;
	line-height: 30px
}
.tabSty03 .tabMenu li.current {
	width: 98px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	color: #e4393c
}
.tabSty03 .tabContent {
	padding: 14px
}
.tabSty03 img {
	width: 260px;
	height: 188px
}
.list21 li {
	margin-bottom: 5px
}
.list21 li b {
	display: inline-block;
	width: 40px;
	height: 16px;
	padding-right: 6px;
	background: #eee url(/skins/win8apple/ht_img/icons_sydw01.gif) no-repeat;
	text-align: center;
	font-family: Arial, sans-serif;
	line-height: 16px;
	color: #333
}
.list21 li.noborder {
	border: 0
}
.list21 a {
	display: inline-block;
	margin-left: 7px
}
.cityList {
	height: 76px;
	padding: 10px 0 0 42px;
	background-color: #f7f7f7;
	background-position: -358px -72px
}
.cityList li {
	float: left;
	width: 32%;
	padding-left: 1%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	line-height: 30px
}
.cityList b {
	display: inline-block;
	width: 30px;
	text-align: right
}
.cityList a {
	display: inline-block;
	margin-left: 10px
}
.mainSearch {
	float: left;
	width: 500px;
	margin: 30px 0 0 20px;
	color: #666
}
.mainSearch .sBox {
	margin-bottom: 3px;
	border: 3px solid #e4393c
}
.btnSearch {
	float: right;
	width: 80px;
	height: 32px;
	border: 0;
	background: #e4393c;
	font: bold 16px/30px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
	color: #fff;
	cursor: pointer
}
.btnSearch:hover {
	background: #c00;
	color: #ffc
}
.mainSearch .text {
	float: left;
	width: 333px;
	_width: 328px;
	height: 32px;
	padding: 0 0 0 10px;
	border: 0;
+border:0;
	background: #fff;
	font: bold 14px/30px Arial, "\5B8B\4F53", sans-serif
}
.mainSearch a {
	color: #666
}
.mainSearch a:hover {
	color: #e4393c
}
.selectList {
	position: relative;
	float: left;
	width: 69px;
	height: 32px;
	border-right: 1px solid #e2e1e1;
	background: #f3f3f3;
	line-height: 32px;
	color: #333;
	cursor: pointer
}
.selectList dt {
	padding-left: 15px;
	background-position: 4px -12px
}
.selectList dd {
	display: none;
	position: absolute;
	top: 32px;
	width: 68px;
	border: 1px solid #e2e1e1;
	background: #fff;
	text-align: center
}
.selectList span {
	display: block;
	border-bottom: 1px solid #e2e1e1;
	line-height: 28px;
	cursor: pointer
}
.selectList span:hover {
	background: #ddd
}
.hotWords {
	white-space: nowrap;
	overflow: hidden
}
.courseList {
	padding-top: 15px
}
.courseList:hover {
	background-color: #f6f6f6
}
.courseList li {
	position: relative;
	float: left;
	width: 200px;
	margin: 0 10px;
	_display: inline
}
.courseList h5 {
	position: absolute;
	top: 122px;
	height: 24px;
	width: 200px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	color: #fff
}
.courseList a:hover h5 {
	text-decoration: none;
	color: #fff
}
.courseList img {
	width: 200px;
	height: 145px;
	margin-bottom: 5px
}
.courseList .bg {
	position: absolute;
	top: 122px;
	left: 0;
	height: 24px;
	width: 200px;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}
.courseList .htred {
	font-size: 14px
}
.courseList02 {
+position:relative;
	width: 1210px
}
.courseList02 li {
	position: relative;
	float: left;
	width: 200px;
	padding: 10px;
	margin: 0 20px 20px 0;
	border: 1px solid #e2e1e1;
	background: #fff;
	line-height: 24px;
	_display: inline
}
.courseList02 h5 {
	height: 24px;
	font-size: 12px;
	font-weight: normal
}
.courseList02 a:hover h5 {
	text-decoration: none;
	color: #c00
}
.courseList02 img {
	width: 200px;
	height: 145px;
	margin-bottom: 5px
}
.courseList02 strong {
	display: inline-block;
	vertical-align: middle
}
#help li {
	float: left;
	height: 105px;
	padding: 0 30px;
	border-right: 1px solid #e2e1e1
}
#help b {
	display: block;
	font-size: 14px
}
#help a {
	color: #666
}
#help a:hover {
	color: #e4393c
}
#help .li01 {
	padding-left: 10px
}
#help .lilast {
	width: 390px;
	border: 0;
	padding-right: 0
}
.links {
	overflow: hidden;
	padding: 20px 0;
	background: #f3f3f3
}
.links img {
	display: inline-block;
	margin: 0 5px
}
.partner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	color: #666
}
.partner strong {
	font-weight: normal
}
.friendlyLink strong {
	float: left;
	width: 60px;
}
.friendlyLink .nav {
	float: left;
	width: 860px
}
.friendlyLink .nav a {
	display: inline-block;
	white-space: nowrap;
}
.partner ul {
	position: absolute;
	left: 61px;
	top: 52px;
	width: 860px;
	height: 26px;
	overflow: hidden
}
.partner a {
	color: #666
}
.partner a:hover {
	color: #c00
}
.footer {
	padding: 16px;
	background: #666;
	text-align: center;
	line-height: 24px;
	color: #fff
}
.footer a {
	display: inline-block;
	padding: 0 5px;
	color: #fff
}
.footer img {
	display: inline-block
}
.siderSty01 {
	width: 288px;
	border: 1px solid #e2e1e1;
	background: #fff
}
.siderSty01 .btsty {
	height: 34px;
	padding: 0 10px;
	border-bottom: 1px solid #e2e1e1;
	line-height: 34px
}
.siderSty01 h3 {
	font-size: 14px
}
.ztk_now {
	padding: 10px 0;
	border-bottom: 1px solid #e2e1e1
}
.prevSty01, .nextSty01 {
	float: left;
	width: 20px;
	height: 30px;
	margin-top: 20px;
	text-indent: -10em;
	overflow: hidden;
	cursor: pointer
}
.prevSty01 {
	background-position: 0 -395px
}
.prevSty01:hover {
	background-position: 0 -435px
}
.nextSty01 {
	background-position: -40px -395px
}
.nextSty01:hover {
	background-position: -40px -435px
}
.prevSty02, .nextSty02 {
	float: left;
	width: 30px;
	height: 40px;
	margin-top: 20px;
	text-indent: -10em;
	overflow: hidden;
	cursor: pointer
}
.prevSty02 {
	background-position: 0 -166px
}
.prevSty02:hover {
	background-position: 0 -215px
}
.nextSty02 {
	background-position: -30px -166px
}
.nextSty02:hover {
	background-position: -30px -215px
}
.prevSty03, .nextSty03 {
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 5px;
	border: 1px solid #eee;
	background-color: #fff;
	text-indent: -10em;
	overflow: hidden;
	cursor: pointer
}
.prevSty03 {
	background-position: -1px -906px
}
.prevSty03:hover {
	border-color: #e4393c;
	background-position: -1px -936px
}
.nextSty03 {
	background-position: -43px -906px
}
.nextSty03:hover {
	border-color: #e4393c;
	background-position: -43px -936px
}
.btSty01 {
	height: 36px;
	padding-right: 10px;
	border-bottom: 2px solid #666;
	line-height: 36px
}
.btSty01 h2 {
	float: left;
	padding: 0 20px 0 10px;
	font: bold 18px/32px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif
}
.btSty01 h2 a {
	color: #333
}
.btSty01 h2 a:hover {
	color: #e4393c
}
.more {
	float: right;
	color: #666
}
.ztk_nav ul {
+position:relative;
	float: left;
	width: 216px;
	height: 65px;
	overflow: hidden
}
.ztk_nav li {
	position: relative;
+position:relative;
	float: left;
	width: 65px;
	height: 65px;
	overflow: hidden;
	margin-right: 10px
}
.ztk_nav em {
	display: none\9;
	position: absolute;
	top: 0;
	left: 0;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #4bb99f;
	text-align: center;
	font-style: normal;
	line-height: 65px;
	color: #fff;
	cursor: pointer;
	opacity: .9;
	filter: alpha(opacity=90);
	-webkit-transition: -webkit-transform .1s ease-in;
	-moz-transition: -moz-transform .1s ease-in;
	-o-transition: -o-transform .1s ease-in;
	transition: transform .1s ease-in;
	-ms-transition: transform .1s ease-in;
	-webkit-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg)
}
.ztk_nav a {
	display: block;
	height: 65px;
	background: url(/skins/win8apple/ht_img/icons_ztk.gif) no-repeat
}
.ztk_nav .a02 {
	background-position: 0 -65px
}
.ztk_nav .a03 {
	background-position: 0 -130px
}
.ztk_nav .a04 {
	background-position: 0 -195px
}
.ztk_nav .a05 {
	background-position: 0 -260px
}
.ztk_nav .a06 {
	background-position: 0 -325px
}
.ztk_nav .a07 {
	background-position: 0 -390px
}
.ztk_nav .a08 {
	background-position: 0 -455px
}
.ztk_nav .a09 {
	background-position: 0 -520px
}
.ztk_nav .a10 {
	background-position: 0 -585px
}
.ztk_nav a:hover {
	text-decoration: none
}
.ztk_nav a:hover em {
	display: block\9;
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-moz-transform: rotateY(0);
	transform: rotateY(0);
	-o-transform: rotateY(0);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	transition: transform .3s ease-out
}
.ztk_list {
	height: 175px;
	overflow: hidden
}
.ztk_list li {
	padding: 5px 0;
	border-top: 1px solid #efefef;
	line-height: 24px;
	color: #999
}
.ztk_list img {
	float: left;
	padding: 3px;
	margin-right: 10px;
	border: 1px solid #efefef
}
.ztk_list b {
	padding-right: 5px;
	color: #333
}
.app_bt {
	height: 50px;
	padding: 5px 0 0 50px;
	margin: 10px 0;
	border-bottom: 1px solid #efefef;
	color: #666;
	line-height: 20px
}
.app_bt h4 {
	font-size: 14px;
	color: #333
}
.app_htwx {
	background-position: 0 -162px
}
.app_zwk {
	background-position: 0 -232px
}
.app_subscribe {
	background-position: 0 -307px
}
.app_down {
	margin-bottom: 3px
}
.app_down img {
	width: 86px
}
.icon_examcalender {
	margin: 9px 0;
	background-position: 0 -377px
}
.app_httv {
	background-position: 0 -447px
}
.app_photo {
	background-position: 0 -517px
}
.app_ztk {
	background-position: 0 -587px
}
.btn_appdown01 {
	display: inline-block;
	width: 116px;
	height: 38px;
	padding-left: 42px;
	background-position: 0 -71px;
	font-size: 14px;
	font-weight: bold;
	line-height: 38px;
	color: #8a5b00
}
.btn_appdown01:hover {
	background-position: -158px -71px;
	text-decoration: none;
	color: #5d3d00
}
.btn_appdown02 {
	display: inline-block;
	width: 116px;
	height: 38px;
	padding-left: 42px;
	background-position: 0 -109px;
	font-size: 14px;
	font-weight: bold;
	line-height: 38px;
	color: #900
}
.btn_appdown02:hover {
	background-position: -158px -109px;
	text-decoration: none;
	color: #700
}
.btn_subscribe {
	display: inline-block;
	width: 101px;
	height: 38px;
	padding-left: 57px;
	background-position: 0 -321px;
	font-size: 14px;
	font-weight: bold;
	line-height: 38px;
	color: #8a5b00
}
.btn_subscribe:hover {
	background-position: -158px -321px;
	text-decoration: none;
	color: #5d3d00
}
.app_hd {
	padding-top: 10px;
	margin-top: 2px;
	border-top: 1px solid #efefef;
	line-height: 22px
}
.countDown {
	height: 30px
}
.countDown b {
	display: inline-block;
	width: 25px;
	height: 24px;
	margin: 0 5px;
	border-radius: 3px;
	background: #444;
	text-align: center;
	font: bold 14px/24px Arial;
	color: #fff
}
.countDown .fire {
	display: inline-block;
	width: 250px;
	background: #f2f2f2;
	text-align: center;
	color: #999
}
.bbs_list {
	height: 242px;
	overflow: hidden
}
.bbs_list li {
	height: 50px;
	overflow: hidden;
	padding: 5px 0;
	border-top: 1px solid #efefef;
	line-height: 24px;
	color: #999
}
.bbs_list img {
	float: left;
	padding: 3px;
	margin-right: 10px;
	border: 1px solid #efefef
}
.bbs_list b {
	padding-right: 5px;
	color: #333
}
.bbs_nav ul {
+position:relative;
	float: left;
	width: 215px;
	overflow: hidden
}
.bbs_nav li {
	position: relative;
	float: left;
	width: 65px;
	overflow: hidden;
	margin-right: 6px
}
.bbs_nav em {
	display: block;
	text-align: center;
	font-style: normal;
	line-height: 18px
}
.bbs_nav em span {
	color: #999
}
.bbs_nav a {
	display: block;
	padding-top: 70px;
	background: url(/skins/win8apple/ht_img/icons_ztk.gif) no-repeat
}
.bbs_nav .a02 {
	background-position: 0 -115px
}
.bbs_nav .a03 {
	background-position: 0 -230px
}
.numList {
	background: url(/skins/win8apple/ht_img/num10.gif) no-repeat 0 15px
}
.numList li {
	padding-left: 22px;
	border-bottom: 1px solid #efefef;
	line-height: 43px
}
.numList li:last-child {
	border: 0
}
.htwx_outlink {
	padding-top: 10px;
	border-top: 1px solid #eee
}
.htwx_outlink li {
	position: relative;
	float: left;
	width: 109px;
	padding: 10px
}
.htwx_outlink .weibo {
	height: 70px;
	border-right: 1px solid #eee;
	background-position: 10px -166px
}
.htwx_outlink .weixin {
	height: 70px;
	background-position: -165px -166px
}
.htwx_outlink .icon_weibo_info {
	display: none\9;
	position: absolute;
	left: 20px;
	top: 0;
	height: 80px;
	padding-top: 10px;
	background: #fff;
	-webkit-transition: -webkit-transform .1s ease-in;
	-moz-transition: -moz-transform .1s ease-in;
	-o-transition: -o-transform .1s ease-in;
	transition: transform .1s ease-in;
	-ms-transition: transform .1s ease-in;
	-webkit-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg)
}
.htwx_outlink .icon_weibo_info h5 {
	margin-bottom: 10px;
	font-size: 14px
}
.htwx_outlink .icon_weixin_info {
	display: none\9;
	position: absolute;
	left: 20px;
	top: 0;
	height: 80px;
	padding: 10px 10px 0;
	background: #fff;
	-webkit-transition: -webkit-transform .1s ease-in;
	-moz-transition: -moz-transform .1s ease-in;
	-o-transition: -o-transform .1s ease-in;
	transition: transform .1s ease-in;
	-ms-transition: transform .1s ease-in;
	-webkit-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg)
}
.htwx_outlink li:hover .icon_weibo_info {
	display: block\9;
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-moz-transform: rotateY(0);
	transform: rotateY(0);
	-o-transform: rotateY(0);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	transition: transform .3s ease-out
}
.htwx_outlink li:hover .icon_weixin_info {
	display: block\9;
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-moz-transform: rotateY(0);
	transform: rotateY(0);
	-o-transform: rotateY(0);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	transition: transform .3s ease-out
}
.focusPic02 {
	position: relative;
	width: 100%;
	height: 320px;
	overflow: hidden;
	background: #f7f7f7 url(/skins/win8apple/ht_img/waiting.gif) no-repeat center center
}
.focusPic02 .mianBox {
	position: relative
}
.focusPic02 .picList li {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 320px
}
.focusPic02 .picList img {
	width: 980px;
	height: 320px
}
.focusPic02 .switch_num {
	position: absolute;
	bottom: 8px;
	left: 39%
}
.focusPic02 .switch_num li {
	float: left;
	width: 12px;
	height: 12px;
	margin: 0 0 0 5px;
	border-radius: 6px;
	overflow: hidden;
	text-indent: 20px;
	background: #e2e1e1;
	cursor: pointer
}
.focusPic02 .switch_num li.down {
	background: #e4393c
}
.focusPic02 .switch_lr {
	position: relative
}
.focusPic02 .switch_lr a {
	display: none;
	position: absolute;
	top: 125px;
	width: 45px;
	height: 48px;
	text-indent: -100em;
	overflow: hidden;
	opacity: .8;
	filter: alpha(opacity=80);
	cursor: pointer
}
.focusPic02 .switch_lr .prev {
	left: 0;
	background-position: 10px -163px
}
.focusPic02 .switch_lr .next {
	right: 0;
	background-position: -29px -163px
}
.focusPic02 .switch_lr .prev:hover, .focusPic02 .switch_lr .next:hover {
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}
.focusPic02 .mainBox {
	position: relative
}
.focusPic02 .bg {
	position: absolute;
	top: 0;
	right: -105px;
	width: 230px;
	height: 260px;
	padding: 30px;
	border-left: 1px solid #484848;
	border-right: 1px solid #464646;
	background: url(/skins/win8apple/ht_img/rbg03.gif) repeat;
	opacity: .9;
	filter: alpha(opacity=90)
}
.focusPic02 .bar {
	position: absolute;
	top: 0;
	right: -105px;
	width: 230px;
	height: 260px;
	padding: 30px;
	color: #fff
}
.focusPic02 .bar b {
	font-size: 14px;
	color: #e4393c
}
.focusPic02 h2, .focusPic02 h2 a {
	font-size: 14px;
	color: #fff
}
.focusPic02 h2 a:hover {
	color: #ffc
}
.focusPic02 p {
	line-height: 30px
}
.focusPic02 .down {
	display: block;
	height: 40px;
	width: 98%;
	margin: -30px auto 10px;
	border-bottom: 1px solid #c00;
	border-radius: 0 0 6px 6px;
	background: #e4393c;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 40px;
	color: #fff
}
.focusPic02 .down:hover {
	background: #d72d30;
	text-decoration: none;
	color: #ffc
}
.focusPic02 .text {
	text-indent: 2em;
	line-height: 24px
}
.focusPic03 {
	position: relative;
	width: 390px;
	height: 280px;
	overflow: hidden;
	background: #f7f7f7 url(/skins/win8apple/ht_img/waiting.gif) no-repeat center center
}
.focusPic03 .picList li {
	position: absolute;
	top: 0;
	left: 390px;
	width: 390px;
	height: 280px
}
.focusPic03 .picList img {
	width: 390px;
	height: 280px
}
.focusPic03 .picList strong {
	position: absolute;
	bottom: 5px;
	left: 10px;
	width: 390px;
	font-size: 12px;
	font-weight: normal;
	color: #fff
}
.focusPic03 .picList span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 390px;
	height: 30px;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}
.focusPic03 .switch_num {
	position: absolute;
	bottom: 8px;
	left: 43%
}
.focusPic03 .switch_num li {
	float: left;
	width: 12px;
	height: 12px;
	margin: 0 0 0 5px;
	border-radius: 6px;
	overflow: hidden;
	text-indent: 20px;
	background: #e2e1e1;
	cursor: pointer
}
.focusPic03 .switch_num li.down {
	background: #e4393c
}
.focusPic03 .switch_lr a {
	display: none;
	position: absolute;
	top: 115px;
	width: 45px;
	height: 48px;
	text-indent: -100em;
	overflow: hidden;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity=30);
	cursor: pointer
}
.focusPic03 .switch_lr .prev {
	left: 0;
	background-position: 10px -163px
}
.focusPic03 .switch_lr .next {
	right: 0;
	background-position: -29px -163px
}
.focusPic03 .switch_lr .prev:hover, .focusPic03 .switch_lr .next:hover {
	opacity: .5;
	filter: alpha(opacity=50)
}
.bookValue {
	height: 122px;
	margin-bottom: 3px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	background: url(/skins/win8apple/ht_img/icons_bookvalue.gif) no-repeat 0 2px
}
.bookValue a {
	float: left;
	height: 28px;
	width: 80px;
	padding-bottom: 15px;
	padding-left: 45px;
	font-weight: bold;
	font-size: 14px
}
.books_link h6 {
	font-size: 14px;
	color: #333
}
.books_link {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #eee
}
.siderSty02:hover, .siderSty01:hover {
	border-color: #bbb
}
.siderBox:hover {
	background-color: #f1f1f1
}
#httopad {
	border-bottom: 1px solid #ddd;
	background-color: #f0f0f0
}
#httopad .banner {
	position: relative
}
.siderBar {
	position: fixed;
	_position: absolute;
	right: 0;
	top: 0;
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
	width: 34px;
	height: 100%;
_height:expression(documentElement.clientHeight);
	background: #444;
	z-index: 903
}
.siderBar .bg {
	position: relative;
	left: 0;
	width: 34px;
	height: 100%;
	box-shadow: 0 0 2px #999;
	background: #444
}
.siderBarTop a, .siderBarBot a {
	position: relative;
	display: block;
	width: 100%;
	height: 32px;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	color: #fff
}
.siderBarTop a:hover, .siderBarBot a:hover {
	background-color: #222;
	color: #fff
}
.siderBar i {
	position: absolute;
	right: -3px;
	top: 13px;
	width: 0;
	height: 0;
	border-top: 3px solid #e4393c;
	border-bottom: 3px solid #e4393c;
	border-left: 3px solid #222
}
.siderBar .siderBarTop {
	position: absolute;
	left: 0;
	top: 140px;
	width: 100%
}
.siderBar .siderBarBot {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 128px
}
.siderBar .face {
	margin-bottom: 5px;
	background-color: #444
}
.siderBar .face img {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	border-radius: 50%
}
.siderBar em {
	position: absolute;
	top: 0;
	left: 32px;
	display: none;
	width: 70px;
	background: #222;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #fff
}
.siderBarTop a:hover em, .siderBarBot a:hover em {
	display: block
}
.icon_service01, .icon_service02, .icon_opinion, .icon_allcursor, .gotop, .icon_shoppingcar {
	background: #444 url(/skins/win8apple/ht_img/icons_siderbar.png) no-repeat;
	_background: url(/skins/win8apple/ht_img/icons_siderbar.gif) no-repeat
}/*.siderBar a.icon_service01{background:#e4393c url(/skins/win8apple/ht_img/icon_kefu01.gif) no-repeat center 1px}.siderBar a.icon_service01:hover{background-position:center -49px;background-color:#222}*/
.siderBar .siderBar_asktips {
	display: none;
	position: absolute;
	right: -193px;
	bottom: 52px;
	width: 150px;
	height: 93px;
	background: url(/skins/win8apple/ht_img/onlineadvice_bg.png) no-repeat;
	_background: url(/skins/win8apple/ht_img/onlineadvice_bg.gif) no-repeat
}
.icon_service01 {
	background-color: #e4393c;
	background-position: center 4px
}
.icon_service01:hover {
	background-position: center -400px;
}
.icon_service02 {
	background-position: center -42px
}
.icon_opinion {
	background-position: center -123px
}
.icon_allcursor {
	background-position: center -77px
}
.gotop {
	background-position: center -165px
}
.siderBarTop .icon_shoppingcar {
	height: 50px;
	background-position: center -202px
}
.numGoods {
	display: inline-block;
	width: 25px;
	height: 14px;
	margin-top: 30px;
	border-radius: 6px;
	background: #fff;
	text-align: center;
	line-height: 14px;
	color: #e4393c
}
.siderShoppingTrolley {
	position: absolute;
	top: 208px;
	right: -390px;
	width: 350px;
	padding: 0 15px 15px;
	border: 1px solid #ccc;
	border-right: 0;
	box-shadow: 0 0 1px #ccc;
	background: #fff;
	z-index: 1
}
.siderShoppingTrolley h6 {
	padding-left: 10px;
	border-bottom: 1px solid #ededed;
	font-size: 14px;
	line-height: 40px
}
.siderShoppingTrolley .i_arrow {
	position: absolute;
	right: -4px;
	top: 13px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent
}
.shoppingList {
+position:relative;
	max-height: 400px;
	_height: 300px;
	overflow: auto;
	overflow-x: hidden;
	margin-bottom: 15px
}
.shoppingList li {
	position: relative;
	padding: 5px 10px;
	border-bottom: 1px solid #ededed;
	line-height: 22px
}
.shoppingList li:hover {
	background: #f4f4f4
}
.shoppingList a {
	float: left;
	width: 210px
}
.shoppingList strong {
	position: absolute;
	right: 10px;
	bottom: 5px;
	color: #e4393c
}
.siderShoppingTrolley .tips {
	padding: 50px 0;
	text-align: center;
	font-weight: bold;
	font-size: 14px
}
.icon_shoppingcarCur {
	background-color: #e4393c
}
.icon_shoppingcarCur:hover em {
	z-index: -1
}
.shoppingCheckout {
	padding: 0 10px;
	line-height: 38px
}
.shoppingCheckout .addcart {
	float: right
}
.shoppingCheckout b {
	padding-left: 20px;
	font-size: 20px;
	color: #e4393c
}
.mainBox {
	width: 980px;
	margin: 0 auto
}
.siderSty03 {
	float: left;
	width: 180px
}
.contentSty01 {
	float: right;
	width: 990px;
	overflow: hidden
}
.tableSty02 th, .tableSty02 td {
	padding: 5px 0;
	border: 1px solid #eee;
	text-align: center;
	line-height: 26px
}
.tableSty02 th {
	background: #f7f7f7;
	font-size: 14px
}
.tableSty03 th, .tableSty03 td {
	padding: 0;
	border: 0;
	text-align: center;
	line-height: 26px
}
.tableSty03 td.tl, .tableSty03 th.tl {
	text-align: left
}
.pageNumber {
	margin: 20px 0;
	text-align: center;
	font-size: 14px
}
.pageNumber a {
	display: inline-block;
	height: 28px;
	padding: 0 10px;
	margin: 0 2px 5px;
	border: 1px solid #e1e1e1;
	border-radius: 3px
}
.pageNumber a:hover {
	border-color: #e4393c;
	background-color: #ffe8e8;
	text-decoration: none
}
.pageNumber span {
	display: inline-block;
	height: 28px;
	margin: 0 2px 5px
}
.pageNumber .page_index {
	width: 28px;
	padding: 0;
	background-position: 0 -590px
}
.pageNumber .page_index:hover {
	background-position: 0 -646px
}
.pageNumber .page_prev {
	width: 28px;
	padding: 0;
	background-position: 0 -618px
}
.pageNumber .page_prev:hover {
	background-position: 0 -674px
}
.pageNumber .page_next {
	width: 28px;
	padding: 0;
	background-position: -32px -618px
}
.pageNumber .page_next:hover {
	background-position: -32px -674px
}
.pageNumber .page_last {
	width: 28px;
	padding: 0;
	background-position: -32px -590px
}
.pageNumber .page_last:hover {
	background-position: -32px -646px
}
.pageNumber .current {
	padding: 0 10px;
	border: 1px solid #e4393c;
	border-radius: 3px;
	background: #e4393c;
	font-weight: bold;
	color: #fff
}
.pageNumber .pageinfo {
	padding-left: 10px;
	color: #666
}
.courseList_video {
	padding-top: 15px
}
.courseList_video_over {
+position:relative;
	height: 369px;
	overflow: hidden
}
.courseList_video li {
	position: relative;
	float: left;
	width: 200px;
	padding-bottom: 19px;
	overflow: hidden;
	margin: 0 19px;
	_display: inline
}
.courseList_video_over li {
	margin: 0 0 0 20px
}
.courseList_video h5 {
	position: absolute;
	top: 121px;
	height: 24px;
	width: 200px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	color: #fff
}
.courseList_video img {
	width: 200px;
	height: 145px
}
.courseList_video .bg {
	position: absolute;
	top: 121px;
	left: 0;
	height: 24px;
	width: 200px;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}
.courseList_video .video_info {
	height: 30px;
	padding: 0 10px;
	background: #f3f3f3;
	line-height: 30px
}
.courseList_video .video_info02 {
	height: 30px;
	line-height: 30px
}
.courseList_video strong {
	display: inline-block;
	padding-right: 5px;
	vertical-align: middle
}
.courseList_video a:hover .bg_play02 {
	display: block
}
.courseList_video a:hover .bg {
	top: 0;
	height: 145px
}
.bg_play01 {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 96px;
	height: 96px;
	margin: -48px 0 0 -48px;
	background: url(/skins/win8apple/ht_img/icon_play01.png) no-repeat;
	_background: url(/skins/win8apple/ht_img/icon_play01.gif) no-repeat
}
.bg_play02 {
	display: none;
	position: absolute;
	left: 50%;
	top: 0;
	width: 64px;
	height: 64px;
	margin: 35px 0 0 -32px;
	background: url(/skins/win8apple/ht_img/icon_play02.png) no-repeat;
	_background: url(/skins/win8apple/ht_img/icon_play02.gif) no-repeat
}
.bg_play03 {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px;
	background: url(/skins/win8apple/ht_img/icon_play03.png) no-repeat;
	_background: url(/skins/win8apple/ht_img/icon_play03.gif) no-repeat
}
.crumbsNav {
	position: relative;
	padding: 7px 0;
	z-index: 1
}
.screening {
	background: #f7f7f7
}
.screening li {
	padding: 10px;
	border-bottom: 1px solid #e1e1e1
}
.screening li:last-child, .screening li.last {
	border: 0
}
.screening .bt {
	float: left;
	width: 65px;
	height: 30px;
	padding-right: 10px;
	background-position: 0 -280px;
	text-align: center;
	line-height: 30px
}
.screening .navBox {
	float: left;
	width: 84%;
	overflow: hidden;
	margin-left: 20px
}
.screening .navBoxHeight {
	height: 26px
}
.screening .navBox a {
	float: left;
	min-width: 36px;
	margin: 0 2px;
	padding: 0 8px;
	border: 2px solid #f7f7f7;
	border-radius: 3px;
	text-align: center;
	line-height: 22px;
	_display: inline
}
.screening .navBox a:hover {
	background: #ffe8e8;
	text-decoration: none;
	color: #e4393c
}
.screening .navBox a.cur {
	border-color: #e4393c;
	background: #fff;
	color: #e4393c
}
.screening .oneMoreBtn {
	float: left;
	padding: 0 10px;
	background: #ededed;
	line-height: 30px
}
.screening .oneMore {
	float: left;
	border: 1px solid #ededed;
	border-radius: 3px
}
.screeningOperation {
	border-top: 2px solid #e1e1e1
}
.screeningOperation a {
	position: relative;
	top: -2px
}
.screeningOperation .btn_moreOpation {
	margin-right: -2px
}
.jq_moreOpationBox {
	display: none
}
.sortCriteria {
	padding-left: 2px
}
.sortCriteria a {
	display: inline-block;
	height: 28px;
	padding: 0 25px;
	margin-right: 10px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	line-height: 28px
}
.sortCriteria a:hover {
	border-color: #e4393c;
	text-decoration: none;
	color: #e4393c
}
.sortCriteria a.cur {
	border-color: #e4393c;
	background: #e4393c;
	color: #fff
}
.sortCriteria02 {
	padding: 2px;
	background: #f9f9f9;
	line-height: 28px
}
.sortCriteria02 input {
	vertical-align: middle
}
.sortCriteria02 a {
	margin-right: -1px
}
.numList02 li {
	clear: both;
	padding: 5px 0;
	border-bottom: 1px solid #efefef
}
.numList02 li.imgWord {
	position: relative;
	padding: 10px 0
}
.numList02 li:last-child {
	border: 0
}
.numList02 b {
	float: left;
	width: 12px;
	height: 12px;
	margin: 6px 10px 0 0;
	background: #999;
	font: bold 11px/12px Arial, "\5B8B\4F53", sans-serif;
	vertical-align: middle;
	text-align: center;
	color: #fff
}
.numList02 b.red {
	background: #e4393c
}
.numList02 .imgWord b {
	position: absolute;
	top: 10px;
	left: 0;
	margin: 0
}
.numList02 .imgWord img {
	float: left;
	width: 100px;
	height: 75px;
	margin-right: 10px
}
.numList02 .imgWord p {
	margin: 0;
	color: #666
}
.numList02 .imgWord h6 {
	font-size: 14px
}
.numList02 .bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 75px;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}
.numList02 a.p_r {
	position: relative;
	float: left
}
.numList02 a.p_r .bg_play03 {
	margin-left: -23px
}
.numList02 a.p_r:hover .bg_play03, .numList02 a.p_r:hover .bg {
	display: block
}
.clearfix:after {
	content: "\20";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0
}
.clearfix {
*zoom:1
}
.clear {
	clear: both
}
.z1 {
	position: relative;
	z-index: 1
}
.fl {
	float: left
}
.fr {
	float: right
}
.tl {
	text-align: left
}
.tr {
	text-align: right
}
.tc {
	text-align: center
}
.fb {
	font-weight: bold
}
.f14 {
	font-size: 14px
}
.f18 {
	font-size: 18px
}
.lh18 {
	line-height: 18px
}
.lh30 {
	line-height: 30px
}
.red {
	color: #f00
}
.htred, a.htred {
	color: #e4393c
}
.h_auto {
	height: auto
}
.p10 {
	padding: 10px
}
.p15 {
	padding: 15px
}
.pt15 {
	padding-top: 15px
}
.pl10 {
	padding-left: 10px
}
.pb10 {
	padding-bottom: 10px
}
.pb20 {
	padding-bottom: 20px
}
.plr10 {
	padding-left: 10px;
	padding-right: 10px
}
.ptb5 {
	padding-top: 5px;
	padding-bottom: 5px
}
.mt5 {
	margin-top: 5px
}
.mt10 {
	margin-top: 10px
}
.mt15 {
	margin-top: 15px
}
.mt20 {
	margin-top: 20px
}
.mt25 {
	margin-top: 25px
}
.mr5 {
	margin-right: 5px
}
.mr10 {
	margin-right: 10px
}
.mr20 {
	margin-right: 20px
}
.mr30 {
	margin-right: 30px
}
.mb0 {
	margin-bottom: 0
}
.mb5 {
	margin-bottom: 5px
}
.mb10 {
	margin-bottom: 10px
}
.ml10 {
	margin-left: 10px
}
.ml15 {
	margin-left: 15px
}
.mlr15 {
	margin-left: 15px;
	margin-right: 15px
}
.mlrauto {
	margin-left: auto;
	margin-right: auto
}
.cfff {
	color: #fff
}
.c333 {
	color: #333
}
.c666 {
	color: #666
}
.c999 {
	color: #999
}
.cccc {
	color: #ccc
}
.border01 {
	border-top: 1px solid #e2e1e1
}
.border02 {
	border-top: 1px dotted #e2e1e1
}
@media screen and (max-width:1274px) {
.ad02, .slogan {
	display: none
}
.banner, .wrap, .ad01 {
	width: 980px
}
.mainNav .nav a {
	padding: 0 13px
}
.ad01 img {
	margin: 0 auto
}
#help li {
	padding: 0 7px
}
}
@media screen and (max-width:740px) {
#httopad {
	display: none
}
.mainNav {
	height: auto
}
.mainNav .nav {
	white-space: normal
}
}
.coupletAds {
	position: fixed;
	_position: absolute;
	left: 50%;
	bottom: 10px;
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-10);
	margin-left: -730px;
}
@media screen and (max-width:1274px) {
.coupletAds {
	margin-left: -620px;
}
}
@media screen and (max-width:1023px) {
.coupletAds {
	display: none
}
}