body {
  font-size: 14px;
  font-family: "Arial", "Helvetica", "sans-serif", "微软雅黑", "黑体", "宋体";
  background-color: #eee;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
}

input, textarea {
  outline: 0;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0;
}

.hide {
  display: none;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #898989;
  font-family: "Microsoft YaHei";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #898989;
  font-family: "Microsoft YaHei";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #898989;
  font-family: "Microsoft YaHei";
}

.placeholder {
  color: #898989;
}

.container {
  width: 978px;
  margin: 0 auto;
}

.logo {
  display: block;
  margin-top: 30px;
  margin-bottom: 10px;
}

.banner {
  height: 360px;
  overflow: hidden;
  position: relative;
}

.banner-19da {
  padding-top: 10px;
  border-radius: 5px;
}


/*微信浮动窗*/
.wx-box{
  position:absolute;
  left: 50%;
  top: 85px;
  margin-left: 338px;
  width: 151px;
  height: 100px;
  z-index: 199;
}
.wx-box img{
  display: block;
  width: 100%;
  height: 100%;
}

.wx-box .wx-close{
  display: block;
  position: absolute;
  right: 5px;
  top: 18px;
  width: 12px;
  height: 12px;
  background: url(imgicon-close-2.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}

/*菜单*/
.nav {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.nav ul li {
  float: left;
  line-height: 65px;
  font-size: 24px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -moz-filter: alpha(opacity=90);
  text-align: center;
}

.nav li.nav-learning {
  width: 245px;
  background-color: #0086b5;
  border-bottom-left-radius: 5px;
}

.nav li.nav-class {
  width: 244px;
  background-color: #e18e37;
}

.nav li.nav-train {
  width: 245px;
  background-color: #b7c85e;
  position: relative;
}

.nav li.nav-data {
  width: 244px;
  background-color: #bd5088;
  border-bottom-right-radius: 5px;
}

.nav li a {
  text-decoration: none;
  color: #fff;
}

.subnav {
  position: absolute;
  bottom: 65px;
  _bottom: 64px;
  left: 0;
  width: 100%;
  display: none;
}

.nav .subnav li {
  width: 100%;
  float: none;
  background-color: #a3bb05;
}

.subnav li.active {
  background-color: #80b208;
}

/*登录提示框*/
.prompt-box {
  display: none;
}

.prompt {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -175px;
  margin-top: -100px;
  z-index: 99999;
  _position: absolute;
  _bottom: auto;
  _top: expression(eval(document.documentElement.scrollTop+400));
}

.prompt-inner {
  width: 320px;
  height: 180px;
  background: #498d99;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  position: relative;
}

.prompt-inner p {
  font-size: 26px;
  line-height: 75px;
}

.prompt-inner a {
  color: #fff;
  font-size: 18px;
  border: 1px solid #23fbf8;
  display: block;
  margin: 18px auto 0;
  width: 215px;
  height: 44px;
  line-height: 44px;
}

.prompt-inner .icon-close {
  position: absolute;
  right: 15px;
  top: 10px;
  background: url(imgicon-close.jpg) no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.prompt-shade {
  width: 100%;
  height: 100%;
  background: #000;
  _background: #4a4a49;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99998;
  opacity: 0.7;
  filter: alpha(opacity=70);
  _position: absolute;
  _top: 0;
  _bottom: 0;
  _height: expression(document.body.offsetHeight+"px");
}

/*通知公告*/
.module {
  padding: 0 20px 26px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  margin-top: 10px;
  background-color: #fff;
  border-radius: 5px;
}

.module-title {
  font-size: 20px;
  color: #444;
  border-bottom: 1px solid #e1e1e1;
  line-height: 20px;
  height: 20px;
  position: relative;
  padding: 20px 0;
}

.module-panel {
  padding-top: 25px;
}

.notice {
  width: 632px;
  height: 288px;
  _height: 292px;
  float: left;
  overflow: hidden;
}

.icon-notice {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -7px -12px;
  width: 23px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.more {
  position: absolute;
  right: 0;
  _right: 20px;
  top: 21px;
  font-size: 16px;
  color: #498d99;
  cursor: pointer;
  line-height: 20px;
}

.icon-more {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -178px -14px;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.notice-banner {
  position: relative;
  float: left;
  margin-right: 16px;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.notice-swiper-container {
  position: relative;
}

.notice-swiper-text {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #444444;
  line-height: 36px;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #fff;
  padding: 0 10px;
}

.notice-list {
  float: left;
  width: 416px;
}

.notice-list li {
  line-height: 33.3px;
  font-size: 14px;
}

.notice-list li a {
  color: #444;
  width: 316px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  text-align: justify;
}

.notice-list li .time {
  color: #a4a3a3;
  font-size: 12px;
  float: right;
}

/*登录*/
.login {
  width: 256px;
  height: 292px;
  float: right;
  padding-bottom: 22px;
}

.login .login-panel {
  padding-top: 0;
  height: 229px;
}

.login-in {
  padding-top: 25px;
  background-color: #fff;
  display: none;
}

.icon-login {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -52px -13px;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.login-profile {
  display: block;
  margin: 0 auto;
}

.login-text {
  margin-top: 16px;
  font-size: 16px;
  color: #444;
  text-align: center;
  line-height: 16px;
}

.login-btn {
  font-size: 18px;
  color: #fff;
  background-color: #41909e;
  line-height: 40px;
  text-align: center;
  border-radius: 3px;
  margin-top: 28px;
  display: block;
}

.login-exit {
  font-size: 14px;
  color: #51929d;
  display: block;
  text-align: right;
  padding-top: 10px;
  text-decoration: underline;
}

/*未登录*/
.login-out {
  padding: 0 14px;
  background-color: #fff;
}

.login-out input {
  width: 194px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  margin-top: 20px;
  padding-left: 36px;
}

.login-name, .login-psw {
  display: inline-block;
  width: 16px;
  height: 18px;
}

.login-name {
  background: url(imglogin-name.png) no-repeat 11px center;
}

.login-psw {
  background: url(imglogin-psw.png) no-repeat 11px center;
}

.msg-error {
  color: #f6193d;
  font-size: 14px;
  margin-top: 6px;
  height: 14px;
}

.login-btns {
  margin-top: 15px;
  width: 232px;
}

.login-btns a {
  border: 1px solid #41909e;
  color: #000;
  font-size: 18px;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  width: 98px;
  line-height: 38px;
}

.login-btns a.active {
  background-color: #41909e;
  color: #fff;
}

.login-forget {
  margin-top: 10px;
  display: block;
  text-align: right;
  color: #51929d;
  font-size: 14px;
  text-decoration: underline;
}

/*排行榜*/
.ranking {
  width: 938px;
  padding-bottom: 20px;
}

.icon-ranking {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -94px -13px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.ranking-panel {
  padding-top: 18px;
}

.ranking-title {
  font-size: 18px;
  color: #444;
  border-left: 3px solid #f99516;
  padding-left: 12px;
  margin-left: 8px;
}

.ranking-area {
  float: left;
  width: 469px;
  border-right: 1px dashed #d4d4d4;
}

/*地图*/
.map {
  margin-top: 14px;
  height: 300px;
  position: relative;
}

.zone {
  background: url(imgmapmap.png) no-repeat 25px 0;
  width: 340px;
  height: 300px;
  float: left;
}

.zone .zone-item {
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
}

.zone01, .location01 {
  top: 10%;
  left: 42%;
}

.zone02, .location02 {
  top: 24%;
  left: 34%;
}

.zone03, .location03 {
  top: 26%;
  left: 26%;
}

.zone04, .location04 {
  top: 36%;
  left: 35%;
}

.zone05, .location05 {
  top: 40%;
  left: 48%;
}

.zone06, .location06 {
  top: 40%;
  left: 19%;
}

.zone07, .location07 {
  top: 50%;
  left: 35%;
}

.zone08, .location08 {
  top: 54%;
  left: 24%;
}

.zone09, .location09 {
  top: 65%;
  left: 42%;
}

.zone10, .location10 {
  top: 78%;
  left: 26%;
}

.zone > img {
  height: 15px;
  margin-top: 2px;
}

.location span {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  cursor: pointer;
}

.tip {
  background: url(imgmaptip.png) no-repeat;
  position: absolute;
  left: -30px;
  top: -90px;
  font-size: 14px;
  color: #fff;
  padding-left: 20px;
  line-height: 24px;
  width: 191px;
  height: 108px;
  box-sizing: border-box;
  padding-top: 8px;
  display: none;
  text-align: left;
}

.tip span {
  float: left;
  margin-left: 10px;
  text-align: left;
}

.tip .ranking {
  background-color: #fe5571;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  line-height: 20px;
  margin-top: 2px;
  text-align: center;
  padding-bottom: 0;
  margin-left: 0;
}

.tip4 {
  padding-left: 0;
}

.tip span.city {
  float: none;
  margin-left: 0px;
  text-align: center;
  display: block;
  line-height: 50px;
}

.legend {
  float: right;
  width: 100px;
  font-size: 12px;
  color: #000;
}

.legend p {
  display: block;
  text-align: left;
  line-height: 30px;
  height: 30px;
}

.legend img {
  margin-right: 8px;
  vertical-align: -3px;
}

.map .dialog {
  display: none;
  cursor: pointer;
}

.dialog-title {
  line-height: 60px;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  margin: 0;
}

.dialog img {
  float: left;
  margin-left: 24px;
  margin-top: 15px;
}

.cbd-legend {
  float: right;
  width: 172px;
  padding-left: 0;
  margin-top: 25px;
}

.cbd-legend li {
  line-height: 35px;
  height: 35px;
  font-size: 12px;
  color: #444;
  list-style: none;
}

.cbd-legend li span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  *display: inline; /* IE6、7 block 元素 */
  　　 *
  zoom: 1;
  font-size: 12px;
  text-align: center !important;
  margin-right: 10px;
  line-height: 20px;
  color: #fff;
}

.legend01 span {
  background-color: #9bcfaa;
}

.legend02 span {
  background-color: #177a69;
}

.legend03 span {
  background-color: #f2bca5;
}

.legend04 span {
  background-color: #47a159;
}

.legend05 span {
  background-color: #547f8f;
}

.legend06 span {
  background-color: #70844a;
}

.legend07 span {
  background-color: #c3c374;
}

.ranking-cbd {
  display: none;
}

.ranking-unit {
  float: left;
  padding-left: 12px;
}

.ranking-info {
  width: 423px;
  margin-left: 10px;
  margin-right: 22px;
}

.ranking-unit dl dt {
  border-bottom: 2px solid #4fcdec;
  line-height: 48px;
  margin-top: 15px;
  font-size: 18px;
  color: #444;
}

.ranking-unit dl dt, .ranking-unit dl dd {
  float: left;
}

.ranking-unit dl .num {
  width: 108px;
  text-indent: 4px;
}

.ranking-unit dl .unit {
  width: 225px;
}

.ranking-unit dl .ratio {
  width: 90px;
  text-align: right;
}

.ranking-unit dl dd {
  line-height: 35px;
  font-size: 14px;
  color: #000;
}

.ranking-unit dl dd:first-child {
  text-indent: 20px;
}

/*学习帮助、活动、书目推荐、联系我们*/
.block {
  background-color: #fff;
  margin-top: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  padding: 15px 0 0px 20px;
  border-radius: 5px;
  width: 217px;
  float: left;
  height: 145px;
  margin-left: 10px;
}

.learning-module {
  margin-left: 0;
}

.block span {
  font-size: 22px;
  color: #444;
  font-weight: bold;
  margin-top: 25px;
  display: block;
}

.block a {
  display: block;
  width: 72px;
  height: 24px;
  margin-top: 20px;
  background: url(imgicon-enter.jpg) no-repeat;
}

.learning-module {
  background: #fff url(imgicon-help.png) no-repeat right center;
}

.activity-module {
  background: #fff url(imgicon-activity.png) no-repeat right center;
}

.book-module {
  background: #fff url(imgicon-book.png) no-repeat right center;
}

.contact-module {
  background: #fff url(imgicon-contact.png) no-repeat right center;
}

/*友情链接*/
.links {
  padding-bottom: 0;
}

.icon-link {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -134px -13px;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  vertical-align: middle;
}

.links .module-panel {
  padding-top: 10px;
}

.links ul li {
  line-height: 35px;
  height: 35px;
  overflow: hidden;
  float: left;
  min-width: 112px;
  max-width: 140px;
  _width: expression(this.scrollWidth > 140 ? "140px" : (this.scrollWidth < 112? "112px" : "auto"));
  margin-right: 44px;
}

.links ul li a {
  color: #c0bebe;
  font-size: 14px;
}

.links ul li a:hover {
  color: #498d99;
  text-decoration: underline;
}

/*旧版切换*/
.version-change {
  font-size: 14px;
  color: #498d99;
  text-align: right;
  margin: 10px 20px 5px 0;
  text-decoration: underline;
  display: block;
}

.footer {
  color: #c0bebe;
  font-size: 12px;
  line-height: 30px;
  margin: 30px auto 0;
  padding-bottom: 30px;
  width: 390px;
}

.mt0 {
  margin-top: 0;
}

.footer .sign01 {
  float: left;
  margin-right: 15px;
}

.footer p {
  float: left;
}

.footer .sign02 {
  margin-left: 10px;
  margin-top: 30px;
  float: left;
}

/*个人中心*/
.personalcenter .pc-top {
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  border-radius: 5px;
  background-color: #fff;
  padding-bottom: 22px;
}

.personalcenter .pc-nav {
  margin: 0 15px;
  padding: 28px 5px 16px;
  height: 44px;
  line-height: 44px;
  width: 938px;
  border-bottom: 1px solid #e3e3e3;
}

.personalcenter .pc-nav li {
  margin-right: 28px;
  float: left;
}

.personalcenter .pc-nav li a {
  font-size: 16px;
  color: #444;
}

.personalcenter .pc-nav li.active a, .personalcenter .pc-nav li a:hover {
  color: #498d99;
}

.personalcenter .pc-nav .search {
  height: 42px;
  line-height: 42px;
  width: 300px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  background: url(imgicon-search.png) no-repeat 10px center;
  padding-left: 40px;
  float: right;
}

.user-info-box {
  margin: 15px 20px 0;
  background-color: #eeeeee;
  padding: 12px 15px;
}

.user-img {
  float: left;
  padding: 5px;
  border: 1px solid #dadbdc;
  margin-right: 15px;
}

.user-info {
  float: left;
}

.user-info h2 {
  font-size: 24px;
  color: #444;
  line-height: 45px;
}

.user-info span {
  line-height: 35px;
  color: #a6a6a6;
  font-size: 14px;
}

.user-info span.line {
  border-left: 2px solid #cecbcb;
  margin: 0 10px;
}

.pc-top .operates a {
  color: #498d99;
  font-size: 14px;
  margin-left: 20px;
}

.pc-top .operates i, .icon {
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  　　 *
  zoom: 1;
}

.icon-settings {
  background: url(imgshgb-icon02.png) no-repeat;
  background-position: -11px -57px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.icon-remind {
  background: url(imgshgb-icon02.png) no-repeat;
  background-position: -56px -57px;
  width: 14px;
  height: 16px;
  cursor: pointer;
}

.icon-exit {
  background: url(imgshgb-icon02.png) no-repeat;
  background-position: -97px -57px;
  width: 15px;
  height: 16px;
  cursor: pointer;
}

.pc-container {
  position: relative;
}

/*学习动态*/
.pc-learning, .pc-certificate, .pc-warn, .pc-exam, .pc-learn, .ns-seminar-course, .ns-seminar-container .ns-bbs {
  padding-bottom: 22px;
  margin-right: 10px;
  width: 610px;
  float: left;
}

.icon-learning {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -6px -57px;
  width: 25px;
  height: 22px;
}

.personalcenter .module {
  padding-bottom: 22px;
}

.personalcenter .module-panel {
  padding-top: 0;
}

.pc-learning .module-panel {
  padding-top: 4px;
  font-size: 16px;
}

.progress-item {
  margin: 0 20px;
}

.progress-info {
  margin: 12px 0;
  height: 18px;
  line-height: 18px;
}

.progress-info .name {
  color: #444;
  float: left;
}

.progress-info .value {
  color: #919191;
  float: right;
}

.progress-bar {
  display: block;
  width: 100%;
  height: 18px;
  background: #e1e1e1;
  position: relative;
}

.progress-value {
  display: block;
  height: 100%;
  background: #3ccbe4;
  position: absolute;
  left: 0;
  top: 0;
}

.progress-value-red {
  background: #fd5172;
}

.pc-learning-info {
  background-color: #eee;
  padding: 15px 15px 0;
  margin-top: 30px;
}

.pc-learning-desc p {
  line-height: 28px;
  height: 28px;
  color: #989797;
  font-size: 12px;
  width: 400px;
}

.pc-learning-desc span {
  margin-right: 20px;
  display: inline-block;
  *display: inline;
  　　 *
  zoom: 1;
}

.pc-learning-desc .title {
  color: #444;
  font-size: 16px;
  font-weight: bold;
  margin-right: 26px;
  width: 105px;
}

.pc-learning-num {
  width: 165px;
  text-align: center;
  border-left: 1px dashed #000;
}

.pc-learning-num p {
  color: #444;
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
}

.pc-learning-num span {
  color: #f9f9f9;
  font-size: 14px;
  display: block;
  background-color: #5ac3d6;
  width: 90px;
  line-height: 34px;
  height: 34px;
  margin: 12px auto 0;
}

.pc-learning-text {
  font-size: 12px;
  color: #989797;
  border-top: 1px dashed #000;
  line-height: 36px;
  height: 36px;
  margin-top: 18px;
}

/*快捷入口*/
.pc-enter, .ns-seminar-learn, .ns-member {
  width: 278px;
  float: left;
}

.icon-enter {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -48px -53px;
  width: 26px;
  height: 26px;
}

.pc-enter .module-panel {
  padding-top: 2px;
}

.pc-enter .module-panel a {
  float: left;
  margin-top: 22px;
  width: 138px;
  _width: 128px;
  display: block;
}

.pc-enter .module-panel a img {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 100px;
}

/*我的课程*/
.pc-course .module-title {
  border-bottom: 0;
}

.pc-course .desc {
  float: right;
  color: #9b9a9a;
  font-size: 12px;
}

.icon-course {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -94px -58px;
  width: 19px;
  height: 20px;
}

.pc-course .icon-test {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -134px -57px;
  width: 18px;
  height: 18px;
}

.pc-course .icon-submit {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -170px -58px;
  width: 16px;
  height: 16px;
}

.pc-course .top {
  background-color: #498d99;
  height: 22px;
  line-height: 22px;
  padding: 12px 0;
}

.screening a {
  border-left: 1px solid #fff;
  padding: 0 12px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.screening .first-a {
  border-left-color: #498d99;
  padding-left: 8px;
}

.screening a.active, .screening a:hover {
  color: #02d6fb;
}

.page-list {
  margin-right: 20px;
  width: 210px;
}

.page-list li {
  float: left;

}

.page-list a {
  color: #fff;
  font-size: 14px;
}

.page-list .pages {
  margin: 0 10px;
}

.page-list .pages li {
  float: left;
}

.page-list .pages li a {
  margin: 0 5px;
}

.page-list .pages li.active a, .page-list a:hover {
  text-decoration: underline;
}

.pc-course .list {
  border: 1px solid #e1e1e1;
  padding: 0 20px;
}

.pc-course .list li {
  font-size: 0px;
  color: #444;
  border-top: 1px dashed #000;
  line-height: 24px;
  height: 24px;
  padding: 15px 0;
}

.pc-course .list li a {
  color: #444;
  font-size: 16px;
}

.pc-course .list li.bt0 {
  border-top: 0;
}

.pc-course .list p:first-child .icon {
  margin-right: 10px;
}

.pc-course .list .time {
  margin-left: 18px;
  color: #989797;
  font-size: 14px;
}

.pc-course .list .btns span, .pc-course .list .btns a, .pc-exam .list .btn01, .pc-exam .list .btn02 {
  margin-left: 10px;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.pc-course .list .btns span {
  color: #498d99;
  cursor: pointer;
}

.pc-course .list .btns .icon-del {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -10px -100px;
  width: 18px;
  height: 20px;
}

.pc-course .list .btns .icon-collect {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -52px -100px;
  width: 17px;
  height: 18px;
}

.pc-course .list .btns a, .pc-exam .list .btn01, .pc-exam .list .btn02 {
  color: #fff;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 3px;
}

.pc-course .list .btns .btn01 {
  width: 50px;
  background-color: #498d99;
}

.pc-course .list .btns .btn02, .pc-exam .list .btn01 {
  width: 78px;
  color: #989797;
}

.pc-course .list .btns .btn03, .pc-exam .list .btn02 {
  width: 78px;
  background-color: #498d99;
}

.mt30 {
  margin-top: 30px;
}

/*活动*/
.common-top {
  background: #498d99;
  padding: 20px;
  border-radius: 5px;
}

.common-top img {
  display: block;
}

.page-wrapper {
  background-color: #fff;
  padding: 0 20px;
  margin-top: 20px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
}

.page-breadcrumb {
  color: #b0b1b1;
  font-size: 14px;
  padding: 18px 0;
  height: 16px;
  border-bottom: 1px solid #e1e1e1;
}

.page-breadcrumb a {
  color: #b0b1b1;
}

.page-breadcrumb a:hover {
  color: #498d99;
}

.icon-home {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -53px -140px;
  width: 16px;
  height: 16px;
}

.activity-content li {
  border-top: 1px dashed #000;
  padding: 20px 0 20px 280px;
  position: relative;
  height: 140px;
}

.activity-content li.bt0 {
  border-top: 0;
}

.activity-list-pic {
  position: absolute;
  left: 0;
  top: 20px;
}

.activity-content h2 {
  font-size: 18px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 26px;
}

.activity-content h2 a {
  color: #444;
}

.activity-content p {
  color: #949292;
  font-size: 14px;
  line-height: 32px;
}

/*联系我们*/
.cu-content {
  padding: 16px 0 30px;
  margin: 0 94px;
}

.cu-title {
  font-weight: bold;
  font-size: 16px;
  color: #498d99;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 9px;
}

.cu-title i {
  font-size: 20px;
  vertical-align: -5px;
}

.cu-title .desc {
  float: right;
  color: #fc1212;
  font-size: 14px;
  font-weight: normal;
}

.form-group {
  padding-top: 15px;
}

.form-group label {
  font-size: 14px;
  color: #444;
  margin-right: 10px;
  text-align: right;
  float: left;
  line-height: 40px;
  width: 56px;
  _width: 58px;
}

.form-group input, .form-group textarea {
  padding: 10px;
  border: 1px solid #e1e1e1;
  line-height: 16px;
  float: left;
  border-radius: 3px;
  font-size: 14px;
}

.form-group .title, .form-group textarea {
  width: 648px;
  float: none;
}

.form-group textarea {
  height: 198px;
}

.form-group-box .form-group {
  margin-left: 26px;
  float: left;
}

.form-group-box .form-group.ml0 {
  margin-left: 0;
}

.form-group-box .width-auto label {
  width: auto;
}

.form-group-box .form-group i {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -97px -143px;
  width: 7px;
  height: 9px;
  float: left;
  margin-top: 15px;
  vertical-align: 2px;
}

.form-group-box .user-send {
  width: 88px;
}

.form-group-box .tel, .form-group-box .firm {
  width: 160px;
}

.cu-btns {
  margin: 56px auto 0;
  width: 250px;
}

.cu-btns a {
  display: block;
  float: left;
  padding: 10px 32px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  border-radius: 3px;
  background-color: #d0d0cf;
}

.cu-btns a.active {
  background-color: #498d99;
}

.mr50 {
  margin-right: 50px;
}

/*每月论坛*/
.forum-content {
  margin: 0 44px;
}

.forum-content .tab-ul {
  margin-bottom: 25px;
  border-bottom: 1px solid #498d99;
}

.forum-content .tab-ul li {
  font-size: 16px;
  padding: 0 24px;
  line-height: 59px;
  float: left;
  cursor: pointer;
}

.forum-content .tab-ul li a {
  color: #a8a8a8;
}

.forum-content .tab-ul li.active {
  border-bottom: 3px solid #498d99;
}

.forum-content .tab-ul li.active a {
  color: #498d99;
}

.tab-list {
  padding-bottom: 20px;
}

.tab-item {
  border: 1px solid #498d99;
  border-radius: 5px;
}

.tab-title {
  background: #498d99;
  color: #fff;
  font-size: 18px;
  line-height: 39px;
  padding-left: 20px;
}

.tab-content {
  padding: 0 20px;
}

.tab-content dl {
  padding: 16px 0;
  border-top: 1px dashed #000;
}

.tab-content dl.bt0 {
  border-top: 0;
}

.tab-content dl dt, .tab-content dl dd {
  color: #808080;
  font-size: 14px;
  float: left;
  line-height: 24px;
}

.tab-content dl dt {
  color: #444;
  width: 70px;
  margin-right: 10px;
}

.tab-content dl dd {
  line-height: 24px;
  width: 725px;
}

.tab-content .sub-dl {
  float: left;
  border-top: 0;
  padding: 0;
}

.tab-content .sub-dl dd {
  float: none;
}

.pd0 {
  padding: 0;
}

.tab-group {
  padding: 20px;
  font-size: 14px;
}

.tab-group-title {
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #f0b106;
  padding: 0 12px;
  margin-bottom: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 15px;
}

.tab-group dl {
  border-top: 0;
  margin-left: 12px;
  padding: 0;
}

.tab-group dl dd {
  line-height: 22px;
  color: #444;
  float: none;
}

.tab-group-gray {
  background: #edeeee;
}

.tab-group-last {
  border-radius: 0 0 5px 5px;
}

.tab-content-list li {
  margin-right: 21px;
  margin-top: 20px;
  border: 1px solid #e1e1e1;
  padding: 15px 12px 10px;
  font-size: 14px;
  float: left;
  width: 160px;
}

.tab-content-list li:nth-child(4n) {
  margin-right: 0;
}

.tab-content-user {
  position: relative;
  *zoom: 1;
  cursor: pointer;
  width: 80px;
  height: 80px;
  margin: 0 auto 25px;
}

.tab-content-popup {
  display: none;
}

.tab-content-list li img {
  display: block;
}

.icon-user {
  background: url(imgforum.png.png) no-repeat;
  width: 13px;
  height: 18px;
  margin-top: 31px;
}

.tab-content-text {
  width: 70px;
  height: 80px;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  top: 0;
  z-index: 2;
  text-align: center;
  line-height: 80px;
  padding-left: 10px;
  color: #fff;
}

.tab-content-shade {
  background: #000;
  *background: url(imgshade.png) no-repeat;
  opacity: 0.6;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  border-radius: 50%;
}

.tab-content-list li .text {
  text-align: justify;
  overflow: hidden;
  line-height: 20px;
  height: 40px;
  color: #444;
}

.tab-content-list li .time {
  margin-top: 20px;
  color: #b5b4b4;
}

.tab-content-list li .icon-time {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -132px -137px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.page-list-out{
  text-align: center;
}

.forum .page-list, .common-page-list {
  display: inline-block;
  /*margin: 0 auto;*/
  padding: 20px 0;
  /*min-width: 350px;*/
  width: auto;
  font-size: 14px;
  color: #000;
  height: 25px;
  overflow: hidden;
}

.forum .page-list li, .ranking-container .pages li, .common-page-list li, .pages-number li {
  line-height: 25px;
  height: 25px;
  float: left;
}

.forum .page-list a, .ranking-container .pages a, .common-page-list a, .pages-number a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 23px;
  height: 23px;
  border: 1px solid #498d99;
  padding: 0 8px;
  border-radius: 3px;
  color: #fff;
  margin-left: 5px;
  color: #444;
  text-decoration: none;
}

.page-list li.pageno a, .page-list li.thisclass a, .page-list li a:hover {
  color: #fff;
  background-color: #498d99;
}

.page-list li.thisclass a, .page-list li a:hover {
  text-decoration: underline;
}

.page-list li.pageinfo span {
  float: left;
  margin-left: 10px;
  border: 0;
}

.forum .page-list a:hover, .forum .pages a:hover, .forum .pages a.active, .common-page-list a:hover, .common-page-list .pages a.active {
  text-decoration: none;
}

.forum .page-list .btn, .common-page-list .btn {
  background: #498d99;
  float: left;
  border: 1px solid #498d99;
}

.forum .page-list .icon-prev, .common-page-list .icon-prev {
  background: url(imgshgb-icon03.png) no-repeat;
  background-position: -13px -8px;
  width: 10px;
  height: 11px;
  margin-right: 0;
  margin-top: 6px;
  display: block;
}

.forum .page-list .icon-next, .common-page-list .icon-next {
  background: url(imgshgb-icon03.png) no-repeat;
  background-position: -44px -8px;
  width: 10px;
  height: 11px;
  margin-right: 0;
  display: block;
  margin-top: 6px;
}

.forum .pages, .common-page-list .pages {
  margin: 0 5px;
}

.forum .pages li, .ranking-container .pages li, .common-page-list .pages li, .pages-number li {
  float: left;
}

.forum .pages a, .ranking-container .pages a, .common-page-list .pages a, .pages-number a {
  border: 1px solid #498d99;
  color: #000;
  margin-right: 0;
}

.forum .pages li.active a, .ranking-container .pages li.active a, .common-page-list .pages li.active a, .pages-number li.active a {
  background: #498d99;
  color: #fff;
}

.forum .page-list .sum, .common-page-list .sum {
  line-height: 26px;
  margin-left: 10px;
}

/*排行榜*/
.ranking-content {
  margin: 20px 8px 0;
}

.ranking-dl {
  border: 1px solid #498d99;
}

.ranking-content-top {
  background: #498d99;
  height: 30px;
  line-height: 30px;
  padding: 10px 5px 10px 0;
}

.ranking-content-top .tab {
  float: left;
}

.ranking-content-top .tab li {
  font-size: 16px;
  font-weight: bold;
  padding: 0 30px;
  float: left;
  border-left: 2px solid #ffedef;
}

.ranking-content-top .tab li.bl0 {
  border-left: 0;
}

.ranking-content-top .tab li.active a, .ranking-content-top .tab li a:hover {
  color: #25dbfb;
}

.ranking-content-top li a {
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.ranking-content-top .time {
  float: right;
}

.ranking-content-top .time li {
  float: left;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-right: 10px;
}

.ranking-content-top .time li a {
  padding: 0 16px;
  border-radius: 3px;
  border: 1px solid #fff;
  height: 28px;
  line-height: 28px;
}

.ranking-content-top .time li.active a, .ranking-content-top .time li a:hover {
  background: #25dbfb;
  border-color: #25dbfb;
}

.ranking-content-item dl {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #444;
  text-align: center;
}

.ranking-dl-green {
  background: #59afbe;
}

.ranking-dl-eee {
  background: #eee;
}

.ranking-dl-fff {
  background: #fff;
}

.ranking-content-item dd, .ranking-content-item dt {
  float: left;
}

.ranking-content-item dt {
  color: #fff;
  border-right: 1px solid #40a3b4;
  font-weight: bold;
}

.ranking-content-item dt.br0 {
  border-right: 0;
}

.ranking-content-item dd, .ranking-content-item dt {
  width: 100px;
}

.ranking-content-item .name {
  width: 615px;
}

.ranking-content-item .personal {
  width: 535px;
}

.ranking-content-item .time {
  width: 182px;
}

.ranking-content-item .center {
  width: 717px;
}

.ranking-content-item dd.name, .ranking-content-item dd.center, .ranking-content-item dd.personal {
  text-align: left;
  text-indent: 22px;
}

.ranking-content-item .pages, .pages-number {
  padding: 20px 0;
  width: 100px;
  margin: 0 auto;
}

.ranking-content-item .select {
  position: relative;
}

.ranking-content-item .select-curr, .ranking-content-item .option {
  cursor: pointer;
}

.ranking-content-item .select-curr {
  width: 70px;
  margin-left: 20px;
  margin-right: 10px;
}

.ranking-content-item .icon-arrow {
  margin-right: 0;
  margin-left: 5px;
  background: url(imgselect.png) right center no-repeat;
  width: 14px;
  height: 9px;
  float: left;
  margin-top: 15px;
  _margin-top: 10px;
}

.ranking-content-item .select-value {
  border: 2px solid #498d99;
  border-top: 0;
  background: #fff;
  display: none;
  position: absolute;
  top: 40px;
  right: -1px;
  _right: -3px;
  width: 97px;
}

.ranking-content-item .option {
  color: #444;
  border-bottom: 1px solid #d8d8d8;
}

.ranking-content-item .option.active {
  color: #498d99;
}

/*网络专题班*/
.network-left {
  width: 612px;
}

.network-left .page-breadcrumb {
  height: 24px;
  line-height: 24px;
}

.breadcrumb-user .name {
  color: #fff;
  font-size: 14px;
  padding: 0 20px;
  line-height: 24px;
  height: 24px;
  background: #f0b106;
  border-radius: 12px;
  margin-right: 15px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.breadcrumb-user a, .breadcrumb-user a:hover {
  color: #b0b1b1;
  font-size: 14px;
}

.breadcrumb-user a.line {
  margin: 0 10px;
}

.network-content {
  padding: 20px 20px 0;
}

.network-list {
  font-size: 0;
}

.network-list li {
  width: 248px;
  height: 170px;
  border: 1px solid #bdbdbd;
  float: left;
  margin-top: 26px;
  margin-right: 70px;
}

.network-list li:nth-child(1), .network-list li:nth-child(2) {
  margin-top: 0;
}

.network-list li:nth-child(2n) {
  margin-right: 0;
}

.network-list li img {
  display: block;
  height: 100px;
}

.network-list li h2 {
  margin: 10px 0;
  color: #444;
  font-size: 16px;
  overflow: hidden;
  width: 232px;
  text-overflow: ellipsis;
  height: 22px;
  _height: 18px;
  padding: 0 8px;
  line-height: 22px;
  white-space: nowrap;
}

.network-list li .sum {
  font-size: 14px;
  color: #b5b4b4;
  padding: 0 8px 8px;
  line-height: 20px;
  height: 20px;
}

.network-list li .icon-student {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -171px -137px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.network-content .icon-prev, .network-content .icon-next {
  vertical-align: 0;
}

.network-search {
  width: 268px;
  padding: 30px 24px;
  font-size: 12px;
  color: #444;
}

.network-search .select {
  position: relative;
  margin-right: 15px;
}

.network-search .select .select-curr {
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  width: 98px;
}

.network-search .select .select-curr span {
  border-right: 1px solid #bdbdbd;
  display: block;
  width: 56px;
  padding: 7px;
  line-height: 16px;
  float: left;
}

.icon-tri {
  background: url(imgnetwork-arrow.png) no-repeat;
  width: 14px;
  height: 9px;
  cursor: pointer;
  float: left;
  margin-top: 10px;
  margin-left: 6px;
}

.network-search .select .select-value, .forget-psw-group .select .select-value {
  width: 98px;
  border: 1px solid #d2d2d2;
  border-top: 0;
  background: #fff;
  color: #444;
  position: absolute;
  top: 32px;
  left: 0;
  display: none;
}

.network-search .select .option, .forget-psw-group .select .option {
  line-height: 24px;
  height: 24px;
  text-indent: 7px;
  cursor: pointer;
}

.network-search .select .select-value a, .forget-psw-group .select .select-value a {
  color: #444;
  display: block;
}

.network-search .select .option.active a, .network-search .select .option a:hover, .forget-psw-group .select .option.active a, .forget-psw-group .select .option a:hover {
  background-color: #498d99;
  color: #fff;
}

.network-search .common-input {
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  height: 16px;
  line-height: 16px;
  float: left;
  padding: 7px;
}

.network-search .title {
  width: 136px;
  box-sizing: content-box;
}

.network-search .time {
  width: 110px;
  margin-top: 17px;
  box-sizing: content-box;
}

.network-search .start-time {
  margin-right: 15px;
}

.network-search .search-btn {
  width: 100%;
  height: 26px;
  border-radius: 5px;
  margin-top: 32px;
  display: block;
  background: #498d99;
  padding: 7px 0;
}

.icon-search {
  background: url(imgshgb-icon03.png) no-repeat;
  background-position: -73px -6px;
  width: 27px;
  height: 26px;
  display: block;
  margin: 0 auto;
}

.network-info {
  width: 268px;
  padding: 15px 24px;
  margin-top: 10px;
}

.network-info li {
  width: 33%;
  border-left: 1px dashed #999999;
  text-align: center;
  color: #808080;
  float: left;
}

.network-info li.bl0 {
  border-left: 0;
}

.network-info li i {
  margin-top: 10px;
  display: block;
  height: 20px;
  line-height: 20px;
  font-style: normal;
}

.network-info li span {
  font-weight: bold;
  line-height: 40px;
  display: block;
}

.network-community {
  width: 316px;
  padding: 0;
  margin-top: 10px;
}

.network-community-title {
  padding-left: 12px;
  font-size: 16px;
  color: #fff;
  line-height: 46px;
  height: 46px;
  background: #498d99;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  font-family: "Microsoft Yahei";
}

.network-community-wrapper {
  padding: 20px 20px 0;
  height: 260px;
  overflow: hidden;
}

.network-community-panel li {
  margin-top: 20px;
  margin-right: 18px;
  float: left;
  width: 80px;
}

.network-community-panel li:nth-child(1), .network-community-panel li:nth-child(2), .network-community-panel li:nth-child(3) {
  margin-top: 0;
}

.network-community-panel li:nth-child(3n) {
  margin-right: 0;
}

.network-community-panel li img {
  display: block;
}

.network-community-panel li .text {
  font-size: 12px;
  color: #808080;
  line-height: 16px;
  margin-top: 8px;
  overflow: hidden;
  height: 32px;
}

.network-community .page, .common-page {
  padding: 20px 0;
  width: 60px;
  margin: 0 auto;
  height: 14px;
  overflow: hidden;
}

.network-community .page li, .common-page li {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -11px -141px;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  display: block;
  float: left;
  cursor: pointer;
}

.network-community .page li.active, .common-page li.active {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -171px -100px;
}

/*书目推荐*/
.book-list {
  padding: 27px 36px 0;
}

.book-list li {
  border: 1px solid #dddcdc;
  margin-right: 66px;
  float: left;
  width: 202px;
  padding: 15px 20px;
  margin-top: 20px;
}

.book-list li img {
  display: block;
  margin: 0 auto;
}

.book-list li h2 {
  font-size: 16px;
  color: #444;
  margin: 8px 0;
  line-height: 18px;
  height: 18px;
  width: 202px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.book-list li .desc p {
  line-height: 20px;
  font-size: 14px;
  color: #a4a3a3;
}

.book-list li:nth-child(3n) {
  margin-right: 0px;
}

.book-list li:nth-child(1), .book-list li:nth-child(2), .book-list li:nth-child(3) {
  margin-top: 0;
}

/*数字资料*/
.digital-data-content {
  width: 710px;
  margin: 0 auto;
  padding: 40px 0;
}

.digital-data-item {
  width: 476px;
  height: 290px;
  padding: 26px 32px;
  position: relative;
}

.digital-data-item01 {
  background: url(imgdata-bg01.png) no-repeat;
}

.digital-data-item02 {
  background: url(imgdata-bg02.png) no-repeat;
}

.digital-data-item03 {
  background: url(imgdata-bg03.png) no-repeat;
}

.digital-data-item04 {
  background: url(imgdata-bg04.png) no-repeat;
}

.digital-data-item h2 {
  color: #f3820a;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
}

.data-text {
  line-height: 26px;
  color: #444;
  font-size: 14px;
  text-align: justify;
  text-indent: 2rem;
}

.data-enter {
  font-size: 14px;
  color: #fa7703;
  /* margin-top: 40px;
	float: right; */
  cursor: pointer;
  position: absolute;
  right: 32px;
  bottom: 26px;
}

.data-enter img {
  margin-right: 6px;
  *display: inline;
  display: inline-block;
  *zoom: 1;
  vertical-align: middle;
}

.digital-data-imgs li {
  margin-top: 10px;
  *margin-top: 8px;
  width: 118px;
  height: 74px;
  border: 2px solid #fff;
}

.digital-data-imgs li.mt0 {
  margin-top: 0;
}

.digital-data-imgs li.active {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .45);
  border: 2px solid #000;
}

.digital-data-imgs li img {
  display: block;
  cursor: pointer;
  height: 74px;
}

/*通知公告*/
.notice-content {
  padding: 5px 20px 0;
}

.notice-content li {
  line-height: 45px;
  border-bottom: 1px dashed #7f7f7f;
  color: #444;
  font-size: 14px;
  position: relative;
  padding-left: 15px;
}

.notice-content li a {
  color: #444;
}

.notice-content .square {
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #498d99;
  top: 50%;
  margin-top: -2px;
  left: 0px;
  font-size: 0;
}

.notice-content span {
  float: left;
  height: 45px;
}

.notice-content em {
  float: right;
  font-style: normal;
}

/*线下专题培训*/
.offline-content {
  padding: 5px 45px 20px;
}

.offline-tab-title {
  border-bottom: 1px solid #498d99;
  margin-bottom: 25px;
}

.offline-tab-title li {
  position: relative;
  float: left;
  /*width: 25%;*/
  margin: 0 10px;
  padding: 0 6px;
  text-align: center;
  font-size: 16px;
  border-bottom: 3px solid #fff;
  line-height: 58px;
}

.offline-tab-title li a {
  color: #a8a8a8;
}

.offline-tab-title li.active a {
  color: #498d99;
}

.offline-tab-title li.active {
  border-bottom: 3px solid #498d99;
}

.offline-tab-info {
  padding: 24px 20px;
  border: 1px solid #498d99;
  border-radius: 5px;
}

.offline-tab-desc {
  width: 615px;
  float: right;
}

.offline-tab-desc img {
  margin-right: 20px;
}

.offline-tab-desc h2 {
  font-size: 20px;
  color: #444;
  line-height: 45px;
  margin-bottom: 20px;
}

.offline-tab-desc dl {
  font-size: 14px;
  color: #808080;
  width: 100%;
  line-height: 26px;
}

.offline-tab-desc dl dt, .offline-tab-desc dl dd {
  float: left;
}

.offline-tab-desc dl dd {
  width: 545px;
  text-align: justify;
}

.offline-subtab {
  margin-top: 20px;
}

.offline-subtab-title li {
  width: 130px;
  height: 100px;
  line-height: 100px;
  border-radius: 5px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  padding-left: 120px;
  cursor: pointer;
}

.offline-subtab-title li.active {
  height: 140px;
  line-height: 140px;
  background: #498d99 url(imgoffline-tab01_2.jpg) no-repeat 35px center;
}

.offline-subtab-title .object {
  background: #79b5bf url(imgoffline-tab01_1.jpg) no-repeat 45px center;
}

.offline-subtab-title .aim {
  background: #79b5bf url(imgoffline-tab02_1.jpg) no-repeat 45px center;
}

.offline-subtab-title .course {
  background: #79b5bf url(imgoffline-tab03_1.jpg) no-repeat 45px center;
}

.offline-subtab-title .object.active {
  background: #498d99 url(imgoffline-tab01_2.jpg) no-repeat 35px center;
}

.offline-subtab-title .aim.active {
  background: #498d99 url(imgoffline-tab02_2.jpg) no-repeat 35px center;
}

.offline-subtab-title .course.active {
  background: #498d99 url(imgoffline-tab03_2.jpg) no-repeat 35px center;
}

.offline-subtab-item {
  width: 546px;
  height: 308px;
  border-radius: 5px;
  border: 1px solid #498d99;
  padding: 20px 20px 10px;
  font-size: 14px;
}

.offline-subtab-item .title {
  color: #fff;
  padding: 0 12px;
  line-height: 30px;
  height: 30px;
  background: #f0b106;
  border-radius: 12px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 15px;
}

.offline-subtab-item dl {
  height: 217px;
  overflow: hidden;
}

.offline-subtab-item dd {
  line-height: 31px;
  color: #444;
}

.offline-subtab-item .common-page {
  padding: 15px 0;
}

/*学习帮助*/
.help-content {
  width: 872px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.help-content .search, .personalcenter .ns-bbs .search {
  margin: 40px auto 50px;
  background: #498d99;
  width: 518px;
  height: 40px;
  border-radius: 5px;
}

.help-content .search input, .ns-bbs .search input {
  border: 1px solid #d2d2d2;
  border-radius: 5px 0 0 5px;
  padding: 8px 20px;
  height: 22px;
  line-height: 22px;
  width: 436px;
  float: left;
}

.help-content .search .icon-search, .ns-bbs .search .icon-search {
  background: url(imghelp-search.png) center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

.help-tab-title {
  margin-bottom: 40px;
}

.help-tab-title li a {
  width: 110px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #79b5bf;
  display: block;
  border-radius: 18px;
  font-size: 16px;
}

.help-tab-title li {
  float: left;
  margin-left: 42px;
}

.help-tab-title li.ml0 {
  margin-left: 0;
}

.help-tab-title li.active a {
  background: #498d99;
}

.help-tab-title li.disabled a {
  background: #d1d1d1;
}

.help-tab-item {
  border: 1px solid #498d99;
  padding: 0 20px;
  font-size: 16px;
  color: #444;
  line-height: 25px;
}

.help-tab-item .title {
  line-height: 60px;
  font-size: 20px;
  color: #ffa303;
  display: block;
  font-weight: bold;
}

.help-tab-item h3 {
  font-size: 16px;
}

.help-tab-item .answer {
  color: #808080;
  margin-top: 14px;
  margin-bottom: 30px;
  text-align: justify;
}

.help-tab-item .mb15 {
  margin-bottom: 15px;
}

.help-tab-item ul {
  padding-bottom: 12px;
}

.help-tab-item li {
  line-height: 33px;
}

.help-tab-item li p {
  float: left;
}

.help-tab-item li .download-a {
  float: right;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  color: #808080;
}

.icon-download {
  background: url(imgshgb-icon01.png) no-repeat;
  background-position: -9px -168px;
  width: 14px;
  height: 20px;
}

.download ul {
  padding-bottom: 0;
}

.download ul li {
  list-style: disc;
  margin-left: 18px;
}

.help-tab-item li a {
  color: #444;
}

.help-tab-item .course-img {
  width: 479px;
  height: 285px;
  display: block;
  margin: 0 auto;
}

.help-tab-item .pages-number {
  padding: 20px 0;
}

.help-tab-item .pages-number li {
  list-style: none;
  margin-left: 0px;
  height: 26px;
  line-height: 26px;
}

/*移动学习*/
.mobile-left {
  width: 656px;
}

.mobile-left-content {
  width: 656px;
  padding-bottom: 30px;
}

.mobile-title {
  font-size: 22px;
  color: #498d99;
  margin-top: 15px;
  margin-bottom: 36px;
  height: 26px;
  line-height: 26px;
}

.mobile-video-box {
  width: 650px;
  margin: 56px auto 0;
  background: url(imgdark-screen.png) no-repeat;
  position: relative;
}

.mobile-video-play {
  position: absolute;
  top: 135px;
  left: 290px;
  background: url(imgicon-play.png) no-repeat;
  width: 81px;
  height: 53px;
  z-index: 12;
  cursor: pointer;
}

.mobile-video-shade {
  background: #000;
  _background: #4a4a49;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 520px;
  height: 292px;
  position: absolute;
  left: 65px;
  top: 5px;
  z-index: 10;
}

/*移动学习——视频*/
.mobile-prompt {
  margin-left: -300px;
  margin-top: -200px;
}

.mobile-prompt .prompt-inner {
  width: 600px;
  height: 400px;
  padding: 0;
  background: #000;
}

.mobile-prompt .icon-close {
  background: url(imgicon-cancel.png) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -30px;
  top: -30px;
}

.mobile-right {
  margin-top: 20px;
}

.mobile-right .qrcode {
  width: 275px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
}

.mobile-right .qrcode img {
  display: block;
  width: 244px;
  height: 250px;
  padding: 20px 15px;
  background: #fff;
  border-radius: 5px 5px 0 0;
}

.qrcode-text {
  background: #498d99;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 15px 0 15px 68px;
  border-radius: 0 0 5px 5px;
}

.icon-wechat {
  background: url(imgwechat.png) no-repeat;
  width: 46px;
  height: 38px;
  margin-right: 12px;
}

.platform-info {
  width: 245px;
  padding: 15px;
  margin-top: 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
}

.platform-info-title {
  border-left: 3px solid #498d99;
  padding-left: 8px;
  color: #444;
  font-size: 18px;
  margin-bottom: 14px;
}

.platform-info-text {
  color: #8c8c8b;
  font-size: 14px;
  line-height: 30px;
  border-top: 1px solid #e1e1e1;
  padding-top: 15px;
  text-indent: 2rem;
  text-align: justify;
}

/*课程推荐*/
.recommend-content {
  padding: 20px 0;
}

.recommend-content h2 {
  color: #498d99;
  font-size: 22px;
  text-align: center;
  margin-bottom: 6px;
  line-height: 25px;
}

.recommend-content .author, .recommend-content .title {
  color: #a4a3a3;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}

.recommend-content .video-box {
  width: 630px;
  height: 354px;
  margin: 45px auto 25px;
}

.recommend-info {
  font-size: 16px;
  color: #444;
  line-height: 32px;
}

.recommend-info span strong {
  display: block;
}

.recommend-info p {
  text-align: justify;
  text-indent: 2rem;
}

/*切换通知*/
.inform-wrapper {
  height: 490px;
  line-height: 26px;
  font-size: 16px;
  padding: 0 40px;
}

.inform-wrapper .desc {
  margin-bottom: 25px;
  text-align: justify;
}

.inform-wrapper h3 {
  font-size: 24px;
  text-align: center;
  padding-top: 55px;
  margin-bottom: 25px;
}

.inform-wrapper a, .inform-wrapper .time span {
  color: #498d99;
}

.inform-wrapper strong {
  font-size: 18px;
  color: #000;
}

.inform-wrapper .inscribe {
  text-align: right;
  font-size: 14px;
}

.inform-wrapper .time {
  margin-top: 90px;
  font-size: 18px;
  text-align: center;
}

/*忘记密码*/
.forget-psw-content {
  padding: 20px 0;
  height: 455px;
}

.forget-psw-left {
  border-right: 1px solid #e1e1e1;
  float: left;
  height: 455px;
}

.forget-psw-left-inner {
  color: #979696;
  font-size: 14px;
  background: #eeeeee;
  padding: 10px;
  width: 212px;
  margin-right: 70px;
}

.forget-psw-left h3 {
  line-height: 30px;
}

.forget-psw-left p {
  font-size: 12px;
  text-align: justify;
  line-height: 22px;
}

.forget-psw-right {
  float: right;
  width: 635px;
}

.forget-psw-group {
  color: #444;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 10px;
}

.forget-psw-group label {
  text-align: right;
  margin-right: 10px;
  float: left;
  width: 170px;
}

.forget-psw-group input, .forget-psw-group .select {
  border: 1px solid #d6d7dc;
  padding: 5px 8px;
  height: 14px;
  line-height: 14px;
  margin-right: 10px;
  float: left;
  width: 222px;
}

.forget-psw-group .select {
  padding: 0;
  height: 24px;
  width: 238px;
  position: relative;
}

.forget-psw-group .select span {
  width: 198px;
  padding: 5px 8px;
  line-height: 14px;
}

.forget-psw-group .select .icon-tri {
  margin: 0;
  background: url(imgpsw-tri.png) no-repeat;
  width: 24px;
  height: 24px;
}

.forget-psw-group .select .select-value {
  width: 238px;
  top: 24px;
  left: -1px;
  border: 1px solid #498d99;
}

.forget-psw-right .msg {
  font-size: 12px;
  color: #fc1212;
  float: left;
}

.forget-psw-right .forget-psw-msg {
  float: none;
  margin-left: 180px;
  line-height: 14px;
}

.forget-psw-btns {
  margin-top: 16px;
  margin-left: 180px;
}

.forget-psw-btns a {
  display: block;
  float: left;
  background: #d0d0cf;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  width: 70px;
}

.forget-psw-btns a.get {
  width: 160px;
  margin-right: 10px;
}

.forget-psw-btns a.active {
  background: #498d99;
}

/*注册*/
.register-container .forget-psw-content {
  height: 560px;
}

.register-container .forget-psw-left {
  height: 560px;
}

.mb20 {
  margin-bottom: 20px;
}

.forget-psw-group .msg i {
  margin-right: 10px;
}

.register-btns {
  margin-top: 20px;
}

.register-btns .submit {
  margin-right: 30px;
}

.register-container .forget-psw-msg {
  color: #444;
}

.register-container .forget-psw-msg i {
  color: #fc1212;
}

/*未注册提示*/
.register-tip {
  height: 546px;
}

.register-tip p {
  text-align: center;
  padding-top: 150px;
  font-size: 14px;
  width: 656px;
  margin: 0 auto;
  line-height: 24px;
}

.register-tip a.btn {
  display: block;
  margin: 60px auto 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  background: #498d99;
}

/*注册成功*/
.register-succ p {
  text-align: center;
  font-size: 20px;
}

.register-succ a.btn {
  width: 90px;
}

/*个人中心-侧边浮动*/
.slide-item {
  width: 282px;
  height: 160px;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 99999;
}

.slide-item .close {
  background: url(imgadv-close.png) no-repeat center;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 6px;
  right: 6px;
}

/*书目推荐-详情页*/
.book-desc {
  padding: 30px 40px;
}

.book-desc .b-top {
  margin-bottom: 15px;
}

.book-desc .img-box {
  float: left;
}

.book-desc .t-right {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

.book-desc dt {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  line-height: 32px;
  padding-bottom: 18px;
}

.book-desc dd {
  font-size: 14px;
  color: #a4a3a3;
  margin-top: 10px;
  line-height: 16px;
}

.book-desc .header, .ns-bbs-desc .header {
  border-bottom: 1px solid #eaeaea;
}

.book-desc .header-inner, .ns-bbs-desc .header-inner {
  border-left: 3px solid #498d99;
  padding: 0 15px;
  position: relative;
  line-height: 32px;
  font-weight: bold;
  background-color: #eaeaea;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.book-desc .header .tri, .ns-bbs-desc .header .tri {
  position: absolute;
  top: 1px;
  right: -18px;
  background: url(imgbook-tri.png) no-repeat right center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 18px;
  height: 31px;
}

.book-desc .item {
  margin-top: 30px;
  font-size: 16px;
  color: #444;
}

.book-desc .item p {
  line-height: 32px;
  margin-top: 15px;
  text-indent: 32px;
  text-align: justify;
}

/*个人空间-电子证书*/
.pc-certificate-c .pc-nav, .pc-exam-c .pc-nav, .pc-settings-c .pc-nav, .pc-asearch-c .pc-nav, .pc-learn-c .pc-nav, .resource-container .pc-nav {
  border-bottom: 0;
  padding-bottom: 28px;
}

.pc-certificate-c .pc-top, .pc-exam-c .pc-top, .pc-settings-c .pc-top, .pc-asearch-c .pc-top, .pc-network-c .pc-top, .pc-learn-c .pc-top, .resource-container .pc-top {
  padding-bottom: 0;
}

.icon-certificate {
  background: url(imgpc-certificate.png) no-repeat;
  background-size: auto 26px;
  width: 23px;
  height: 26px;
}

.pc-certificate-c .pc-certificate {
  padding-bottom: 34px;
}

.pc-certificate .module-title, .ns-seminar-container .module-title {
  font-size: 18px;
}

.certificate-item {
  border-bottom: 1px dashed #c1c1c1;
  padding: 20px 0;
}

.certificate-left {
  width: 70px;
  padding-right: 20px;
  float: left;
  text-align: center;
}

.certificate-left .year {
  color: #444;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 8px;
  display: block;
  font-weight: bold;
}

.certificate-left .state {
  width: 70px;
  height: 30px;
  line-height: 30px;
  background-color: #18d5c1;
  display: block;
  font-size: 18px;
  color: #fff;
}

.certificate-left .state-u {
  background-color: #fa4b8d;
}

.certificate-info {
  float: left;
  width: 518px;
  position: relative;
  border-left: 1px solid #e9e9e9;
}

.certificate-info p {
  font-size: 16px;
  color: #444;
  padding-left: 30px;
  line-height: 21px;
  height: 21px;
  margin-bottom: 9px;
}

.certificate-info .mb0 {
  margin-bottom: 0;
}

.certificate-info .pass {
  font-size: 18px;
  color: #2a85d4;
  font-weight: bold;
}

.certificate-info .desc-btn, .personalcenter .history a {
  padding: 0 18px;
  height: 30px;
  background-color: #498d99;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
}

.certificate-info .desc-btn {
  position: absolute;
  right: 20px;
  display: block;
}

.certificate-info .desc-course {
  top: 0;
}

.certificate-info .desc-certi {
  bottom: 0;
}

.pc-certificate-c .pc-enter, .personalcenter .ns-seminar-course {
  padding-bottom: 30px;
}

.personalcenter .pc-enter .module-title {
  font-size: 18px;
}

.personalcenter .search-wraper {
  margin-top: 25px;
}

.personalcenter .search {
  width: 216px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #d2d2d2;
  border-radius: 5px 0 0 5px;
  float: left;
  padding: 0 10px;
}

.personalcenter .icon-search {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  background: #498D99 url(imgpc-search.png) center center no-repeat;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}

.personalcenter .history {
  margin-top: 15px;
  margin-bottom: 14px;
  height: 30px;
}

.personalcenter .history a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 20px;
}

/*个人空间-设置*/
.pc-settings-c .page-wrapper {
  padding-bottom: 25px;
}

.pc-settings {
  margin-top: 20px;
}

.settings-left {
  width: 250px;
  background-color: #eee;
  float: left;
}

.settings-left .user {
  font-size: 20px;
  padding-top: 69px;
  padding-bottom: 120px;
  text-align: center;
}

.settings-left .user img {
  display: block;
  margin: 0 auto 20px;
  border-radius: 50%;
  width: 100px;
}

.settings-left li {
  background: #79b5bf;
  font-size: 16px;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #6baeb9;
  text-align: right;
}

.settings-left li.bb0 {
  border-bottom: 0;
}

.settings-left li.active {
  background: #498d99;
}

.settings-left li a {
  color: #fff;
  display: block;
  width: 105px;
  margin: 0 auto;
}

.settings-m a {
  background: url(imgpc-settings-m01.png) no-repeat left center;
}

.settings-h a {
  background: url(imgpc-settings-h01.png) no-repeat left center;
}

.settings-p a {
  background: url(imgpc-settings-p01.png) no-repeat left center;
}

.settings-m a.active {
  background: url(imgpc-settings-m02.png) no-repeat left center;
}

.settings-h a.active {
  background: url(imgpc-settings-h02.png) no-repeat left center;
}

.settings-p a.active {
  background: url(imgpc-settings-p02.png) no-repeat left center;
}

.settings-panel {
  font-size: 16px;
  color: #444;
  float: left;
  border: 1px solid #e1e1e1;
  width: 684px;
}

.settings-details {
  display: none;
}

.pc-member {
  display: block;
  padding: 69px 62px;
}

.settings-panel .group {
  margin-bottom: 14px;
}

.settings-panel .group label {
  text-align: right;
  width: 100px;
  display: block;
  float: left;
  line-height: 40px;
}

.settings-panel .g-info label, .pc-member .g-info p {
  line-height: 16px;
  float: left;
  color: #444;
  height: 16px;
  margin: 0;
}

.settings-panel .group input, .pc-member .group textarea {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  height: 18px;
  line-height: 18px;
  padding: 10px;
  width: 208px;
  float: left;
}

.pc-member .group textarea {
  height: 98px;
  width: 438px;
}

.settings-panel .group .tips {
  font-size: 14px;
  color: #aaa;
  margin-left: 100px;
  display: block;
  line-height: 32px;
  height: 32px;
}

.settings-panel .btn-save {
  margin-left: 100px;
  background-color: #498d99;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 0 32px;
  line-height: 40px;
  height: 40px;
  border-radius: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.pc-headimg {
  padding: 24px 0px 24px 60px;
  height: 494px;
}

.setting-imgload {
  width: 624px;
}

.setting-imgload .container {
  width: auto;
}

.setting-imgload .imageBox {
  width: 300px;
  height: 300px;
  margin-top: 64px;
}

.setting-imgload .imageBox .spinner {
  line-height: 300px;
  background: rgba(0, 0, 0, 0.7);
}

.setting-imgload .imageBox .spinner p {
  color: #fff;
  text-align: center;
  line-height: 300px;
  font-size: 12px;
}

.setting-imgload .imageBox .thumbBox {
  width: 160px;
  height: 160px;
  border-radius: 0;
  margin-left: -80px;
  margin-top: -80px;
  /*background: #7b7b7b;
	opacity: 0.5;
	filter:alpha(opacity=50);
	box-shadow: none;*/
}

.setting-imgload .action {
  width: 300px;
  height: 40px;
  margin: 20px 0;
}

.setting-imgload .new-contentarea {
  width: auto;
  text-align: center;
}

.setting-imgload a.upload-img {
  padding: 0 9px;
  height: 40px;
  line-height: 40px;
  background: #498d99;
  font-size: 18px;
  width: auto;
  margin-bottom: 0;
}

.new-contentarea input[type=file] {
  width: 90px;
  height: 40px;
  margin-right: -45px;
  cursor: pointer;
  right: 50%;
}

.setting-imgload .Btnsty_peyton {
  background: #498d99;
  box-shadow: none;
  font-family: "Arial", "Helvetica", "sans-serif", "微软雅黑", "黑体", "宋体";
}

.setting-imgload .imgload-btn-ok {
  width: auto;
  margin: 0px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}

.setting-imgload .btnZoomOut, .setting-imgload .btnZoomIn {
  margin: 0;
  margin-right: 10px;
  width: auto;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}

.setting-imgload .cropped {
  top: -64px;
  right: 25px;
  border: 0;
  border-left: 1px solid #eee;
  height: 490px;
  padding: 0;
  padding-left: 40px;
  box-shadow: none;
}

.setting-imgload .cropped .title {
  color: #444;
  font-size: 18px;
  text-align: left;
  margin-bottom: 30px;
  line-height: 18px;
  height: 18px;
}

.setting-imgload .container p {
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  color: #aaa;
  margin: 8px 0;
}

.pc-psw {
  padding: 115px 0 115px 110px;
}

.pc-psw .g-psw label {
  font-size: 14px;
  color: #aaa;
  line-height: 32px;
}

/*网络专题班-详情页*/
.personalcenter .online-desc {
  margin-right: 10px;
  width: 620px;
  float: left;
  padding: 0 15px 30px;
  position: relative;
  height: 657px;
}

.online-desc .course-name {
  font-size: 18px;
  text-align: center;
  padding: 20px 0;
  height: 20px;
  line-height: 20px;
  color: #444;
}

.online-desc dl {
  padding: 0 8px;
}

.online-desc dd {
  color: #a7a7a7;
  float: left;
  line-height: 34px;
}

.online-desc .desc {
  line-height: 26px;
  text-align: justify;
  padding: 20px 8px 0;
  color: #444;
}

.online-desc .state {
  color: #a7a7a7;
  text-align: right;
  line-height: 34px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.online-desc .courseware {
  margin-top: 20px;
  padding: 0 8px;
  color: #444;
}

.online-desc .courseware p, .online-desc .courseware ul {
  float: left;
  line-height: 20px;
}

.online-desc .courseware-link {
  background: url(imgonline-play.png) left center no-repeat;
  padding-left: 22px;
  margin-left: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #498d99;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}

.online-desc .mark {
  border: 1px solid #e1e1e1;
  padding: 20px 28px;
  width: 416px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -213px;
}

.online-desc .mark p {
  float: left;
  color: #444;
}

.online-desc .od-btn {
  background-color: #498d99;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 0 18px;
  line-height: 40px;
  height: 40px;
  border-radius: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.online-desc .test-btn {
  margin: 25px 8px 0;
}

.online-desc .stars {
  font-size: 0;
  float: left;
}

.online-desc .stars img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
}

.online-desc .submit-btn {
  float: right;
}

.od-sidebar {
  width: 278px;
  float: left;
}

.od-sidebar .title {
  font-size: 16px;
  display: block;
  height: 18px;
  padding-top: 30px;
  padding-bottom: 12px;
  color: #444;
}

.od-sidebar .icon-course {
  background: url(imgonline-course.png) no-repeat left center;
  width: 20px;
  height: 16px;
}

.od-sidebar .groom-wraper {
  border: 1px solid #e1e1e1;
}

.od-sidebar .groom-wraper ul {
  padding: 0 20px;
}

.od-sidebar li {
  border-bottom: 1px dashed #000;
  line-height: 47px;
  height: 47px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.od-sidebar .bb0 {
  border-bottom: 0;
}

.od-sidebar li a {
  color: #444;
}

.od-sidebar li .index {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #fbc815;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  margin: 15px 8px 15px 0;
  line-height: 16px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  vertical-align: middle;
}

.od-sidebar li .orange {
  background-color: #fb6115;
}

/*个人空间-提醒*/
.pc-warn-c .pc-enter {
  padding-bottom: 32px;
}

.icon-warn {
  background: url('imgicon-warn.png') no-repeat;
  width: 24px;
  height: 26px;
  float: left;
}

.pc-warn .module-panel {
  padding-top: 6px;
  height: 372px;
  /*_height:374px;*/
}

.pc-warn .list li {
  border-bottom: 1px dashed #c1c1c1;
}

.pc-warn .list li a {
  color: #444;
  font-size: 16px;
  line-height: 46px;
  height: 46px;
  display: block;
}

.pc-warn .list li .info {
  float: left;
}

.pc-warn .list li .date {
  color: #979797;
  font-size: 14px;
  float: right;
}

/*个人空间-考试*/
.personalcenter .pc-exam, .personalcenter .pc-learn {
  padding-bottom: 20px;
}

.icon-exam {
  background: url('imgicon-exam.png') no-repeat center;
  width: 20px;
  height: 20px;
  background-size: auto 20px;
}

.pc-exam .module-title, .pc-learn .module-title {
  font-size: 18px;
}

.pc-exam .screening a, .pc-learn .screening a {
  font-size: 18px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.pc-exam .list-wraper, .pc-learn .list-wraper {
  border: 1px solid #e1e1e1;
  display: none;
  height: auto;
}

.pc-exam .list-wraper.active, .pc-learn .list-wraper.active {
  display: block;
}

.pc-exam .list, .pc-learn .list, .ns-course .list {
  border: 0;
}

.pc-exam .list li, .pc-learn .list li, .ns-course .list li {
  border-top: 0;
  border-bottom: 1px dashed #000;
}

.pc-exam .list .btn01, .pc-exam .list .btn02 {
  float: right;
  text-align: center;
}

.pc-exam .list .btn01, .pc-course .list .btn02 {
  cursor: text;
}

.pc-exam .page-list, .pc-learn .page-list, .pc-record .page-list, .ns-course .page-list, {
  width: 330px;
}

/*.ns-bbs-desc .page-list{*/
/*width: auto;*/
/*}*/
.pc-exam-c .pc-enter, .pc-learn-c .pc-enter {
  padding-bottom: 64px;
}

.pc-exam-c .history, .pc-learn-c .history {
  margin-bottom: 30px;
}

.pc-exam-c .pc-enter .module-panel a, .pc-learn-c .pc-enter .module-panel a {
  font-size: 0;
  _margin-top: 21px;
}

/*网络专题班-全部课程列表*/
.course-list-wrapper {
  padding: 30px 14px;
}

.course-top {
  padding: 0 10px 30px;
}

.course-top h2 {
  font-size: 18px;
  color: #444;
  float: left;
  line-height: 30px;
}

.course-top a, .asearch-item a, .ns-reply .fb a {
  display: block;
  padding: 0 18px;
  line-height: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #498D99;
  color: #fff;
  font-size: 14px;
  text-align: center;
  float: right;
  margin-left: 20px;
}

.course-list-wrapper .table-item, .course-list-wrapper .table-item table {
  display: none;
}

.course-list-wrapper .table-item.active, .course-list-wrapper .table-item table.active {
  display: block;
}

.table-group table {
  text-align: center;
  font-size: 12px;
  border-collapse: collapse;
  empty-cells: show;
}

.table-group table thead td {
  font-weight: bold;
}

.table-group table td {
  background-color: #fff;
  border: 1px solid #92CCEB;
  padding: 14px 5px;
  line-height: 1;
}

.table-group table a {
  color: #444;
}

.table-group table a:hover, .course-kinds dd a, .ns-bbs tbody .course a:hover {
  text-decoration: underline;
}

.table-group table img {
  vertical-align: middle;
}

.course-kinds-wrapper {
  border: 1px solid #92CCEB;
  border-bottom: 0;
}

.course-kinds {
  width: 796px;
  margin: 0px auto;
  padding: 30px 0;
}

.course-kinds dd {
  float: left;
  background: url('imgonline_bg1.gif') no-repeat;
  width: 116px;
  height: 30px;
  line-height: 26px;
  _line-height: 28px;
  margin-left: 20px;
  text-align: center;
}

.course-kinds dd:nth-child(1) {
  margin-left: 0;
}

.course-kinds dd.active {
  background: url('imgonline_bg2.gif') no-repeat;
}

.course-kinds dd a {
  color: #444;
  text-decoration: none;
}

/*高级搜索*/
.icon-asearch {
  background: url('imgicon-asearch.png') no-repeat;
  width: 26px;
  height: 26px;
}

.personalcenter .pc-asearch {
  padding-bottom: 100px;
}

.pc-asearch .module-title {
  font-size: 18px;
}

.pc-asearch .module-panel {
  padding-top: 60px;
  margin: 0 auto;
  width: 550px;
}

.pc-asearch .group {
  color: #444;
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 25px;
}

.pc-asearch .group label {
  text-align: right;
  margin-right: 15px;
  float: left;
  width: 135px;
}

.pc-asearch .group input, .pc-asearch .group .select {
  border: 1px solid #e1e1e1;
  padding: 5px 12px;
  height: 24px;
  line-height: 24px;
  float: left;
  width: 374px;
}

.pc-asearch .group .select {
  padding: 0;
  height: 34px;
  width: 198px;
  position: relative;
}

.pc-asearch .group .select span {
  width: 140px;
  padding: 5px 12px;
  line-height: 24px;
}

.pc-asearch .group .select .icon-tri {
  margin: 0;
  background: url('imgasearch-tri.png') no-repeat;
  background-size: 34px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  float: left;
}

.pc-asearch .group .select .select-value {
  display: none;
  width: 198px;
  position: absolute;
  top: 34px;
  left: -1px;
  border: 1px solid #498d99;
  background: #fff;
  color: #444;
}

.pc-asearch .group .select .option {
  line-height: 34px;
  height: 34px;
  text-indent: 12px;
  cursor: pointer;
}

.pc-asearch .group .select .select-value a {
  color: #444;
  display: block;
}

.pc-asearch .group .select .option.active a, .pc-asearch .group .select .option a:hover {
  background-color: #498d99;
  color: #fff;
}

.asearch-item {
  padding-top: 14px;
  margin: 0 auto;
  width: 308px;
}

.asearch-item a {
  float: left;
  margin-left: 30px;
}

/*通知公告详情页*/
.notice-desc {
  padding-bottom: 40px;
  padding-top: 14px;
  font-size: 0;
}

.notice-desc .title {
  margin-bottom: 26px;
}

.notice-desc h2 {
  font-size: 22px;
  text-align: center;
  color: #498D99;
  line-height: 36px;
}

.notice-desc p {
  line-height: 30px;
  font-size: 16px;
  color: #444;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  text-indent: 32px;
  text-align: justify;
}

.notice-desc .file {
  margin-top: 30px;
  margin-bottom: 20px;
}

.notice-desc .file a {
  color: #498d99;
}

.notice-desc .dowload-all {
  color: #498D99;
  text-decoration: underline;
  margin-left: 76px;
  display: block;
  font-size: 16px;
}

.notice-desc .group, .notice-desc .time {
  text-align: right;
}

/*个人中心-网络专题班*/
.ns-wrapper {
  margin: 0 15px;
  padding: 28px 5px;
}

.ns-wrapper .ns-img {
  float: left;
}

.ns-wrapper .ns-info {
  padding-left: 298px;
}

.ns-wrapper h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 15px;
  height: 30px;
  font-weight: normal;
}

.ns-wrapper p {
  line-height: 22px;
  color: #a6a5a5;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 25px;
  height: 66px;
  text-align: justify;
}

.ns-wrapper .ns-more, .ns-function dd a {
  color: #498d99;
}

.ns-function dd {
  float: left;
  margin-right: 40px;
}

.icon-ns-course, .icon-ns-bbs, .icon-ns-check, .icon-ns-affiche {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.icon-ns-course {
  background: url("imgonline-icons.png") left center;
  background-position: -7px -6px;
}

.icon-ns-bbs {
  background: url("imgonline-icons.png") left center;
  background-position: -48px -6px;
}

.icon-ns-check {
  background: url("imgonline-icons.png") left center;
  background-position: -84px -6px;
}

.icon-ns-affiche {
  background: url("imgonline-icons.png") left center;
  background-position: -122px -6px;
}

.ns-seminar-course .course-name {
  width: 225px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}

.ns-seminar-course .ns-seminar-left span {
  float: left;
}

.icon-ns-learn {
  background: url(imgonline-icons.png) no-repeat;
  background-position: -44px -38px;
  width: 24px;
  height: 24px;
}

.personalcenter .ns-seminar-course {
  _width: 608px;
}

.personalcenter .ns-seminar-learn {
  padding-bottom: 12px;
}

.ns-seminar-learn .explain {
  font-size: 12px;
  color: #9c9b9b;
  margin-top: 12px;
  background-color: #eee;
  padding: 12px 15px;
  line-height: 18px;
  text-align: justify;
}

.ns-seminar-learn .table-title {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  padding: 18px 0 10px;
}

.ns-seminar-learn table {
  font-size: 12px;
  color: #696969;
}

.ns-seminar-learn table th, .ns-seminar-learn table th a {
  font-size: 16px;
  color: #444;
}

.ns-seminar-learn table th a:hover {
  text-decoration: underline;
}

.ns-seminar-learn table td, .ns-seminar-learn table th {
  border: 1px solid #c9c9c9;
  padding: 11px 0;
  line-height: 16px;
}

.ns-seminar-learn .completed {
  font-size: 12px;
  color: #444;
  line-height: 18px;
  margin-top: 12px;
}

.ns-seminar-container .ns-bbs .create {
  margin-right: 75px;
  _margin-right: 55px;
}

.personalcenter .ns-member {
  padding-bottom: 30px;
}

.icon-member {
  background: url(imgonline-icons.png) no-repeat;
  background-position: -122px -40px;
  width: 22px;
  height: 20px;
}

.ns-seminar-container .ns-member .titles span {
  line-height: 52px;
  height: 52px;
}

.ns-seminar-container .ns-member-panel {
  border: 1px solid #e1e1e1;
  border-top: 0;
}

/*.ns-member .titles span{
	_width:90px;
}
.ns-member .titles span.active{
	_width:90px;
}*/
.ns-users-list {
  padding: 0 10px;
  height: 452px;
}

.ns-users-item li {
  float: left;
  width: 25%;
  text-align: center;
  margin-top: 18px;
}

.ns-users-item li a {
  display: block;
  margin: 0 auto;
  width: 56px;
}

.ns-users-item .ns-user {
  margin-bottom: 4px;
}

.ns-users-item a {
  color: #444;
  font-size: 12px;
}

.ns-users-item p {
  line-height: 24px;
  height: 24px;
}

.ns-member .common-page {
  padding: 15px 0;
}

/*网络专题班-课程*/
.ns-course-c .pc-top {
  padding-bottom: 20px;
}

.ns-course-wraper {
  padding-top: 18px;
  margin: 0 20px;
}

.ns-course-wraper h2 {
  color: #444;
  font-size: 16px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  float: left;
}

.ns-course-wraper .ns-function dd {
  margin-left: 40px;
  margin-right: 0;
}

.ns-course .module-title, .ns-bbs .module-title {
  font-size: 18px;
}

.ns-course .icon-clist {
  background: url("imgicon-clist.png") no-repeat;
  width: 22px;
  height: 24px;
}

.ns-course .list-wraper {
  border: 1px solid #e1e1e1;
}

.ns-course .list-wraper .type {
  font-size: 14px;
  text-align: center;
  width: 36px;
  height: 22px;
  line-height: 22px;
  margin-left: 18px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.ns-course .list-wraper .type-red {
  color: #FB1919;
  border: 1px solid #fb1919;
}

.ns-course .list-wraper .type-org {
  color: #fa8802;
  border: 1px solid #fa8802;
}

/*个人空间-学习记录*/
.icon-record {
  background: url('imgicon-record.png') no-repeat;
  width: 23px;
  height: 26px;
}

.pc-record .module-panel {
  height: auto;
  padding-top: 4px;
}

.personalcenter .pc-record {
  padding-bottom: 0;
}

.pc-record .list li {
  padding: 10px 0;
  line-height: 26px;
  color: #444;
  font-size: 16px;
}

.pc-record-c .history {
  margin-top: 14px;
}

/*资源中心*/
.personalcenter .resource {
  height: 1817px;
  _height: 1820px;
}

.personalcenter .resource .module-panel {
  padding-top: 18px;
}

.icon-clist {
  background: url("imgresource-icons.png") no-repeat;
  background-position: -9px -7px;
  width: 23px;
  height: 26px;
}

.icon-chart {
  background: url("imgresource-icons.png") no-repeat;
  background-position: -133px -12px;
  width: 15px;
  height: 15px;
}

.groom-wraper .titles span, .ns-member .titles span {
  background-color: #eeeeee;
  color: #444;
  font-size: 14px;
  text-align: center;
  line-height: 38px;
  height: 38px;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  display: block;
  float: left;
  cursor: pointer;
  width: 91px;
}

.groom-wraper .titles span.active, .ns-member .titles span.active {
  width: 92px;
  color: #498d99;
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

.groom-wraper .uls ul {
  display: none;
}

.groom-wraper .uls ul.active {
  display: block;
}

/*网络专题班-公告*/
.icon-ns-notice {
  background: url('imgicon-ns-notice.png') no-repeat;
  width: 23px;
  height: 26px;
}

.ns-notice-wrapper {
  border: 1px solid #e1e1e1;
  padding: 0 20px;
}

.ns-notice-wrapper table, .ns-bbs table, .ns-seminar-learn table {
  border-collapse: collapse;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: #444;
  table-layout: fixed;
}

.ns-notice-wrapper table th, .ns-notice-wrapper table td,
.ns-bbs table th, .ns-bbs table td {
  padding: 18px 0;
}

.ns-notice-wrapper tbody td {
  border-top: 1px solid #e1e1e1;
}

/*网络专题班-bbs-新帖*/
.ns-bbs-new .module {
  font-size: 16px;
}

.personalcenter .pc-asearch {
  padding-bottom: 30px;
}

.ns-bbs-new .module-panel {
  width: 705px;
}

.ns-bbs-new .group {
  font-size: 14px;
  margin-bottom: 30px;
}

.ns-bbs-new .group label {
  margin-right: 10px;
  width: 30px;
}

.ns-bbs-new .group input {
  width: 638px;
}

.ns-bbs-new .tips, .ns-reply .fb .tips {
  font-size: 14px;
  color: #fb1515;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 30px;
}

.ns-bbs-new .asearch-item, .ns-reply .fb {
  width: auto;
  margin-left: 30px;
  padding: 0;
}

.ns-bbs-new .asearch-item a, .ns-reply .fb a {
  margin-left: 0px;
  margin-right: 20px;
}

/*网络专题班-bbs-详情页*/
.ns-bbs-desc .module-title {
  font-size: 18px;
  border-bottom: 0;
}

.personalcenter .ns-bbs-desc {
  padding-bottom: 30px;
}

.ns-bbs-desc .intro {
  color: #444;
  font-size: 14px;
  border: 2px solid #dadada;
  padding: 14px 18px;
  text-align: justify;
  line-height: 24px;
  margin-bottom: 50px;
  overflow: hidden;
}

.ns-comment {
  padding: 14px 0 20px;
  color: #797979;
  font-size: 14px;
  line-height: 26px;
  border-bottom: 1px dashed #d1d1d1;
}

.ns-comment .ns-user-wrapper {
  float: left;
  color: #444;
  font-size: 14px;
  text-align: center;
  margin-right: 20px;
}

.ns-comment .ns-user, .ns-member .ns-user {
  width: 48px;
  display: block;
  padding: 3px;
  border-color: #F8F8F8 #E6E7E1 #E6E7E1 #F8F8F8;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}

.ns-comment .desc {
  float: left;
  width: 862px;
  text-align: justify;
}

.ns-comment .time {
  text-align: right;
  color: #8f8e8e;
  font-size: 12px;
}

.ns-reply {
  margin-top: 20px;
  padding: 0 35px;
}

.ns-reply textarea {
  border: 1px solid #e1e1e1;
  padding: 10px;
  line-height: 26px;
  font-size: 14px;
  width: 838px;
  height: 138px;
  border-radius: 5px;
}

.ns-reply .fb {
  margin-left: 0;
  margin-top: 20px;
}

.ns-reply .fb a {
  float: left;
}

/*网络专题班-bbs*/
.icon-bbs {
  background: url(imgicon-bbs.png) no-repeat;
  width: 22px;
  height: 26px;
}

.personalcenter .ns-bbs {
  padding-bottom: 26px;
}

.ns-bbs .module-title {
  padding: 15px 0;
  _padding: 16px 0;
  height: 34px;
  line-height: 34px;
}

.ns-bbs .module-panel {
  border: 1px solid #e1e1e1;
}

.ns-bbs .table-list, .ns-bbs .table-list-my {
  padding: 0 20px;
}

.ns-bbs .create {
  float: right;
  border: 2px solid #498d99;
  color: #498d99;
  line-height: 30px;
  padding: 0 15px;
  display: block;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}

.ns-bbs .create i {
  font-style: normal;
  font-size: 26px;
  float: left;
}

.ns-bbs .mypost {
  display: block;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  float: right;
  color: #000000;
  padding: 0 15px;
  border-left: 1px solid #aeaeae;
  margin-top: 5px;
}

.ns-bbs .mypost.active, .ns-bbs .mypost:hover {
  color: #498D99;
}

.ns-bbs .order {
  float: right;
  color: #444;
  font-size: 14px;
}

.ns-bbs .order span, .ns-bbs .order a {
  float: left;
  height: 16px;
  line-height: 16px;
  margin: 9px 0;
  display: block;
  color: #444;
}

.ns-bbs .order a {
  border-left: 1px solid #aeaeae;
  padding: 0 10px;
}

.ns-bbs .order a.active, .ns-bbs .order a:hover {
  color: #498D99;
}

.personalcenter .ns-bbs .search {
  margin: 30px auto 22px;
  float: none;
  border: 0;
  padding: 0;
}

.ns-bbs thead th {
  border-bottom: 1px solid #e1e1e1;
}

.ns-bbs tbody td {
  border-bottom: 1px dotted #000;
  padding: 10px 0;
}

.ns-bbs tbody .course {
  font-size: 16px;
  text-align: left;
}

.ns-bbs tbody .course a {
  color: #444;
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ns-bbs .author, .ns-bbs .rnum, .ns-bbs .postedby, .ns-bbs .verify-green, .ns-bbs .verify-red {
  font-size: 14px;
  color: #444;
  display: block;
  line-height: 24px;
  height: 24px;
}

.table-list-my .btn {
  display: inline-block;
  width: 50px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: 0 5px;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  color: #FFFFFF;
  background-color: #40919F;
  transition: all .3s ease;
}

.table-list-my .btn:hover {
  background-color: #6BB7B7;
}

.ns-bbs .time, .ns-bbs .cnum {
  font-size: 12px;
  color: #989797;
  display: block;
  line-height: 20px;
  height: 20px;
}

.ns-bbs .verify-green {
  color: #16c70d;
}

.ns-bbs .verify-red {
  color: #fa2a2a;
}

/*网络专题班-bbs-提示*/
.ns-bbs-remind .remind-icon{
  background: url(imgicon-remind.png) no-repeat left center;
  padding-left: 36px;
}
.ns-bbs-remind .module-content{
  margin: 30px auto 0;
  min-height: 530px;
}
.ns-bbs-remind .module-content img{
  width: 248px;
  height: 101px;
  display: block;
  float: left;
}
.ns-bbs-remind .module-content .module-info{
  float: left;
  height: 100px;
  width: auto;
  margin: 0 10px;
}
.ns-bbs-remind .module-info .title{
  width: 100%;
  height: 36px;
  text-align: left;
  line-height: 36px;
  font-size: 16px;
}
.ns-bbs-remind .module-info .content-info{
  width: 276px;
  min-height: 63px;
  padding: 0 4px;
}
.ns-bbs-remind .module-info .content-info p{
  display: block;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  margin-top: 13px;
  color: #666666;
}
.ns-bbs-remind .module-info .content-info p span{
  color: #FD1A11;
}
.ns-bbs-remind .module-info .content-info > span{
  margin-top: 6px;
  display: block;
  float: left;
  min-width: 100px !important;
  height: 12px;
  margin-right: 10px;
  font-size: 12px;
  color: #999999;
}
.ns-bbs-remind .module-content .btn-join{
  float: left;
  margin: 5px auto auto 5px;
  width: 80px;
  height: 36px;
  border-radius: 5px;
  background-color: #498D99;
}
.ns-bbs-remind .module-content .btn-join .join-us{
  display: block;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 36px;
}

/*网络专题班-bbs-提交小结*/
.ns-bbs-commit .commit-icon{
  background: url(imgicon-commit.png) no-repeat left center;
  padding-left: 36px;
}
.module-content{
  min-height: 530px;
}
.cmit-ctn{
  width: 100%;
  margin-top: 20px;
  font-size: 12px;
  color: #A7A7A7;
  line-height: 26px;
}
.cmit-ctn .cmit-title{
  position: relative;
  font-size: 14px;
  color: #444444;
  padding-left: 18px;
}
.cmit-ctn .cmit-title i{
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  background-color: #498D99;
}

.cmit-ctn .cmit-title-info,.cmit-ctn .cmit-ctn-info{
  width: 100%;
  color: #444444;
}
.cmit-ctn .cmit-title-info label, .cmit-ctn .cmit-ctn-info label{
  display: inline-block;
  width: 40px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.cmit-ctn .cmit-title-info .cmit-title-in{
  width: 860px;
  /*height: 36px;*/
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #CACACA;
}
.cmit-ctn .cmit-ctn-info{
  margin-top: 20px;
}
.cmit-ctn .cmit-ctn-info .cmit-ctn-in{
  width: 860px;
  height: 300px;
  line-height: 26px;
  padding: 5px 10px;
  border: 1px solid #CACACA;
}
.cmit-ctn .cmit-note{
  padding-left: 50px;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  margin-top: 15px;
  color: #F60909;
}
.cmit-btn-box{
  margin-top: 20px;
  padding-left: 320px;
}
.cmit-btn-box .btn{
  display: inline-block;
  text-align: center;
  line-height: 36px;
  width: 64px;
  border: none;
  height: 36px;
  color: #FFFFFF;
  cursor: pointer;
  margin-right: 20px;
  background-color: #498D99;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  transition: all .3s ease;
}
.cmit-btn-box .btn:hover{
  background-color: #6BB7B7;
}
.cmit-btn-box .cmit-btn{
  width: 90px;
}