@charset "utf-8";
.public-menu{background:url(../images/public-menu.png) no-repeat; display:inline-block;}
.left-sidebar-test .public-menu{background:url(../images/public-menu-g.png) no-repeat; display:inline-block;}
body {margin: 0;padding: 0;font-family:"Microsoft YaHei",微软雅黑,"Microsoft Yahei","黑体","宋体",Arial,Simsun,Helvetica,sans-serif; color: #333;background: #f9f9f9;
font-size: 14px; padding-top:60px;min-width:1200px;_width:1200px;}
img {border: none;vertical-align: middle;}
a {color: #333;text-decoration: none;transition: all 0.18s ease-out 0s; outline: none}
ul, li, dt, dl, dd {list-style: none;margin: 0;padding: 0;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
body{height: 100%;}
.header-wrap .logo, .header-wrap .have-submenu, .left-sidebar {float: left; z-index: 999;}
.header-wrap .user-nav .username, .header-wrap .have-submenu span, .header-wrap .header_right a, .header-wrap .learning-assistance span, .left-sidebar dl .active a, .left-sidebar dl dt {color: #fff;}
/*头部通用*/
.header-wrap {width:100%;height:60px;  left: 0;position: fixed;top: 0;z-index: 5000;-web6it-box-shadow:0 0 4px #303030;-moz-box-shadow:0 0 4px #303030;box-shadow:0 0 4px #303030;}
.header-wrap .official_website {float: right;color: #fff;margin-right:24px;line-height: 60px;}
.header-wrap .official_website-m{margin-right:49px;}
.header-wrap .official_website a {color: #dfdfdf;font-size:16px;}
.header-wrap .official_website a:hover{ color:#fff}
.header-wrap .nav-ask {float: right;color: #dfdfdf;line-height: 60px;position: relative;}
.header-wrap .nav-ask-m{ width:105px; text-align:center; margin-right:25px;}
.header-wrap .nav-ask a {color: #dfdfdf;font-size:16px; position:relative; display:inline-block; width:105px; text-align:center;}
.header-wrap .nav-ask a.down{ font-size:14px;}
.header-wrap .nav-ask a.login{ position:relative;font-size:14px; width:auto; padding:0 5px;}
.header-wrap .nav-ask a.login img{ position:absolute;right:-24px;top:0;width:60px;}
.header-wrap .nav-ask a:hover{background:#464646;color:#fff}

.header-wrap .nav-ask a.current{ background:#464646;}
.header-wrap .nav-ask a span.login-icon{background-position:0 -90px; width:16px; height:20px; display:inline-block; vertical-align:middle; margin-right:5px; position:relative; top:-2px;}
.header-wrap .nav-ask a span.sj-icon{background-position:0 -68px; width:14px; height:20px; display:inline-block; vertical-align:middle; margin-right:5px; position:relative; top:-2px;}
.header-wrap .nav-ask a span.red{padding:0 5px;color:#fff; display:inline-block; position:absolute;background:#c02222;font-size:12px; line-height:16px;right:0; top:8px;border-radius:10px; vertical-align:top;}
.header-wrap .nav-ask a span.new{line-height:14px;height:16px;right: -10px;}
.header-wrap .nav-ask div {position: absolute;width: 12px;height: 12px;border: 1px solid #FF4400;border-radius: 50%;top: 7px;right: -16px;line-height: 12px;text-align: center;background: #FF4400;}
.header-wrap .logo {width:182px; margin-right:23px; margin-left: 25px;}
.header-wrap .logo a {display: inline-block;padding-top: 10px;}
.header-wrap .user-nav {float: right;margin-right:15px;line-height: 60px; height: 60px; position: relative; width:132px; padding:0 5px; margin:0 25px 0 0; text-align:center;}
.header-wrap .user-nav:hover{background:#464646;}
.header-wrap .user-nav:hover .username{color:#fff;}
.header-wrap .user-nav em.icon-m{background-position: -29px 0;display: block;height: 5px;width: 9px; margin-left:6px; display:inline-block;  position:relative; top:-2px;+position: relative; +top:-6px;}
/*.header-wrap .user-nav:hover em.icon-m{background-position: -40px 0;}*/
/*.header-wrap .user-nav:hover{background:#fff;box-shadow: 0px 3px 3px #ddd;}*/
/*.header-wrap .user-nav:hover span{color:#372f28;}*/
.header-wrap .user-nav .name_tx {position: relative;width: 36px;height: 36px; position:relative; display:inline-block; float:left;}
.header-wrap .user-nav .name_tx .badge{position: absolute;background: #c02222;width: 28px; height: 16px; color: #fff;left: 22px;top: 6px;font-size: 12px;line-height: 16px;font-weight: 0;border-radius: 10px;text-align: center;}
.header-wrap .user-nav .name_tx em.message{ font-style: normal; position:absolute; width:16px; height:16px; background:#ec332c; display:block; font-size:10px; top:-9px; right:0px;border-radius: 50%; text-align:center; line-height:16px; color:#fff;}
.header-wrap .user-nav .name_tx img {width: 36px;height: 36px;border-radius: 50%;}
.header-wrap .user-nav .username{font-size: 14px;cursor: pointer;margin-left: 5px; width:68px;display:inline-block; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header-wrap .have-submenu {line-height: 38px;position: relative;cursor: pointer;margin-left: 10px; padding-left:10px;width:160px; height:38px;border-radius: 4px; background:none; border:1px solid #555; top:10px;}
.header-wrap .have-submenu span{ font-size:14px;}
.header-wrap .user-nav:hover .submenu{ display:block;}

.header-wrap .submenu-bj {display: none;width: 120px;position: absolute;height: auto;z-index: 9;top: 50px;left: -5px;border-radius: 2px;}
.header-wrap .submenu-bj li {padding: 0px;height: 40px;line-height: 40px;float: initial;padding-left: 13px;border-bottom: 1px solid #fff;}
.header-wrap .submenu-bj li a:hover {color: #3e7cf5;}
.header-wrap .submenu-bj li:nth-child(5) {border: none;}
.header-wrap .submenu_x {display: none;width: 170px;position: absolute;height: auto;padding: 10px 0px;z-index: 9;top: 39px;left:0;background:#1e2126;font-size:14px;font-weight:normal;opacity:0.95;}
.header-wrap .have-submenu:hover .submenu_x {display:block;}
.header-wrap .submenu_x li {text-align: center;padding: 0px;height: 40px;line-height: 40px;float: initial;padding: 0px 20px;}
.header-wrap .submenu_x li a {color: #fff;transition: all 0.18s ease-out 0s;height: 40px; display:block;}
.header-wrap .submenu_x li a:hover{color:#ccc;}
.header-wrap .submenu {background: #464646;display: none; height: auto;left: 0; padding: 10px 0;position: absolute;top: 60px;width: 142px;z-index: 9;/*box-shadow: 0px 3px 3px #ddd;*/}
.header-wrap .submenu-line{ position:absolute; border-bottom:1px solid #333333; width:120px; left:11px; top:0;}
.header-wrap .submenu-m{width:183px;}
.header-wrap .submenu li {text-align: center;padding: 0px;height:32px;line-height:32px;float: initial;padding: 0px 20px;}
.header-wrap .submenu li.study{ text-align:left;padding: 0px 13px 0 27px;}
.header-wrap .submenu li a{ color:#fff; font-size:14px;}
.header-wrap .submenu li a:hover{color: #ab2b2b;transition: all 0.18s ease-out 0s;height: 40px; display:block;}
.header-wrap .submenu li a.current{color:#ab2b2b;}
.header-wrap .icon-new {display: none;position: absolute;width: 9px;height: 11px;top: 37px;left: 87px;z-index: 10;}
.header-wrap .icon-top-new {display: none;position: absolute;width: 9px;height: 11px;top: 40px;left: 75px;z-index: 10;line-height: 18px;}
.header-wrap .icon-top {display: none;position: absolute;width: 9px;height: 11px;top: 40px;left: 52px;z-index: 10;line-height: 18px;}
.header-wrap .header_right {float: right;margin-right: 60px;width: 80px;height: 30px; line-height:30px;margin-top: 28px;}
.header-wrap .header_right-m{ width: 200px;margin-left: 28px;margin-right: 43px;}
.header-wrap .header_right a {display: block;width: 80px;height: 30px;background: #ff4400;line-height: 30px;text-align: center;border-radius: 4px; font-size:14px; font-family:STSong; background:#ab2b2b;}
.header-wrap .header_right a:hover{ background:#9d2727;}
.header-wrap .learning-assistance {float: right;position: relative;cursor: pointer;margin-right:0;line-height: 60px; height: 60px;width:94px; padding:0 10px 0 27px; margin-right:0; text-align:left;}
/*.header-wrap .learning-assistance:hover{ background:#fff;box-shadow: 0px 3px 3px #ddd;}*/
.header-wrap .learning-assistance:hover i{ color:#ab2b2b; font-style:normal;}
.header-wrap .learning-assistance span{font-size:16px;}
.header-wrap .learning-assistance span i {margin-left: 4px;}

.header-wrap span.icon-box{height:29px; border-left:1px solid #555;position: absolute;width:36px;height:29px;top:5px;right:0;z-index: 10;line-height: 29px; display:inline-block;}
.header-wrap span.icon-box em.icon-m{background-position:-18px 0; width:9px; height:5px; display:block; margin:12px 0 0 13px;}
.header-wrap .have-submenu:hover span.icon-box em.icon-m{background-position:-29px 0;}
.header-wrap .have-submenu:hover{ background:#22272f;}
/*.header-wrap .learning-assistance:hover span{color:#372f28;}*/
.header-wrap .learning-assistance em.icon-m{background-position: -29px 0;display: block;height: 5px;width: 9px; position:absolute; right:20px; top:27.5px;}
/*.header-wrap .learning-assistance:hover em.icon-m{background-position: -40px 0;}*/

.header-wrap .header_right {float: right;height: 30px;margin-top: 28px;}
.header-wrap .header_right a.login-btn{background: #333333; border:1px solid #717171;border-radius: 5px; color:#fff;height: 28px;line-height: 28px;text-align: center;width: 78px; display:inline-block; margin:0 7.5px; font-family:STSong;}
.header-wrap .header_right a.login-btn:hover, .header-wrap .header_right a.current{ background:#ab2b2b; border:1px solid #ab2b2b;font-family:STSong;}
.header-wrap .header_right a.current:hover{background:#9d2727; border:1px solid #9d2727;}

/*左边课程通用*/
.left-sidebar {width: 300px;background: #424857; float: left;  margin-bottom:-3000px; padding-bottom:3000px; min-height: 740px;}
.left-sidebar .left-hover {border-radius: 4px;}
.left-sidebar .left-hover span {border-radius: 4px;}
.left-sidebar .left-head {width: 240px;height: 40px;margin: auto;line-height: 40px;margin-top: 20px;padding-left: 30px;margin-bottom: 5px;font-size: 16px;}
.left-sidebar .left-head span {width: 21px;height: 21px;line-height: 19px;display: inline-block;text-align: center;margin-right: 5px;}
.left-sidebar .left-head span img {margin-top: -1px;}
.left-sidebar .left-st {color: #fff;font-size: 16px;margin-left: -43px;}
.left-sidebar dl {height: auto;overflow: hidden; margin-bottom:6px;}
.left-sidebar dl:nth-child(1) {margin-top: 20px;}
.left-sidebar dl .left_span {border-radius: 4px;}
.left-sidebar dl .active {border-radius: 4px;}
.left-sidebar dl dt {height: 47px;line-height: 47px;text-align: left;padding-left: 73px;font-weight:bold;font-size: 16px;position: relative;}
.left-sidebar dl dt span {width: 18px;height: 18px;line-height: 19px;display: inline-block;text-align: center;margin-right: 5px;position: absolute;top: 14px;left: 40px;}
.left-sidebar dl dt span>img{width:18px; height:18px}
.left-sidebar dl dd span.icon{ width:28px; height:16px; line-height:16px; font-size:12px; text-align:center;display: inline-block; margin-right: 6px}
.left-sidebar dl dd span.icon-try{color:#fff;  border-radius: 2px; background: #ff6a5a; }
.left-sidebar dl dd span.icon-lock img{width: 12px; height: 14px;position: relative;top: -3px;}
.left-sidebar dl dd span.icon-1{width:52px;left:231px;}
.left-sidebar dl dd {position: relative;height: 44px;line-height: 44px;position: relative;margin: auto;cursor: pointer;padding-left:72px;transition: all 0.18s ease-out 0s;border-left:3px solid #424857; +width:224px;}
.left-sidebar dl dd.current, .left-sidebar dl dd:hover {background:#2e333e;color:#fff; position:relative; border-left: 3px solid #2e333e;}
.left-sidebar dl dd.current span.line, .left-sidebar dl dd:hover span.line{/* border-left:4px solid #04b38f; position:absolute; left:0; top:0; display:block; height:44px;*/}
.left-sidebar dl dd span.circle-suo {width: 11px;height: 13px;margin-right: 9px;margin-left: 26px;opacity: 0.7;}
.left-sidebar dl dd span.circle-suo img {margin-top: -3px;}
.left-sidebar dl dd span.circle-qz {display: inline-block;width: 3px;height: 3px;border-radius: 50%;margin-bottom: 4px;margin-right: 16px;margin-left: 37px;}
.left-sidebar dl dd span.lesson-tip {display: inline-block;border-radius: 4px;height: 18px;line-height: 18px;font-size: 12px;margin-left: 22px;padding: 0 5px;/*margin-left:5px;padding:0px 5px;*/ }/*通用部分切换*/
.left-sidebar dl dd {color: #b7bcc9;}
.left-sidebar dl dd.current-1{background:#3A4150;color:#fff; position:relative; cursor:!important;}
.left-sidebar .t-bar{width: 300px; height: 130px; background: url(../images/beichu-t-bar.png) no-repeat; line-height: 130px; text-align: center; color: #fff; font-size: 24px; font-weight: bold;}
.beichu .left-sidebar .t-bar{background: url(../images/beichu-t-bar.png) no-repeat;}
.fbly .left-sidebar .t-bar{background: url(../images/fbly-t-bar.png) no-repeat;}
.hmj .left-sidebar .t-bar{background: url(../images/hmj-t-bar.png) no-repeat;}
/*右侧通用*/
.header-wrap {background: #333;}
.content{ width:100%; min-height: 100%; overflow: hidden;/* padding-top:60px;*/}
.main-wrapper {overflow: hidden; padding: 0 30px; margin-bottom:31px;}
.main-wrapper >section.mtp{margin-top: 54px;}
.content .rgt{margin-bottom:50px;}


/*底部通用*/
.footer {background: #f2f2f3;border-top: medium none;height: 150px;width: 100%; }
.footer .footer-main {margin: 0 auto;width: 650px; height:150px;}
.footer .footer-main .footer-left {height: 150px;line-height: 150px;float:left; margin-left:20px; margin-right:20px;}
.footer .footer-main .footer-right {height: 84px; padding-top:66px;float:left; width:400px;}
.left-sidebar dl dd span.lesson-tip {background: #e7a01a none repeat scroll 0 0;color: #ffffff;}


/*试题和视频侧栏通用*/
/*.left-sidebar-test {width: 300px;height: auto;overflow: hidden;background: #424857; position:absolute; left:0;}*/
.left-sidebar-test {width:278px;background:#fff; float: left;  margin-bottom:-9000px; padding-bottom:9000px; min-height: 740px;}
.left-sidebar-test .title-text{ height:185px; background:#237e73; padding:15px 30px 0 30px;}
.left-sidebar-test .title-text p.title{ color: #fff; font-size:16px; line-height: 50px;}
.left-sidebar-test .title-text p.text{color:#e1e1e1; font-size:12px; line-height:24px;}
.left-sidebar-test .title-text p.title.img1{background:#fff; border:2px solid #e5e5e5;margin:4px auto 17px;width: 106px;height: 106px; display: block;}
.left-sidebar-test .title-text p.title.img1 img{    margin: 7px auto;    display: block;}
.left-sidebar-test .title-text p.img2{ text-align: center;}
.left-sidebar-test dl dd{ padding-left:47px; color:#666;height:50px; line-height:50px;transition: all 0.18s ease-out 0s; position:relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.left-sidebar-test dl dd.current, .left-sidebar-test dl dd:hover {background: #e2e2e2;}
.left-sidebar-test dl dd span.test-zj{padding-left:24px;margin-left:-24px;border-left:1px solid #cfcfcf; margin-right:10px; display:inline-block;}
.left-sidebar-test dl dd span.video{position:absolute; left:13px; top:15px;background-position:0 -146px;width:20px;height:20px; display:block;}
.left-sidebar-test dl dd span.line-up{position:absolute; width:1px; border-left:1px solid #2e333e; height:18px; left:26px; top:0;display:block;}
.left-sidebar-test dl dd span.line-down{position:absolute;width:1px; border-left:1px solid #2e333e; height:16px; left:26px; top:44px;display:block;}
.left-sidebar-test dl dd span.current{background-position: -26px -146px;}

/*试题和视频导航通用*/
.main-wrapper .topnav{color: #434343;font-size: 16px;height: 58px;line-height: 58px;padding:0;margin-bottom:16px; position:relative;}
.main-wrapper .topnav>a{color: #ab2b2b;font-size: 14px;}
.main-wrapper .topnav .jindu{ position:absolute; right:0; top:0;+right:-10px;}
.main-wrapper .topnav .jindu span.text{ displaey:inline; margin-right:-7px;}
.main-wrapper .topnav .jindu a.link{ display:inline-block; width:121px; height:40px; line-height:40px;border-radius: 4px;text-align:center; color:#333; background:#c8c8c8; margin-left:11px; position:relative;transition: all 0.18s ease-out 0s;}
.main-wrapper .topnav .jindu a.link-m{ padding-left:32px;width:89px;}
.main-wrapper .topnav .jindu a.current{ background:#ab2b2b; color:#fff;}
.main-wrapper .topnav .jindu a span.over{ position:absolute; top:6px; left:10px;background-position:-123px 0; display:block; width:28px; height:28px;}
.main-wrapper .topnav .jindu a span.current{position:absolute; top:40px; left:55px;background-position:-159px 0; display:block; width:13px; height:8px;}

/*翻页通用*/
.page-block1 {margin-bottom: 30px;margin-top: 30px;text-align:center;}
.page-block1 a.link {color: #000000;display: inline-block;font-size: 12px;height: 22px;line-height: 22px;text-align: center;width: 22px;}
.page-block1 a.current, .page-block1 a:hover{background: #ad2f31;color: #ffffff;}

/*无评论通用*/
.no-comment{margin:50px auto 50px auto; text-align:center; color:#666;}


/*网站底部通用*/
.w-auto {margin:0 auto;width: 1000px;}
.pu-index{background:url(../images/pu-index.png) no-repeat; display:inline-block;}
.bz-footer{background:#edf0f5;height:250px;}
.bz-footer-content{padding-top:28px;}
.bz-footer-content-mg{ margin:0 auto; width:700px;}
.bz-website-tel{ width:284px;height:195px; padding-right:66px; border-right:1px solid #e8e8e8; text-align:center;}
.bz-website-tel p.tel{ font-size:16px; text-align:center; padding-top:37px; margin-bottom:27px; color:#2d3e50;}
.bz-website-tel p.tel-1{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:33px; color:#2d3e50;}
.bz-website-tel p.time{ text-align:center; margin-bottom:40px;color:#2d3e50;}

.bz-about{width:373px;height:214px; border-right:1px solid #d8dbe1; text-align:center;}
.bz-about p.title-1{ font-size:16px; text-align:center; padding-top:8px; margin-bottom:19px;}
.bz-about p.introduce{line-height:20px; margin-bottom:24px; text-align:left; padding:0 30px 0 40px;}
.bz-about p.partner{ padding-left:40px; text-align:left;}
.bz-about .partner{ padding-left:40px; text-align:left;}
.bz-about .partner span.text{ position:relative; top:-10px;+top:-7px; text-align:left;}
.bz-about .partner a.weixnin{ width:32px; height:32px;background-position:-59px -25px; display:inline-block; margin-left:8px; margin-right:15px; position:relative;}
.bz-about .partner a.sina{width:32px; height:32px;background-position:-94px -25px; display:inline-block;}
.wx-block {background: #ffffff ;display: none;height: 70px;left: -18px; position: absolute;top: -81px; width: 70px;}
.wx-block img{ width:70px; height:70px;}
.wx-block span.tab-up {background-position: -260px 0; bottom: -16px; display: inline-block;height: 16px;left: 24px;position: absolute;width: 20px;}
.bz-down-app{padding-left:138px; padding-top:16px;}
.bz-down-app p.app{font-size:16px; text-align:center; padding-top:8px; margin-bottom:17px; position:relative; left:-17px; color:#2d3e50;}
.bz-down-app p.wx{ margin-bottom:8px; margin-left:3px;}
.bz-down-app p.wx img{ width:118px; height:118px;}
.bz-down-app p.text-1{ font-size:12px; color:#f47639; padding-left:33px;}

.bz-footer-m{background:#414141; padding:27px 0 21px 0;z-index: 1000;}
.bz-footer-box{text-align:center; color:#999999;}
.bz-footer-box a{ margin:0; display:inline-block; color:#999999;}
.bz-footer-box a:hover{color:#9e2b2d;}
.bz-footer-box p.copyright{ margin-bottom:23px;}
.bz-footer-box span{ margin-right:28px;}
.bz-footer-box em{ margin:0 14px;}
.bz-footer-box p.img{ margin-top:21px;}

/*风暴羚羊*/
/*
.fbly .header-wrap{ background:#342d25;}
.fbly .header-wrap .have-submenu{ background:#342d25; border:1px solid #554f48;}
.fbly .header-wrap span.icon-box{border-left: 1px solid #554f48;}
.fbly .header-wrap span.icon-box em.icon-m{background-position:0 -35px;}
.fbly .header-wrap .submenu_x{ background:#342d25;}
*/
.fbly .left-sidebar{background:#6c5a4c;}
.fbly .left-sidebar dl dd.current, .fbly  .left-sidebar dl dd:hover{background:#342d25; color:#fff;}
.fbly .left-sidebar dl dd{color:#e1bda1; border-left:0; padding-left: 60px;}
.fbly .left-sidebar dl dt{ padding-left:60px;}
.fbly .left-sidebar dl dt span{left: 27px;}
.fbly .left-sidebar dl dd.current-1{ background:#6c5a4c; color:#ccb8aa;Filter:Alpha(opacity=40);-moz-opacity:0.40;opacity:0.4;}
/*.fbly .header-wrap .logo{ margin-left:60px;}*/

.fbly .header-wrap .header_right a.login-btn{ border:1px solid #717171; background:#372f28;}
.fbly .header-wrap .header_right a.login-btn:hover{border:1px solid #AB2B2B; background:#AB2B2B;}
.fbly .header-wrap .header_right a.current{border:1px solid #AB2B2B;background:#AB2B2B;}
.fbly .header-wrap .header_right a.current:hover{ border:1px solid #9d2727;background:#9d2727;}

/*风暴羚羊试题*/
/*.fbly{ background:#f9f9f9;}*/
.fbly{ background:#f9f9f9;}
.fbly .main-wrapper .topnav{ font-size:14px;}
.fbly .main-wrapper-m{ margin-top:8px;}
.fbly .main-wrapper .topnav{margin-bottom:4px;}
.fbly .main-wrapper .t-list-nav{ top:140px;}
.fbly .left-sidebar-test .title-text{background:#a44837;}
/*.fbly .left-sidebar-test{ background:#493e36;}*/
/*.fbly .left-sidebar-test dl dd.current, .fbly .left-sidebar-test dl dd:hover{ background:#372f28;}*/
.fbly .left-sidebar-test dl dd span.line-up{border-left: 1px solid #372f28;}
.fbly .left-sidebar-test dl dd span.line-down{border-left: 1px solid #372f28;}



/*花木君*/
/*
.hmj .header-wrap{ background:#1a6458;}
.hmj .header-wrap .have-submenu{ background:#1a6458; border:1px solid #3f7d73;}
.hmj .header-wrap span.icon-box{border-left: 1px solid #3f7d73;}
.hmj .header-wrap span.icon-box em.icon-m{background-position:-15px -35px;}
.hmj .header-wrap .submenu_x{ background:#1a6458;}
*/
.hmj .left-sidebar{background:#1e8474;}
.hmj .left-sidebar dl dd.current, .hmj  .left-sidebar dl dd:hover{background:#1A6458; color:#fff;}
.hmj .left-sidebar dl dd{color:#a6eadf;border-left:0; padding-left: 60px;}
.hmj .left-sidebar dl dt{ padding-left:60px;}
.hmj .left-sidebar dl dt span{left: 27px;}
.hmj .left-sidebar dl dd.current-1{ background:#1e8474; color:#a6eadf;Filter:Alpha(opacity=34);-moz-opacity:0.34;opacity:0.34;}
/*.hmj .header-wrap .logo{ margin-right:85px; margin-left:47px;}*/
.hmj .header-wrap .header_right a.login-btn{ border:1px solid #999; background:#1a6458;}
.hmj .header-wrap .header_right a.login-btn:hover{border:1px solid #AB2B2B; background:#AB2B2B;}
.hmj .header-wrap .header_right a.current{border:1px solid #AB2B2B;background:#AB2B2B;}
.hmj .header-wrap .header_right a.current:hover{ border:1px solid #9d2727;background:#9d2727;}
/*.fbly .header-wrap .logo{margin-right:85px; margin-left:47px;}*/

/*花木君试题*/
.hmj{ /*background:#f9f9f9;*/}
.hmj .main-wrapper .topnav{ font-size:14px;}
.hmj .main-wrapper-m{ margin-top:8px;}
.hmj .main-wrapper .topnav{margin-bottom:4px;}
.hmj .main-wrapper .t-list-nav{ top:122px;}
.hmj .left-sidebar-test .title-text{background:#e35c4d;}
.hmj .left-sidebar-test .title-text p.title a{color:#fff;}
.hmj .left-sidebar-test .title-text p.title a:hover{color:#f5f5f5;}
.hmj .left-sidebar-test{ background:#fff;}
/*.hmj .left-sidebar-test dl dd.current, .hmj .left-sidebar-test dl dd:hover{ background:#1a6458;}*/
.hmj .left-sidebar-test dl dd span.line-up{border-left: 1px solid #1a6458;}
.hmj .left-sidebar-test dl dd span.line-down{border-left: 1px solid #15675a;}

/*北楚登录后侧导航*/
/*.beichu .left-sidebar-test{background: #3b539b}*/
.beichu .left-sidebar-test .title-text{background:#d75d33; }
/*.beichu .left-sidebar-test dl dd span.video{background-position: -101px -72px;}*/
/*
.beichu .header-wrap{ background:#243b80;}
.beichu .header-wrap .have-submenu{ background:#243b80; border:1px solid #475b94;}
.beichu .header-wrap span.icon-box{border-left: 1px solid #475b94;}
.beichu .header-wrap span.icon-box em.icon-m{background-position:0 -41px;}
.beichu .header-wrap .submenu_x{ background:#243b80;}
*/
.beichu .left-sidebar{background:#3b539b;}
.beichu .left-sidebar dl dd.current, .fbly  .left-sidebar dl dd:hover{background:#342d25; color:#fff;}
.beichu .left-sidebar dl dd{color:#e1bda1; border-left:0; padding-left: 60px; color: #acc1ff}
.beichu .left-sidebar dl dt{ padding-left:60px;}
.beichu .left-sidebar dl dt span{left: 27px;}
.beichu .left-sidebar dl dd.current-1{ background:#6c5a4c; color:#ccb8aa;Filter:Alpha(opacity=40);-moz-opacity:0.40;opacity:0.4;}
/*.beichu .header-wrap .logo{margin-right:85px; margin-left:47px}*/
.fbly .header-wrap .header_right a.login-btn{ border:1px solid #717171; background:#372f28;}
.fbly .header-wrap .header_right a.login-btn:hover{border:1px solid #AB2B2B; background:#AB2B2B;}
.fbly .header-wrap .header_right a.current{border:1px solid #AB2B2B;background:#AB2B2B;}
.fbly .header-wrap .header_right a.current:hover{ border:1px solid #9d2727;background:#9d2727;}
.beichu .header-wrap .header_right a.login-btn{background: #243b80;}
.beichu .header-wrap .header_right a.login-btn:hover,.beichu .header-wrap .header_right a.current{background: #ab2b2b}
/*侧栏积分兑换*/
.left-sidebar .dh-box{border-bottom: 1px solid #4f65a5}
.left-sidebar .dh-box-inner{padding-left: 26px;height: 58px; line-height: 58px; border-bottom: 1px solid #334b93;background: #3b539b; color: #ff6a5a; font-size: 16px; }
.left-sidebar .dh-box-inner a{color: #ff6a5a;font-weight: bold;}
.left-sidebar .dh-box-inner .icon{margin-right: 10px; width: 20px; height: 20px}
.left-sidebar .dh-box-inner .icon img{position: relative; top: -2px}
.left-sidebar .dh-box{border-bottom: 1px solid #4f65a5}
.fbly .left-sidebar .dh-box{border-color: #594a3f;}
.fbly .left-sidebar .dh-box-inner{background: #6c5a4c;border-color: #897464;}
.hmj .left-sidebar .dh-box{border-color: #17685b;}
.hmj .left-sidebar .dh-box-inner{background: #1e8474;border-color: #2aa490;}

/*课程详情步骤*/
.prog{float: right;}
.prog .text{margin-right: 14px; float: left; vertical-align: middle; line-height: 73px;}
.prog-list{float: left; padding-top: 22px;}
.prog .prog-list .flow-steps{ position:relative; height:30px; list-style:none; font-size:14px; overflow:hidden;}
.prog .prog-list .flow-steps li{ float:left; height:30px; margin-right:-32px; background:#d7d7d7; line-height:30px; overflow:hidden;}
.prog .prog-list .flow-steps a{ display:block; float:left; padding: 0 18px 0 0; text-align:center; color:#333; text-decoration:none;}
.prog .prog-list .flow-steps b{ float:left; width:0px; height:0px; margin-top:-6px; border:21px solid #d7d7d7; border-left-color:#f9f9f9; font-size:0; line-height:0; z-index:9;}
.prog .prog-list .flow-steps s{ position:relative; float:left; width:0px; height:0px; margin-top:-2px; border:17px solid transparent; /*For IE6*/ _border-color:snow; _filter:chroma(color=snow);/*For IE6*/ border-left-color:#d7d7d7; font-size:0; line-height:0; z-index:99;}
.prog .prog-list .flow-steps .on{ background:#ab2b2b;}
.prog .prog-list .flow-steps .on a{ color:#fff;}
.prog .prog-list .flow-steps .on b{ border-color:#ab2b2b; border-left-color:#f9f9f9; }
.prog .prog-list .flow-steps .on s{ border-left-color:#ab2b2b;}
.prog .prog-list .flow-steps .f{border-left-color: #f9f9f9!important}
/*提示滚动*/
.pu-side-tip{position:fixed;width:60px; height:120px; border:1px solid #dcdcdc;right:8px; z-index: 5000; background:#fff;bottom:260px;}
.pu-side-tip a.tip-btn{ width:60px; height:60px; display:block; position:relative;}
.pu-side-tip a.tip-btn span.icon-sj{background-position: -184px 0; width:16px; height:27px; display:block; position:relative; top:7px; left:21px; margin-bottom:10px;}
.pu-side-tip a.tip-btn p.text-m{text-align:center; font-size:12px; color:#333;}
.pu-side-tip a.tip-btn:hover span.icon-sj{background-position: -184px -30px;}
.pu-side-tip a.tip-btn:hover p.text-m{ color:#fff;}
.pu-side-tip a.tip-btn span.icon-online{background-position: -208px 0; width:22px; height:22px; display:block; position:relative; top:11px; left:18px; margin-bottom:14px;}
.pu-side-tip a.tip-btn p.text-online{text-align:center; font-size:12px; color:#333;}
.pu-side-tip a.tip-btn:hover span.icon-online{background-position: -208px -30px;}
.pu-side-tip a.tip-btn:hover p.text-online{ color:#fff;}
.pu-side-tip a.tip-btn span.tip-wx{width:120px; height:128px; padding-top:12px; border:1px solid #dcdcdc; background:#fff; position:absolute; top:-1px; left:-122px; display: none;}
.pu-side-tip a.tip-btn span.tip-wx p.wx-pic{ text-align:center;}
.pu-side-tip a.tip-btn span.tip-wx p.wx-pic img{ width:91px; height:91px; margin-bottom:8px;}
.pu-side-tip a.tip-btn span.tip-wx p.wx-text{ font-size:12px; text-align:center;}
.pu-side-tip a.tip-btn span.tip-jt{ width:8px; height:16px;background-position: -292px 0; position:absolute;left:-1px; top:10px;display:none; z-index:200;}
.pu-side-tip a.tip-btn:hover{background:#ab2b2b;}
.pu-side-tip a.tip-btn:hover span.tip-wx p.wx-text{ color:#333;}
.pu-side-tip a.tip-top{width:60px; height:42px; display:block; background:#999;}
.pu-side-tip a.tip-top:hover{background:#ab2b2b;}
.pu-side-tip a.tip-top span.top-img{background-position:-289px -20px; width:11px; height:6px; display:block; position:relative; top:8px; left:24px; margin-bottom:13px;}
.pu-side-tip a.tip-top p.top-text{font-size:12px; color:#fff; text-align:center;}
.pu-side-tip a.tip-btn:hover span.tip-wx, .pu-side-tip a.tip-btn:hover span.tip-jt{display:block;}
.pu-side-tip-top{bottom:217px; height:42px;}


/* 最低内容高  只支持比较新的游览器*/
.con-minheight{min-height: calc(100vh - 234px);}
.con-minheight-mg{ /*margin-top:80px;*/}
/*404*/
.pu-404-b{background:#fff;}
.pu-404{width:660px;left:50%;top:50%;margin-left:-330px; margin-top:-270px; position:absolute; text-align:center;}
.pu-404 img{margin-bottom:52px;}
.pu-404 p.text-404{font-size:20px; color:#666; margin-bottom:54px;}
.pu-404 a.link-404{ width:120px; height:34px; font-size:16px; border:1px solid #ab2b2b; line-height:34px; color:#ab2b2b; background:#fff; display:block;border-radius: 5px; text-align:center; margin:0 auto;}
.pu-404 a.link-404:hover{ background:#9d2727; border:1px solid #9d2727; color:#fff;}

/*BUG提交浮窗*/
.bug-float{position: fixed; right: 40px; top: 50%; margin-top: 200px; width: 142px; height: 140px;}
.bug-float .info{display: table-cell; vertical-align: middle;height: 83px; width: 124px; padding-left: 18px; background: #b93a3a; color: #fff; font-size: 12px; line-height: 20px; border-radius: 18px;}
.bug-float .btn{display: block; margin-top: 3px; height: 48px; width: 136px; border: 3px solid #b93a3a; border-radius: 12px; background: #fff; line-height: 48px; text-align: center;font-size: 16px; color: #b93a3a;}
.bug-float .bug-person{position: absolute; right: -36px; top: 32px;}


@media screen and (min-width: 1000px) and (max-width: 1200px){
.main-wrapper .topnav .jindu a.link{width:80px;} 
.main-wrapper .topnav .jindu a span.current{left: 35px;}
.main-wrapper .topnav .jindu a.link-m { padding-left:20px; width:60px;}
.main-wrapper .topnav .jindu a span.over{ left:4px;}
}
/*空数据*/
.empty-box {width: 100%;height: 498px;border: 1px solid #dce4ea;background: #fff;display: table;text-align: center;vertical-align: middle;margin-bottom: 30px;}
.empty-box-con {display: table-cell;vertical-align: middle;}
.empty-box-con img {width: 186px;height: 186px;margin-bottom: 60px;}
.empty-box-con p {font-size: 20px;color: #999;font-weight: bold;margin-bottom: 40px;}

.loading-box {width: 100%;height: 200px;border: 1px solid #dce4ea;background: #fff;display: table;text-align: center;vertical-align: middle;margin-bottom: 30px;}
.loading-box-con {display: table-cell;vertical-align: middle;}
.loading-box-con img {margin-top: 50px;}
.loading-box-con p {font-size: 12px;color: #999;font-weight: bold;margin-bottom: 40px;}