@charset "utf-8";
body {
  font-size: 13px;
  color: #666;
  font-family: arial, "\5fae\8f6f\96c5\9ed1", "\5b8b\4f53";
  line-height: 1.8;
  background: #ebedf1;
  min-width: 1200px;
}
.header {
  height: 116px;
  background: #52b0a7 url(bg_logo.jpg) no-repeat center;
}
.logo {
  padding-top: 23px;
  padding-left: 5%;
}
.footer {
  background: #4d4d4d;
  color: #d4d4d4;
  padding: 20px 0px;
  text-align: center;
  line-height: 24px;
}
.popBody {
  background: #fff;
  min-width: 0;
  overflow: hidden;
}
.edui-editor {
  line-height: normal;
}
* {
  box-sizing: content-box;
}
.fI .foundImg_box *,
.fI .option_area * {
  box-sizing: border-box;
}
img {
  display: inline-block;
}
/*--------public---------*/
.tableie {
  line-height: 1.5;
}
.main {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
/*---width---*/
.w61 {
  width: 61px;
}
.w85 {
  width: 85px;
}
.w175 {
  width: 175px;
}
.w195 {
  width: 195px;
}
.w261 {
  width: 261px;
}
.w330 {
  width: 330px;
}
.w560 {
  width: 560px;
}
/*---margin---*/
.ml8 {
  margin-left: 8px;
}
.ml25 {
  margin-left: 25px;
}
.ml32 {
  margin-left: 32px;
}
.ml35 {
  margin-left: 35px;
}
.ml45 {
  margin-left: 45px;
}
.ml110 {
  margin-left: 110px;
}
.mr6 {
  margin-right: 6px;
}
.mr8 {
  margin-right: 8px;
}
.mr110 {
  margin-right: 110px;
}
.mb2 {
  margin-bottom: 2px;
}
.mb4 {
  margin-bottom: 4px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb13 {
  margin-bottom: 13px;
}
.mb25 {
  margin-bottom: 25px;
}
.ml17_minus {
  margin-left: -17px;
}
/*---padding---*/
.pt12 {
  padding-top: 12px;
}
.pt13 {
  padding-top: 13px;
}
.pb12 {
  padding-bottom: 12px;
}

/*---按钮---*/
input,
button,
textarea {
  outline: none;
}
.btnw40,
.btnw80,
.btnw100,
.btnw120,
.btnw160,
.btnw200,
.btnw220,
.btnw280,
.lineBtnw40,
.lineBtnw80,
.lineBtnw100,
.lineBtnw120,
.lineBtnw160,
.lineBtnw200,
.lineBtnw280,
.selectLineBtn,
.searchBox {
  font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
.btnw40 {
  width: 40px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  line-height: 18px\9;
  *line-height: 19px;
}
.btnw80 {
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.btnw100 {
  width: 100px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
}
.btnw120 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
}
.btnw160 {
  width: 160px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
}
.btnw200 {
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}
.btnw220 {
  width: 220px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
}
.btnw280 {
  width: 280px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}
input.btnw40,
button.btnw40 {
  line-height: 18px;
}
input.btnw80,
button.btnw80 {
  line-height: 28px;
}
input.btnw100,
button.btnw100,
input.btnw160,
button.btnw160 {
  line-height: 32px;
}
input.btnw200,
button.btnw200,
input.btnw280,
button.btnw280 {
  line-height: normal;
}
.lineBtnw40 {
  width: 38px;
  height: 18px;
  line-height: 18px;
  font-size: 13px;
  line-height: 16px\9;
}
.lineBtnw80 {
  width: 78px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.lineBtnw100 {
  width: 98px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}
.lineBtnw120 {
  width: 118px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.lineBtnw160 {
  width: 158px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}
.lineBtnwAuto {
  width: auto;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  padding: 0 10px;
}
.lineBtnw200 {
  width: 198px;
  height: 48px;
  line-height: 48px;
  font-size: 20px;
}
.lineBtnw280 {
  width: 278px;
  height: 48px;
  line-height: 48px;
  font-size: 20px;
}
input.lineBtnw40,
button.lineBtnw40 {
  width: 40px;
  height: 20px;
  line-height: 16px;
}
input.lineBtnw80,
button.lineBtnw80 {
  width: 80px;
  height: 30px;
  line-height: 28px;
  *line-height: 26px;
}
input.lineBtnw100,
button.lineBtnw100 {
  width: 100px;
  height: 34px;
  line-height: 32px;
  *line-height: 30px;
}
input.lineBtnw160,
button.lineBtnw160 {
  width: 160px;
  height: 34px;
  line-height: 32px;
  *line-height: 30px;
}
input.lineBtnwAuto,
button.lineBtnwAuto {
  width: auto;
  height: 34px;
  line-height: 32px;
  *line-height: 30px;
}
input.lineBtnw200,
button.lineBtnw200 {
  width: 200px;
  height: 50px;
  line-height: normal;
}
input.lineBtnw280,
button.lineBtnw280 {
  width: 280px;
  height: 50px;
  line-height: normal;
}
.majorButton {
  background: #177bbb;
  color: #fff;
}
.majorButton:hover {
  background: #58ade1;
  color: #fff;
}
.majorButton:active {
  background: #0367a7;
}
.minorButton {
  background: #ff8000;
  color: #fff;
}
.minorButton:hover {
  background: #fc9228;
}
.minorButton:active {
  background: #ec5a02;
}
.lineMajorButton {
  background: #fff;
  border: 1px #177bbb solid;
  color: #177bbb;
}
.lineMajorButton:hover {
  border: 1px #58ade1 solid;
}
.lineMajorButton:active {
  border: 1px #0367a7 solid;
}
.lineMinorButton {
  background: #fff;
  border: 1px #cccccc solid;
  color: #666666;
}
.lineMinorButton:hover {
  border: 1px #ebebeb solid;
}
.lineMinorButton:active {
  border: 1px #999999 solid;
}
.disabledButton {
  background: #cccccc;
  border: 1px #cccccc solid;
  color: #ffffff;
  cursor: default;
}
.lineDisabledButton {
  background: #fff;
  border: 1px #cccccc solid;
  color: #cccccc;
  cursor: default;
}
.selectLineBtn {
  width: 293px;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 5px;
  text-align: left;
}
.selectLeft {
  width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
}
.selectLeft span,
.selectLeft em {
  color: #666;
}
.selectLeft em {
  padding: 0 3px;
  font-size: 12px;
}
.selectRight {
  margin-right: 9px;
  color: #858585;
}
.searchBox {
  position: relative;
  width: 30px;
  height: 30px;
}
.searchBox i {
  position: absolute;
  color: #fff;
  font-size: 16px;
  left: 7px;
  top: 7px;
}

/*图标状态*/
.majorIcon {
  cursor: pointer;
}
.majorIcon {
  color: #58abe1;
}
.majorIcon:hover {
  color: #177bbb;
}

/*---背景色---*/
/* 蓝色 */
.bg_0367a7 {
  background-color: #0367a7;
}
.bg_177bbb {
  background-color: #177bbb;
}
.bg_179ee1 {
  background-color: #179ee1;
}
.bg_58abe1 {
  background-color: #58abe1;
}
.bg_f3fafe {
  background-color: #f3fafe;
}
/* 灰色 */
.bg_cdcdcd {
  background-color: #cdcdcd;
}
.bg_ebebeb {
  background-color: #ebebeb;
}
.bg_fafafa {
  background-color: #fafafa;
}
.bg_f7f8f9 {
  background-color: #f7f8f9;
}
/*白色*/
.bg_fff {
  background-color: #fff;
}
/*---字体颜色---*/
.c_333 {
  color: #333;
}
.c_666 {
  color: #666;
}
.c_999 {
  color: #999;
}
.c_ccc {
  color: #ccc;
}
.c_ebebeb {
  color: #ebebeb;
}
/* 白色 */
.c_fff {
  color: #fff;
}
/* 蓝色 */
.c_177bbb {
  color: #177bbb;
}
.c_179ee1 {
  color: #179ee1;
}
.c_0367a7 {
  color: #0367a7;
}
.c_58abe1 {
  color: #58abe1;
}
/* 黄色 */
.c_fde802 {
  color: #fde802;
}
/*橙色*/
.ff8000 {
  color: #ff8000;
}
.c_ff7800 {
  color: #ff7800;
}
/* 红色 */
.c_ff0000 {
  color: #ff0000;
}
.c_ec5a02 {
  color: #ec5a02;
}
.c_e82629 {
  color: #e82629;
}
/*灰色*/
.c_d7e1e9 {
  color: #d7e1e9;
}

/*---连接---*/
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
a.c_fff {
  color: #fff;
}
a.c_fff:hover {
  color: #fff;
}
a.un_line:link,
a.un_line:visited,
a.un_line:hover,
a.un_line:active {
  text-decoration: none;
}
a.un_line:hover {
  text-decoration: underline;
}

/*---边框---*/
/* 灰色 */
.b_ccc {
  border: 1px solid #ccc;
}
.b_ebebeb {
  border: 1px solid #ebebeb;
}
.bb_cfcfcf {
  border-bottom: 1px solid #cfcfcf;
}
.bm_ebebeb_dashed {
  border-bottom: 1px dashed #ebebeb;
}
.bb_eee_dash {
  border-bottom: 1px dashed #eeeeee;
}
.bt_eee_dash {
  border-top: 1px dashed #eee;
}
/*蓝色*/
.b_58abe0 {
  border: 1px solid #58abe0;
}

/*文本框*/
textarea {
  resize: none;
}

/*弹窗的关闭按钮*/
.ti-close {
  background: url("../images/ti-close.png") no-repeat;
}
.ti-close {
  line-height: 50px;
  width: 18px;
  height: 18px;
  margin-top: 16px;
  background-position: 0 0px;
  cursor: pointer;
}
.ti-close:hover {
  background-position: 0 -20px;
}

/*--------- page-----------*/
/*模拟select*/
.containerSelect {
  height: 28px;
  line-height: 28px;
  background: #ffffff;
  position: relative;
  float: left;
  border: 1px #cccccc solid;
}
.containerSelectOn {
  border: 1px #cccccc solid;
}
.containerSelect .selectArea,
.containerSelect .chooseTxt {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #999;
}
.containerSelect .selectArea {
  overflow: hidden;
}
.containerSelect .chooseTxt {
  top: 0;
  left: 0;
  line-height: 28px;
  padding-left: 10px;
  background: #ffffff;
  color: #ccc;
}
.containerSelect .chooseTxtWhite {
  background: #fff;
}
.containerSelect .chooseBtn {
  position: absolute;
  background: url(../images/selectRight.png) no-repeat;
  width: 28px;
  height: 28px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.containerSelect .chooseBtnCur {
  background: url(../images/selectRight_up.png) no-repeat;
}
.containerSelect .selectChoose {
  position: absolute;
  top: 28px;
  z-index: 1000;
  left: -1px;
  width: 100%;
  background: #ffffff;
  border: 1px #cccccc solid;
  display: none;
  border-top: 0;
}
.containerSelect .selectChoose li {
  padding-left: 10px;
  cursor: pointer;
  height: 28px;
  line-height: 28px;
  color: #999;
}
.containerSelect .selectChoose li:hover {
  background: #58abe1;
  color: #fff;
}
.selectBig {
  height: 33px;
  line-height: 33px;
}
.selectBig .chooseTxt {
  line-height: 33px;
}
.selectBig .chooseBtn {
  background: url(../images/selectRight.png) no-repeat 2px 2px;
  width: 33px;
  height: 33px;
}
.selectBig .selectChoose li {
  height: 33px;
  line-height: 33px;
}
.containerSelectOn {
  border: 1px #58abe0 solid;
}
.containerSelectOn .selectChoose {
  border-color: #58abe0;
}

.cklist {
  padding: 0;
  margin: 0;
}
.cklist li {
  float: left;
  display: inline;
  border: 1px solid #ccc;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  list-style: none;
  margin: 0 10px 10px 0;
  cursor: pointer;
  border-radius: 2px !important;
  color: #999;
}
.cklist li:hover {
  border: 1px #ebebeb solid;
}
.cklist li:active {
  border: 1px #999999 solid;
}
.desable .cklist li {
  border: 1px solid #ebebeb;
}
.cklist li.cur {
  background: #58abe1;
  border: 1px #58abe1 solid;
  color: #fff;
  border-radius: 2px !important;
}

#nav {
  height: 49px;
  line-height: 49px;
  position: relative;
  z-index: 500;
}
.navUl a {
  padding: 0 15px;
  display: block;
  text-align: center;
}
.navUl a:hover,
.navUl .cur a {
  background-color: #0367a7;
}
.ellipsis {
  font-size: 17px;
  letter-spacing: -1px;
  cursor: pointer;
}
.elliMore {
  width: 105px;
  position: absolute;
  left: -15px;
  top: 49px;
  display: none;
}
.elliMore li a {
  font-weight: 300;
  background: #179ee1;
  line-height: 36px;
}
.elliMore li a:hover {
  background: #177bbb;
}
#copyright {
  height: 50px;
  line-height: 50px;
  background-color: #575859;
  text-align: center;
}
.footPos {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.navMore {
  width: 105px;
}
.navMore .ellipsis {
  width: 105px;
}
.navUl .navMore.hover {
  background: #179ee1;
}
.navMore .elliMore {
  left: 0;
}
.navHeader .navMore .elliMore {
  left: auto;
  right: 0;
}
.navUl .navli {
  display: none;
}

.user {
  height: 49px;
  line-height: 49px;
}
#userN {
  /*width:150px;*/
  padding: 0 10px;
}
#userN em.fl {
  color: #e1e1e1;
  opacity: 0.5;
}
#userN i,
#userRole i {
  transition: margin-top 0.5s, transform 0.5s;
  margin-top: 15px;
}
.userN_con i.fa-user,
.userN_con i.fa-cogs,
.userN_con i.fa-refresh,
.userN_con i.fa-sign-out {
  width: 12px;
}
#userN:hover i,
#userRole:hover i {
  transform: rotate(180deg);
  margin-top: 21px;
  *margin-top: 15px;
}
.userLetter_con,
.userN_con {
  width: 61px;
  position: absolute;
  left: 0px;
  top: 49px;
  padding: 10px 0;
  display: none;
}
.msgNum {
  width: 20px;
  height: 14px;
  background: #ec5a02;
  border-radius: 14px 14px 14px 14px;
  line-height: 14px;
  overflow: hidden;
  text-align: center;
}
.teacher_con {
  position: absolute;
  position: absolute;
  right: 0;
  top: 49px;
  padding: 5px 0 10px;
  display: none;
}
.userLetter_con {
  width: 75px;
}
.userLetter_con li em {
  font-size: 10px;
  font-weight: 600;
  margin: 6px 0 0;
}
.userN_con {
  width: auto;
  min-width: 100%;
  _width: 100%;
}
.userN_con ul li,
.userLetter_con ul li,
.teacher_con ul li {
  padding: 0 10px;
  line-height: 27px;
  white-space: nowrap;
}
.mh-third .header-top .userInfo .userN_con ul li a {
  color: #fff;
}
.userN_con ul li:hover,
.userLetter_con li:hover,
.teacher_con li:hover {
  background: #177bbb;
}
#userLetter {
  width: 45px;
  height: 49px;
}
#userLetter span {
  right: 12px;
  top: 12px;
  transform: scale(0.8, 0.8);
  font-size: 9px\0;
  *font-size: 9px;
}
.userRole,
#userRole {
  width: 83px;
}
.letter {
  width: 45px;
}
.mh-third #userN > span {
  max-width: 45px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mh-third .userInfo img {
  width: 24px;
  height: 24px;
  margin-top: 15px;
}
.mh-third #userN i {
  color: #01588b;
}
.mh-third #userN.click_bg_col i {
  color: #fff;
}

.click_bg_col {
  background-color: #179ee1;
}
.click_bg_col2 {
  background-color: #177bbb;
}
.hover_bgcol {
  background-color: #179ee1;
}

#nav .logreg a,
#nav .logreg .logBtn,
#nav .logreg .regBtn {
  color: #fff;
}
/* 头部登录注册样式 begin */
.logoHeader .logBtn,
.header-top .logBtn,
.logoHeader .regBtn,
.header-top .regBtn {
  display: block;
  float: left;
  width: 80px;
  height: 40px;
  background: #1a79ff;
  border-radius: 2px;
  text-align: center;
  line-height: 40px;
  color: #ffffff;
  font-size: 15px;
  margin-left: 10px;
  box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.logoHeader .regBtn,
.header-top .regBtn {
  background: #ffffff;
  border: 1px solid #1a79ff;
  color: #1a79ff;
}
.mh-third .header-top .userInfo a.logBtn,
.mh-third .header-top .userInfo a.logBtn:hover {
  color: #ffffff;
}
.mh-third .header-top .userInfo a.regBtn {
  color: #0a7dbd;
}
.logoHeader .logBtn,
.logoHeader .regBtn {
  margin-top: -3px;
}
/* 资讯门户登录注册 */
.mh-zx .logoHeader .logBtn {
  background: #b50000;
}
.mh-zx .logoHeader .regBtn {
  border: 1px solid #b50000;
  color: #b50000;
}
/* 混合门户登录注册 */
.mh-third .header-top .logBtn,
.mh-third .header-top .regBtn {
  margin-top: 8px;
}
.mh-third .header-top .logBtn {
  background: #0a7dbd;
}
.mh-third .header-top .regBtn {
  border: 1px solid #0a7dbd;
  color: #0a7dbd;
}
/* 头部登录注册样式 end */

/* 学生端、教师端——右上角“用户名”超出 */
.mh_header #userN .userName {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*图标链接状态*/
.iconBlue {
  color: #58abe1;
}
.iconBlue:hover {
  color: #177bbb;
}
.iconBlue:active {
  color: #0367a7;
}
.iconGray {
  color: #999;
}
.iconGray:hover {
  color: #177bbb;
}
.iconGray:active {
  color: #0367a7;
}

/*加载更多*/
.sk-three-bounce {
  margin: 0 auto;
  width: 40px;
  text-align: center;
}
.sk-three-bounce .sk-child {
  width: 8px;
  height: 8px;
  background-color: #179ee0;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*课程学习宽度自适应页面css*/

/* 课程学习 */
body.StudyBody {
  background: #3d3e45;
  padding: 50px 0px;
  min-width: 1010px !important;
  height: auto;
}

/* 可视区域>1920 */
.StudyBody .maCenter {
  width: 1500px;
  margin: 0px auto;
}
.StudyBody .maCenter .H1Title {
  font-size: 26px;
  font-weight: bold;
  color: #ffffff;
  line-height: 45px;
  padding: 0px 25px 5px 25px;
}
.StudyBody .maCenter .H1Title i {
  font-size: 16px;
  color: #efefef;
  margin-right: 5px;
}
.StudyBody .maCenter .H1Title .vback {
  line-height: normal;
  margin-top: 12px;
  font-size: 16px;
  font-weight: normal;
}
.StudyBody .maCenter .H1Title .vback > a {
  color: #efefef;
}
.StudyBody .maCenter .H1Title .vback > a:hover {
  color: #ffffff;
}

/* 内容层投影 */
.s_Box,
.s_BoxCom {
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=120,strength=3); /*ie*/
  -moz-box-shadow: 10px 10px 40px #333333;
  -webkit-box-shadow: 10px 10px 40px #333333;
  box-shadow: 10px 10px 40px #333333;
}
.s_Box .typeBlock,
.s_BoxCom .typeBlock {
  position: absolute;
  left: -50px;
  top: 10px;
  background: #097bc2;
  color: #ffffff;
  width: 50px;
  height: 45px;
  -moz-border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
}
.s_Box .typeBlock i,
.s_BoxCom .typeBlock i {
  font-size: 24px;
  width: 50px;
  height: 45px;
  text-align: center;
  vertical-align: middle;
  line-height: 45px;
}

/* 右侧功能区 */
.RightTool {
  position: fixed;
  left: 50%;
  top: 100px;
  margin-left: 765px;
  width: 40px;
  z-index: 200;
}
.RightTool .SectionIcon {
  width: 38px;
  height: 50px;
  color: #666;
  line-height: 50px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #666;
  float: left;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.RightTool .Prev,
.RightTool .Share {
  width: 38px;
  height: 39px;
  line-height: 39px;
  color: #666;
  text-align: center;
  font-size: 18px;
  border: 1px solid #666;
  border-bottom: 0px;
  float: left;
  -moz-border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
}
.RightTool .Next,
.RightTool .Order {
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #666;
  text-align: center;
  font-size: 18px;
  border: 1px solid #666;
  float: left;
  -moz-border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
}
.RightTool .Top,
.RightTool .Fullscreen {
  width: 38px;
  height: 40px;
  line-height: 40px;
  color: #666;
  text-align: center;
  font-size: 18px;
  margin-top: 10px;
  border: 1px solid #666;
  float: left;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

.ToolMore {
  margin-top: 0px;
  top: 100px;
}
.sidebarCata {
  border-bottom: 1px #666 solid;
  float: left;
  border-radius: 0px 0px 2px 2px;
  border-bottom: 0;
}
.ToolMore .user {
  width: 38px;
  height: 48px;
  color: #666;
  line-height: 48px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #666;
  float: left;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}
.ToolMore .SectionIcon {
  width: 38px;
  height: 49px;
  color: #666;
  line-height: 49px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #666;
  border-bottom: 0px;
  float: left;
  -moz-border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
}
.ToolMore .comment {
  width: 38px;
  height: 49px;
  color: #666;
  line-height: 49px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #666;
  border-bottom: 0px;
  float: left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.ToolMore .comment em {
  font-size: 12px;
  position: relative;
  width: 38px;
  text-align: center;
  line-height: 16px;
  top: -8px;
  display: block;
}
.ToolMore .pencil {
  width: 38px;
  height: 49px;
  color: #666;
  line-height: 49px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #666;
  border-bottom: 0px;
  float: left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.ToolMore .question {
  width: 38px;
  height: 48px;
  line-height: 48px;
  color: #666;
  text-align: center;
  font-size: 18px;
  border: 1px solid #666;
  float: left;
  border-bottom: 0;
}
.ToolMore .sbarItem:last-child,
.RightTool .sbarItem:last-child {
  border-bottom: 1px solid #666;
}
.RightTool .hasbm {
  border-bottom: 1px #666 solid;
  border-radius: 0px 0px 2px 2px;
}
.RightTool .hasone {
  border-bottom: 1px #666 solid;
  border-radius: 2px;
}
.RightTool .btnone {
  border-top: 0;
}
.RightTool a.Cur i.fa,
.RightTool a:hover i.fa,
.RightTool .sbarItem.Cur i,
.RightTool .sbarItem:hover i {
  color: #58abe1;
}
.sbarItem,
.RightTool .bottomTool .btItem {
  cursor: pointer;
  position: relative;
}
.RightTool .user {
  position: relative;
}
/*问答功能按钮*/
.ToolMore .question i.cedu-QnA {
  font-size: 20px !important;
  line-height: 48px !important;
}

/*右侧漂浮*/
.RightTool .Top {
  display: none;
  cursor: pointer;
}
.bottomTool {
  bottom: 0;
  right: 0;
  position: absolute;
}
.bmToolRelative {
  position: relative;
  float: left;
  padding-top: 40px;
}

/* 1920>可视区域>1660 */
@media (min-width: 1601px) and (max-width: 1920px) {
  .StudyBody .maCenter {
    width: 1280px;
  }
  .RightTool {
    margin-left: 655px;
  }
}

/* 1600>可视区域>1330 */
@media (min-width: 1330px) and (max-width: 1600px) {
  .StudyBody .maCenter {
    width: 1180px;
  }
  .RightTool {
    margin-left: 605px;
  }
}

/* 1330>可视区域>1180 */
@media (min-width: 1180px) and (max-width: 1329px) {
  .StudyBody .maCenter {
    width: 1080px;
  }
  .RightTool {
    margin-left: 555px;
  }
}

/* 1180>可视区域 */
@media (max-width: 1179px) {
  .StudyBody .maCenter {
    width: 900px;
  }
  .RightTool {
    margin-left: 465px;
  }
  .ots .maCenter {
    width: 1000px;
  }
  .ots .RightTool {
    margin-left: 0;
    left: auto;
    right: 10px;
  }
}

/*zwlstart*/
.bdt_c7 {
  border-top: 1px #c7dceb solid;
}
.ma {
  width: 1180px;
  margin: 0 auto;
}
.subnav li {
  float: left;
  display: inline;
  position: relative;
  padding: 0 10px;
  padding-bottom: 10px;
  font-size: 16px;
  cursor: pointer;
  margin-right: 20px;
}
.subnav .passd a {
  color: #333;
}
.subnav .cur {
  border-bottom: 3px #177bbb solid;
  color: #177bbb;
}
.subnav li:hover {
  border-bottom: 3px #58abe1 solid;
}
.subnav .cur a {
  color: #177bbb;
}
.subnav .disable {
  cursor: default;
}
.subnav .disable a {
  color: #cccccc;
}
.fdrnav li {
  font-size: 13px;
  margin-right: 10px;
}
.searchDiv .inputText {
  padding-right: 28px;
  width: 265px;
}
.mainSearchDiv .inputText {
  width: 115px;
}
.searchBtn {
  position: absolute;
  width: 23px;
  height: 26px;
  overflow: hidden;
  border: 0;
  right: 1px;
  top: 1px;
  *top: 2px;
  color: #858585;
  font-size: 17px;
  z-index: 1;
}
.searchBtn:hover {
  color: #177bbb;
}
.searchBtn i {
  margin: 4px 0 0 5px;
}
.searchBtnOnly {
  position: absolute;
  width: 23px;
  height: 26px;
  overflow: hidden;
  border: 0;
  right: 1px;
  top: 14px;
  color: #858585;
  font-size: 17px;
  z-index: 1;  
}
.courseAdd span,
.unitAdd span {
  padding-left: 25px;
  position: relative;
}
.courseAdd span i,
.unitAdd span i {
  left: 0;
  top: 5px;
  font-size: 20px;
  font-weight: normal;
}
.vhTab {
  height: 22px;
  overflow: hidden;
}
.courseTit {
  height: 60px;
  padding: 0 25px 0 20px;
  line-height: 60px;
}
.courseList ul {
  float: left;
  display: inline;
  margin-left: -20px;
}
.courseList li {
  float: left;
  display: inline;
  width: 280px;
  height: 250px;
  background: #fff;
  margin: 15px 0 0 20px;
  position: relative;
}
.courseList strong {
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  padding-top: 10px;
}
.courseList strong a {
  color: #333333;
  font-size: 16px;
}
.floatAdd {
  height: 35px;
  line-height: 35px;
  border: 1px #58abe1 solid;
  background: #fff;
  cursor: pointer;
}
.floatAdd span {
  font-size: 16px;
  padding-left: 20px;
  position: relative;
}
.floatAdd span i {
  left: 0;
  font-size: 16px;
  top: 3px;
  font-weight: normal;
}
.addTopFloat .levelState {
  top: 12px;
}
/* .courseList .setup { color:#58ade1; float:right; display:inline; position:relative; margin:15px 15px 0 0; padding-left:22px; cursor:pointer;} */
.courseList .setup {
  color: #58abe1;
  float: right;
  display: inline;
  position: relative;
  margin: 17px 10px 0 0;
  padding-left: 22px;
  cursor: pointer;
}
.courseList .setup:hover em,
.courseList .setup:hover i {
  color: #177bbb;
}
.courseList .setup em {
  font-size: 14px;
}
.courseList .setup i {
  left: 0;
  top: 3px;
  font-size: 18px;
}
.courseList .pic {
  position: relative;
  overflow: hidden;
  height: 158px;
  overflow: hidden;
}
.courseList .pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.blueTrans {
  background: #179ee1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.startDesign {
  width: 100%;
  text-align: center;
  left: 0;
  top: 0;
  color: #fff;
}
.startDesign span {
  font-size: 18px;
  padding-left: 36px;
  position: relative;
}
.startDesign i {
  font-size: 28px;
  left: 0;
  top: -4px;
}
.startDesign a {
  float: left;
  display: inline;
  width: 280px;
  height: 95px;
  padding-top: 70px;
  color: #fff;
}
.addBtn {
  position: relative;
  width: 100%;
  float: left;
  display: inline;
  font-size: 16px;
  padding-top: 150px;
  text-align: center;
  height: 100px;
}
.addBtn i {
  font-size: 70px;
  left: 50%;
  margin-left: -28px;
  top: 75px;
}
.courseMore {
  height: 50px;
  background: #fafafa;
}
.handle {
  left: 25px;
  top: 10px;
}
.handle dd {
  float: left;
  display: inline;
  width: 127px;
  margin: 15px 0 0 0;
}
.handle a {
  color: #fff;
  padding-left: 22px;
  position: relative;
  font-size: 16px;
}
.handle a i {
  left: 0;
  top: 0;
  font-size: 18px;
  font-weight: normal;
}
.courseState {
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.courseState .stateBox {
  position: relative;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.courseState em {
  position: absolute;
  width: 100%;
  height: 28px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.courseState span {
  font-size: 14px;
  color: #fff;
  padding: 0 20px;
  position: relative;
  *display: block;
}
.stateRelease em,
.stateExamine em,
.stateDesign em,
.stateNotpass em {
  opacity: 1;
  filter: alpha(opacity=100);
}
.stateRelease em {
  background: #62ce61;
}
.stateExamine em {
  background: #fc9228;
}
.stateDesign em,
.courseState .ing {
  background: #58abe1;
}
.courseState .over {
  background: #62ce61;
}
.stateNotpass em {
  background: #ea5b5b;
}
.lock {
  font-size: 18px;
  margin-top: 4px;
}
.shzt {
  color: #58abe1;
  font-size: 14px;
  cursor: pointer;
}
.shzt:hover {
  color: #177bbb;
}
.lockAudit {
  left: 15px;
  bottom: 7px;
  height: 25px;
  line-height: 25px;
}
.courseList .disable strong a,
.courseList .disable .setup {
  color: #999999;
}
.courseList .disable .setup i {
  color: #999999;
}
.courseList .disable .setup:hover em {
  color: #999999;
}
.disable .pic img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.7;
}
.disable .setup {
  cursor: default;
}
.disable .shzt {
  color: #999999;
}
.seting {
  width: 70px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #179ee1;
  display: none;
}
.seting dl {
  float: left;
  display: inline;
}
.seting dd {
  float: left;
  display: inline;
  padding: 5px 0;
  width: 100%;
}
.seting dd:hover {
  background: #318bc5;
}
.seting a {
  color: #fff;
  font-size: 14px;
  padding-left: 22px;
  margin-left: 10px;
  position: relative;
}
.seting a i {
  left: 0;
  top: -1px;
  font-size: 18px;
}
.seting .btnCopyCourse i {
  font-size: 16px;
}
.topTitle {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding: 22px 0 0 10px;
}
.mtit strong {
  padding-left: 12px;
  position: relative;
  float: left;
}
.mtit strong.hasIcon {
  padding-left: 45px;
}
.mtit strong i {
  left: 10px;
  top: 5px;
}
.back {
  margin: 3px 25px 0 0;
}
.back i {
  margin-top: 5px;
  cursor: pointer;
  padding: 0;
}
.back i:hover {
  color: #177bbb;
}
.content {
  border: 1px #ebebeb solid;
  background: #fff;
  padding-top: 30px;
  padding-bottom: 40px;
}
.btnpb {
  padding: 0 20px;
  border: 0;
}
.mnav {
  height: 38px;
  position: relative;
}
.mnavLine {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #cfcfcf;
  line-height: 1px;
  font-size: 1px;
}
.mnav ul {
  float: left;
  position: relative;
}
.mnav li {
  float: left;
  display: inline;
  margin: 0 20px 0 0;
  height: 38px;
  line-height: 35px;
  cursor: pointer;
}
.mnav li a {
  /*font-size:14px;*/
}
.mnav .cur a {
  color: #177bbb;
}
.mnav li span {
  padding: 0 10px;
}
.mnav .cur span {
  border-bottom: 3px #177bbb solid;
  float: left;
  height: 35px;
}
.maMore {
  line-height: 40px;
  position: relative;
  margin-left: 38px;
  padding-right: 16px;
}
.maMore i {
  right: 0;
  top: 12px;
}
.table {
  border: 1px #ddd solid;
  border-top: 0;
  border-left: 0;
}
.table th,
.table td {
  border: 1px #ddd solid;
  border-bottom: 0;
  border-right: 0;
  text-align: center;
  font-size: 13px;
}
.table th {
  padding: 7px 0;
  background: #ebebeb;
  color: #666;
}
.table td {
  padding: 7px 0;
  background: #ffffff;
}
.table tr:hover td {
  background: #fafafa;
}
.table td a {
  color: #177bbb;
}
.table td em {
  padding: 0 5px;
  color: #999999;
  font-size: 12px;
}
.smallTable th,
.smallTable td {
  padding: 4px 0;
  line-height: 1.5;
}
.tdovh {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page,
.pageL {
  color: #999;
}
.pageList li,
.pageL li {
  float: left;
  display: inline;
  margin: 0 2px;
  position: relative;
}
.pageList li span,
.pageList li a,
.pageL li span,
.pageL li a {
  float: left;
  display: inline;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #333;
  border: 1px solid #fff;
  font-size: 16px;
  overflow: hidden;
  text-align: center;
  border-color: transparent;
  background-color: transparent;
}
.pageList li a.dis,
.pageL li a.dis {
  color: #ccc;
}
.pageList li a:hover,
.pageL li a:hover {
  color: #58ade1;
  border: 1px solid #58ade1;
}
.pageList li a:active,
.pageL li a:active {
  color: #0367a7;
  border: 1px solid #0367a7;
}
.pageList li a.cur,
.pageL li a.cur {
  color: #fff;
  background: #177bbb;
  border: 1px solid #177bbb;
}
.page .prev a,
.page .next a {
  /*padding-top:6px; height:22px;*/
}
.pageL li {
  margin: 0 4px;
}
.pageL li span,
.pageL li a {
  width: 26px;
  height: 26px;
  line-height: 28px;
  font-size: 14px;
}
.pageSelect {
  line-height: 1;
  text-align: left;
}
.homePageBox {
  padding-top: 8px;
  height: 42px;
}
.topIconBtn {
  margin: 35px 0 0 10px;
  line-height: 1;
  cursor: pointer;
  position: relative;
}
.topDesBtn {
  margin: 32px 10px 0 0;
}
.topIconBtn i {
  color: #999;
  font-size: 16px;
  margin-top: 1px;
  float: left;
}
.topIconBtn span {
  float: left;
  line-height: 16px;
}
.topIconBtn:hover i,
.topIconBtn:hover span {
  color: #177bbb;
}
/*小分页*/
.pageSmall .pageList li span,
.pageSmall .pageList li a,
.pageSmall .pageL li span,
.pageSmall .pageL li a {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
}
.pageSmall .pageList li {
  float: none;
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

/* 知识中心-分页不对齐bug处理 */
.kc-layout-main .page > div {
  overflow: hidden;
}
#trainListDiv .page > div {
  overflow: hidden;
}
.cancel {
  border: 1px #d2dae1 solid;
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  padding: 0 20px;
}
.courseAngle,
.levelAngle,
.courseTitOperation i {
  cursor: pointer;
}
.courseTitOperation i:hover {
  color: #177bbb;
}
.courseTitOperation .fa-plus,
.courseTitOperation .fa-edit {
  margin-top: 1px;
}
.rotateMore {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.rotateMore i {
  animation: 0.6s linear 0s normal none infinite rotate;
  -webkit-animation: 0.6s linear 0s normal none infinite rotate;
  top: -5px;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}

/*基本信息*/
.infoBox {
  border: 1px #ebebeb solid;
  background: #fefefe;
  padding: 40px 0 40px 0;
}
.infoLine {
  border-bottom: 1px #ebebeb dashed;
}
.infoLine label {
  float: left;
  height: 35px;
  line-height: 35px;
  text-align: right;
  width: 150px;
  font-size: 14px;
}
.infoLine .radio-box {
  width: inherit;
}
.radio-box {
  position: relative;
  margin-left: 8px;
}
.ques_opts .radio-box {
  margin-left: 1px;
}
.rowitem .radio-box {
  float: left;
  margin-left: 0;
  line-height: 35px;
}
.radio {
  margin: 9px 8px 0 0;
  cursor: pointer;
}
.radio.disabled {
  cursor: default;
}
.radio input,
.td-radio input {
  position: absolute;
  top: 0;
  left: -9999em;

  width: 16px;
  height: 18px;
}
.label-checkbox {
  position: relative;
}
.checkbox {
  position: absolute;
  top: 0;
  left: -9999em;
}
.checkbox-i,
.disabled-checked,
.label-checkbox .disabled {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-bottom: 3px;
  padding-right: 0.65em;
  background: url(../images/checkbox-bg.png) no-repeat;
  vertical-align: middle;
  cursor: pointer;
}
.checked {
  background-position: 0 -16px;
}
.disabled-checked {
  background-position: 0 -32px;
  cursor: default;
}
.label-checkbox .disabled {
  background-position: 0 -48px;
  cursor: default;
}
tr .checkbox-i,
tr .label-checkbox .disabled,
tr .disabled-checked {
  padding-right: 0;
}
.infoLine textarea {
  float: left;
  width: 100%;
  border: 1px #cccccc solid; /* height:130px; */
  height: 84px;
  line-height: 24px;
}
.addBox span {
  font-size: 14px;
  position: relative;
  padding: 0 10px 0 10px;
  display: inline;
}
.addBox span i {
  position: relative;
  font-size: 12px;
  margin-right: 5px;
}
.infoLineLast {
  border: 0;
}
.infoFloat {
  height: 70px;
  position: fixed;
  z-index: 1001;
  width: 100%;
  left: 0;
  bottom: 0;
}
.infoFloat .ma {
  width: 100%;
  max-width: 1180px;
}
.iFbg {
  position: absolute;
  width: 100%;
  height: 75px;
  background: #333;
  left: 0;
  top: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.infosmaArea textarea {
  width: 727px;
}
.infosmaRw {
  width: 754px;
}
.radio-box .disabled {
  color: #ebebeb;
}
.most {
  position: absolute;
  right: -22px;
  top: 152px;
  white-space: nowrap;
  color: #999;
}
.mostPor {
  right: 0;
}
.speakerLibBox {
  right: 0;
  top: 0;
}

/*课程首页-横列*/
.courseRowList li {
  float: left;
  width: 100%;
  height: 165px;
  background: #fff;
  margin: 15px 0 0 0;
}
.courseRowList li .pic,
.courseRowList li .pic img {
  width: 280px;
  height: 100%;
}
.rowRight {
  width: 855px;
  position: relative;
}
.rowRight strong a {
  font-size: 20px;
  color: #333;
}
.rowOperation {
  position: absolute;
  left: 0;
  top: 120px;
}
.rowOperation a {
  float: left;
  display: inline;
  position: relative;
  padding: 0 0 0 18px;
  font-size: 14px;
  color: #58abe1;
  margin: 0 30px 0 0;
}
.rowOperation a i {
  left: 0;
  top: 4px;
  color: #58abe1;
  font-size: 16px;
}
.rowOperation a:hover,
.rowOperation a:hover i {
  color: #177bbb;
}
.rowRight .courseState {
  text-align: right;
}
.rowRight .courseState em {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.rowRight .courseState .bggreen em {
  background: #1f8000;
}
.rowRight .lock {
  right: 0;
  top: 125px;
  left: auto;
}
.rowRight .courseState .bgorange em {
  background: #fb730f;
}
.rowRight .courseState .bggray em {
  background: #999999;
}
.rowRight .lockAudit {
  right: 0;
  top: 120px;
  left: auto;
}
.searchDiv {
  z-index: 99;
}
.seniorBox {
  position: absolute;
  width: 421px;
  border: 1px #ebebeb solid;
  box-shadow: 0 4px 8px rgba(204, 204, 204, 0.8);
  right: 51px;
  top: 0;
  height: 94px;
  z-index: 20;
  background: #fff;
}
.seniorBox label {
  float: left;
  width: 76px;
  text-align: right;
  line-height: 30px;
}
.dateBox i {
  font-size: 16px;
  right: 10px;
  top: 7px;
}
.picMask {
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
}
.rowStart {
  position: absolute;
  left: 0;
  top: 105px;
}
.seeCopyDel {
  display: none;
}
.seeCopyDel a:hover i {
  color: #177bbb;
}

.mask-design {
  height: 100%;
}
.handle-design {
  top: 50%;
  margin-top: -50px;
}

/*共享课程*/
.handleShare {
  left: 70px;
  top: 40px;
}
.handleShare dd {
  float: left;
  display: inline;
  width: 100%;
  margin: 10px 0 0 0;
}

/*弹窗*/
#overlay {
  background: #000;
  filter: alpha(opacity=100);
  opacity: 1;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
#ol-close {
  width: 49px;
  height: 49px;
  background: url("../images/bigWinClose.png") no-repeat 0 0;
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 9999;
  display: none;
  cursor: pointer;
}
#ol-close:hover {
  background: url("../images/bigWinClose.png") no-repeat -51px 0;
}
.pop,
.popIframe {
  z-index: 3000;
  background: #fff;
  position: absolute;
  display: none;
}
.popIframe {
  display: block;
  visibility: hidden;
  overflow: scroll;
}
.titlePop,
.titlePop_dis {
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  font-size: 18px;
  background: #eeeeee;
  color: #999999;
}
.titlePop_dis {
  background: #fff;
}
.titlePop .fa-remove {
  margin-top: 12px;
  cursor: pointer;
  font-size: 24px;
}
.contit {
  font-size: 18px;
  color: #333333;
}
.popscroll {
  overflow: hidden;
  position: relative;
}
/*删除课程*/
.tanDelCourse,
.tanCopyCourse,
.tanAudit {
  width: 400px; /*width:450px;*/
}
/*新增课程*/
.tanAddCourse {
  width: 760px;
}
.rowitem strong {
  float: left;
  font-size: 14px;
  width: 110px;
}
.rowitem label {
  float: right;
  line-height: 30px;
}
.rowitem em {
  float: right;
  display: inline;
  padding: 0 5px 0 0;
  color: #ea2606;
  font-size: 18px;
  line-height: normal;
  height: 30px;
  overflow: hidden;
  line-height: 36px;
}
.rowitem .selectLineBtn em {
  float: none;
  color: #666;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  padding: 0 3px;
}
.rowitem textarea {
  float: left;
  width: 598px;
  display: block;
}
.itemradio {
  margin: 9px 0 0 0;
}
/*添加资源*/
.tanAddResources,
.tanAddQuestionaires,
.tanLookQuestionaire {
  width: 960px;
}
.tanTectarea {
  margin: 0 20px 0 98px;
}
.tanTectarea textarea,
.rowitem .tanTectarea textarea {
  width: 100%;
}

/*课程级活动*/
.eye {
  padding: 0 0 0 25px;
  margin-top: 18px;
}
.eye i {
  left: 0;
  top: 2px;
}
.courselevelList li {
  border: 1px #ebebeb solid;
  background: #fff;
  display: block;
  height: 38px;
  margin: 10px 0 0 0;
  position: relative;
}
.courselevelList li strong {
  float: left;
  display: inline;
  margin: 0 0 0 30px;
  line-height: 38px;
}
.courselevelList li strong a {
  font-size: 14px;
}
.afterIcon,
.timeIcon,
.tryIcon {
  margin: 12px 0 0 10px;
}
.cledit {
  margin: 12px 0 0 0;
}
.cledit:hover i.fa-edit {
  color: #177bbb;
}
.more_icon {
  font-size: 15px;
  line-height: 42px;
}
.addTopFloat {
  position: fixed;
  width: 100%;
  height: 60px;
  border-bottom: 1px #ebebeb solid;
  box-shadow: 0 4px 8px rgba(204, 204, 204, 0.8);
  background: rgba(255, 255, 255, 0.9);
  *background: #fefdfd;
  background: #fefdfd\0;
  left: 0;
  top: 0;
  z-index: 2000;
  display: none;
}
.addTopFloat .courseActivityBox .addActivity {
  top: 60px;
}

/*单元级活动*/
.courselevelBox {
  margin-bottom: 15px;
}
.oneLevel,
.courseLevel {
  height: 48px;
  background: #179ee1;
  border: 1px solid #179ee1;
}
.levelRight {
  width: 235px;
}
.levelBtn {
  cursor: pointer;
}
.levelBtn i {
  margin: 18px 0 0 0;
  margin-right: 5px;
}
.twoLevel,
.threeLevel {
  height: 48px;
  border: 1px #58abe1 solid;
  background: #f3fafe;
  padding: 0 24px 0 14px;
}
.threeBox {
  margin-left: 42px;
}
.threeEdit,
.twoEdit,
.oneEdit {
  height: 48px;
  border: 1px #58abe1 solid;
  background: #ffffff;
}
.threeText {
  padding: 0 50px;
}
.oneText {
  padding: 0 45px;
}
.threeInp {
  width: 100%;
  height: 48px;
  border: 0;
  outline: none;
  *height: 35px;
  *padding-top: 15px;
}
.moveDel {
  display: none;
}
.moveDel span {
  width: 24px;
  height: 24px;
  float: left;
  display: inline;
  margin-left: 5px;
  cursor: pointer;
}
.moveDel span i {
  margin: 4px 0 0 5px;
  font-size: 16px;
}
.moveDel .movedown i {
  margin-top: 5px;
}
.blueMoveDel:hover {
  background: #58abe1;
}
.blueMoveDel i {
  color: #fff;
}
.whiteMoveDel {
  width: 28px;
  height: 28px;
  background: #fff;
  cursor: pointer;
}
.whiteMoveDel i {
  color: #58abe1;
}
.whiteMoveDel:hover {
  border: 1px #58abe1 solid;
}
.moveDel .whiteMoveDel:hover {
  width: 22px;
  height: 22px;
}
.moveDel .whiteMoveDel:hover i {
  margin: 3px 0 0 4px;
}
.moveDel .whiteMoveDel:hover.movedown i {
  margin-top: 4px;
}
.twoLevel .whiteMoveDel,
.threeLevel .whiteMoveDel {
  background: transparent;
}
.twoLevel .whiteMoveDel:hover,
.threeLevel .whiteMoveDel:hover {
  background: #fff;
}
.moveDel .levelDel i {
  margin-top: 5px;
  margin-left: 6px;
}
.moveDel .whiteMoveDel:hover.levelDel i {
  margin-top: 4px;
  margin-left: 5px;
}
.unitLevelList li {
  border: 1px #ebebeb solid;
  background: #fff;
  display: block;
  height: 38px;
  margin: 10px 0 0 0;
}
.unitLevelList li strong {
  float: left;
  display: inline;
  margin: 0 0 0 10px;
  line-height: 38px;
}
.unitLevelList li strong a {
  font-size: 14px;
}
.threeIcon {
  float: left;
  display: inline;
  width: 40px;
  height: 40px;
  border-right: 1px #ebebeb solid;
  position: relative;
}
.threeIcon i {
  font-size: 20px;
  left: 11px;
  top: 12px;
}
.addActivity {
  right: 0;
  top: 35px;
  z-index: 100;
  box-shadow: 0 4px 8px rgba(204, 204, 204, 0.8);
  display: none;
}
.addActivityLast {
  top: -170px;
}
.addActivity ul {
  width: 610px;
  height: 175px;
  background: #fff;
  border: 1px #ebebeb solid;
  padding: 3px 0 0 15px;
}
.addActivity ul li {
  float: left;
  display: inline;
  width: 85px;
  text-align: center;
  margin: 15px 0 0 0;
}
.addActivity .pic {
  height: 42px;
  line-height: 40px;
  padding-left: 22px;
}
.addActivity .pic a {
  display: inline-block;
  *display: inline;
  *z-index: zoom;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  vertical-align: middle;
  display: table-cell;
  width: 40px;
}
.addActivity .pic i {
  font-size: 32px;
  display: table-cell;
  vertical-align: middle;
}
.addActivity em {
  position: absolute;
  width: 15px;
  height: 7px;
  background: url(../images/angle_up.png) no-repeat;
  right: 20px;
  top: -6px;
  display: none;
}
.courseActivityBox .addActivity {
  left: 0;
  top: 45px;
  right: auto;
}
.courseActivityBox .addActivity em {
  left: 100px;
  right: auto;
}
.levelMore {
  right: -15px;
  top: 35px;
  z-index: 100;
  display: none;
}
.levelMore dl,
.addTAN dl,
.exportCon dl {
  background: #fff;
  border: 1px #ebebeb solid;
  border-bottom: none;
  box-shadow: 0 4px 8px rgba(204, 204, 204, 0.8);
  padding: 5px 0 2px 0;
}
.levelMore dl dd,
.addTAN dl dd,
.exportCon dl dd {
  display: block;
  white-space: nowrap;
  text-align: left;
  padding: 0 10px 0 33px;
  position: relative;
  line-height: 30px;
}
.levelMore dl .ddline {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.levelMore .pic,
.addTAN .pic,
.exportCon .pic {
  width: 23px;
  height: 24px;
  position: absolute;
  left: 10px;
  top: 0;
  text-align: center;
}
.levelMore .pic i,
.addTAN .pic i,
.exportCon .pic i {
  font-size: 16px;
  left: 0;
  top: 7px;
}
.levelMore .pic .fa-code-fork {
  left: 4px;
}
.levelMore dl dd span,
.addTAN dl dd span,
.exportCon dl dd span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: left;
}
.levelMore dl dd .checkbox {
  float: left;
  display: inline;
  margin: 5px 0 0 0;
}
.levelMore em {
  position: absolute;
  width: 15px;
  height: 7px;
  background: url(../images/angle_up.png) no-repeat;
  right: 20px;
  top: -6px;
}
.unitLevelList .levelMore {
  top: 35px;
}
.unitLevelList .levelMoreLast {
  top: auto;
  bottom: 30px;
}
.levelState {
  border: 1px #e7e0da solid;
  background: #fff9b4;
  height: 35px;
  line-height: 35px;
  width: 200px;
  text-align: center;
  color: #999999;
  left: 50%;
  margin-left: -100px;
  top: 8px;
}
.levelMoreBtn {
  cursor: pointer;
  height: 50px;
  font-size: 15px;
  line-height: 50px;
}
.unitLevelList .levelMoreBtn:hover,
.twoLevel .levelMoreBtn:hover,
.threeLevel .levelMoreBtn:hover,
.twoLevelBtn:hover i,
.twoLevelBtn:hover span,
.plusBtn:hover i,
.plusBtn:hover span,
.addActivity .pic a:hover i {
  color: #177bbb;
}
.unitLevelList .levelMoreBtn,
.courselevelList .levelMoreBtn {
  height: 40px;
  line-height: 40px;
}
.courseActivity_ctrl a,
.courseActivity_ctrl a i {
  color: #58abe1;
}
.courseActivity_ctrl a:hover,
.courseActivity_ctrl a:hover i,
.courseActivity_ctrl a:hover span {
  color: #177bbb;
}
/*选择建课模式*/
.course_design .cur {
  border: 1px solid #ccc;
}
.course_design_con:hover {
  border: 2px solid #9ccff0;
  padding-top: 29px;
  padding-bottom: 29px;
  width: 378px;
}
.course_design_con:hover .mode1 {
  display: none;
}
.course_design_con:hover .mode2 {
  display: block;
}

.moveDel .levelDel i.mt-new {
  margin-top: 3px;
  margin-left: 5px;
}
.moveDel .whiteMoveDel:hover.levelDel i.mt-new {
  margin-top: 2px;
  margin-left: 4px;
}

/* 富文本编辑器 */
.ueeditor-btn {
  width: 100px;
  cursor: pointer;
}
.editor-con {
  min-height: 175px;
}
.homework-text {
  min-height: 195px;
}
.add-course-editor {
  min-height: 130px;
}
.add-course-editor span {
  clear: both;
  white-space: nowrap;
  cursor: pointer;
}
/*zwlend*/
/*滚动菜单*/
.rollNav {
  height: 43px;
  position: relative;
}
.prevNextBox,
.pnbtn {
  width: 15px;
  height: 40px;
  position: relative;
}
.termBox ul {
  white-space: nowrap;
  float: left;
}
.termBox li {
  padding: 0 15px;
  margin: 0 5px;
  float: left;
  display: inline;
  max-width: 100px;
  height: 43px;
  line-height: 43px; /*overflow:hidden;*/
  white-space: normal;
  position: relative;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.termBox li a {
  display: block;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.termBox li.cur,
.termBox .rollbox li:hover {
  color: #177bbb;
}
.termBox li.cur i,
.termBox li:hover i {
  left: 0;
  top: 40px;
  width: 100%;
  height: 3px;
  background: #177bbb;
}
.termBox li:hover i {
  background: #58abe1;
}
.btn_arrow {
  font-size: 26px;
  color: #d5d5d5;
  margin: 8px 0 0 0px;
  cursor: pointer;
}
.btn_arrow:hover {
  color: #177bbb;
}
.btn_arrow:active {
  color: #0367a7;
}
.strNav li {
  height: 60px;
  line-height: 60px;
}
.strNav .termBox .termRoll {
  height: 60px;
}
.strNav .termBox li.cur i,
.strNav .termBox li:hover i {
  top: 57px;
}
.strNav .prevNextBox,
.strNav .pnbtn {
  height: 60px;
}
.strNav .btn_arrow {
  margin-top: 16px;
}
.termBox .maMoreLi {
  padding: 0;
  position: relative;
  z-index: 200;
}
.maMoreBox {
  text-align: left;
  padding: 1px 10px 5px 21px;
  position: absolute;
  left: 5px;
  top: 0;
  cursor: default;
}
.maMoreBox span {
  display: block;
  height: 43px;
  line-height: 36px;
  cursor: pointer;
}
.maMoreBox span:hover {
  color: #177bbb;
}
.mnavMoreList {
  display: none;
  max-height: 240px;
  overflow: hidden;
}
.mnavMoreList.maxH {
  max-height: 240px;
  overflow: hidden;
}
.mnavMoreList dl {
  padding-right: 10px;
}
.maMoreBox dd {
  line-height: 35px;
  cursor: pointer;
  white-space: nowrap;
  max-width: 98px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.maMoreBox dd:hover {
  color: #177bbb;
}
.maMoreLi.hover .maMoreBox {
  border: 1px #ebebeb solid;
  padding: 0 10px 5px 20px;
  box-shadow: 0 4px 8px rgba(204, 204, 204, 0.8);
  background: #fff;
}
.maMoreLi.hover .mnavMoreList {
  display: block;
}
.strNav .maMoreLi {
  margin-top: 7px;
}
.termBox .tabli {
  display: none;
}

/*图片弹窗*/
.pictip em {
  position: absolute;
  width: 17px;
  height: 17px;
  background: url(../images/ti-close-white.png) no-repeat;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.pictip em:hover {
  background-position: 0 bottom;
}
.pictip .img {
  max-width: 800px;
  display: block;
}

/*提示框*/
.tryListen,
.talkBtnDisable,
.btn_doWork_disabled,
.last_time,
.downloadTip {
  position: relative;
}
.tipBox {
  position: absolute;
  z-index: 200;
}
.tipBox .prompt {
  position: relative;
  float: left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 2px 12px;
  line-height: 24px;
}
.tipcon {
  white-space: nowrap;
}
.tipBox .prompt .point {
  position: absolute;
}
.grayDarkLeft .prompt {
  background: #666666;
  color: #fff;
}
.grayDarkLeft .prompt .point {
  background: url(../images/tip_graydark.png) no-repeat -10px 0;
  width: 5px;
  height: 10px;
  right: -5px;
  top: 9px;
}
.grayLineBottom .prompt,
.grayLineTop .prompt {
  background-color: #fff;
  border: 1px solid #ebebeb;
  color: #666666;
  box-shadow: -2px 2px 5px rgba(204, 204, 204, 0.4);
}
.grayLineBottom .prompt .point,
.grayLineTop .prompt .point {
  background: url(../images/tip-yellowsimple_arrows.gif) no-repeat;
  width: 9px;
  height: 7px;
}
.grayLineBottom .prompt .point {
  top: -6px;
}
.grayDarkBottom .prompt {
  background: #666666;
  color: #fff;
}
.grayDarkBottom .prompt .point {
  background: url(../images/tip_graydark.png) no-repeat -20px 0;
  width: 10px;
  height: 6px;
  top: -5px;
}
.grayBlackBottom .prompt {
  background: #000000;
  color: #fff;
}
.grayBlackBottom .prompt .point {
  background: url(../images/tip_black.png) no-repeat -20px 0;
  width: 10px;
  height: 6px;
  top: -5px;
}
.grayBlackLeft .prompt {
  background: #000000;
  color: #fff;
}
.grayBlackLeft .prompt .point {
  background: url(../images/tip_black.png) no-repeat -10px 0;
  width: 5px;
  height: 10px;
  right: -5px;
  top: 9px;
}

.grayDarkTop .prompt {
  background: #666666;
  color: #fff;
}
.grayDarkTop .prompt .point {
  background: url(../images/tip_graydark.png) no-repeat -21px -9px;
  width: 10px;
  height: 6px;
  bottom: -5px;
  left: 50%;
  margin-left: -1px;
}

.grayLineTop .prompt .point {
  background-position: -18px 0;
  bottom: -7px;
}
.tipHtml {
  display: none;
  -moz-box-shadow: -3px 3px 3px #ccc;
  -webkit-box-shadow: -3px 3px 3px #ccc;
  box-shadow: -3px 3px 3px #ccc;
}

/*复合素材-横版*/
.videoCompos {
  width: 400px;
  float: left;
}
.pdfCompos {
  margin-left: 400px;
  border: 1px #cccccc solid;
}
.pdfCompos img {
  display: block;
  width: 100%;
}

/*复合素材-竖版*/
.filebox img {
  display: block;
  width: 100%;
}

/*表单元素*/
.inputText,
.multiRowText {
  border: 1px #cccccc solid;
  color: #666;
  border-radius: 2px;
  outline: none;
}
.inputText {
  height: 28px;
  line-height: 28px;
  padding: 0 5px;
}
.multiRowText {
  padding: 5px;
  width: 100%;
  line-height: 1.8;
}
.ih34 {
  height: 32px;
  line-height: 32px;
}
.iw60 {
  width: 48px;
}
.iw100 {
  width: 88px;
}
.iw150 {
  width: 138px;
}
.iw180 {
  width: 168px;
}
.iw200 {
  width: 188px;
}
.iw300 {
  width: 288px;
}
.iw350 {
  width: 338px;
}
.iw400 {
  width: 388px;
}
.iw450 {
  width: 438px;
}
.iwAuto {
  width: 100%;
}
.siw30,
.siw50,
.siw100,
.siw150,
.siw200,
.siw300,
.siw350,
.siw400,
.siw280 {
  padding: 0 3px;
  height: 18px;
  line-height: 18px;
}
.siw30 {
  width: 22px;
}
.siw50 {
  width: 42px;
}
.siw100 {
  width: 92px;
}
.siw150 {
  width: 142px;
}
.siw200 {
  width: 192px;
}
.siw280 {
  width: 272px;
}
.siw300 {
  width: 292px;
}
.siw350 {
  width: 242px;
}
.siw400 {
  width: 392px;
}
.mh80 {
  height: 68px;
}
.mh140 {
  height: 128px;
}
.inputFocus {
  border-color: #58abe1;
}
.error {
  color: #ea5b5b;
  float: left;
  margin-left: 10px;
  line-height: 30px;
}
.inputError {
  border-color: #ea5b5b; /* color:#ea5b5b;*/
}
.inputDisable {
  border-color: #cccccc;
  background-color: #ebebeb;
  color: #cccccc;
}
.paragraph {
  font-size: 14px;
  line-height: 28px;
  color: #333;
  margin-bottom: 2px;
}

.seaBox .iw160 {
  width: 145px !important;
}
.w180 .chosen-container,
.w150 .chosen-container,
.w200 .chosen-container {
  width: 100% !important;
}

/*whx*/
a.unl {
  text-decoration: underline;
}

.w43 {
  width: 43px;
}
.w136 {
  width: 136px;
}
.w145 {
  width: 145px;
}
.w178 {
  width: 178px;
}
.w205 {
  width: 205px;
}
.w218 {
  width: 218px;
}
.w240 {
  width: 240px;
}
.w260 {
  width: 260px;
}
.w270 {
  width: 270px;
}
.w278 {
  width: 278px;
}
.w312 {
  width: 312px;
}
.w308 {
  width: 308px;
}
.w330 {
  width: 330px;
}
.w352 {
  width: 352px;
}
.w880 {
  width: 880px;
}
.w930 {
  width: 930px;
}
.w944 {
  width: 944px;
}
.w957 {
  width: 957px;
}

.ml2 {
  margin-left: 2px;
}
.mt2 {
  margin-top: 2px;
}
.mr2 {
  margin-right: 2px;
}
.mr3 {
  margin-right: 3px;
}
.mt3 {
  margin-top: 3px;
}
.mt6 {
  margin-top: 6px;
}
.mr7 {
  margin-right: 7px;
}
.ml255 {
  margin-left: 255px;
}
.ml126 {
  margin-left: 126px;
}
.ml172 {
  margin-left: 172px;
}
.ml35 {
  margin-left: 35px;
}
.mb18 {
  margin-bottom: 18px;
}
.mb94 {
  margin-bottom: 94px;
}
.mr18 {
  margin-right: 18px;
}

.pl70 {
  padding-left: 70px;
}
.pl80 {
  padding-left: 80px;
}
.pl100 {
  padding-left: 100px;
}
.pl110 {
  padding-left: 110px;
}
.pl115 {
  padding-left: 115px;
}
.pl116 {
  padding-left: 116px;
}
.pl150 {
  padding-left: 150px;
}
.pl162 {
  padding-left: 162px;
}
.pr45 {
  padding-right: 45px;
}
.pr60 {
  padding-right: 60px;
}
.pt60 {
  padding-top: 60px;
}
.pt18 {
  padding-top: 18px;
}
.pt22 {
  padding-top: 22px;
}
.plr18 {
  padding-left: 18px;
  padding-right: 18px;
}
.plr34 {
  padding-left: 34px;
  padding-right: 34px;
}

.lh18 {
  line-height: 18px;
}
.lh20 {
  line-height: 20px;
}
.lh24 {
  line-height: 24px;
}
.lh26 {
  line-height: 26px;
}
.lh28 {
  line-height: 28px;
}
.lh34 {
  line-height: 34px;
}

.f34 {
  font-size: 34px;
}

/*蓝色*/
.c_4c85bc {
  color: #4c85bc;
}

/*灰色*/
.c_c8c8c8 {
  color: #c8c8c8;
}
.c_cbd5dd {
  color: #cbd5dd;
}
.c_b1b1b1 {
  color: #b1b1b1;
}
.c_b5b5b5 {
  color: #b5b5b5;
}

/*边框*/
.b_eaeaea {
  border: 1px solid #eaeaea;
}
.b_777988 {
  border: 1px solid #777988;
}
.b_ddd {
  border: 1px #dddddd solid;
}

.bl_ebebeb {
  border-left: 1px solid #ebebeb;
}

.br_ebebeb {
  border-right: 1px solid #ebebeb;
}
.br_dbdbdb {
  border-right: 1px solid #dbdbdb;
}

.bb_ebebeb {
  border-bottom: 1px solid #ebebeb;
}
.bb_e8edf0 {
  border-bottom: 1px solid #e8edf0;
}
.bb_e8edf0_dash {
  border-bottom: 1px dashed #e8edf0;
}
.bb_f1f1f1 {
  border-bottom: 1px solid #f1f1f1;
}
.bb_dfdfdf {
  border-bottom: 1px solid #dfdfdf;
}
.bb_eee {
  border-bottom: 1px solid #eee;
}
.bb_ccc {
  border-bottom: 1px solid #ccc;
}

.navUl .hover {
  background-color: #177bbb;
}
/*------------courseStudy_index.html----------*/
.bread {
  padding: 14px 0 14px 20px;
  font-size: 12px;
}
.bread i {
  display: inline;
}
.containter .con_top {
  padding: 40px;
  padding-bottom: 0;
}
.containter .con_pb {
  padding-bottom: 40px;
}
.containter .con_top p.left_pic {
  height: 264px;
}
.mb87 {
  margin-bottom: 87px;
}
.study_fl li {
  height: 34px;
  line-height: 34px;
  padding: 0 18px;
  cursor: pointer;
}
.study_fl li i {
  margin-right: 8px;
}
.study_fl li.studyPeople {
  cursor: auto;
}
.btn_XK {
  height: 50px;
  line-height: 50px;
}
.study_fl .stime {
  cursor: default;
}
/*-------courseStudy_basedActivity.html--------*/
.studyTip {
  background: #f3fafe;
  height: 34px;
  line-height: 34px;
  padding: 10px 20px;
}
.maTit {
  width: 106px;
  border-bottom: 3px solid #177bbb;
}
.zbj {
  margin-left: 910px;
}
.CS_tab_tit li.cur i,
.cG_list_top .cG_tabTit li.cur i {
  color: #177bbb;
}
.CS_left_nav li {
  width: 180px;
  min-height: 50px;
  line-height: 50px;
  padding-left: 40px;
}
.CS_left_nav li em {
  color: #177bbb;
  width: 25px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.CS_left_nav li.cur,
.CS_left_nav li.cur:hover {
  background: #177bbb;
  color: #fff;
}
.CS_left_nav li.cur em,
.CS_left_nav li.cur:hover em,
.CS_left_nav li.cur a {
  color: #fff;
}
.CS_left_nav li:hover {
  background: #f3fafe;
  color: #333333;
}
.CS_left_nav li:hover em {
  color: #177bbb;
}
.icon_HL:hover {
  color: #177bbb;
}
.text_HL,
.btn_noBg,
.seeResult {
  color: #177bbb;
}
.btn_noBg {
  padding: 0 14px;
}
.studyTip a {
  line-height: 34px;
}
.studyTip a:hover {
  color: #ffffff;
}
.leftTit a {
  width: 180px;
  height: 50px;
  line-height: 50px;
  padding-left: 40px;
  font-size: 16px;
  color: #333333;
}
.leftTit a em {
  color: #d8d8d8;
}
/*-------courseStudy_basedStructure.html--------*/
.CS_maTit li {
  width: 106px;
}
.CS_maTit li.cur {
  border-bottom: 3px solid #177bbb;
  color: #177bbb;
  font-weight: bold;
}
.cs_chapter_list {
  cursor: pointer;
  padding: 16px 40px;
  height: 28px;
  line-height: 28px;
}
.cs_part_list {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 30px;
  line-height: 30px;
}
.twoPart .cs_part_list {
  padding-top: 12px;
  padding-bottom: 12px;
  height: 28px;
  line-height: 28px;
}
.twoPart .cs_part_list,
.threeKnow .cs_part_list {
  cursor: pointer;
}
.cs_chapter_list:hover,
.cs_part_list:hover,
.cm_list:hover,
.sP_part_list:hover,
.sP_tit_list:hover,
.cs_Ptit_list:hover {
  background: #f3fafe;
}
.btn_TL,
.btn_doWork,
.btn_doWork_disabled,
.btn_look {
  *overflow: visible;
}
.btn_TL,
.btn_look {
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
}
.btn_look {
  padding: 0 27px;
}
.btn_doWork,
.btn_doWork_disabled {
  padding: 0 21px 0 20px;
}
.talkBtnDisable,
.last_time,
.btn_doWork_disabled,
.CS_maTit_more,
.downloadTip {
  cursor: default;
}

/*添加活动*/
/*-------course_resources_upload.html-----*/
.res_opts li {
  height: 38px;
  line-height: 38px;
  border: 1px solid #dad9d9;
  margin-right: 10px;
  padding: 0 17px;
  color: #4283ae;
  cursor: pointer;
  margin-bottom: 10px;
}
.res_opts li.checked {
  background: #58abe0;
  color: #fff;
  border: 1px solid #58abe0;
}
.res_opts li .checkbox {
  width: 18px;
  height: 18px;
}
.progress_bar,
.progress_cur_bar {
  height: 6px;
  border-radius: 6px;
}
.progress_bar {
  width: 442px;
  background: #ebebeb;
}
.progress_cur_bar {
  background: #179ee1;
}
.upProcedure {
  margin-left: 84px;
}
.smxx {
  color: #ea2606;
}
.inp_32 {
  height: 32px;
  line-height: 32px;
}
.inp_18 {
  height: 18px;
  line-height: 18px;
}
.reg_megs_form em,
.reg_megs_form label {
  line-height: 32px;
}
.reg_megs_form .labl {
  width: 80px;
  text-align: right;
}
.tea_box {
  width: 886px;
  height: 104px;
  resize: none;
}
.btn_up {
  height: 40px;
  line-height: 40px;
  padding: 0 22px;
}
.res_upKnow p {
  line-height: 28px;
  color: #999;
}
.btn_50 {
  height: 50px;
  line-height: 50px;
}
.res_others a {
  padding: 0 23px;
}
/*---course_questionnaire.html--*/
.fa-calendar {
  color: #a3a7ab;
  top: 8px;
  right: 9px;
}
.calen {
  right: 214px;
}
/*pages*/
.pg_bk,
.pg_go {
  border: 1px solid #cccccc;
  padding: 0;
}
.pg_bk {
  width: 30px;
  height: 18px;
  line-height: 18px;
}
.btn_search,
.pg_go {
  height: 18px;
  line-height: 18px;
}
.pg_go {
  width: 38px;
  line-height: 18px;
}
.btn_search {
  height: 30px;
  line-height: 26px;
}
.pg_show,
.pg_show .chooseTxt,
.pg_show .selectChoose li {
  height: 18px;
  line-height: 18px;
}
.pg_show .chooseBtn {
  width: 20px;
  height: 20px;
  top: -7px;
  right: 5px;
}
.pg_show .selectChoose {
  top: 19px;
}
.pg_show .selectChoose li {
  float: none;
  display: block;
  margin: 0;
}

/*----course_resources_propositionHomework.html-----*/
.tea_ol_act {
  width: 954px;
  height: 162px;
}
/*-----course_video_Q&A.html-----*/
.act_vQA {
  line-height: 32px;
}
/*----course_questionnaire_create.html-----*/
.ques_tit li {
}
.ques_conTit {
  width: 1098px;
  border: 0;
  height: 43px;
  line-height: 43px;
  border: 1px solid #fff;
}
.ques_notice {
  height: 18px;
  line-height: 18px;
  border: 1px solid #fff;
  margin: 12px 40px;
  padding: 10px;
}
.ques_notice {
  width: 1076px;
}
.ques_opts li,
.ques_que {
  height: 40px;
  line-height: 40px;
}
.ques_opts li .q_opt {
  width: 15px;
  height: 15px;
  float: left;
  margin-top: 12px;
}
.btn_finish {
  padding: 0 34px;
}

.q_div_a {
  margin-top: 1px;
}
.search_i {
  margin-top: 6px !important;
}
/*鼠标滑过显示按钮*/
.ques_opts li:hover {
  background: #f3fafe;
}
.ques_que .ques_icons a,
.ques_opts li .ques_icons a {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
}
.ques_que .ques_icons a:hover {
  background: #58abe1;
  color: #fff;
}
.ques_opts li .ques_icons a,
.ques_que .ques_icons a {
  color: #58abe1;
}
.ques_opts li .ques_icons a:hover {
  border: 1px solid #58abe1;
  background: #fff;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
/*添加在线考试*/
.btn_exam {
  height: 40px;
  line-height: 40px;
  padding: 0 22px;
}

/*弹窗*/
/*tanQuesnaire*/
.tanQuesnaire {
  width: 510px;
}
/*tanStudytime*/
.tanStudytime,
.tanStudytry,
.tanStudytry_setPage {
  width: 510px;
}
.tanStudytime .calen {
  right: 241px;
}
.time_box {
  padding: 50px 38px 0 39px;
}
/*tanStudytry*/
.study_try {
  padding: 20px 0 0 98px;
}
.time_try .tBox {
  width: 30px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #cbd5dd;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
}
/*tanStudytry_setPage*/
.set_page {
  padding: 20px 0 0 138px;
}
/*tanCopytunit*/
.tanCopytunit {
  width: 710px;
}
/*tanSharejs*/
.tanSharejs,
.tanTeachermain {
  width: 760px;
}
/*tanUplcover*/
.tanUplcover {
  width: 678px;
}
/*tanUplhdpic*/
.tanUplhdpic {
  width: 608px;
}
.tanTable th {
  padding: 7px 0;
}
.tanTable td {
  padding: 2px 0;
}
.tanTable td span.td_name {
  width: 116px;
  float: left;
  text-align: center;
}
.tanTable td span.td_brief {
  text-align: left;
  width: 675px;
}

.time-span {
  padding-top: 5px;
}

/*基本信息*/
.addJs {
  margin-left: 160px;
}
.addJs li {
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  background: #177bbb;
  padding: 0 12px;
  margin-right: 10px;
  color: #fff;
  cursor: pointer;
}
.addJs li i {
  margin-left: 12px;
  cursor: pointer;
}
.addJs li:hover {
  background: #58abe1;
}
.upl_cover .maskCur,
.upl_headpic .maskCur {
  left: 0;
  top: 0;
  z-index: 10;
}
.upl_cover .maskCur {
  width: 280px;
  height: 165px;
  line-height: 165px;
}
.upl_headpic .maskCur {
  width: 150px;
  height: 150px;
  line-height: 150px;
}
.maskCur .blueTrans {
  width: 100%;
  height: 100%;
}
.maskCur span {
  position: relative;
  z-index: 10;
}
.megBox {
  width: 688px;
  padding: 15px 25px;
}
.shareJs-close {
  width: 10px;
  height: 10px;
  background: url("../images/shareJs_close.png") no-repeat 0 0;
}
.shareJs-close:active {
  background-position: 0 -10px;
}
/*首页横式*/
.btn_40 {
  height: 40px;
  line-height: 40px;
}

/*按钮效果*/
.btn_blue:hover {
  background: #177bbb;
}
/*阴影*/
.courseList li {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  z-index: 1;
}
.courseList li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  z-index: 2;
}
/*弹窗试卷宽度重新定义*/
.tanStudytime_Date {
  width: 580px;
}
.time_box_Date {
  padding-left: 60px;
}
.DateHei {
  height: 246px;
}
#maskDiv .divend {
  padding-right: 0;
}

.divend {
  margin-left: 44px;
  padding-right: 46px;
}
.timeinput {
  margin-left: 10px;
  padding: 0px;
  padding-left: 5px;
}
.dateCalen {
  color: #a3a7ab;
  top: 8px;
  right: 56px;
}

.b-trash:hover {
  color: #177bbb;
}
a.SET:hover {
  color: #177bbb;
}
.tryListen .blueICon:hover {
  color: #177bbb;
}

.prev i,
.next i {
  margin-top: -2px;
}

/*课程学习_调查问卷*/
.bigTit {
  font-size: 26px;
  color: #fff;
}
.vedio_center_box {
  padding: 25px;
}
.reBack {
  margin: 10px 20px 0 0;
}
/*.tests .test_opts li:nth-child(2n){background:#f8f8f8;}*/
.test_opts li,
.test_tit {
  line-height: 34px;
}
.test_opts .liColor {
  background: #f8f8f8;
}
.test_opts .liCur {
  background: #f3fafe;
}
.icon_study:hover {
  color: #58abe1;
}

/*课程学习_下载*/
.cs_down_btn {
  padding: 0 41px;
}
.bb_fb_line {
  width: 66px;
  border-bottom: 3px solid #177bbb;
}
/*课程学习_推荐作业列表*/
.dl_titNav li.cur {
  color: #177bbb;
  font-weight: bold;
}

/*课程学习_新增作业*/
.newwork_tea_box {
  width: 100%;
  height: 130px;
}
.LS_box,
.LS_box_disabled {
  height: 16px;
  line-height: 16px;
  border: 1px solid #58ade1;
  border-radius: 2px;
  color: #58ade1;
  background: #fff;
  padding: 0 2px;
  *overflow: visible;
}
.foldUp {
  margin-left: 5px;
}
.foldUp i {
  left: 5px;
  top: 0;
}
.editor_size {
  width: 84%;
}
.LS_box_disabled {
  border: 1px solid #ccc;
  color: #ccc;
}
/*课程学习_主题讨论*/
.allReply {
  margin: 10px 10px 0;
}
.allReply .reply_con:hover {
  background: #f3fafe;
}
.replyIcons i.HL:hover,
.replyIcons a.HL:hover {
  color: #58abe1;
}
.replyIcons i.hL:hover,
.replyIcons a.hL:hover {
  color: #58abe1;
}
.replyIcons a.defaultHand:hover {
  cursor: default;
}
.sD_tea_box {
  width: 98.1%;
  height: 140px;
}
.res_brif p {
  text-indent: 2em;
  line-height: 28px;
}
.sD_comments {
  background: #f8f8f8;
  border: 1px solid #f1f1f1;
}
.sD_con {
  padding: 5px 0 10px 0;
}
.sD_comments em {
  width: 18px;
  height: 9px;
  background: url("../images/sD_xiaosanjiao.png") no-repeat;
  right: 10px;
  top: -9px;
  z-index: 10;
}
.sD_comments .tea {
  height: 28px;
  line-height: 28px;
  width: 99%;
  color: #333;
  padding: 0 5px;
  margin: 5px 0;
}
.addComments {
  width: 75%;
}
.commentBtn {
  height: 30px;
  line-height: 30px;
}
/* 表格 */
.table th.title,
.table td.title {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}
.workTable table td {
  padding: 5px 0px;
}

.score {
  position: absolute;
  left: 0px;
  top: 10px;
  width: 60px;
  height: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
  line-height: 60px;
  text-align: center;
  background: #58abe1;
}

/*课程学习_FAQ列表*/
.askNav li {
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
  font-size: 16px;
  cursor: pointer;
}
.askNav li em {
  color: #999;
  font-size: 12px;
}
.askNav li.cur,
.askNav li:hover {
  background: #f3fafe;
  color: #177bbb;
}
.askNav li.cur em,
.askNav li:hover em {
  color: #177bbb;
}
/*课程学习_课程问答转FAQ*/
.tea_faq {
  width: 695px;
  height: 138px;
}
._JZ {
  line-height: 20px;
}
.words_limit {
  right: 10px;
  bottom: 35px;
}
/*课程学习_问答*/
.words_limit_low {
  right: 10px;
  bottom: 5px;
}
.tea_qa {
  width: 778px;
  height: 116px;
}
.CommentWrap .TabCon dl.p0 {
  padding: 0;
  border-bottom: 0;
}
.CommentWrap .TabCon dl.p0:hover {
  background: transparent;
}
.CommentWrap .TabCon dl.dl .fr span:hover .fa {
  color: #58abe1;
}
.answer_fifty {
  padding: 20px 10px 5px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  font-weight: bold;
}
.answer_pics {
  margin: 10px 0;
}
.answer_pics li {
  width: 108px;
  height: 63px;
  margin-right: 10px;
  position: relative;
}
.answer_pics li .fdj {
  left: 42px;
  top: 20px;
  z-index: 2;
}
/*课程学习_笔记*/
.addNote {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.rowitem .noteTit {
  width: 88px;
}
.rowitem textarea.noteTea {
  width: 368px;
}
.rowitem textarea.askQues {
  width: 620px;
}

/*新增笔记 弹窗下拉选框宽度新定义*/
.bigMultiple #multiple .ask {
  width: 334px;
}
.bigMultiple #first_box,
.bigMultiple #second_box dl {
  height: 140px;
}
.bigMultiple #first_box {
  border-top: 1px solid #58abe1;
}

/*右侧功能菜单图标大小*/
.RightTool .fa {
  font-size: 18px;
  font-weight: lighter;
}
/*学习路径*/
.sP_tit_list,
.sP_chapter_list {
  cursor: pointer;
}
.sP_part_list {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px #ebebeb solid;
}
.sP_tit_list {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px #ebebeb solid;
}
.sP_chapter_list {
  height: 39px;
  line-height: 39px;
  background: #f8f8f8;
  border-bottom: #ebebeb;
  border-bottom: 1px #ebebeb solid;
}
.sP_part_list:hover span,
.sP_chapter_list:hover span,
.sP_tit_list:hover span {
  color: #0367a7;
}

.QA_write {
  height: 118px;
}
.btn_sm_blue {
  height: 20px;
  line-height: 20px;
}
.StudyVideo {
  padding: 10px 25px 25px 25px;
}
.StudyVideo h2,
.LQuest h2 {
  line-height: 45px;
}
.StudyVideo h2 span.title,
.LQuest h2 span.title {
  font-size: 20px;
  color: #666666;
}
.StudyVideo h2 span.fr i,
.LQuest h2 span.fr i {
  margin-right: 5px;
  font-size: 14px;
}
.StudyVideo h2 span.fr,
.LQuest h2 span.fr {
  position: relative;
  top: 3px;
}

.videobox {
  background: #000000;
}
.catalog {
  width: 415px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 100;
  display: none;
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.catalogVideo {
  box-shadow: -5px 0 20px #333333, 0 0 0 #333333, 0 0 0 #333333, 0 0 0 #333333;
}
.catWrap {
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.w215 {
  width: 215px;
}

.catWrap .studyTab {
  height: 40px;
  border-bottom: 2px solid #e7e7e6;
  padding-top: 10px;
}
.catWrap .studyTab li {
  width: 73px;
  float: left;
  margin: 0px 15px;
  color: #999999;
  cursor: pointer;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.catWrap .studyTab li.hover {
  border-bottom: 3px solid #177bbb;
  color: #177bbb;
  margin-top: -1px;
}
.catWrap .studyTabCon {
  display: none;
}
.catWrap .studyTabCon {
  padding: 0px;
  position: relative;
  overflow: hidden;
}
.catWrap .studyTabCon .listCtr {
  overflow: hidden;
}
.catWrap .threeCenter li {
  width: 107px;
}
.catWrap .cm_chapter span.fl,
.cm_chapter span.fl {
  word-break: break-all;
}

a.fa:hover {
  color: #177bbb;
}
.del a {
  color: #999;
}
.heart a i.fa-heart {
  /*font-size:13px;*/
}
.upImg a:hover,
.upfile a:hover,
.edit a:hover,
.heart a:hover,
.del a:hover {
  color: #58abe1;
}
.upImg:hover a,
.upfile:hover a {
  color: #58abe1;
}

.catWrap .studyTabCon .listCtr i {
  position: relative;
  top: 2px;
  font-size: 16px;
}
.catWrap .studyTabCon .listCtr .cs_part_list,
.catWrap .studyTabCon .listCtr .cs_Ptit_list {
  height: 45px;
  line-height: 45px;
}
.catWrap .studyTabCon .listCtr .cs_part_list {
  padding-top: 0px;
  padding-bottom: 0px;
}
.catWrap .studyTabCon .listCtr .cs_chapter_list {
  height: 50px;
  line-height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0;
}
.catWrap .studyTabCon .inputPL {
  padding: 10px 30px;
  overflow: hidden;
}
.catWrap .studyTabCon .inputPL textarea {
  width: 343px;
  margin-bottom: 10px;
}
.catWrap .studyTabCon .inputPL .tipText {
  color: #cccccc;
}
.catWrap .studyTabCon .inputPL .inp {
}
.catWrap .studyTabCon .inputPL .addTime {
  line-height: 30px;
}
.catWrap .studyTabCon .listPL {
  overflow: hidden;
  margin-right: 0px;
  border-top: 1px solid #e5e5e5;
}
.catWrap .studyTabCon .listQA {
  overflow: hidden;
  margin-right: 0px;
}
.catWrap .studyTabCon .Tab {
  height: 30px;
  line-height: 30px;
  padding: 0px 30px;
  overflow: hidden;
  padding-bottom: 5px;
}
.catWrap .studyTabCon .Tab li {
  float: left;
  padding: 0px 0px;
  cursor: pointer;
  font-size: 16px;
}
.catWrap .studyTabCon .Tab li.Cur {
  color: #177bbb;
}
.catWrap .studyTabCon .Tab span {
  padding: 0px 10px;
  font-size: 12px;
  color: #999999;
  font-weight: lighter;
}
.catWrap .studyTabCon .TabCon {
  display: none;
}
.catWrap .studyTabCon .TabCon dl {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 30px 10px 30px;
}
.catWrap .studyTabCon .TabCon dl dt {
  line-height: 25px;
}
.catWrap .studyTabCon .TabCon dl dt .name {
  font-size: 14px;
  color: #b5b5b5;
}
.catWrap .studyTabCon .TabCon dl dt .teach,
.sD_comments .sD_con h3 .teach {
  border: 1px solid #58abdf;
  color: #58abdf;
  font-size: 12px; /*width:34px;*/
  height: 16px;
  line-height: 16px;
  text-align: center;
  margin-left: 5px;
  margin-top: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 0 2px;
  *overflow: visible;
}
.sD_comments .sD_con h3 .teach {
  margin-top: 3px;
}
.catWrap .studyTabCon .TabCon dl dt .time {
  font-size: 12px;
  color: #b5b5b5;
}
.catWrap .studyTabCon .TabCon dl dt .time i {
  margin-right: 5px;
  font-size: 16px;
  position: relative;
  top: 3px;
}
.catWrap .studyTabCon .TabCon dl dd .Con {
  line-height: 24px;
  font-size: 14px;
  color: #333;
}
.catWrap .studyTabCon .TabCon dl dd .Con i.fa {
  color: #b5b5b5;
  margin-right: 10px;
}
.catWrap .studyTabCon .TabCon dl dd .Con i.fa:hover {
  color: #58abdf;
}
.catWrap .studyTabCon .TabCon dl dd .data {
  color: #b5b5b5;
}
.catWrap .studyTabCon .TabCon dl dd .other .fr i.fa {
  color: #b5b5b5;
  margin-right: 3px;
  font-size: 14px;
}
.catWrap .studyTabCon .TabCon dl dd .other .fr .blueCur i.fa {
  color: #177bbb;
}
.catWrap .studyTabCon .TabCon dl dd .other .fr .fl {
  margin-left: 10px;
  color: #b5b5b5;
}
.catWrap .studyTabCon .TabCon dl dd .other .fr .fl a {
  color: #b5b5b5;
}
.catWrap .studyTabCon .TabCon dl dd .other .fr .del {
  display: block;
}
.catWrap .studyTabCon .TabCon dl dd .other .notes i.fa {
  font-size: 14px;
}
.catWrap .studyTabCon .TabCon dl dd .other .notes .fl {
  /*margin-left:18px;*/
}
.catWrap .studyTabCon .TabCon dl dd .other .fr span:hover i.fa {
  color: #58abdf;
}
.catWrap .studyTabCon .TabCon dl:hover dd .other .fr .del {
  display: block;
}
.catWrap .studyTabCon .TabCon dl dt .time i.fa:hover {
  color: #58abdf;
}
.catWrap .studyTabCon .TabCon .courseMore {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  background: none;
  position: relative;
}
.catWrap .studyTabCon .TabCon .courseMore .rotateMore {
  position: absolute;
  left: 50%; /*margin-left:34px;*/
  display: none;
}

.catWrap .grayTool a {
  color: #b5b5b5;
  padding-top: 0px;
  float: left;
  margin-top: -5px;
}
.catWrap .grayTool i.fa {
  margin-right: 5px;
}
.catWrap .grayTool a:hover {
  color: #177bbb;
}
.fa-rotate-30 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}

.catWrap .QACon {
  background: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.catWrap .QACon .QAtitle dl {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.catWrap .QACon .QAtitle dl:hover {
  background: none;
}
.catWrap .QACon .QAtitle dl dd .Con {
  font-size: 16px;
  color: #333333;
}
.catWrap .QAInfo .inputPL textarea {
  width: 343px;
}
.termTool li {
  float: left;
  position: relative;
}
.termTool a {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  border-right: 1px solid #ebebeb;
}
.termTool a.br0 {
  border-right: 0;
}
.termTool li:hover a,
.termTool li.cur a {
  color: #177bbb;
}
.termTool li i {
  display: none;
}
.termTool li.cur i {
  left: 50%;
  bottom: -1px;
  width: 50px;
  height: 3px;
  background: #177bbb;
  display: block;
  margin-left: -25px;
}
/*.termTool li.four i { width:72px;}*/

.CommentWrap .TabCon dl {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px;
}
.CommentWrap .TabCon dl dt {
  line-height: 28px;
}
.CommentWrap .TabCon dl dt .name {
  font-size: 14px;
  color: #b5b5b5;
}
.CommentWrap .TabCon dl dt .teach {
  border: 1px solid #58abdf;
  color: #58abdf;
  font-size: 12px; /*width:34px;*/
  height: 16px;
  line-height: 16px;
  text-align: center;
  margin-left: 5px;
  margin-top: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 0 2px;
  *overflow: visible;
}
.CommentWrap .TabCon dl dd .time {
  font-size: 13px;
}
.CommentWrap .TabCon dl dd .time i {
  color: #58abdf;
  margin-right: 5px;
  font-size: 16px;
  position: relative;
  top: 2px;
}
.CommentWrap .TabCon dl dd .Con {
  line-height: 28px;
  font-size: 14px;
}
.CommentWrap .TabCon dl dd .Con i.fa {
  color: #b5b5b5;
  margin-right: 10px;
}
.CommentWrap .TabCon dl dd .Con .conmoreBtn i {
  color: #58abe1;
}
.CommentWrap .TabCon dl dd .data {
  color: #b5b5b5;
}
.CommentWrap .TabCon dl dd .other .fr i.fa,
.CommentWrap .TabCon dl dd .other .fr i {
  color: #999;
  margin-right: 3px;
}
.CommentWrap .TabCon dl dd .other .fr .blueCur i.fa {
  color: #177bbb;
}
.CommentWrap .TabCon dl dd .other .fr .fl {
  margin-left: 10px;
  color: #b5b5b5;
}
.CommentWrap .TabCon dl dd .other .fr .fl a {
  color: #b5b5b5;
}
.CommentWrap .TabCon dl dd .other .fr .viewLog a {
  cursor: default;
}
.CommentWrap .TabCon dl dd .other .fr .del {
  display: block;
}
.CommentWrap .TabCon dl dd .other .title a {
  font-size: 13px;
  color: #b5b5b5;
}
.CommentWrap .TabCon dl:hover {
  /*background:#f3fafe;*/
}
.CommentWrap .TabCon dl dd .other .fr span:hover i.fa {
  color: #58abe1;
}
.CommentWrap .TabCon dl:hover dd .other .fr .del {
  display: block;
}
.CommentWrap .TabCon dl dd .other .fr .replybtn:hover {
  color: #58abe1;
}
/*问答图标修改*/
.CommentWrap .TabCon dl dd .other .fr.Qna .fl.apply a,
.catWrap .studyTabCon .TabCon dl dd .other .fr.Qna .fl.apply a {
  padding-left: 20px;
  position: relative;
}
.CommentWrap .TabCon dl dd .other .fr.Qna i.cedu-QnA,
.catWrap .studyTabCon .TabCon dl dd .other .fr.Qna i.cedu-QnA {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 16px;
}
.CommentWrap .TabCon dl dd .other .fr i.cedu-show {
  position: relative;
  top: 2px;
}

.reply_con:hover .replyIcons .fr i.fa {
  color: #58abe1;
}
.reply_con .dis .fr i.fa,
.reply_con:hover .dis .fr i.fa {
  color: #ccc;
}
.bg_line {
  background: url(../images/bg_line.png) repeat-y;
}
.bc_line {
  background: url(../images/bc_line.jpg) repeat-y;
}
.agree i {
  color: #999;
}
.blueCur i {
  color: #177bbb;
}
.agreeSub i {
  color: #58abe1;
}
.agreeClick i,
.reply_con:hover .replyIcons .fr .agreeClick i.fa {
  color: #ccc;
}

/*按结构*/
.knowledge {
  cursor: default;
}
/*课程学习-无结构*/
.NoStructure .left,
.NoStructure .right {
  height: 510px;
}
.NoStructure .noS_con {
  padding-top: 120px;
  width: 150px;
  margin: 0 auto;
}
.NoStructure .noS_con .pic {
  height: 92px;
}
.NoStructure .noS_con .courseware {
  margin-top: 15px;
}
.NoStructure .noS_con .courseware p {
  padding-bottom: 10px;
}
/*复合材料-竖版*/
.filebox {
  background: #ebebeb;
}
/**/
.cS_init {
  padding: 125px 0;
}
.sideBar_init {
  padding: 150px 0;
}
/**/
.commentBox .disabledButton {
  border: 0;
}
.br0 {
  border: 0;
}

/*主讲教师简介*/
.ConGrap {
  padding-bottom: 20px;
  border-bottom: 1px dashed #e8edf0;
  margin-bottom: 15px;
}
.JS_tit {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  font-weight: 600;
}
.JS_brief {
  padding: 10px 0 10px 120px;
}
.JS_brief .pic {
  width: 100px;
  height: 100px;
  margin-left: -120px;
}
.JS_brief .brief {
  float: none;
  display: block;
}
.JS_brief .brief p,
.JS_brief_noPic p {
  line-height: 26px;
}
.JS_brief .brief .name {
  font-size: 16px;
  color: #333;
}
.JS_brief .brief .intro {
  font-size: 14px;
  color: #666;
}
.JS_brief_noPic {
  padding: 10px 0;
}
.JS_brief_noPic .ueContent {
  font-size: 14px;
}
/*标题切换*/
.Tit_switch li {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px #ebebeb solid;
}
.Tit_switch li:hover {
  background: #f3fafe;
}
.Tit_switch li:hover a {
  color: #177bbb;
}
.Tit_switch .dot {
  font-size: 16px;
  color: #cccccc;
  margin: 0 10px;
}
.Tit_switch .tit {
  font-size: 16px;
  color: #666;
}
/*按结构学-空*/
.cS_init .pic i,
.sideBar_init .pic i,
.noS_con .pic i,
.init_con .pic i {
  font-size: 90px;
  color: #ebebeb;
}
.selCourse {
  cursor: pointer;
}

/*添加活动-查看*/
.rightGN {
  margin-right: 10px;
}
.rightGN span a .fa {
  color: #999;
}
.rightGN span a:hover,
.rightGN span a:hover .fa,
.rightGN span .collect .fa,
#collect .collect {
  color: #177bbb;
}
.rightGN span .Count {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #177bbb;
  right: -10px;
  top: 8px;
  text-align: center;
  color: #fff;
  font-size: 10px;
}

/*复合素材*/
.addQues label,
.MODE label {
  width: 98px;
  text-align: right;
}
.addQues .playQues,
.addQues .tanQues,
.addQues .force {
  line-height: 32px;
}
.addQues .switch,
.addQues .switch-off {
  color: #177bbb;
  font-size: 18px;
  line-height: 32px;
}
.addQues .switch-off {
  color: #ccc;
}
.addQues_radios {
  margin-left: 90px;
}
.addMessage label {
  width: auto;
}
.addMessage .multiRowText {
  width: 100%;
}
.addMessage .teaBox {
  padding-right: 12px;
}

.MODE label {
  font-size: 14px;
  width: 100px;
}
.MODE .model_opt_con:hover,
.MODE .model_opt_con.hover,
.MODE .model_opt_con.current {
  border: 2px solid #9ccff0;
  padding: 14px;
}
.MODE .model_opt_con:hover .mode1,
.MODE .model_opt_con.hover .mode1 {
  display: none;
}
.MODE .model_opt_con:hover .mode2,
.MODE .model_opt_con.hover .mode2 {
  display: block;
}

.Compinit h2,
.Resinit h2 {
  font-size: 18px;
  color: #177bbb;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 10px;
}
.Compinit .init_con,
.Resinit .init_con {
  background: #fff;
  padding: 130px 0 200px;
}
.splitLine {
  margin: 0 15px;
  color: #dadada;
}
.mainSearchDiv .iw300 {
  width: 288px;
}

.topLevel {
  height: 60px;
  background: #fff;
  padding: 0 20px;
  border: 1px solid #ebebeb;
}
.levelTit {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 60px;
}
.mainCon .leftCon,
.mainCon .rightCon {
  border: 1px solid #ebebeb;
  background: #fff;
  position: relative;
}
.mainCon .leftCon {
  width: 328px;
}
.mainCon .rightCon {
  width: 830px;
}
.mainCon .leftCon,
.mainCon .rightCon {
  height: 738px;
}
.mainCon .rightCon .textBox,
.mainCon .rightCon .videoBox {
  margin: 20px;
  height: 698px;
  background: #ebebeb;
}
.mainCon .leftCon .topTitBox {
  height: 47px;
  background: #179ee1;
  padding: 0 20px;
  border-bottom: 1px solid #ebebeb;
}
.mainCon .leftCon .topTitBox .tbigTit {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 47px;
}
.mainCon .leftCon .topTitBox span i {
  margin-top: 14px;
}
.conWrap {
  margin-top: 5px;
}
.listLook {
  overflow: hidden;
}
.listLook dl {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 0px 10px 20px;
  margin-right: 20px;
}
.listLook dl dt,
.listLook dl dd {
  line-height: 28px;
}
.listLook dl dd a i.clock,
.listLook dl dd a i.quest,
.listLook dl dd a i.tanM,
.listLook dl dd a i.copy {
  font-size: 16px;
  color: #177bbb;
  margin-right: 10px;
  margin-top: 7px;
}
.listLook dl dd .iconRight .edit,
.listLook dl dd .iconRight .del {
  color: #999;
  font-size: 14px;
  margin-top: 5px;
  cursor: pointer;
}
.listLook dl dd .iconRight .edit {
  margin-top: 6px;
}
.listLook dl dd .iconRight .edit i:hover,
.listLook dl dd .iconRight .del i:hover {
  color: #177bbb;
}
.listLook dl dd .bCol {
  color: #177bbb;
}

.mainCon .leftCon .iconRight .trashBin {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  margin: 11px -6px 0 10px;
}
.mainCon .leftCon .iconRight .trashBin i {
  margin-top: 3px;
  margin-left: 5px;
}
.mainCon .leftCon .iconRight .trashBin:hover {
  background: #58abe1;
}

.addRes {
  width: 230px;
  margin: 0 auto;
  margin-top: 120px;
}
.addRes .resAdd {
  margin: 0 35px;
}
.addRes .resAdd span {
  padding-left: 20px;
  line-height: 34px;
}
.addRes .resAdd span i {
  left: 0;
  top: 5px;
  font-size: 16px;
}
.mainCon .rightCon .conBox {
  margin: 20px;
  background: #ebebeb;
}
.mainCon .rightCon .C_video,
.mainCon .rightCon .C_text {
  background: #ccc;
  border: 1px solid #ebebeb;
}
.mainCon .rightCon .C_video {
  width: 338px;
  height: 223px;
}
.mainCon .rightCon .C_text {
  margin-left: 339px;
  height: 696px;
}
.mainCon .rightCon .C_video .centerCon {
  padding-top: 58px;
}
.mainCon .rightCon .C_text .centerCon {
  padding-top: 248px;
}
.mainCon .rightCon .C_video .centerCon .fa,
.mainCon .rightCon .C_text .centerCon .fa {
  font-size: 48px;
  color: #ebebeb;
}
.introText {
  font-size: 14px;
  color: #666;
}

.td-radio {
  padding-bottom: 3px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

/**/
.Comp_button {
  width: 100%;
  padding: 20px 0;
  background: #b3b3b4;
  margin-bottom: 40px;
}

.addTAN {
  right: -15px;
  top: 39px;
  z-index: 100;
  display: none;
}
.addTANBtn {
  padding: 0 0 20px 0px;
  cursor: pointer;
}
.addTAN dl dd:hover {
  color: #177bbb;
}

.mainCon .singleLCon,
.mainCon .singleRCon {
  height: 614px;
}
.mainCon .singleRCon .textBox,
.mainCon .singleRCon .videoBox {
  height: 574px;
}

.creB_addRes {
  margin-top: 80px;
}
.addTextRes {
  margin: 30px auto 20px;
}

.LQuest {
  padding: 10px 20px 20px 20px;
}

.topLevel .bIcon a {
  color: #58abe1;
}
.topLevel .bIcon a:hover {
  color: #177bbb;
}
.topLevel .bIcon a.edit {
  margin-right: 25px;
  margin-top: 18px;
}
.topLevel .bIcon a.edit i {
  right: 0px;
  top: 3px;
}
.ViewIcon {
  padding-left: 120px;
}

/*左侧状态按钮*/
.packType {
  position: absolute;
  width: 20px;
  height: 30px;
  background: #ccc;
  text-align: center;
  top: 10px;
}
.packType i {
  padding: 9px 0 0 5px;
  color: #fff;
}
.packRight {
  right: -20px;
}
.packLeft {
  left: -20px;
}
.rightBox {
  background: #fff;
  padding: 20px;
  width: 790px;
}
.rightBox .conBox {
  background: #ebebeb;
  height: 700px;
}
.rightBox .conBox .C_text {
  margin-left: 338px;
  background: #cccccc;
}
.mainCon .lcmr {
  margin-right: 0;
}
.rightBox .C_text .centerCon {
  padding-top: 250px;
  height: 450px;
}

/*创建调查问卷-空*/
.initCreate {
  width: 100%;
  background: #fff;
  padding: 160px 0 200px;
}
.initCreate .pic i {
  font-size: 85px;
  color: #ebebeb;
}

/*资源管理*/
.initCon {
  background: #fff;
  padding: 40px;
  margin-top: 20px;
}

.QuesMana .splitLine {
  margin: 0 8px;
}

.trLWrap {
  overflow: hidden;
}
.trLCon {
  width: 200px;
  height: 495px;
  border: 1px solid #ebebeb;
  background: #fafafa;
}
.trRCon {
  width: 878px;
}
.trLCon_stru .trOneCon,
.trLCon_stru .trTwoCon,
.mrCon {
  line-height: 50px;
  border-bottom: 1px solid #ebebeb;
  padding: 0 20px;
  cursor: default;
}
.trLCon_stru .trTit,
.trLCon_stru .trTit a {
  font-size: 14px;
  color: #333;
}
.trLCon_stru .trTwoCon .trTit {
  padding-left: 23px;
}
.trLCon_stru .trTwoCon.cur,
.trLCon_stru .trTwoCon.cur:hover,
.mrCon.cur,
.mrCon.cur:hover {
  background: #177bbb;
}
.trLCon_stru .trTwoCon.cur .trTit,
.trLCon_stru .trTwoCon.cur .trTit a,
.mrCon.cur span,
.mrCon.cur span i {
  color: #fff;
}
.trLCon_stru .trOneCon:hover,
.trLCon_stru .trTwoCon:hover,
.mrCon:hover {
  background: #f3fafe;
  color: #333;
}
.trLCon_stru .tr_angle {
  color: #999;
}
.trLCon_stru .trTwoCon {
  background: #fff;
}

.ResBack a i {
  font-size: 16px;
  font-weight: bold;
  color: #ccc;
  line-height: 45px;
  padding: 0 25px 5px 0;
  margin-left: 15px;
}
.ResBack a {
  font-size: 14px;
  color: #ccc;
}
.resIcons span i {
  color: #999;
}
.resIcons span {
  color: #666;
}

.resBrf em {
  width: 80px;
  text-align: right;
  display: inline-block;
}
.resBrf {
  line-height: 32px;
}

/*资源管理右侧功能菜单*/
.RightTool .Share,
.RightTool .Order {
  height: 53px;
  line-height: 53px;
}

.catWrap .documOrder .studyTab li,
.catWrap .otherShare .studyTab li {
  width: auto;
  margin: 0 30px;
}
.documOrder .listOrd li,
.otherShare .listSha li,
.otherCatalog .listCata .nocataList li {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px dashed #ebebeb;
  padding: 0 30px;
  cursor: pointer;
}
.otherCatalog .listCata .nocataList li {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
}
.documOrder .listOrd li:hover,
.otherShare .listSha li:hover,
.otherCatalog .listCata .nocataList li:hover {
  background: #f3fafe;
}
.documOrder .listOrd li span,
.otherShare .listSha li span.tit,
.otherCatalog .listCata .nocataList li span.tit {
  font-size: 16px;
  color: #333;
  margin-left: 10px;
}
.documOrder .listOrd li em {
  float: left;
  display: inline;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #ebebeb;
  border-radius: 3px;
  text-align: center;
  color: #999;
  margin-top: 20px;
}
.documOrder .listOrd li em.Col {
  background: #58abe1;
  color: #fff;
}
.documOrder .listOrd li:hover span,
.otherShare .listSha li:hover span.tit,
.otherCatalog .listCata .nocataList li:hover span.tit {
  /*color:#177bbb;*/
}

.otherShare .listSha .sideBar_init,
.documOrder .listOrd .sideBar_init {
  padding-top: 250px;
}
.otherShare .listSha li span.bs i {
  color: #58abe1;
}
.otherCatalog .listCata .nocataList li span.bs i {
  color: #177bbb;
}

/*选择课程结构-弹窗*/
.selcCStruCon,
.CopyUnit,
.studtPathCon {
  border-top: 1px solid #ebebeb;
}
.selcCStruCon .sCs_list,
.selcCStruCon .sP_tit_list,
.CopyUnit .sCs_list,
.CopyUnit .sP_tit_list {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ebebeb;
}
.selcCStruCon .sCs_chapter_list,
.CopyUnit .sCs_chapter_list {
  height: 39px;
  line-height: 39px;
  background: #f8f8f8;
  border-bottom: 1px solid #ebebeb;
}
.selcCStruCon .sCs_chapter_list span.tit,
.CopyUnit .sCs_chapter_list span.tit {
  color: #0367a7;
  font-size: 14px;
}
.selcCStruCon .radio,
.CopyUnit .radio {
  margin: 11px 15px 0 0;
}
.selcCStruCon .cm_bsf,
.CopyUnit .cm_bsf {
  color: #58abe1;
  margin: 0 10px 0 2px;
  font-size: 16px;
  vertical-align: middle;
}

/*表格-操作*/
.splitLine,
.operat span a,
.operat span i {
  float: left;
  display: inline;
}
.operat .fa-eidt {
  padding-top: 1px;
}
.operat .fa {
  padding-top: 5px;
  cursor: pointer;
}

.page_pos {
  padding: 0 127px;
}

.resIcons a:hover,
.resIcons a:hover i {
  color: #177bbb;
}
.rightGN .collect,
.resIcons .collect,
.rightGN .collect i,
.resIcons .collect i,
#collect .collect i {
  color: #177bbb;
}

.StudyTip {
  cursor: pointer;
}

.uplFailed {
  color: #ea5b5b;
}

.rightCon .centerCon {
  padding-top: 220px;
  height: 450px;
}
.editNote {
  margin-top: 1px;
}
/*whx*/
.fullVideoBox {
  overflow: hidden;
  border: 1px #ccc solid;
}

.omit {
  width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*课程辅导*/
.cG_init {
  padding: 200px 0 300px;
}
.courseList strong .class {
  display: block;
  color: #999;
  font-size: 14px;
  padding-top: 15px;
}
.NEW,
.NEW_num,
.NEW_text {
  float: right;
  display: inline;
  width: 20px;
  height: 14px;
  border-radius: 14px;
  background: #ea5b5b;
  text-align: center;
  color: #fff;
  font-size: 10px;
  font-family: arial;
  margin: 7px 36px 0 4px;
  line-height: 14px;
}
.NEW {
  width: 28px;
}
.NEW_num,
.NEW_text {
  font-size: 10px;
  margin: 18px 18px 0 0;
}
.NEW_text {
  font-size: 10px;
}
.courseList .NEW {
  float: left;
  margin-right: 0;
}
.textWrap a {
  float: left;
  display: inline;
  line-height: 28px;
  max-width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cG_Homework_top {
  margin: 15px 40px;
}
.cG_Homework_top .goodTip,
.cG_main .goodTip,
.GoodTip {
  color: #999;
}
.cG_Homework_top .goodTip i,
.cG_main .goodTip i,
.GoodTip i {
  color: #999;
}
.termTool li .dot,
.stuNav .dot,
.subnav li .dot,
.fdrnav li .dot {
  position: absolute;
  width: 9px;
  height: 9px;
  background: #f54246;
  border-radius: 50%;
  right: 18px;
  top: 20px;
}
.termTool li .dot {
  right: 12px;
  top: 16px;
}
.subnav li .dot {
  right: 5px;
  top: 2px;
}
.fdrnav li .dot {
  right: 4px;
  top: 0;
}
.redTip {
  background: #fafafa;
  height: 40px;
  line-height: 40px;
  display: block;
}
.redTip i {
  color: #ea5b5b;
  font-size: 16px;
}
.redTip em {
  color: #ea5b5b;
}

.cG_submit {
  font-size: 14px;
  color: #999;
  margin-right: 35px;
}
.cG_submit .time {
  margin-left: 17px;
}

.cG_con {
  padding: 0 40px;
}
.cG_list_top {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0 5px;
}
.cG_list_top .leftTit {
  font-size: 16px;
  color: #177bbb;
  font-weight: 600;
}
.CS_tab_tit li i,
.cG_list_top .cG_tabTit li i {
  color: #999;
}
.CS_tab_tit li.cur i,
.cG_list_top .cG_tabTit li.cur i {
  color: #177bbb;
}
/*搜索框重定义*/
.chosen-select-190 {
  width: 190px;
}
.mainSearchDiv_cG .inputText {
  width: 155px;
}
.iw190 {
  width: 178px;
}
.chosen-select-100 {
  width: 100px;
}
/*表格-操作*/
.table th .sort {
  color: #788288;
  margin-left: 5px;
}
.table_opera {
  position: absolute;
  right: 0px;
  top: 0px;
}

.noC_tBox {
  width: 1090px;
  height: 140px;
}
.noC_tBox textarea {
  width: 100%;
  font-size: 14px;
}
.noC_stuCon label {
  font-size: 14px;
}

/*推荐作业-取消作业 按钮*/
.cG_rec {
  margin-right: 35px;
}
.cG_rec .recBtn,
.cG_rec .cancelBtn {
  margin: 7px 0px 0 -15px;
  cursor: pointer;
}

.cG_rZone {
  margin-right: 158px;
}

.EditResMeg,
.UploadtoRes {
  margin-left: 20px;
}
.EditResMeg a,
.EditResMeg a i,
.UploadtoRes a,
.UploadtoRes a i {
  color: #177bbb;
  font-size: 14px;
}
.EditResMeg i,
.UploadtoRes i {
  margin: 16px 5px 0 0;
  font-size: 16px;
}

.recTipBox {
  min-width: 300px;
  _width: 300px;
  height: 40px;
  line-height: 40px;
  background: #666;
  position: fixed;
  _position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -70px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  padding: 0 20px;
  z-index: 10002;
}
/*end*/

/*上传至资源库-弹窗*/
.cG_w {
  width: 580px;
}

/*资源转换失败*/
.contentBox {
  background: #ebebeb;
}
.rCF_init {
  padding: 300px 0 100px;
}
.rCF_init .pic i {
  color: #fff;
}
/*end*/

.submitWay {
  font-size: 14px;
  color: #999;
  line-height: 38px;
  right: 0;
  top: 0;
}

.StudyVideo_cG {
  padding-top: 15px;
}
.downLoad i {
  color: #cccccc;
}
.downLoad em {
  color: #666;
}

.cG_list {
  /*padding-top:10px;*/
}

.lastReply {
  font-size: 13px;
  color: #999;
}
.lastReply .replyName {
  margin: 0 10px;
}

.wordsLimit {
  right: 10px;
  bottom: 5px;
  font-size: 14px;
  color: #ccc;
}
.stuNav .dot {
  top: 5px;
  right: 3px;
}
.toggleOnBtn,
.toggleOnBtn i {
  color: #499ad1;
}
.toggleOffBtn,
.toggleOffBtn i {
  color: #ccc;
}

.timeColor {
  color: #999;
}
.reply_con:hover .replyIcons .fr i.fa-toggle-off {
  color: #ccc;
}

.importTip {
  color: #666;
}
.importTip span {
  color: #177bbb;
}

.exportBox {
  position: relative;
}
.exportCon {
  right: 0;
  top: 40px;
  z-index: 100;
  display: none;
}
.exportCon dl {
  padding: 15px 0 10px;
}
.exportCon dl dd {
  line-height: 28px;
}
.exportCon dl dd:hover {
  background: #f3fafe;
}
.exportCon dl dd:hover .pic i {
  color: #177bbb;
}
.export:hover i,
.view:hover i {
  color: #177bbb;
}
.export.majorButton:hover i {
  color: #fff;
}

.Ques .Q_tit {
  height: 50px;
  line-height: 50px;
  background: #f8f8f8;
  padding: 0 30px;
}
.Ques .table {
  margin: 0 150px;
}
.Ques .table th {
  height: 48px;
  line-height: 48px;
}
.Ques .table tr:hover td {
  background: none;
}
.Q_titAuto {
  padding: 10px 30px;
  background: #f8f8f8;
  line-height: 1.8;
}

.AnswerWrap {
  padding: 20px 0 15px;
}
.test_answer {
  font-size: 14px;
  color: #666;
  height: 25px;
}
.test_answer em {
  padding-left: 36px;
  color: #666;
}
.Q_answers {
  padding: 20px 30px;
}
.QColor {
  background: #f8f8f8;
}
.Q_color {
  background: #f3fafe;
}

.V_searchDiv .inputText {
  width: 165px;
  padding-right: 28px;
}

.omit_org {
  width: 120px;
}

.replyIcons .agree em {
  color: #b5b5b5;
}

.askIcon,
.answerIcon {
  width: 20px;
  height: 20px;
  background: #58abe1;
  border-radius: 3px;
  margin: 4px 10px 0 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}

.replyIcons a:hover i,
.FAQ_QA ul li:hover i {
  color: #58abe1;
  cursor: pointer;
}
.FAQ_QA ul.stuCon li:hover {
  background: #f3fafe;
}

.cG_list:hover {
  background: #f3fafe;
}
.cG_init_box {
  padding: 250px 0;
}
.studyView i {
  font-size: 18px;
}
.trash a:hover {
  color: #58abe1;
}
.cG_comments em {
  right: 105px;
}

/*录入成绩*/
.inputTxt {
  border: 1px #58abe1 solid;
  color: #666;
  border-radius: 2px;
  outline: none;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
}
.kcyl {
  cursor: pointer;
  color: #58abe1;
}
.kcyl:hover {
  color: #177bbb;
}
.adaptationUe {
  padding-right: 2px;
}
.ntItemInputs input {
  margin-top: 15px;
}
.tspic {
  position: relative;
  padding-left: 25px;
}
.tspic .fa {
  position: absolute;
  left: 0;
  top: -1px;
  font-size: 22px;
}

.ccma {
  width: 100%;
}
.typeIcon {
  margin: 14px 10px 0 0;
}
.typeIcon i {
  font-size: 20px;
  color: #177bbb;
}
.switchCourseItem .NEW {
  margin-top: 17px;
}
.ueContent {
  float: none;
}
.ueContent p em {
  font-style: italic;
}
.ueContent p strong {
  font-weight: bold;
}
.lhNone {
  line-height: 1;
}
/*回答内容字体加大*/
.Ans .ueContent {
  font-size: 16px;
}

.search_box input,
.seniorSearch input {
  /*margin-bottom:10px;*/
}
#ntItemInputs .inputDiv {
  margin-right: 10px;
}
.search_box .placeholderWrap span,
.seniorSearch .placeholderWrap span {
  margin-top: -4px;
}
.search_box .placeholderWrap span {
}
.circleScore {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: #58abe1;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.viewWork {
  cursor: pointer;
}
.viewWork:hover i {
  color: #177bbb;
}
.ordinalNumber {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: #58abe1;
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 3px 5px 0 0;
}

/*页面底部固定*/
html,
body,
.layoutWrap {
  height: 100%;
}

body > .layoutWrap {
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

.layoutInner {
  padding-bottom: 66px;
}

#copyright,
#copyright-fxl {
  position: relative;
  margin-top: -50px;
  clear: both;
}
#copyright.footer-row-two,
#copyright-fxl.footer-row-two {
  margin-top: -56px;
}
/*end*/

.placeholderWrap {
  float: left;
  display: inline;
}
/*.placeholderWrap span{margin-left:10px;}*/
/*上传资源页面资源描述文本框*/
#linkAddDiv .tarea .multiRowText,
#uploadAddDiv .tarea .multiRowText {
  width: 1000px;
}
#linkAddDiv .tarea .placeholderWrap span,
#uploadAddDiv .tarea .placeholderWrap span {
  width: 1000px !important;
  margin-left: 0;
  line-height: normal !important;
  padding: 8px 5px !important;
}
#linkAddDiv .placeholderWrap span,
#uploadAddDiv .placeholderWrap span {
  margin-left: 0;
}
/*修改评阅页面，作业分数和教师评阅样式问题*/
#writeReviewDiv .placeholderWrap span {
  top: 0 !important;
}
#writeReviewDiv .writeW .placeholderWrap span,
#writeReviewDiv .writeW .placeholderWrap {
  width: 1040px !important;
}

/*目录当前高亮*/
.catalog .nocataList .listSha li.cur span.tit,
.otherCatalog .listCata .nocataList li.cur span.tit {
  color: #177bbb;
}
.cs_part_list {
  cursor: pointer;
}
.catWrap .studyTabCon .listCtr .cs_part_list span {
  font-size: 14px;
  float: left;
  display: inline;
  color: #333;
}
.catWrap .studyTabCon .listCtr .cs_part_list.cur span {
  color: #177bbb;
}
.catalog .oneChapter .cs_chapter_list,
.catalog .twoPart .cs_part_list,
.catalog .threeKnow .cs_part_list {
  cursor: default;
}

/*复制课程删除按钮置灰*/
.copyCourseBox .btnDel,
.copyCourseBox .courseTitOperation i.btnDel:hover {
  color: #999;
  cursor: default;
}
.JS_brief .ueContent {
  overflow: hidden;
}

/*饼形统计*/
.pieTipBox {
  max-width: 400px;
  padding: 5px;
}
#pieTip {
  z-index: 3000;
}

/*flash文件，嵌入网页等边框*/
.flashBox,
.frame {
  border: 1px #cccccc solid;
}
.ots .frame {
  border: 0;
}

/*主题讨论*/
.res_brif {
  border-bottom: 1px dashed #e8edf0;
}

/*教师平台*/
.TP_copyright {
  background: #2b3d51 !important;
}
.TP_bg {
  background: url("../images/teachingPlatform/TP_left_bg.png") repeat-y;
}
.TP_left {
  width: 270px;
  margin-right: 40px;
  float: left;
  display: inline;
  padding-bottom: 40px;
}
.TP_right {
  float: right;
  padding: 30px 0 40px;
  width: 73.7%;
}
.TP_wrap {
  border-bottom: 1px solid #2b3d51;
  padding-bottom: 20px;
}
.TP_user,
.TP_todayWork h3.title,
.TP_workStats h3.title {
  padding: 0 30px;
}
.TP_user {
  padding: 30px 30px 25px;
  background: #2b3d51;
  border-bottom: 0;
}
.tp_record {
  font-size: 13px;
  color: #ebebeb;
}
.tp_record i {
  margin-right: 10px;
  color: #6e7e8e;
}
.TP_todayWork {
  padding-bottom: 30px;
}
.TP_todayWork h3.title,
.TP_workStats h3.title {
  line-height: 70px;
  font-size: 16px;
  color: #fff;
  background: #334960;
}
.TP_todayWork .mainRow {
}
.TP_todayWork .titleRow {
  height: 40px;
  line-height: 40px;
  background: #334960;
  padding: 0 30px;
  cursor: pointer;
}
.TP_todayWork .tp_tw_con {
  background: #2b3d51;
  padding: 12px 30px;
  display: none;
}
.TP_todayWork .titleRow .tp_num {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #6d7e90;
  float: left;
  display: inline;
  text-align: center;
  font-size: 13px;
  line-height: 17px;
  color: #fff;
  margin-top: 12px;
}
.TP_todayWork .titleRow_cur {
  background: #465f75;
}
.TP_todayWork .titleRow_cur .tp_num {
  background: #fff;
  color: #333;
}
.TP_todayWork .titleRow_cur .mainAngle {
  color: #fff;
}
.TP_todayWork .mainRow .tp_tw_con .text {
  font-size: 13px;
  line-height: 26px;
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TP_todayWork .tp_record .tp_notice span,
.TP_todayWork .tp_record .tp_time span {
  color: #fff;
  font-size: 13px;
}
.TP_workStats {
  background: #334960;
}
.TP_workStats h3.title {
  line-height: 60px;
}
.TP_workStats ul {
  padding: 0 30px;
}
.TP_workStats ul li {
  height: 40px;
  line-height: 40px;
}
.TP_workStats ul li span {
  font-size: 14px;
  color: #fff;
  float: left;
  display: inline;
}
.TP_workStats ul li span i {
  color: #6e7e8e;
  margin-right: 10px;
}
.TP_workStats ul li em {
  font-size: 20px;
  color: #fff;
  float: right;
  display: inline;
}

.TP_right .megCon {
  background: #fff;
  padding: 12px 20px;
  border: 1px solid #ebebeb;
}
.TP_right .megCon .megClose {
  position: absolute;
  top: -3px;
  right: 0;
  color: #ccc;
}
.TP_right .megCon .megList {
  padding-top: 3px;
}
.megNav {
  position: relative;
}
.megNav ul {
  float: left;
  display: inline;
  position: relative;
}
.megNav li {
  float: left;
  display: inline;
  margin: 0 20px 0 0;
  cursor: pointer;
}
.megNav li.cur span {
  border-bottom: 3px #177bbb solid;
  float: left;
  color: #177bbb;
  padding-bottom: 7px;
}
.megNav li span {
  padding: 0 10px;
}
.TP_right .megList li,
.mRList li {
  height: 40px;
  line-height: 40px;
}
.TP_right .megList li:hover,
.mRList li:hover {
  /*background:#f3fafe;*/
}
.TP_right .megList li {
  padding: 0 6px;
}
.TP_right .megList li em {
  font-style: normal;
}
i,
em {
  font-style: normal !important;
}
.megMore,
.mRMore {
  font-size: 13px;
  color: #999;
  padding: 7px 0 0px;
}
.megMore {
  padding-right: 6px;
}
.megMore:hover {
  /*color:#177bbb;*/
}
.megCon,
.myCourse,
.myResources {
  margin-bottom: 20px;
}
.mDC_tit h3,
.smC_tit h3,
.mDC_tit a,
.smC_tit a {
  line-height: normal;
}
.mDC_tit a,
.smC_tit a {
  padding-top: 7px;
}
.myCourse .courseRowList li {
  margin: 10px 0 0 0px;
}
.myCourse .rowRight {
  width: 554px !important;
}
.myCourse .rowRight em.NEW {
  float: none;
  display: inline-block;
}
.mR_tit h3 {
  padding-top: 7px;
  line-height: normal;
}
.mR_tit span {
  line-height: 30px;
}
.mRlistWrap {
  background: #fff;
  margin-top: 10px;
  padding: 20px;
  border: 1px solid #ebebeb;
}
.mRMore {
  color: #999;
}
.mRList li i {
  margin-right: 5px;
}
.mRlistWrap .mRList li i.fa-file-word-o {
  color: #177bbb;
}
.mRlistWrap .mRList li i.fa-file-powerpoint-o {
  color: #e85515;
}
.mRlistWrap .mRList li i.fa-file-excel-o {
  color: #1c9451;
}
.mRlistWrap .mRList li i.fa-file-pdf-o {
  color: #b40b03;
}
.mRList li span em.dot {
  color: #ccc;
  margin-right: 5px;
  font-size: 16px;
}
.smCard .oneCard {
  width: 48.3%;
}
.smCard .smC_tit,
.myCourse .mDC_tit,
.myResources .mR_tit {
  padding: 0 5px;
}

/**/
.mainRow_init {
  padding: 70px 0 89px;
  background: #334960;
}
.mainRow_init i {
  margin-right: 5px;
  color: #6d7f93;
}
.mainRow_init span {
  color: #6e7d92;
  font-size: 14px;
}
.cL_init {
  padding: 70px 0;
  background: #fff;
  border: 1px solid #ebebeb;
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}
.myResources .cL_init {
  padding: 120px 0;
}
.oneCard .cL_init {
  padding: 100px 0;
}

/*公告详情*/

.TP_mainCon {
  border: 1px solid #ebebeb;
  background: #fff;
  padding: 40px;
}
.TP_mainCon .tp_tit {
  margin-bottom: 20px;
}
.TP_mainCon h1.tp_big_tit {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3px;
}
.TP_mainCon h3.tp_sm_tit {
  font-size: 14px;
  color: #999;
  text-align: center;
}
.TP_mainCon h3.tp_sm_tit span {
  margin-right: 30px;
}
.TP_mainCon .tp_cont {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  text-indent: 2em;
}
.TP_mainCon .attachment_con {
  padding-top: 30px;
}

/*教师端公告*/
.TP_ma {
  margin: 40px auto;
  padding-bottom: 35px;
  background: #fff;
}
.TP_notice {
  padding: 25px 40px;
}
.searchColumn {
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}
.TP_notCon dl,
.TP_megCon dl dd {
  padding: 15px 15px 15px 20px;
  border-bottom: 1px dashed #e8edf0;
}
.page_center {
  width: 675px;
  margin: 0 auto;
  padding-top: 10px;
}
.TP_notCon dl .pub {
  width: 40px;
}
.TP_notCon dl .RToolBtn {
  width: 35px;
}
.TP_notCon dl .fr a i,
.TP_megCon dl dd .fr a i {
  color: transparent;
}
.TP_notCon dl:hover,
.TP_megCon dl dd:hover {
  /*background:#f3fafe;*/
}
.TP_notCon dl:hover .fr a i,
.TP_megCon dl dd:hover .fr a i {
  color: #ccc;
}
.TP_notCon dl .fr a:hover i,
.TP_megCon dl dd .fr a:hover i {
  color: #58abe1;
}
.TP_megCon dl dd.delAll {
  border-bottom: 1px solid #ebebeb;
}
/*新增公告*/
.formRow {
  border-bottom: 1px dashed #e8edf0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.formRow label {
  line-height: 30px;
  float: left;
  display: inline;
  width: 80px;
  text-align: right;
}
.user-meg .formRow label {
  min-width: 70px;
  width: auto;
  text-align: left;
  margin-right: 10px;
}

.page_pt20 {
  padding-top: 20px;
}
.omit_vQA,
.omit_Que {
  text-align: left;
  width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.omit_Que {
  width: 485px;
}
/*系统报错404页面*/
.TP_error {
  padding: 99px 225px;
}
.TP_error .errorPic {
  margin-right: 58px;
  padding-top: 26px;
}
.TP_error .errorText {
  width: 230px;
  text-align: left;
}
.TP_error .errorText h1 {
  font-size: 24px;
  color: #e84242;
  padding-bottom: 5px;
}
.TP_error .errorText .cases dt {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  padding-bottom: 5px;
}
.TP_error .errorText .cases dd {
  font-size: 14px;
  color: #666;
  padding-bottom: 3px;
}
.TP_error .errorText .cases dd em {
  margin-right: 10px;
}
.TP_error .errorText .cases {
  margin-bottom: 10px;
}
/*系统报错2*/
.sys_error_two {
  padding: 110px 258px;
}
.sys_error_two .errorPic,
.sys_error_three .errorPic {
  padding-top: 0;
  height: 220px;
}
.sys_error_two .errorText {
  padding-top: 30px;
}
.sys_error_two .errorText .notice,
.sys_error_three .errorText .notice {
  margin-bottom: 30px;
}
/*系统报错3*/
.sys_error_three {
  padding: 110px 270px;
}
.sys_error_three .errorPic {
  height: 219px;
}
.sys_error_three .errorText {
  padding-top: 26px;
}

/*教师平台头部导航*/
.navStair span {
  float: left;
}
.navStair i {
  transition: margin-top 0.5s ease 0s, transform 0.5s ease 0s;
  margin-top: 15px;
}
.navStair:hover i {
  transform: rotate(180deg);
  margin-top: 21px;
}
.subMenu {
  width: 138px;
  position: absolute;
  left: 0;
  top: 49px;
  padding: 3px 0 13px;
  background: #0367a7;
  display: none;
}
.subMenu dd a {
  text-align: left;
  padding: 0px 15px;
  width: 108px;
}
.navUl_tp a {
  padding: 0 10px;
  width: 85px;
}

.subMenu dd {
  line-height: 28px;
  height: 28px;
  padding-bottom: 3px;
}
.subMenu dd:hover a {
  background: #177bbb;
  width: auto;
}

.myCourse .textWrap a {
  width: auto !important;
}
.myCourse .rowRight strong a {
  font-size: 18px;
}
/*教师平台首页-今日工作展示收起时，箭头有点变化*/
.TP_todayWork .mainRow .titleRow .mainAngle {
  transition: all 0.2s, transform 0.2s;
}
.TP_todayWork .mainRow .titleRow_cur .mainAngle {
  transform: rotate(360deg);
}

/*侧边栏问答、笔记为空*/
.catlog_init {
  padding-top: 200px;
}
.rChapterList {
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  background: #f3fafe;
}

/*提示弹窗两行文字时，对齐样式*/
.del_act {
  margin-top: -12px;
}
/*课程学习单标题没有手指*/
.navTit li {
  cursor: default !important;
}
/*我要提问按钮*/
.Askbtn span {
  margin-left: 35px;
  position: relative;
}
.Askbtn span i {
  left: -35px;
  top: 3px;
}
/*课程学习空页面垂直居中*/
.HW_init {
  padding: 190px 0 199px 0;
}
/*作业要求附件*/
.res_attachment {
  padding: 10px 25px;
}
.noBomline {
  border-bottom: none;
}
/*弹窗分页位置调整*/
.tanPage {
  position: absolute;
  right: 0;
  top: -45px;
}

/*登录*/
#stats {
  display: none;
}
#particles-js {
  width: 100%;
  height: 100%;
  background-image: url("");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
/*侧栏错误*/
.rbarError {
  top: 50%;
  position: relative;
  margin-top: -105px;
}
.errorIcon {
  background: url(../images/rbar_error.jpg) no-repeat center top;
  height: 123px;
}
.errorText {
  text-align: center;
  font-size: 18px;
  padding: 5px 0 15px 0;
}

/*----------------------------------以下是非学历培训样式-------------------------*/
/*----------------学生平台----------------*/
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mr60 {
  margin-right: 60px;
}
.mr100 {
  margin-right: 100px;
}

.pl35 {
  padding-left: 35px;
}

.w580 {
  width: 580px;
}
.w890 {
  width: 880px;
}
.w977 {
  width: 977px;
}
.w990 {
  width: 990px;
}

[class^="cedu-"],
[class*=" cedu-"] {
  top: 1px;
  position: relative;
  /*font-size:14px;*/
}
.pa {
  position: absolute;
}
.f18 {
  font-size: 18px;
}

.side-list3 i {
  font-size: 16px;
  top: 3px;
}

.lineOrgButton {
  border-color: #ff8000;
  color: #ff8000;
}
.lineOrgButton:hover {
  border-color: #fc9228;
  color: #fc9228;
}
.lineOrgButton:active {
  border-color: #ec5a02;
  color: #ec5a02;
}
.lineOrgButton {
  background: #fff;
  border: 1px solid #ff8000;
  color: #ff8000;
}

.orgButton {
  background: #ff8000;
  color: #ffffff;
}
.orgButton:hover {
  background: #fc9228;
}
.orgButton:active {
  background: #ec5a02;
}

/*table-new*/
.table-new {
  border-color: #ddd;
  margin: 0 30px;
}
.table-new.pt15 {
  margin-top: 15px;
  padding-top: 0;
}
.table-new th,
.table-new td {
  border-color: #ddd;
  font-size: 13px;
  padding: 7px 5px;
}
.table-new th {
  background-color: #ebebeb;
  color: #666;
}
.table-new td {
  color: #666;
}
.table-new td em {
  padding: 0px;
  font-size: 13px;
}
/*courseAdd-new*/
.courseAdd-new span i,
.unitAdd-new span i {
  top: 4px;
}
/*pos-fxl*/
.pos-fxl .levelBtn i {
  margin-top: 15px;
}
.pos-fxl .moveDel .levelDel i {
  margin-top: 3px;
  margin-left: 5px;
}
.pos-fxl .moveDel .whiteMoveDel:hover.levelDel i {
  margin-top: 2px;
  margin-left: 4px;
}

.c_fa1c25 {
  color: #fa1c25;
}
.c_ea5b5b {
  color: #ea5b5b;
}

.c_ff8000 {
  color: #ff8000;
}
.c_fc9228 {
  color: #fc9228;
}

.c_62ce61 {
  color: #62ce61;
}

.c_ebedf1 {
  color: #ebedf1;
}
.c_aaa {
  color: #aaa;
}

.bg_ea5b5b {
  background-color: #ea5b5b;
}
.bg_fc9228 {
  background-color: #fc9228;
}
.bg_62ce61 {
  background-color: #62ce61;
}
.bg_5ab3e0 {
  background-color: #5ab3e0;
}

.br_ccc {
  border-right: 1px solid #ccc;
}
.bb_e5e5e5 {
  border-bottom: 1px solid #e5e5e5;
}
.bb_e5e5e5_dash {
  border-bottom: 1px dashed #e5e5e5;
}

.pb1 {
  padding-bottom: 1px;
}

.f49 {
  font-size: 49px !important;
}
.f60 {
  font-size: 60px !important;
}

.page-fxl {
  text-align: center;
}
.page-fxl li span,
.page-fxl li a {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  border-radius: 2px;
}
.page-fxl .prev a i,
.page-fxl .next a i,
.pagesm-fxl .prev a i,
.pagesm-fxl .next a i {
  padding-top: 2px;
  margin-top: 0;
}
.page-bg li span,
.page-bg li a {
  border-color: transparent;
  background-color: transparent;
}
.pagesm-fxl .pageList li span,
.pagesm-fxl .pageList li a,
.pagesm-fxl .pageL li span,
.pagesm-fxl .pageL li a {
  border-radius: 2px;
}
/* 分页不在一行bug */
.page-fxl .pageList:after,
.page-fxl .mr5:after {
  overflow: hidden;
}
.page-fxl .lh34 {
  line-height: 28px;
}
.page-center {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/*滚动菜单*/
.fxlnav .termBox li {
  color: #333;
}
.fxlnav .termBox li > a {
  display: block;
  margin: 0 -15px;
  padding: 0 15px;
}

.fxlnav .termBox li.cur,
.fxlnav .termBox .rollbox li:hover,
.fxlnavBar .termBox li.cur,
.fxlnavBar .termBox .rollbox li:hover {
  color: #333;
  font-weight: bold;
}

.fxlnav,
.fxlnavBar.bb-line {
  background: url(../images/grayline.jpg) repeat-x left 48px;
}
.fxlnav li,
.fxlnavBar li {
  line-height: 48px;
  height: 48px;
}
.fxlnavBar li > a {
  display: inline-block;
  margin: 0 -15px;
  padding: 0 15px;
}
.fxlnav .termBox .termRoll,
.fxlnavBar .termBox .termRoll {
  height: 48px;
}
.fxlnav .termBox li.cur i,
.fxlnav .termBox li:hover i,
.fxlnavBar .termBox li.cur i,
.fxlnavBar .termBox li:hover i {
  top: 45px;
}
.fxlnav .oLine li.cur i,
.fxlnav .oLine li:hover i,
.fxlnavBar .oLine li.cur i,
.fxlnavBar .oLine li:hover i {
  top: 45px;
}

.fxlnavBar.bb-line {
  background-position: left 53px;
}
.fxlnavBar.bb-line .termBox li.cur i,
.fxlnavBar.bb-line .termBox li:hover i {
  top: 45px;
}
.fxlnavBar.bb-line .oLine li.cur i,
.fxlnavBar.bb-line .oLine li:hover i {
  top: 45px;
}
.pt6 {
  padding-top: 6px;
}

/*版权所有*/
#copyright-fxl {
  height: 50px;
  line-height: 50px;
  padding: 0;
  background-color: #575859;
  text-align: center;
}
#copyright.footer-row-two,
#copyright-fxl.footer-row-two {
  height: auto;
  line-height: 50px;
  line-height: 20px;
  padding: 8px 0;
}

/*课程主页-选课后购买后*/
.bread.fxl {
  padding-left: 8px;
}

.giveMarkWrap {
  padding: 0 40px 0 40px;
}
/*评分*/
.giveMarkWrap .give-mark {
  margin-bottom: 10px;
}
.give-mark span.tit,
.give-mark p.scoreFxl {
  float: left;
  display: inline;
}
.give-mark span.tit {
  font-size: 16px;
  color: #333;
  margin-right: 20px;
  line-height: 28px;
}
.give-mark p.scoreFxl {
  margin-top: 3px;
}

.giveMarkWrap .text-box {
  margin-right: 22px;
}
.giveMarkWrap textarea {
  float: left;
  width: 100%;
  height: 58px;
  line-height: 24px;
  padding: 10px;
  margin-bottom: 10px;
}

.course-mark {
  width: 100%;
  height: 48px;
  border: 1px solid #f1f1f1;
  border-left: 0;
  border-right: 0;
  line-height: 48px;
  color: #666;
  font-size: 16px;
  padding: 0 40px;
}
.course-mark em {
  color: #ea5b5b;
}

.CommentWrap.fxl,
.testExam {
  padding: 5px 0 30px;
}
.CommentWrap.fxl .TabCon {
  padding: 0 40px;
}
.CommentWrap.fxl .TabCon dl {
  padding: 0;
  padding-left: 44px;
  border-bottom: none;
}
.CommentWrap .TabCon .comments dl dt {
  line-height: 18px;
  margin-bottom: 5px;
}
.CommentWrap .TabCon .comments dl dt .name {
  color: #333;
  margin-right: 20px;
}
.CommentWrap .TabCon .comments dl dd .time {
  color: #999;
}
.CommentWrap .TabCon .comments dl dd .Con {
  color: #666;
}
.CommentWrap .TabCon .comments {
  padding: 20px;
  position: relative;
  border-bottom: 1px dashed #e5e5e5;
}
.CommentWrap .TabCon .comments .user-pic {
  left: 20px;
  top: 20px;
}
.CommentWrap .TabCon .comments dl dt .give-mark p.scoreFxl {
  margin-top: 2px;
}

/*课程主页-视频*/
.catWrap .studyTab.fxl li {
  width: 108px;
}
.catWrap .studyTabCon .PL-tab-big {
  margin: 10px 0 20px;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  height: 32px;
}
.catWrap .studyTabCon .PL-tab-big li {
  padding: 0 48px 0 49px;
  float: left;
  display: inline;
}
.catWrap .studyTabCon .PL-tab-big li a {
  display: block;
  font-size: 15px;
  color: #666;
  height: 32px;
  line-height: 32px;
}
.catWrap .studyTabCon .PL-tab-big li a i {
  color: #999;
  font-size: 14px;
  margin-right: 5px;
}
.catWrap .studyTabCon .PL-tab-big li.tea-ans a i {
  font-size: 15px;
  position: relative;
  top: 2px;
}
.catWrap .studyTabCon .PL-tab-big li.cur {
  background: #177bbb;
  border-radius: 2px 0 0 2px;
}
.catWrap .studyTabCon .PL-tab-big li.cur a,
.catWrap .studyTabCon .PL-tab-big li.cur a i {
  color: #fff;
}
.catWrap .studyTabCon .PL-tab-big li.tea-ans.cur {
  border-radius: 0px 2px 2px 0;
}

.catWrap .studyTabCon .text-box em {
  color: #ccc;
  font-size: 13px;
  position: absolute;
  right: 6px;
  bottom: 10px;
}

/*学习空间*/
.side-l {
  width: 280px;
}
.conmain-r {
  width: 880px;
}
.main-block {
  background: #fff;
}
.main-block .meal_ticket {
  padding-left: 35px;
  margin-bottom: 20px;
}
.main-block .meal_ticket li {
  float: left;
  height: 48px;
  line-height: 48px;
  padding: 0 15px;
  margin: 0 5px;
  display: inline;
  cursor: pointer;
  font-size: 16px;
}

.meal_cur {
  border-bottom: 3px solid #177bbb;
  font-weight: bold;
  color: #000;
}

.hide {
  display: none;
}
.useticket {
  padding-left: 20px;
}
.useticket span {
  float: left;
  width: 78px;
  height: 30px;
  border-radius: 16px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 30px;
  margin-right: 16px;
}
.useticket span.span_selected {
  color: #0a7dbd;
  border-color: #0a7dbd;
}

/* 用餐券 */
.ticket_suoone {
  margin: 40px 0 0 20px;
  width: 322px;
  height: 198px;
  background: url("../images/morning.png") no-repeat;
  overflow: hidden;
  float: left;
}
.ticket_suoone .no_num {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: right;
  margin: 8px 15px 0 0;
}
.ticket_suoone .ticket_name {
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #ff5b30;
  line-height: 26px;
  margin-top: 23px;
  margin-left: 17px;
}
.ticket_suoone .ticket_lei {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin: 13px 15px 0 17px;
  padding-bottom: 37px;
  border-bottom: 1px dashed #ffd8d1;
}
.ticket_suoone .ticket_final p {
  font-size: 13px;
  margin: 15px 0 0 17px;
  color: #6a6a6a;
  line-height: 17px;
  float: left;
}
.ticket_suoone .ticket_final img {
  float: right;
  margin: 5px 13px 0 0;
}
.ticket_suotwo {
  margin: 40px 0 0 20px;
  width: 322px;
  height: 198px;
  background: url("../images/afternoon.png") no-repeat;
  overflow: hidden;
  float: left;
}
.ticket_suotwo .no_num {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: right;
  margin: 8px 15px 0 0;
}
.ticket_suotwo .ticket_name {
  font-size: 20px;
  font-weight: bold;
  color: #ff4f79;
  line-height: 26px;
  margin-top: 23px;
  margin-left: 17px;
}
.ticket_suotwo .ticket_time {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-left: 17px;
  margin-top: 10px;
}
.ticket_suotwo .ticket_lei {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin: 6px 15px 0 17px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #ffd8d1;
}
.ticket_suotwo .ticket_final p {
  font-size: 13px;
  margin: 15px 0 0 17px;
  color: #6a6a6a;
  line-height: 17px;
  float: left;
}
.ticket_suotwo .ticket_final img {
  float: right;
  margin: 5px 13px 0 0;
}
.ticket_suothree {
  margin: 40px 0 0 20px;
  width: 322px;
  height: 198px;
  background: url("../images/night.png") no-repeat;
  overflow: hidden;
  float: left;
}
.ticket_suothree .no_num {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: right;
  margin: 8px 15px 0 0;
}
.ticket_suothree .ticket_name {
  font-size: 20px;
  font-weight: bold;
  color: #3987ff;
  line-height: 26px;
  margin-top: 23px;
  margin-left: 17px;
}
.ticket_suothree .ticket_time {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-left: 17px;
  margin-top: 10px;
}
.ticket_suothree .ticket_lei {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin: 6px 15px 0 17px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #ffd8d1;
}
.ticket_suothree .ticket_final p {
  font-size: 13px;
  margin: 15px 0 0 17px;
  color: #6a6a6a;
  line-height: 17px;
  float: left;
}
.ticket_suothree .ticket_final img {
  float: right;
  margin: 5px 13px 0 0;
}
.ticket_suofour {
  margin: 40px 0 0 20px;
  width: 322px;
  height: 198px;
  background: url("../images/morning-copy.png") no-repeat;
  overflow: hidden;
  float: left;
}
.ticket_suofour .no_num {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: right;
  margin: 8px 15px 0 0;
}
.ticket_suofour .ticket_name {
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #ffa58d;
  line-height: 26px;
  margin-top: 23px;
  margin-left: 17px;
}
.ticket_suofour .ticket_lei {
  font-size: 14px;
  color: #adadad;
  line-height: 20px;
  margin: 13px 15px 0 17px;
  padding-bottom: 37px;
  border-bottom: 1px dashed #ffd8d1;
}
.ticket_suofour .ticket_final {
  position: relative;
}
.ticket_suofour .ticket_final p {
  font-size: 13px;
  margin: 15px 0 0 17px;
  color: #adadad;
  line-height: 17px;
  float: left;
}
.ticket_suofour .ticket_final img {
  position: absolute;
  top: -97px;
  right: 21px;
}
.ticket_suofive {
  margin: 40px 0 0 20px;
  width: 322px;
  height: 198px;
  background: url("../images/afternoon-copy.png") no-repeat;
  overflow: hidden;
  float: left;
}
.ticket_suofive .no_num {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: right;
  margin: 8px 15px 0 0;
}
.ticket_suofive .ticket_name {
  font-size: 20px;
  font-weight: bold;
  color: #ffa1b7;
  line-height: 26px;
  margin-top: 23px;
  margin-left: 17px;
}
.ticket_suofive .ticket_time {
  font-size: 14px;
  color: #adadad;
  line-height: 20px;
  margin-left: 17px;
  margin-top: 10px;
}
.ticket_suofive .ticket_lei {
  font-size: 14px;
  color: #adadad;
  line-height: 20px;
  margin: 6px 15px 0 17px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #ffd8d1;
}
.ticket_suofive .ticket_final {
  position: relative;
}
.ticket_suofive .ticket_final p {
  font-size: 13px;
  margin: 15px 0 0 17px;
  color: #adadad;
  line-height: 17px;
  float: left;
}
.ticket_suofive .ticket_final img {
  position: absolute;
  top: -97px;
  right: 21px;
}
.ticket_suosix {
  margin: 40px 0 0 20px;
  width: 322px;
  height: 198px;
  background: url("../images/night-copy.png") no-repeat;
  overflow: hidden;
  float: left;
}
.ticket_suosix .no_num {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: right;
  margin: 8px 15px 0 0;
}
.ticket_suosix .ticket_name {
  font-size: 20px;
  font-weight: bold;
  color: #96bfff;
  line-height: 26px;
  margin-top: 23px;
  margin-left: 17px;
}
.ticket_suosix .ticket_time {
  font-size: 14px;
  color: #adadad;
  line-height: 20px;
  margin-left: 17px;
  margin-top: 10px;
}
.ticket_suosix .ticket_lei {
  font-size: 14px;
  color: #adadad;
  line-height: 20px;
  margin: 6px 15px 0 17px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #ffd8d1;
}
.ticket_suosix .ticket_final {
  position: relative;
}
.ticket_suosix .ticket_final p {
  font-size: 13px;
  margin: 15px 0 0 17px;
  color: #adadad;
  line-height: 17px;
  float: left;
}
.ticket_suosix .ticket_final img {
  position: absolute;
  top: -97px;
  right: 21px;
}
.ticket_suoseven {
  margin: 40px 0 0 20px;
  width: 322px;
  height: 198px;
  background: url("../images/morning-used.png") no-repeat;
  overflow: hidden;
  float: left;
}
.ticket_suoseven .no_num {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: right;
  margin: 8px 15px 0 0;
}
.ticket_suoseven .ticket_name {
  font-size: 20px;
  font-weight: bold;
  color: #afbed5;
  line-height: 26px;
  margin-top: 23px;
  margin-left: 17px;
}
.ticket_suoseven .ticket_time {
  font-size: 14px;
  color: #b9c5d7;
  line-height: 20px;
  margin-left: 17px;
  margin-top: 10px;
}
.ticket_suoseven .ticket_lei {
  font-size: 14px;
  color: #b9c5d7;
  line-height: 20px;
  margin: 6px 15px 0 17px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #ffd8d1;
}
.ticket_suoseven .ticket_final {
  position: relative;
}
.ticket_suoseven .ticket_final p {
  font-size: 13px;
  margin: 15px 0 0 17px;
  color: #b9c5d7;
  line-height: 17px;
  float: left;
}
.ticket_suoseven .ticket_final img {
  position: absolute;
  top: -97px;
  right: 21px;
}
/* 用餐券 */
.tip {
  margin-top: 70px;
}
.tip li {
  font-size: 13px;
  color: #666666;
  line-height: 26px;
  padding-left: 20px;
}
.tip li.special {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #333333;
  line-height: 20px;
}

.main-block .meal_ticket li:hover {
  border-bottom: 3px solid #58abe1;
}

th {
  font-weight: bold;
}
.user-block .user-main {
  padding-left: 140px;
  border-bottom: 1px solid #f1f5ff;
  padding-bottom: 12px;
}
.user-block .user-pic {
  top: -20px;
  left: 20px;
  height: 100px;
}
.user-block .usermane {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  line-height: 1;
  padding: 15px 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 165px;
}
.user-block .person-set {
  font-size: 13px;
  color: #177bbb;
}
.user-block .person-set:hover {
  color: #179ee1;
}

.user-block .comy p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 135px;
  font-size: 13px;
}

.menuWrap li {
  border-bottom: 1px solid #f1f5ff;
}
.menuWrap li,
.menuWrap li a {
  line-height: 48px;
  text-align: left;
  font-size: 16px;
  color: #666;
}
.menuWrap a {
  display: block;
}
.menuWrap li a {
  padding-left: 30px;
}
.menuWrap li.cur a,
.menuWrap li:hover a {
  color: #177bbb;
}
.menuWrap li a:hover {
  background: #f9fbff;
}
.menuWrap li.bb0 {
  border-bottom: 0;
}
.menuWrap li dd,
.menuWrap li dd a {
  line-height: 34px;
  font-size: 13px;
  color: #177bbb;
  background: #f1f5ff;
}
.menuWrap li dd a {
  padding-left: 46px;
  font-weight: normal;
}
.menuWrap li.cur dd a {
  font-weight: normal;
}
.menuWrap li dd.cur a {
  background-color: #179ee1;
  color: #fff;
}
.menuWrap li em {
  position: absolute;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  background: #e85c5e;
  border-radius: 16px;
  color: #fff;
  top: 16px;
  left: 98px;
  padding: 0 4px;
}
.menuWrap li:hover dd a {
  background: none;
  color: #177bbb;
}
.menuWrap li:hover dd.cur a,
.menuWrap li dd a:hover {
  background: #179ee1;
  color: #ffffff;
}

.menuWrap .menuson em {
  top: 8px;
  left: 102px;
}

.main-title,
.main-content {
  padding: 0 20px;
}
.main-title {
  padding-top: 20px;
  line-height: 1;
}
.main-content {
  padding-bottom: 10px;
}

.tof {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.side-list {
  padding-top: 10px;
}
.side-list li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.side-list li:hover a {
  color: #177bbb;
}
.side-list a {
  height: 34px;
  padding-left: 5px;
  font-size: 14px;
  color: #666;
  line-height: 34px;
  white-space: nowrap;
}
.side-list a i {
  margin-right: 5px;
  color: #177bbb;
}

.r-bigtit {
  display: block;
  height: 50px;
  font-size: 18px;
  color: #177bbb;
  font-weight: bold;
  line-height: 50px;
  margin: 30px 0 20px;
  background: #fbfbfc;
  padding: 0 20px;
}
.r-bigtit.ectit {
  margin-top: 10px;
}

.courseState em.ended {
  background-color: #999;
}
.courseState em.buyed {
  background-color: #ff7800;
}
.courseState em.c_ff8000 {
  background-color: #ff8000;
}

.courseBox a,
.courseBox a:hover {
  text-decoration: none;
}

.course-list li {
  background: #fff;
  margin-bottom: 20px;
  position: relative;
  height: 158px;
  border: 1px solid #e5e5e5;
}
.course-list li .pic {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 280px;
  height: 158px;
  overflow: hidden;
}
.course-list li .pic img {
  display: block;
  height: 100%;
  width: 100%;
}
.course-list li .pic em {
  position: absolute;
  left: 0;
  top: 0;
}
.course-list li .c-r-con {
  padding: 20px;
  padding-left: 300px;
}
.course-list li .c-r-con .r-tit {
  font-size: 20px;
  position: relative;
  margin-bottom: 8px;
  line-height: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.course-list li .c-r-con .r-tit a {
  color: #333;
}
.conmain-r .course-list li .c-r-con .r-tit {
  text-overflow: unset;
  overflow: visible;
  white-space: normal;
  max-width: 100%;
}
.conmain-r .course-list li .c-r-con .r-tit a {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}

.course-list li .c-r-con .c--sc {
  right: 20px;
  top: 20px;
  font-size: 13px;
  color: #999999;
  line-height: 1;
}
.course-list li .c-r-con .c--sc .num {
  font-size: 20px;
  color: #fd8000;
}
.timeRow {
  line-height: 26px;
}
.train-time,
.train-cycle {
  font-size: 13px;
  color: #999;
}
.train-time i,
.train-cycle i {
  float: left;
  color: #58abe1;
  font-size: 13px;
  margin: 5px 3px 0 0;
}
.train-cycle i {
  width: 13px;
  height: 13px;
  background: url(../images/train-cycle.png) no-repeat;
  background-size: 13px 13px;
}
/*.course-list .train-time i{margin-top:6px;}*/
.tipBar {
  height: 16px;
  line-height: 16px;
  color: #ea5b5b;
  border-radius: 3px;
  border: 1px solid #ea5b5b;
  padding: 0 7px;
  font-size: 12px;
  margin-top: 3px;
}
.course-list li .c-r-con .brief {
  font-size: 13px;
  color: #999;
  line-height: 26px;
  margin-bottom: 0px;
}
.course-list li .c-r-con .brisi {
  margin-bottom: 6px;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.is-class .class-tip {
  color: #999;
}
.is-class .class-tip i {
  color: #666;
}

.studyprogress {
  line-height: 1;
}
.studyprogress .tit,
.studyprogress .scoreExam,
.testDemand .scoreExam {
  font-size: 13px;
  color: #999;
}

.studyprogress .progress_bar,
.progress_cur_bar {
  height: 5px;
  border-radius: 0;
}
.studyprogress .progress_bar {
  width: 220px;
}
.studyprogress .progress_cur_bar {
  background: #259fde;
}
.studyprogress .num,
.studyprogress .num-big {
  font-size: 13px;
  color: #259fde;
  font-weight: bold;
}
.studyprogress .num-big,
.studyprogress .num-sc,
.testDemand .num-sc {
  font-size: 16px;
  font-weight: bold;
}
.studyprogress .num-sc,
.testDemand .num-sc {
  color: #fd8000;
}
.studypos {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.csdetail {
  margin-right: 60px;
  margin-left: -20px;
}
.csdetail span {
  float: left;
  display: inline;
  font-size: 13px;
  color: #999;
  margin-left: 20px;
  margin-bottom: 5px;
}
.csdetail span em {
  color: #179ee1;
  margin: 0 3px;
}
.csdetail span i {
  color: #666;
}
.csdetailRow.init {
  height: 28px;
  overflow: hidden;
}
.csdetailRow .more,
.csdetailRow .packUp {
  width: 40px;
  font-size: 12px;
  color: #179ee1;
  right: 0px;
  bottom: 4px;
  cursor: pointer;
  text-align: right;
  background: #ffffff;
  background: linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
}
.csdetailRow .more i,
.csdetailRow .packUp i {
  color: #179ee1;
}

.link-numlib {
  height: 60px;
  text-align: center;
  display: block;
  line-height: 60px;
  font-size: 20px;
  color: #177bbb;
  font-weight: bold;
}
.link-numlib i {
  width: 37px;
  height: 30px;
  background: url(../images/link-numlib-i.png) no-repeat;
  display: inline-block;
  position: relative;
  top: 8px;
}

/*培训课程已结束*/
.courseBox.ended .course-list li .c-r-con .brief {
  margin-bottom: 18px;
}
.topbar {
  height: 50px;
  line-height: 50px;
  background: #fbfbfc;
  padding: 0 20px;
}
.topbar a,
.topbar span {
  font-size: 16px;
  color: #666;
}
.topbar a i {
  color: #999;
}
.topbar .line {
  margin: 0 20px;
  color: #d9d9d9;
}
.topbar a.cur,
.topbar a.cur i {
  color: #177bbb;
}
/*加载更多*/
.loadBox {
  min-height: 25px;
  display: block;
}
.loadMore {
  color: #259fde;
  font-size: 14px;
}
.loadMore i {
  animation: 0.6s linear 0s normal none infinite rotate;
  -webkit-animation: 0.6s linear 0s normal none infinite rotate;
}

/*课程列表*/
.courselistBg {
  width: 100%;
  background: url(../images/courselist-bg-h216.png) no-repeat;
}
.study_top .left-pic {
  width: 380px;
  height: 214px;
  border: 3px solid #ffffff;
  border-radius: 4px;
  padding: 0;
}
.study_top .left-pic img {
  display: block;
  height: 100%;
  width: 100%;
}
.courselistBg .study_top .r-con {
  position: relative;
  max-width: 63%;
}
.courselistBg .study_top .r-con .tag-traintype {
  /*right:-28px;top:-8px;*/
  padding: 0 5px;
  height: 24px;
  line-height: 24px;
  background: #87cdff;
  font-size: 12px;
  color: #ffffff;
  border-radius: 2px;
  position: relative;
  top: -16px;
  margin-left: 3px;
}
.study_top .r-con .r-tit {
  height: 105px;
  font-size: 34px;
  color: #333;
  line-height: 1.3;
  padding-top: 0px;
  margin-bottom: 8px;
  margin-top: -6px;
  font-weight: bold;
  overflow: hidden;
}
.study_top .r-con .r-tit a {
  color: #333;
  cursor: default;
}
.study_top .r-con .timeRow {
  margin-bottom: 30px;
}
.study-result li {
  float: left;
  display: inline;
  margin-right: 30px;
  font-size: 16px;
  color: #666;
}
.study-result li i {
  color: #58abe1;
  font-size: 16px;
  margin-right: 10px;
}
.study-result li em {
  font-weight: bold;
}
.study_top .r-con .progress_bar {
  width: 450px;
  background: #ccc;
}
.study_top .progress_bar,
.study_top .progress_cur_bar {
  height: 6px;
  border-radius: 6px;
}
.study_top .progress_cur_bar {
  background: #58abe1;
}
.study_top .studyprogress .tit,
.study_top .studyprogress .num {
  font-size: 16px;
  color: #666;
}
.study_top .studyprogress .num {
  color: #58abe1;
}
.addEc {
  padding: 0 12px;
  height: 28px;
  line-height: 30px;
  border-radius: 2px;
  margin-top: 6px;
}
.sdw {
  -moz-box-shadow: 0px 0px 10px #ddd;
  -webkit-box-shadow: 0px 0px 10px #ddd;
  box-shadow: 0px 0px 10px #ddd;
}
/*课程卡片*/
.courseCards ul {
  float: left;
  display: inline;
  margin-left: -20px;
}
.courseCards li {
  float: left;
  display: inline;
  width: 280px;
  height: 326px;
  background: #fff;
  margin: 20px 0 0 18px;
  position: relative;
  border: 1px solid #e7e5e6;
  position: relative;
}
.courseCards li .pic {
  width: 100%;
  height: 158px;
  position: relative;
  overflow: hidden;
}
.courseCards li .pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.courseCards .picMask {
  top: 100%;
}
.courseCards .blueTrans {
  height: 100%;
}
.courseCards .train-time i {
  margin-top: 4px;
}

.courselistBg .courseCards li {
  height: 326px;
}
.courselistBg .csdetailRow.init {
  height: 46px;
}
.courselistBg .csdetail {
  margin-right: 0;
  margin-left: 0;
  margin-right: -10px;
}
.courselistBg .csdetail span {
  position: relative;
  font-size: 12px;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 4px;
  float: none;
}
/*.courselistBg .csdetail span:before {display:block;content:'';position:absolute;top:5px;right:0;height:10px;border-right:1px solid #ccc;}*/
.courselistBg .csdetail span .line {
  color: #ccc;
  font-family: "宋体";
  margin-right: 0;
  margin-left: 4px;
}
.courselistBg .csdetail span em {
  margin: 0 0 0 2px;
}
.courselistBg .csdetailRow .more {
  bottom: 0;
}
.courselistBg .csdetail span:last-child .line,
.courselistBg .csdetail span.last .line {
  display: none;
}

.uptext {
  width: 100%;
  text-align: center;
  left: 0;
  top: 0;
  color: #fff;
  z-index: 1000;
}
.uptext a {
  float: left;
  display: inline;
  width: 280px;
  height: 87px;
  padding-top: 70px;
  color: #fff;
}
.uptext span {
  font-size: 16px;
  padding-left: 28px;
  position: relative;
}
.uptext i {
  font-size: 20px;
  position: absolute;
  left: 0;
  top: -2px;
}
.courseCards .con {
  padding: 12px 12px 18px;
}
.courseCards .con .tit,
.testDemand .TabCon .tit {
  position: relative;
  display: block;
}
.courseCards .con .tit a,
.testDemand .TabCon .tit a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.courseCards .con .tit a {
  max-width: 192px;
  display: block;
}
.courseCards .con .tit a {
  font-size: 16px;
  color: #333;
}
.courseCards .con .ec {
  width: 38px;
  height: 18px;
  background: url(../images/electivecourse-sm-sign.png) no-repeat; /*margin-left:202px;*/
  top: 4px;
  margin-left: 6px;
}
.upTostd {
  background: #66cc66;
  width: 280px;
  height: 40px;
  left: 0;
  bottom: 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
}
.upTostd i {
  margin-right: 6px;
}
.upTostd.not {
  background: #e85c5e;
}

.courseCards .con .scoreExam {
  position: absolute;
  left: 12px;
  bottom: 20px;
}
.courseCards .con .scoreExam .sc {
  font-size: 24px;
  color: #fd8000;
  line-height: 1;
}
.courseCards .con .scoreExam .sc .dw {
  font-size: 12px;
  color: #aaaaaa;
  position: relative;
  top: -1px;
}
.courseCards .con .studypos {
  right: 12px;
}
.courseCards .con .studypos .lineBtnw80.w60 {
  width: 58px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.courseCards .con .studypos .btnw80.w60 {
  width: 60px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}

.courseCards li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  -moz-transform: translate3d(0, -2px, 0);
  z-index: 2;
}
.courseHorizontalCards li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  -moz-transform: translate3d(0, -2px, 0);
  z-index: 2;
}
/*end 课程卡片*/

/*测验考试*/
.testExam .TabCon {
  padding: 0;
  padding-top: 1px;
  margin-top: -1px;
}
.testExam .TabCon dl {
  margin: 0 30px;
  background: url(../images/list-dot.jpg) no-repeat 3px 22px;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #e5e5e5;
  padding-left: 20px;
}
.testExam .TabCon dl dd {
  line-height: 30px;
}
.testExam .TabCon dl dd .tit {
  font-size: 18px;
}
.testExam .TabCon dl dd .tit a {
  color: #333;
}
.testExam .train-time i {
  margin-top: 8px;
}
.testExam .csdetail span {
  margin-bottom: 0;
}
.testExam .TabCon2 dl {
  background-image: none;
}
/*考核要求*/
.testDemand .TabCon dl {
  padding-bottom: 10px;
  margin-bottom: 15px;
}
/* .testDemand .ec {width:40px;height:20px;background:url(../images/testdemand-sm-sign.png) no-repeat;margin:4px 0 0 10px;} */
.testDemand .ec,
.testDemand .rc {
  width: 38px;
  height: 18px;
  line-height: 18px;
  border-radius: 2px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #179ee1;
  color: #179ee1;
  margin: 4px 0 0 10px;
}
.testDemand .ec i,
.testDemand .rc i {
  display: inline-block;
  font-weight: 600;
  -webkit-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
.testDemand .csdetail {
  width: 820px;
}
.testDemand .TabCon .tit a {
  max-width: 800px;
  display: block;
}
.kh-tip {
  margin: 20px 40px 15px;
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
}
.kh-tip i {
  color: #336eaa;
}
.kh-more {
  color: #009de3;
  font-size: 12px;
}
.kh-more i {
  color: #009de3;
  font-size: 15px;
  position: relative;
  top: 1px;
}

/* 考核要求样式重定义 */
.testDemand .testCon .table {
  table-layout: fixed;
  border-right: unset;
}
.testDemand .testCon .table th,
.testDemand .testCon .table td {
  padding: 5px 0;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  border: 0;
  border-bottom: 1px dashed #f2f4f8;
}
.testDemand .testCon .table th {
  background: #f2f4f8;
  color: #999999;
}
.testDemand .testCon .table th .dw {
  color: #cccccc;
}
.testDemand .testCon .table td {
  color: #333333;
}
.testDemand .testCon .table .first-td {
  background: #fafafa;
  color: #aaaaaa;
  font-size: 12px;
}
.testDemand .scoreExam .sc {
  font-size: 24px;
  color: #fd8000;
}
.testDemand .scoreExam .sc .dw {
  font-size: 12px;
  color: #aaaaaa;
  position: relative;
  top: -2px;
}
.testDemand .scoreExam .sc .lab {
  font-size: 14px;
  color: #aaaaaa;
  position: relative;
  top: -2px;
}
.testDemand .scoreExam .passed {
  color: #55cc55;
}
.testDemand .scoreExam .notpass {
  color: #ff4444;
}

.testDemand.testExam .TabCon {
  padding-top: 0;
  margin-top: 0;
}

/* 更多活动弹窗 */
.pop-act-table .actCon .table {
  table-layout: fixed;
  border: none;
}
.pop-act-table .actCon .table th,
.pop-act-table .actCon .table td {
  padding: 5px 0;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  border: 0;
  border-bottom: 1px dashed #f2f4f8;
}
.pop-act-table .actCon .table th {
  background: #f2f4f8;
  color: #999999;
}
.pop-act-table .actCon .table th .dw {
  color: #cccccc;
}
.pop-act-table .actCon .table td {
  color: #333333;
}

/*培训简介*/
.trainIntro {
  padding: 10px 0 30px;
}
.introCon {
  padding: 10px 40px 40px;
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
.introCon h2 {
  font-size: 22px;
  color: #333;
  line-height: 60px;
}
.introCon .t2 strong {
  font-weight: bold;
  color: #000000;
}
.testExam .TabCon .single-row {
  padding-top: 10px;
  padding-bottom: 15px;
  margin-bottom: 5px;
  background-position: 3px 22px;
}
.testExam .TabCon .single-row .tit {
  font-size: 16px;
  color: #333;
  max-width: 500px;
}
.testExam .TabCon dl.single-row:hover dd .tit {
  color: #177bbb;
}

/*滚动条宽度重定义*/
.ps-container .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail {
  width: 4px;
}
.ps-container .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail {
  height: 4px;
}

/*img*/
.loadIcon {
  position: relative;
  width: 30px;
  height: 16px;
  margin: 0 auto;
}

/*内容为空*/
.eas-init {
  padding: 60px 0 60px;
}
.c_d4d4d4 {
  color: #d4d4d4;
}

.eas-bund .pic img {
  border-radius: 50%;
}
.study-init {
  padding: 75px 0;
}

/*发现-选课中心*/
.courseC-find li {
  height: auto;
}
.courseC-find .con {
  padding-bottom: 15px;
}

.briefRow {
  font-size: 14px;
  color: #999;
}
.briefRow i {
  color: #58abe1;
}
.study_top .r-con .tR-find {
  margin-bottom: 25px;
}

.find-nav ul {
  padding: 0 20px;
}
.find-nav li {
  float: left;
  display: inline;
  font-size: 16px;
  color: #666;
  padding: 0 20px;
  margin: 0 5px;
  cursor: pointer;
}
.find-nav li:hover {
  color: #177bbb;
}
.find-nav li.cur {
  margin-left: 0;
  color: #177bbb;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  background: #f8f8f8;
  font-weight: bold;
}
.find-topnav li {
  height: 53px;
  line-height: 53px;
  font-size: 16px;
  color: #666;
  position: relative;
}
.find-topnav li.cur {
  border: 1px solid #eeeeee;
  border-top: 0;
  border-bottom: 0;
  background: #f8f8f8;
  font-weight: bold;
}
.find-topnav li.all.cur {
  background-color: transparent;
  border-color: #fff;
}
.find-connav {
  padding: 13px 0 14px;
  background: #f8f8f8;
}
.find-connav li {
  font-size: 14px;
  color: #666;
  height: 26px;
  line-height: 26px;
}
.find-connav li.cur {
  background: #177bbb;
  color: #ffffff;
  border-radius: 3px;
}
.find-topnav li em {
  display: none;
}
.find-topnav li.cur em {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: -1px;
  left: 0;
  background: #f8f8f8;
  z-index: 9999;
}

.orderBox-find li {
  height: 48px !important;
  line-height: 45px !important;
}

.findBg {
  width: 100%;
  background: url(../images/fingBgpic.jpg) no-repeat center top;
}
.find-top {
  height: 257px;
}
.find-top h2 {
  color: #edf8ff;
  line-height: 1;
  padding: 17px 0 13px;
}
.find-top .sales {
  line-height: 1;
  padding-bottom: 36px;
}
.find-top .price {
  line-height: 1;
  padding-bottom: 14px;
}
.find-top .price .now {
  font-size: 26px;
  color: #e10012;
}
.find-top .price .now em {
  font-size: 36px;
}
.find-top .price .init {
  font-size: 18px;
  color: #dee6ed;
  text-decoration: line-through;
  position: relative;
  top: -4px;
}
.find-top .price .init em {
  font-size: 24px;
}
.find-detail-list .r-tit {
  margin-bottom: 13px !important;
}

.price-sale .init {
  text-decoration: line-through;
}
.price-sale {
  line-height: 28px;
}

.findBg-buyed {
  background-size: 100% 240px;
}
.findBg-buyed .find-top {
  height: 197px;
}
.findBg-buyed .find-top h2 {
  padding-top: 34px;
  padding-bottom: 20px;
}
.findbuyed-block .tit-row .tit,
.findbuyed-block .tit-row .train-time {
  line-height: 42px;
}
.findbuyed-block .tit-row .train-time i {
  margin-top: 13px;
}
.findbuyed-block .studyprogress i {
  margin-top: -1px;
}
.findbuyed-block .studyprogress .progress_bar {
  width: 450px;
}
.findbuyed-block .pos-btn {
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.findbuyed-block .btn-style {
  width: 130px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
}
.findbuyed-block .ctrlBtn {
  width: 60px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  right: 20px;
  top: 50%;
  margin-top: -16px;
  cursor: pointer;
}
.findbuyed-con .nav-bar {
  background-color: #f8f8f8;
  border: 1px solid #ecedf1;
  border-left: 0;
  border-right: 0;
}
.findbuyed-con .addEc {
  margin-top: 2px;
}
.findbuyed-con .findcsCards li {
  width: 268px;
}
.findbuyed-con .findcsCards .upTostd,
.findbuyed-con .findcsCards .blueTrans {
  width: 100%;
}
.findbuyed-con .findcsCards li .pic {
  height: 150px;
}
.findbuyed-con .findcsCards .blueTrans {
  height: 150px;
}
.findbuyed-con .findcsCards .uptext {
  top: -8px;
}
.btn-notstart {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
.trainpcs-mark {
  left: 0;
  top: 0;
}

/*个人设置*/
.usersetting-tit {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  color: #177bbb;
  font-weight: bold;
}

.form-row {
  border-bottom: 1px solid #eeeeee;
}
.set-formBox .form-row {
  width: 280px;
  margin: 0 auto;
  border-bottom: 0;
}
.set-formBox .form-row label {
  width: 80px;
}
.form-row li,
.user-meg .formRow li {
  margin-bottom: 20px;
}
.set-formBox {
  padding: 60px 0;
}
.set-formBox span.text {
  left: 210px;
  width: 400px;
  top: 0px;
}
.set-formBox span.txt-w {
  width: 400px;
}

.user-meg,
.user-meg-edit {
  padding: 50px 50px 50px 60px;
}
.user-meg .form-row,
.user-meg-edit .form-row {
  padding-left: 0;
  margin-bottom: 10px;
}
.user-meg h2,
.user-meg-edit h2 {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  margin-bottom: 25px;
}
.user-meg li,
.user-meg-edit li {
  float: left;
  display: inline;
  margin-right: 30px;
}
.user-meg .chosen-container .chosen-results li,
.user-meg-edit .chosen-container .chosen-results li {
  float: none;
}
.user-meg .edu-meg li,
.user-meg-edit .edu-meg li {
  float: none;
  display: block;
}
.radio-new {
  margin-top: 6px;
}
.infoLeft .sex-row .radio-box i.radio {
  margin-top: 6px;
}
.user-meg-edit li {
  margin-right: 60px;
}

/*.upload-headpic{right:80px;top:50px;}
.upload-headpic .demand{font-size:13px;color:#999;width:165px;}
.upload-headpic .pic{height:140px;}
.uphdmask{width:140px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#000;opacity:0.6;filter:alpha(opacity=60);left:0;bottom:0;cursor:pointer;}*/

.upload-headpic .cover-up {
  overflow: hidden;
  margin-right: 20px;
  position: relative;
  width: 100px;
  height: 100px;
}
.upload-headpic .cover-up .maskCur {
  left: 0px;
  top: 100px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: url(../images/cover-mask.png) repeat;
}
.upload-headpic .cover-up .text {
  color: #ffffff;
}
.upload-headpic .demand {
  font-size: 12px;
  color: #999;
}

.user-meg span,
.user-meg-edit span {
  line-height: 30px;
  font-size: 14px;
  color: #666;
  display: inline-block;
}
.user-meg span {
  min-width: 100px;
}
.user-meg .form-row {
  /*padding-right:100px;*/
}
.user-meg li {
  /*margin-right:90px;*/
}

.meg-edit {
  cursor: pointer;
  color: #177bbb;
}
.dis-edit {
  color: #ccc;
  cursor: default;
}
.user-meg .sex-row span {
  min-width: auto;
}
.meg-edit-box {
  display: none;
}

/*qq绑定弹窗*/
.QQbd .qbd-brief {
  width: 400px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.QQbd .qbd-brief .pic {
  height: 100px;
}
.QQbd .qbd-brief .intro {
  width: 270px;
}

/*学习报告-培训计划*/
.srep-clist .stateDesign em.nobegin {
  background-color: #fc9228;
}

.srep-record {
  padding: 23px 0;
}
.srep-record li {
  height: 17px;
  line-height: 1.2;
  margin-right: 15px;
}
.srep-record li span {
  color: #58abe1;
  font-size: 22px;
}

/*消息中心*/
.sup-meg {
  padding-top: 0;
}
.sup-meg .TabCon dl dd.readed .tit a {
  color: #999;
}
.sup-meg .TabCon dl dd.readed .source {
  color: #999;
}

.notice-con {
  min-height: 700px;
}
.notice-con h2.tit {
  font-size: 24px;
  color: #333;
  text-align: center;
  line-height: 40px;
  padding: 30px 0 10px;
}
.notice-con .sm-tit {
  padding-bottom: 20px;
  text-align: center;
}
.notice-con .sm-tit .art-brief {
  font-size: 13px;
  color: #999;
}
.notice-con .sm-tit .line {
  color: #ccc;
  margin: 0 10px;
}
/*置顶*/
.to-top {
  width: 15px;
  height: 15px;
  background: url(../images/ding.png) no-repeat;
  font-size: 12px;
  color: #fff;
}

/*登录注册*/
.loginBox {
  width: 380px;
}
.loginBox .title {
  font-size: 30px;
  color: #333;
}
.err {
  color: #ea5b5b;
  font-size: 13px;
  line-height: 30px;
}
.form-item,
.form-safe {
  width: 380px;
}
.form-item input {
  width: 358px;
}
.form-item input.checkCode {
  width: 138px;
}
.form-btn .btnw280 {
  width: 280px;
  height: 40px;
  line-height: 38px;
  font-size: 20px;
}
.other-log-way {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #999;
  position: relative;
  margin: 35px 0 20px;
}
.other-log-way em {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  z-index: -1;
}
.qq-log-btn {
  background: #179ee1;
  font-size: 14px;
  padding-left: 30px;
  width: 140px;
}
.qq-log-btn i {
  left: 30px;
  top: 6px;
}
.log-box em.close {
  position: absolute;
  width: 17px;
  height: 17px;
  background: url(../images/ti-close.png) no-repeat;
  right: 0px;
  top: 0px;
  cursor: pointer;
}
.log-box em.close:hover {
  background-position: 0 bottom;
}

.modify-psw .form-row {
  width: 370px;
  margin: 0 auto;
  padding-left: 0;
  padding-bottom: 10px;
}
.modify-psw .tit {
  margin-bottom: 25px;
}
.modify-psw input {
  height: 20px;
  line-height: 20px;
  padding: 4px 5px;
}
.modify-psw span.text {
  left: 380px;
  width: 200px;
  top: 2px;
}
.iw160 {
  width: 148px;
}
.iw240 {
  width: 228px;
}
.iw380 {
  width: 368px;
}
.modify-psw span.w300 {
  width: 300px;
}

.findPsw {
  padding: 60px 0;
}
.findPsw-succ {
  width: 280px;
  margin: 0 auto;
}

.findPsw-succ .top i {
  left: 0;
  top: -5px;
}
.findPsw-succ .top {
  padding-left: 50px;
}

.modify-psw-f .form-row {
  width: 345px;
}
.modify-psw-f span.text {
  left: 240px;
  top: -2px;
}

.findPsw-email {
  width: 670px;
  margin: 0 auto;
}

/*注册*/
.btnw380 {
  width: 380px;
  height: 40px;
  line-height: 38px;
  font-size: 20px;
}
.reg-box {
  width: 330px;
  margin: 0 auto;
  padding: 50px 0 100px;
}
.reg-box .regBtnw {
  width: 330px;
}
/*密码强度*/
.pswlevel span {
  width: 50px;
  height: 7px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 1px;
}
.reg-box .psw-init {
  height: 20px;
}
.reg-box .weak span.first,
.reg-box .stronger span.first,
.reg-box .strongest span.first {
  background-color: #f1914a;
}
.reg-box .stronger span.second,
.reg-box .strongest span.second {
  background-color: #ec6942;
}
.reg-box .strongest span.thrid {
  background-color: #e60013;
}
/*密码强度 end*/
.reg-box .check-right,
.reg-box .r-err {
  width: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  font-size: 14px;
}
.regemail-box {
  height: 470px;
  padding-top: 90px;
}
.regemail {
  width: 550px;
  margin: 0 auto;
  height: 420px;
}
.regemail-box .noemailTip {
  height: 50px;
  line-height: 50px;
  background-color: #f4f4f4;
  font-size: 13px;
  color: #999;
  text-align: center;
}
.regemailsucc-box {
  width: 255px;
  margin: 0 auto;
  padding: 105px 0 110px;
}
.regsucc .top {
  padding-left: 70px;
}
.regsucc .top i {
  left: 0;
  top: 2px;
}
/*注册失败*/
.c_f26565 {
  color: #f26565;
}

/*课程主页-讨论区*/
.discuss-nav {
  height: 40px;
  line-height: 40px; /*background:#fafafa;border:1px solid #e5e5e5;*/
  margin: 0 40px;
}
.discuss-nav li {
  float: left;
  display: inline;
}
.discuss-nav li a {
  font-size: 15px;
  color: #333;
  border-right: 1px solid #cccccc;
  padding: 0 20px;
}
.discuss-nav li.br0 a {
  border-right: 0;
}
.discuss-nav li.cur a {
  color: #177bbb;
}

.giveMarkWrap .text-box em {
  color: #ccc;
  font-size: 13px;
  right: -12px;
  bottom: 10px;
}

.discussArea .TabCon dl dd .other .title a {
  color: #999;
}
.discussArea .train-time i {
  margin-top: 6px;
}

.discussArea .sD_con {
  padding-top: 10px;
}
.discuss-comments .pic {
  left: 10px;
  top: 10px;
}
.discuss-comments .con {
  /*padding-left:54px;*/
}

.candel em {
  right: 30px;
}

.discussArea .TabCon .comments {
  padding-bottom: 10px;
}

.discuss-nav-r {
  margin: 0;
  border-color: #fafafa;
  border-top-color: #e5e5e5;
}
.discuss-nav-r {
  padding-top: 5px;
  height: 35px;
}

.topic-navbox {
  right: 10px;
  top: -34px;
}
.topic-navbox a {
  float: left;
  display: block;
  width: 50px;
  height: 25px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 25px;
}
.topic-navbox a.all {
  border-radius: 2px 0 0 2px;
  border-right: 0;
}
.topic-navbox a.my {
  border-radius: 0 2px 2px 0;
}
.topic-navbox a.cur,
.topic-navbox a:hover {
  background: #fafafa;
  color: #177bbb;
}

/*通知公告*/
.stuNotice .usersetting-tit {
  /*font-size:22px;*/
}
.stuNotice .TabCon dl {
  margin-top: 8px;
  margin-bottom: 0;
  padding-bottom: 12px;
}
.stuNotice .TabCon dl dd .tit {
  font-size: 16px;
}

.artCon {
  padding: 30px 40px 50px;
  background: #ffffff;
}
.artCon .bb_line {
  border-bottom: 1px solid #f0f0f0;
}
.artCon .tit {
  font-size: 24px;
  color: #333;
}
.artCon .sm-tit {
  padding-bottom: 20px;
}
.artCon .sm-tit .art-brief {
  font-size: 13px;
  color: #999;
}
.artCon .sm-tit .line {
  color: #ccc;
  margin: 0 10px;
}
.artCon .art-con {
  font-size: 14px;
}
/* 编辑文章——解决斜体、加粗等 */
.artCon .art-con p em {
  font-style: italic !important;
}
.artCon .art-con p strong {
  font-weight: bold !important;
}

/*----------------end 学生平台----------------*/

/*------------------教师平台------------------*/
.guiding .course-list li .c-r-con {
  padding-top: 30px;
}
.guiding .course-list li .c-r-con .brief {
  color: #666;
}

.guiding-cs li {
  height: 214px !important;
}
.guiding-cs li .tit span {
  float: left;
  position: relative;
}
.guiding-cs li .redDot,
.designCs-ter li .redDot,
.course-list li .c-r-con .r-tit .redDot {
  width: 8px;
  height: 8px;
  background: url(../images/teap-reddot.png) no-repeat;
  top: 3px;
  right: -5px;
}
.guiding-cs .con {
  padding-top: 14px;
}

.guiding-cs .con .gud-tit span {
  position: relative;
  float: left;
}
.guiding-cs .con .gud-tit a {
  max-width: 160px;
  display: block;
}
.guiding-cs .gud-tit .redDot {
  top: 3px;
  right: -5px;
}
.guiding-cs .gud-tit .ec {
  margin-left: 10px;
}

.ex-seaBox {
  margin: 20px 30px 0;
}
.expRead .TabCon dl {
  margin: 0px 30px;
  padding-top: 20px;
  background-position: 3px 32px;
}
.expRead .TabCon dl dd .tit,
.reslibWrap .TabCon dl dd .tit {
  font-size: 16px;
}
.expRead .TabCon dl dd .tit a,
.reslibWrap .TabCon dl dd .tit a {
  max-width: 680px;
  display: block;
}
.expRead .TabCon dl dd .np-num {
  font-size: 14px;
  color: #666;
}

/*培训学员*/
.trainStu {
  padding: 10px 0 30px;
}

.search-row {
  margin: 0 30px;
  padding: 15px 0 20px 20px;
}
.search-row .control-label {
  line-height: 30px;
  color: #999;
}
.form-control {
  font-size: 14px;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  border: 1px solid #cccccc;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 10px;
  line-height: 26px;
  height: 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.form-control:focus {
  border-color: #58abe1;
}
.searchDown {
  position: relative;
}
.searchDown input {
  /*width:200px!important;*/
  color: #666;
  border-radius: 2px 2px 0 0 !important;
}
.searchDown .search-btn {
  position: absolute;
  right: 3px;
  top: 8px;
  color: #ccc;
}
.searchDown .search-btn i {
  width: 20px;
  height: 20px;
  display: block;
}
.searchDown .search-btn.cur,
.searchDown .search-btn:hover {
  color: #58abe1;
}
.searchDown .chosen-list {
  border: 1px solid #ccc;
  padding: 0px 0;
  position: absolute;
  width: 100%;
  z-index: 100;
  top: 100%;
  background: #fff;
  margin-top: -1px;
}
.searchDown .chosen-list li {
  padding: 5px 6px;
  line-height: 15px;
}
.searchDown .chosen-list li.highlighted {
  background: #58abe1;
  color: #666;
  cursor: pointer;
  background: #eeeeee;
}

/*结业状态*/
.compledcsf {
  display: inline-block;
  width: 60px;
  height: 18px;
  margin-bottom: -5px;
  background: url(../images/compstas-pics.png) no-repeat;
}
.compledcsf.dis {
  background-position: 0 -19px;
}

.passed {
  color: #62ce61;
  font-size: 14px;
}
.table-new td .passed-result,
.table-new td .passed-result em {
  color: #62ce61;
}

.tipHtml-fxl {
  font-size: 13px;
}

.kcyl-gray {
  color: #666;
  cursor: pointer;
}
.kcyl-gray i {
  color: #999;
}
.kcyl-gray:hover {
  color: #177bbb;
}
.kcyl-gray:hover i {
  color: #58abe1;
}

.texttopbar {
  height: 64px;
  line-height: 64px;
  background: #fff;
}
.texttopbar a,
.texttopbar span,
.texttopbar strong {
  font-size: 22px;
  color: #333;
}

/*课程学习详情*/
.cg-blocks {
  margin-right: -20px;
}
.cg-blocks li {
  width: 380px;
  height: 90px;
  margin-right: 20px;
  position: relative;
}
.cg-blocks li .fl {
  font-size: 24px;
  color: #fff;
  line-height: 90px;
  padding-left: 80px;
}
.cg-blocks li .fl i {
  font-size: 50px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  left: 20px;
  top: 50%;
}
.cg-blocks li.lia .fl i {
  margin-top: -25px;
}
.cg-blocks li.lib .fl i {
  margin-top: -25px;
}
.cg-blocks li.lic .fl i {
  margin-top: -22px;
}
.cg-blocks li .fr {
  padding: 20px 20px 0 0;
}
.cg-blocks li .fr span {
  display: block;
  line-height: 1;
  text-align: center;
  color: #fff;
}
.cg-blocks li .fr span.bom {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.cg-blocks-pj li .fr {
  padding-top: 30px;
}
.cg-blocks li .fr span.top .f36 {
  font-size: 32px;
}
.cg-blocks li .fr span .smt {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.srep-blocks li .fl {
  padding-left: 20px;
}
.srep-blocks li .fr {
  padding-right: 20px;
}
.srep-blocks li .ended {
  padding-left: 20px;
}
.srep-blocks li .ended span {
  color: #000;
  opacity: 0.3;
  filter: aplpha(opacity=30);
}
.srep-blocks li .line {
  width: 1px;
  height: 52px;
  background: url(../images/srep-blocks-line.png) no-repeat;
  margin-left: 20px;
  padding-left: 0;
}
.srep-blocks li span.fl {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 195px;
}

.cg4-blocks li {
  width: 280px;
}
.cg4-blocks li .fr {
  padding-right: 15px;
}
.cg4-blocks li .fl {
  padding-left: 15px;
  font-size: 20px;
}
.cg4-blocks li .ended {
  padding-left: 0px;
}
.cg4-blocks li .line {
  margin-left: 15px;
}
.cg4-blocks li span.fl {
  max-width: 120px;
}

.term-box li {
  max-width: 130px;
}
.cg-init {
  padding: 90px 0 100px;
}
.cg-init-view {
  padding: 122px 0 145px;
}
.cg-init-comment {
  padding: 185px 0 202px;
}
.cg-init-note {
  padding: 245px 0 262px;
}

.otsUnit ul {
  padding: 30px 0px;
}
.otsUnit li {
  width: 24.9%;
  text-align: center;
  height: 80px;
  border-right: 1px solid #ebedf1;
}
.otsUnit li.last {
  border-right: 0;
}
.otsUnit li h3,
.otsUnit li p {
  line-height: 1;
}
.otsUnit li .init-pic {
  margin-top: 16px;
}

.videoview-list li {
  padding: 10px 10px;
  border-bottom: 1px dashed #eeeeee;
}
.videoview-list li i {
  width: 16px;
  height: 16px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #58abe1;
  color: #58abe1;
  margin-right: 15px;
}
.videoview-list li i.good {
  background: #58abe1;
  color: #fff;
}
.videoview-list li .pic {
  margin-right: 15px;
  height: 40px;
}
.videoview-list li .pic img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.videoview-list li .rcon h2 {
  line-height: 20px;
}
.videoview-list li .rcon p {
  line-height: 20px;
}
.result-tip {
  font-size: 14px;
  color: #666;
  line-height: 48px;
  padding: 0 10px;
}

.weekstas {
  padding-bottom: 50px;
}
.topbox {
  padding: 30px 15px 55px;
}
.picexp li {
  font-size: 14px;
  color: #999;
  padding-left: 22px;
}
.picexp li i {
  width: 12px;
  height: 2px;
  top: 14px;
  left: 0;
}

.block-tit {
  padding: 0 15px;
  margin: 0 5px;
  float: left;
  display: inline;
  max-width: 130px;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  white-space: normal;
  position: relative;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.block-tit i {
  width: 100%;
  height: 3px;
  background: #177bbb;
  top: 46px;
  left: 0;
}

.tabWrap-stas .main-con {
  padding: 0 10px;
}

.comment-con,
.edit-con {
  padding: 20px 5px 30px 30px;
}
.comment-con {
  padding-top: 10px;
  padding-bottom: 61px;
}
.commTab {
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  padding-bottom: 0px;
}
.commTab li {
  float: left;
  cursor: pointer;
  font-size: 16px;
}
.commTab li.Cur {
  color: #177bbb;
}
.commTab li span {
  padding: 0 10px;
  font-size: 16px;
  color: #ccc;
  font-weight: lighter;
}

.commTabCon dl {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 0;
  margin-right: 20px;
}
.commTabCon dl dt .name {
  font-size: 14px;
  color: #999;
}
.commTabCon dl dd .Con {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.commTabCon dl dd .other .fr .fl {
  margin-left: 10px;
  color: #999;
}
.commTabCon dl dd .other .fr .fl a {
  color: #999;
}
.commTabCon dl dd .other .fr i {
  margin-right: 3px;
  font-size: 14px;
  color: #58abe1;
}
.commTabCon dl dd .other .train-time i {
  margin-top: 4px;
}
.commTabCon .sD_comments em {
  right: 2px;
}
.commTabCon .sD_comments .askText {
  font-size: 13px;
  color: #666;
}
.commTabCon .sD_con {
  padding-top: 10px;
}

.edit-con {
  padding-bottom: 50px;
}
.edit-con dl {
  margin-right: 20px;
}
.edit-con dt {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-bottom: 5px;
}
.edit-con dd .path {
  font-size: 14px;
  color: #999;
}
.edit-con .train-time i {
  margin-top: 4px;
}

/*培训计划详情*/
.courseCards-cg li {
  height: 242px;
}
.courseCards-cg .stateDesign em.nobegin {
  background-color: #fc9228;
}

.cgdetail span {
  float: left;
  display: inline;
  font-size: 13px;
  color: #999;
  margin-bottom: 5px;
}
.cgdetail span em {
  color: #179ee1;
  margin-left: 3px;
}
.cgdetail .cg-line {
  margin: 0 10px;
  color: #ccc;
}

/*课程辅导-讨论区*/
.discussArea .TabCon .comments dl dt .name {
  margin-right: 0;
}
.discussArea .TabCon dl dt .teach {
  margin-top: 0;
}

.back-prev {
  padding: 14px 0;
  font-size: 14px;
  color: #999;
}

.guide-toptit {
  line-height: 44px;
}
.guide-toptit .tit {
  font-size: 22px;
  color: #333;
  padding-top: 4px;
}
.guide-toptit .view {
  font-size: 14px;
  color: #58abe1;
  padding-top: 4px;
  cursor: pointer;
}
.guide-toptit .view:hover {
  color: #177bbb;
}

.guideTop .termTool a {
  border-right-color: #ffffff;
}

.guide-left-nav li {
  /*width:160px;*/
  padding-left: 30px;
  padding-right: 10px;
}
.guide-left-nav li em {
  margin-top: 16px;
  font-size: 16px;
}
.guide-left-nav li span {
  max-width: 110px;
}

.cG-list-wrap .cm_list {
  background: url(../images/list-dot.jpg) no-repeat 0 30px;
  padding-left: 15px;
}
.cG-list-wrap .cm_list:hover {
  background-color: #ffffff;
}
.cG-list-wrap .cm_list:hover .tit {
  color: #177bbb;
}

/*资源管理*/
.resLmenu {
  border: 1px solid #e1e1e1;
  border-right: 0;
  left: 30px;
  top: 20px;
}
.resLmenu li {
  height: 28px;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  border-right: 1px solid #e1e1e1;
}
.resLmenu li i {
  color: #999;
}
.resLmenu li.up {
  border-radius: 2px 0 0 2px !important;
}
.resLmenu li.collect {
  border-radius: 0 2px 2px 0 !important;
}
.resLmenu li:hover {
  color: #333;
}
.resLmenu li:hover i {
  color: #333;
}
.resLmenu li.cur {
  color: #177bbb;
  background: #f5f5f5;
}
.resLmenu li.cur i {
  color: #177bbb;
}
.resLmenu li:active {
  color: #177bbb;
}
.resLmenu li:active i {
  color: #177bbb;
}

.reslibWrap .TabCon dl {
  background: none;
  margin: 0px 30px;
  padding: 20px 0;
}
.reslibWrap .TabCon dl .stardlbox dl {
  padding: 0;
  margin: 0;
  border: 0;
}
.reslibWrap .star {
  width: 65px;
  height: 20px;
}
.reslibWrap .stardlbox {
  height: 26px;
}
.reslibWrap .star ul,
.reslibWrap .star dl {
  top: 3px;
}
.reslibWrap .star li,
.reslibWrap .star dd {
  width: 13px;
}
.reslibWrap .csdetail .givemark span {
  margin-right: 0;
}
.reslibWrap .train-time i {
  margin-top: 7px;
}
.res-switch {
  width: 60px;
  height: 18px;
  background: url(../images/reslib-staspics.png) no-repeat;
  margin-left: 10px;
  margin-top: 5px;
}
.res-switch.succ {
  background-position: 0 0;
}
.res-switch.going {
  background-position: 0 -19px;
}
.res-switch.end {
  background-position: 0 -37px;
}

.reslibWrap .res-r .TabCon dl {
  margin-right: 0;
}
.w850 {
  width: 850px;
}

.restop .back {
  margin-top: 10px;
}

.res-upload-wrap .chosen-container {
  margin-right: 5px;
}

.res-ms-con {
  line-height: 26px;
  height: 78px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.res-down-btn {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

/*公告*/
.del a:hover i {
  color: #58abe1 !important;
}
.noPublish {
  width: 60px;
  height: 18px;
  background: url(../images/noPublish-pics.png) no-repeat;
  margin-left: 10px;
  margin-top: 5px;
}
.testExam .TabCon dl.no-pub dd .tit a {
  color: #999;
}
.return-back {
  padding: 14px 10px 0 0;
}
.return-back a {
  color: #ccc;
}

/*统计报表*/
.table-total td {
  background: #fafafa;
  color: #333;
}

/*------------------end 教师平台------------------*/
.testExam .TabCon dl:hover {
  /*background-color:#f9fbff;*/
}
.testExam .TabCon dl:hover dd .tit a {
  color: #177bbb;
}

/*所属地域*/
.region {
  position: relative;
}
.regionBox {
  position: absolute;
  left: 0;
  top: 29px;
  z-index: 9999;
  border: 1px #58abe1 solid;
  border-radius: 2px;
  width: 335px;
  background: #fff;
  display: none;
}
.regionNav {
  background: #f7f7f7;
  height: 35px;
  line-height: 35px;
}
.user-meg-edit .regionNav span {
  min-width: inherit;
}
.regionNav span {
  float: left;
  display: inline;
  color: #999999;
  padding: 0 25px;
  height: 35px;
  cursor: pointer;
}
.regionNav span.cur {
  background: #fff;
  color: #666666;
}
.regionCon {
  min-height: 110px;
}
.regionCon dl {
  padding: 10px 0 0 0;
}
.regionCon dd {
  float: left;
  display: inline;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 0 10px;
  cursor: pointer;
}
.regionCon dd.cur {
  background: #58abe1;
  color: #fff;
}
.region.inputCur .inputText {
  border-color: #58abe1;
}

.strNav .findbarNav li {
  font-size: 14px;
}
.titstar {
  margin: 18px 0 0 20px;
}
.titstar i {
  color: #ff9a00;
  font-size: 18px;
  margin-right: 5px;
}
.titgz {
  color: #ccc;
  margin: 16px 0 0 10px;
}
.titgz i {
  margin-right: 3px;
}
.formRow .chosen-drop li {
  margin-bottom: 0;
}
.art-con {
  line-height: 2;
  font-size: 15px;
  text-indent: 2em;
}
.infoLeft {
  width: 765px;
}
.infoup {
  margin-top: 0px;
}
.formRowLast {
  border: 0;
}

/*五角星*/
.star {
  width: 100px;
  height: 45px;
  position: relative;
}
.stardlbox {
  left: 0;
  top: 0;
  height: 31px;
  overflow: hidden;
}
.stardlbox dl {
  width: 100px;
}
.star ul,
.star dl {
  position: absolute;
  left: 0;
  top: 11px;
  height: 20px;
  overflow: hidden;
}
.star li,
.star dd {
  float: left;
  display: inline;
  width: 20px;
  height: 20px;
  background: url(../images/star_default.png) no-repeat center center;
}
.star dd {
  background: url(../images/star_select.png) no-repeat center center;
}

.starBig {
  width: 100px;
  height: 40px;
  position: relative;
}
.stardlbox {
  left: 0;
  top: 0;
  height: 40px;
  overflow: hidden;
}
.stardlbox dl {
  width: 100px;
}
.starBig ul,
.starBig dl {
  position: absolute;
  left: 0;
  top: 16px;
  height: 20px;
  overflow: hidden;
}
.starBig li,
.starBig dd {
  float: left;
  display: inline;
  width: 20px;
  height: 20px;
  background: url(../js/raty/images/star-off.png) no-repeat center center;
}

.starBig dd {
  background: url(../js/raty/images/star-on.png) no-repeat center center;
}

/* 教师工作空间 */
.user-block .user-pic1 {
  top: -20px;
  border: 1px solid #fff;
}
.user-block .user-main2 {
  border-bottom: none;
  display: inline-block;
}
.countRight span {
  margin: 0 9px;
  background: #e1e1e1;
  width: 1px;
  display: inline-block;
  height: 12px;
}
.user-block .countRight li:last-child span {
  display: none;
}
/* .xingqinghide input{width:252px;height:24px;border:1px solid #ccc;padding-left:8px;}
.xingqinghide button{width:60px;height:26px;border:none;line-height: 24px;cursor: pointer;} */

.mb180 {
  margin-bottom: 180px;
}
.main-title2,
.main-content2 {
  padding: 0 25px;
}
.main-title2 {
  padding-top: 20px;
  padding-bottom: 10px;
  line-height: 1;
}
.courseCards2 li .con {
  padding: 10px 20px 27px;
  font-size: 16px;
}
.peixun-wenzi {
  height: 38px;
  width: 540px;
  overflow: hidden;
  line-height: 19px;
}
.dl-list {
  width: 250px;
  height: 125px;
  padding: 35px 0 0 30px;
  background: rgba(34, 154, 212, 0.9);
  left: 0;
  top: 160px;
}
.dl-list dd {
  float: left;
  margin-right: 28px;
  margin-bottom: 30px;
}
.dl-list:hover {
  cursor: pointer;
}
.dl-list dd a {
  color: #fff;
  font-size: 16px;
}
.dl-list dd a i {
  margin-right: 9px;
  font-size: 16px;
}
.timeRow2 {
  margin-bottom: 12px;
}
.course-list li:last-of-type {
  margin-bottom: 0;
}
.courseCards2 ul {
  margin-right: -20px;
}
.courseCards2 li {
  width: 280px;
  height: 218px;
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
}
.courseCards2 li > img {
  display: block;
  width: 100%;
  height: 158px;
}
.courseCards2 li .pic {
  height: 158px;
  position: relative;
  overflow: hidden;
}
.courseCards2 li {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  z-index: 1;
}
.courseCards2 li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  z-index: 2;
}
.courseCards2 li .redDot {
  width: 8px;
  height: 8px;
  background: url(../images/teap-reddot.png) no-repeat;
}

.side-list3 a {
  display: block;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.side-list3 a i {
  margin-right: 6px;
}
.side-list3 p {
  height: 1px;
  width: 230px;
  background: #eee;
  margin: 10px 0;
}
.side-list2 li:hover a,
.side-list3 li:hover a {
  color: #177bbb;
}
.side-list2 li {
  border-bottom: 1px dashed #eee;
  padding-bottom: 10px;
}
.side-list2 li:last-of-type {
  border-bottom: none;
}
.side-list2 a {
  height: 34px;
  padding-left: 10px;
  font-size: 14px;
  color: #666;
  line-height: 34px;
}
.side-list2 p {
  color: #999;
  margin-left: 18px;
  font-size: 13px;
}
.side-list2 p span {
  color: #5daee2;
}
.side-list2 p em {
  margin: 0 14px;
}
.c_77cc77 {
  color: #77cc77;
}
.square {
  width: 3px;
  height: 3px;
  background: #999;
  display: inline-block;
  margin-bottom: 4px;
}
.bg_fff1 {
  background: #fff;
}
.upload-ziyuan {
  background: url(../images/upload-ziyuan.jpg) 0 center no-repeat;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
}

.arrow-more {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  cursor: pointer;
}

/* 学生平台首页 */
.bg_2b2e32 {
  background: #2b2e32;
}
.bg_ecedf1 {
  background: #ecedf1;
}
.bg_ff8000 {
  background: #ff8000;
}
.bg_f8f8f8 {
  background: #f8f8f8;
}
.bg_999 {
  background: #999;
}
.bg_eee {
  background: #eee;
}
.c_ff8000 {
  color: #ff8000;
}
.c_aeaeae {
  color: #aeaeae;
}
.c_fc932b {
  color: #fc932b;
}

.pb16 {
  padding-bottom: 16px;
}
.pb18 {
  padding-bottom: 18px;
}
.pb22 {
  padding-bottom: 22px;
}
.pb37 {
  padding-bottom: 37px;
}
.mr55 {
  margin-right: 55px;
}
.mb88 {
  margin-bottom: 88px;
}
.mt-7 {
  margin-top: -7px;
}
.mt14 {
  margin-top: 14px;
}
.w410 {
  width: 414px;
}
.w320 {
  width: 320px;
}
.w520 {
  width: 520px;
}
.w780 {
  width: 780px;
}
.h45 {
  height: 45px;
}
.cpointer {
  cursor: pointer;
}
/*----banner-----*/
.h230 {
  height: 230px;
}
.banner {
  width: 100%;
}

/* .banner .bn1 {background:#2b2e32;}
.banner .bn2 {background:#2b2e32;} */

.theirs.slide {
  width: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
}
.slide {
  height: 100%;
}
.slide .slide_pic {
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.slide_pic {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.slide_changeDiv_cur {
  top: 0px;
  left: 0px;
}
.slide_pic a {
  display: block;
  width: 100%;
  height: 100%;
}
.arrow-btns {
  width: 1800px;
}
.arrow_btn1 {
  top: 46%;
  margin-top: -13px;
  z-index: 3;
  cursor: pointer;
  width: 40px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.arrow_btn1 p {
  width: 14px;
  height: 27px;
  background: url(../images/arrow-btns.png) 0 0 no-repeat;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-left: 12px;
  margin-top: 12px;
}
#prev1 {
  left: 50%;
  margin-left: -590px;
  background-position: 0 0;
}
#next1 {
  right: 50%;
  margin-right: -590px;
}
#next1 p {
  background-position: -15px 0;
}
#prev1:hover {
  background: #6b6c6e;
}
#next1:hover {
  background: #6b6c6e;
}
.pageout {
  position: absolute;
  left: 48%;
  bottom: 10px;
  z-index: 100;
}
.pageout .page1 {
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #3b3b3c;
  cursor: pointer;
}
.hover_ {
  background: #333;
}
.theirs.arrow_btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.notecon .notePic {
  height: 214px;
}

.ccont-top {
  margin-bottom: 27px;
}
.ccont-top-img {
  width: 98px;
  height: 98px;
  border: 1px solid #fff;
  left: 30px;
  top: -20px;
}
.ccont-top-2bg {
  background: url(../images/ccont-top-2bg.jpg) 0 0 no-repeat;
  height: 58px;
  padding-top: 18px;
}
.ccont-top-btn {
  width: 120px;
  height: 35px;
  border-radius: 2px;
  text-align: center;
  line-height: 35px;
}
.ccont-top-foot {
  padding: 18px 30px 36px;
}
.ccont-top-foot2 {
  padding: 18px 10px 10px;
}
.ccont-top-ftspan {
  height: 1px;
  margin-bottom: 5px;
}
.ccont-top-foot li {
  width: 105px;
  text-align: center;
}
.ccont-top-foot2 li {
  width: 85px;
  height: 60px;
}
.ccont-top-footin {
  margin-bottom: 62px;
  margin-top: 24px;
}
.ccont-top-footin li {
  float: left;
  width: 106px;
  text-align: center;
}
.ccont-top-footin li i {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.cbig-teach {
  background: url(../images/cbig-teach.png) center 0 no-repeat;
}
.czhidao-teach {
  background: url(../images/czhidao-teach.png) center 0 no-repeat;
}
.cstudent {
  background: url(../images/cstudent.png) center 0 no-repeat;
}
.ccont-top-footin li a {
  color: #333;
  font-size: 15px;
  display: block;
  margin-top: 14px;
}
.ccont-top-footin li a:hover {
  color: #177bbb;
}
.ccont-top-rightline {
  width: 1px;
  height: 55px;
  left: 85px;
  top: 0px;
}
.ccont-top-bottomline {
  width: 80px;
  height: 1px;
  left: 0px;
  top: 60px;
}
.ccont-top1 {
  background: url(../images/ccont-top1.png) 0 0 no-repeat;
  width: 20px;
  height: 22px;
  display: inline-block;
}
.ccont-top2 {
  background: url(../images/ccont-top2.png) 0 0 no-repeat;
  width: 20px;
  height: 22px;
  display: inline-block;
}
.ccont-top3 {
  background: url(../images/ccont-top3.png) 0 0 no-repeat;
  width: 20px;
  height: 22px;
  display: inline-block;
}
.ccont-top4 {
  background: url(../images/ccont-top4.png) 0 0 no-repeat;
  width: 20px;
  height: 22px;
  display: inline-block;
}
.ccont-top5 {
  background: url(../images/ccont-top5.png) 0 0 no-repeat;
  width: 20px;
  height: 22px;
  display: inline-block;
}
.ccont-top6 {
  background: url(../images/ccont-top6.png) 0 0 no-repeat;
  width: 20px;
  height: 22px;
  display: inline-block;
}
.ccont-top7 {
  background: url(../images/ccont-top7.png) 0 0 no-repeat;
  width: 20px;
  height: 22px;
  display: inline-block;
}
.ccont-top8 {
  background: url(../images/ccont-top8.png) 0 0 no-repeat;
  width: 20px;
  height: 22px;
  display: inline-block;
}

.cbig-teach {
  background: url(../images/cbig-teach.png) 0 0 no-repeat;
}
.czhidao-teach {
  background: url(../images/czhidao-teach.png) 0 0 no-repeat;
}
.cstudent {
  background: url(../images/cstudent.png) 0 0 no-repeat;
}
.cbig-teach,
.czhidao-teach,
.cstudent {
  width: 50px;
  height: 55px;
  display: inline-block;
}
.ccont-top-info {
  padding: 18px 30px 0;
}
.ccont-top-line {
  height: 1px;
  width: 100%;
}
.ccont-top-dl {
  width: 285px;
}
.ccont-top-dd {
  line-height: 26px;
  margin-top: 10px;
  height: 52px;
}
.ccont-top-list {
  width: 3px;
  height: 3px;
  margin-bottom: 5px;
  margin-right: 8px;
}

.ccont-top-listline {
  border-top: 1px dashed #eee;
  margin: 5px 0 7px;
}
.ccont-top-a a {
  color: #333;
}
.ccont-top-a a:hover {
  color: #177bbb;
}
.ccont-top-a li a {
  max-width: 213px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  line-height: 1;
}
.ccont-middle {
  margin-top: 27px;
  margin-bottom: 30px;
}
.cmiddle-img {
  border: 1px solid #cfcfcf;
}
.ccont-top-listline2 {
  border-top: 1px dashed #eee;
  margin: 15px 0;
}

.ccont-link-line {
  background: #e5e5e5;
  width: 1120px;
  height: 1px;
  margin: 50px auto 32px;
}
.ccont-link-line p {
  left: 50%;
  top: -14px;
  transform: translate(-50%);
}

.ccont-link-a {
  width: 1200px;
}
.ccont-link-a li {
  width: 180px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 10px;
}
.ccont-link-a li a {
  color: #414141;
  display: inline-block;
  padding-left: 0;
}
.ccont-link-a li a img {
  float: left;
}
.ccont-link-a li a span {
  margin-left: 10px;
}

.stu-loged a {
  text-decoration: underline;
  color: #ff8000;
}

/*修改密码*/
.pwdlabel {
  position: absolute;
  left: -80px;
  top: 0;
}
.pwdedit .set-formBox .form-row {
  width: 200px;
}

.already-init {
  margin: 60px 0 200px 0;
}
.disableHover li:hover i {
  background-color: #177bbb;
}
.notePic span {
  width: 100%;
  height: 30px;
  line-height: 30px;
  left: 0;
  bottom: 0;
}
.notePic span i {
  position: absolute;
  width: 100%;
  height: 30px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  left: 0;
  top: 0;
}
.notePic span em {
  position: absolute;
  width: 100%;
  text-align: center;
}
.notePic span em a {
  color: #fff;
}
.notecon {
  padding: 0 30px;
  height: 290px;
}
.ccont-top-info .majorIcon {
  margin-top: 9px;
}
.clupic {
  padding-top: 5px;
}
.clupic dt {
  margin-top: 0;
}
.clupic dd {
  height: 45px;
}

/*学生平台登录*/
.clogin_bg {
  /* background: url(../images/login_bg.jpg) center center no-repeat; */
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.clogin_bgmiddle {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.clogin_bgmiddle1 {
  width: 1224px;
  height: 510px;
  margin: 10.5% auto 0;
}
.clogin_bgmiddle img {
  width: 1224px;
  height: 510px;
}
.clogin-kong {
  height: 13%;
}
.cloginbox {
  width: 446px;
  margin: 0 auto;
  z-index: 100;
}
.cloginbox .tc img {
  max-width: 100%;
  max-height: 70px;
}
.cloginbox span.f22 {
  color: #333333;
}
.cloginbox-middle {
  width: 320px;
  margin: 0 auto;
  background: #fff;
  padding: 40px 30px 50px;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.cform {
  height: 30px; /* background:#eef3f7; */
  line-height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #ccc;
  border-radius: 1px;
  position: relative;
  padding-left: 35px;
}
.cformTel {
  height: 30px;
  line-height: 30px;
  padding: 4px 5px;
  border: 1px solid #ccc;
  border-radius: 1px;
  position: relative;
}
.i-ipt {
  color: #ccc;
  margin: 12px 8.5px 0 15px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.i-ipt1 {
  margin: 12px 6.5px 0 15px;
}
.i-ipt2 {
  margin: 13px 7px 0 14px;
}
.user-ipt {
  height: 30px;
  line-height: 30px;
  border: none; /* background: #eef3f7; */
  color: #999;
  font-size: 14px;
}
.cerr {
  color: #ea5b5b;
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}
.h42 {
  height: 42px;
  overflow: hidden;
}
.lh40 {
  line-height: 40px;
}
.cbtn320 {
  width: 320px;
  height: 45px;
  border-radius: 1px;
  line-height: 45px;
}
.cline-hide {
  width: 100%;
  margin: 26px 0 18px;
  color: #a7a7a7;
  border-bottom: 1px solid #eee;
}
.cline-hide span {
  padding: 0 14px;
  background: #fff;
  color: #a7a7a7;
  left: 50%;
  top: -9px;
  transform: translateX(-50%);
}
.cbtn140 {
  width: 130px;
  height: 34px;
  border-radius: 1px;
  line-height: 34px;
  background: #22a4ff;
  padding-left: 10px;
}
.cbtn140 i {
  left: 10px;
  top: 7px;
}
.cf-6e7e8e {
  color: #6e7e8e;
  margin-top: 34px;
}
.cf-6e7e8e a font,
.cf-6e7e8e a span {
  color: #6e7e8e;
}
.c_264a6f {
  color: #264a6f;
}
.pr16 {
  padding-right: 16px;
}
.cform.bor-col {
  border-color: #58abe1;
}
.cform i.col {
  color: #58abe1;
}
.logoRow {
  position: relative;
  height: 56px;
}
.logoRow img {
  display: inline-block;
  width: auto;
  max-height: 100%;
}

@font-face {
  font-family: "icomoon-yunxin";
  src: url(../fonts/yunxin/icomoon-yunxin.eot?zbenh4);
  src: url(../fonts/yunxin/icomoon-yunxin.eot?zbenh4#iefix) format("embedded-opentype"),
    url(../fonts/yunxin/icomoon-yunxin.ttf?zbenh4) format("truetype"),
    url(../fonts/yunxin/icomoon-yunxin.woff?zbenh4) format("woff"),
    url(../fonts/yunxin/icomoon-yunxin.svg?zbenh4#icomoon-yunxin) format("svg");
  font-weight: normal;
  font-style: normal;
}

.m-login .fi {
  font-family: "icomoon-yunxin" !important;
}
.m-login {
  min-width: 1000px;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 900px;
  text-align: center;
  font-size: 0;
  overflow-x: hidden;
}
.m-login .fi {
  color: #a4d1ee;
  position: absolute;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.m-login .fi-spot {
  border-radius: 50%;
  background: #a4d1ee;
}
.m-login .fi-spot.lt1 {
  left: 7.35%;
  top: 9.54%;
  width: 30px;
  height: 30px;
  font-size: 30px;
}
.m-login .fi-spot.lt2 {
  left: 5.625%;
  top: 32.4%;
  width: 14px;
  height: 14px;
}
.m-login .fi-spot.lt3 {
  left: 13.54%;
  top: 28.08%;
  width: 10px;
  height: 10px;
}
.m-login .fi-spot.lt4 {
  left: 20.5%;
  top: 25%;
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.m-login .fi-spot.lt5 {
  left: 11%;
  top: 42.66%;
  width: 10px;
  height: 10px;
}
.m-login .fi-spot.lb1 {
  left: 12.65%;
  bottom: 19.8%;
  width: 7px;
  height: 7px;
  font-size: 7px;
}
.m-login .fi-spot.lb2 {
  left: 8%;
  bottom: 7%;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.m-login .fi-spot.lb3 {
  left: 40.5%;
  bottom: 22.95%;
  width: 9px;
  height: 9px;
  font-size: 9px;
}
.m-login .fi-spot.rt1 {
  right: 13.38%;
  top: 4.14%;
  width: 14px;
  height: 14px;
}
.m-login .fi-spot.rt2 {
  right: 28.125%;
  top: 5.58%;
  width: 14px;
  height: 14px;
}
.m-login .fi-spot.rb1 {
  right: 8.85%;
  bottom: 13.77%;
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.m-login .fi-spot.rb2 {
  right: 46.4%;
  bottom: 15.3%;
  width: 10px;
  height: 10px;
  font-size: 10px;
}
.m-login .fi-spot.rb3 {
  right: 45.2%;
  bottom: 1.08%;
  width: 14px;
  height: 14px;
  font-size: 14px;
}

.m-login .fi-entrytriangle {
  right: 20%;
  bottom: 15%;
  font-size: 128px;
}
.m-login .fi-entrypin4 {
  right: 22%;
  bottom: 4.5%;
  font-size: 80px;
}
.m-login .fi-entrypin2 {
  left: 2.8%;
  bottom: 18%;
  font-size: 280px;
  -webkit-transform-origin: right 93px;
  -moz-transform-origin: right 93px;
  -ms-transform-origin: right 93px;
  transform-origin: right 93px;
}

.m-login .fi-icon01 {
  left: 18.75%;
  top: 12.33%;
  width: 35px;
  height: 39px;
  /* background: url(../images/login/icon01.png); */
}
.m-login .fi-icon02 {
  left: 12%;
  top: 51.66%;
  width: 20px;
  height: 20px;
  /* background: url(../images/login/icon02.png); */
}
.m-login .fi-icon03 {
  left: 22.44%;
  top: 42.7%;
  width: 50px;
  height: 42px;
  /* background: url(../images/login/icon03.png); */
}
.m-login .fi-icon04 {
  left: 2.8%;
  bottom: 18%;
  width: 35px;
  height: 35px;
  /* background: url(../images/login/icon04.png); */
}
.m-login .fi-icon05 {
  left: 17.6%;
  bottom: 4%;
  width: 3px;
  height: 3px;
  /* background: url(../images/login/icon05.png); */
}
.m-login .fi-icon06 {
  right: 28.5%;
  top: 10.26%;
  width: 80px;
  height: 81px;
  /* background: url(../images/login/icon06.png); */
}
.m-login .fi-icon07 {
  right: 14%;
  top: 22.32%;
  width: 21px;
  height: 21px;
  /* background: url(../images/login/icon07.png); */
}
.m-login .fi-icon08 {
  right: 20%;
  top: 42.4%;
  width: 43px;
  height: 45px;
  /* background: url(../images/login/icon08.png); */
}
.m-login .fi-icon09 {
  right: 14.0625%;
  bottom: 14.4%;
  width: 38px;
  height: 34px;
  /* background: url(../images/login/icon09.png); */
}
.a-swing1 {
  -webkit-animation: swing1 3500ms linear infinite alternate;
  -moz-animation: swing1 3500ms linear infinite alternate;
  animation: swing1 3500ms linear infinite alternate;
}

@-webkit-keyframes swing1 {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@-moz-keyframes swing1 {
  0% {
    -moz-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -moz-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@keyframes swing1 {
  0% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

.blackTopTip {
  position: relative;
}
.tipHtml {
  display: none;
}

/*多级下拉菜单*/
.multiDrop {
  position: relative;
}
.dropText {
  position: relative;
  border: 1px #ccc solid;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  padding: 0 10px;
  color: #666;
  cursor: pointer;
}
.dropText i {
  position: absolute;
  width: 26px;
  height: 26px;
  right: 0px;
  top: 0px;
  /* background: #fff url(../plugins/jquery-chosen/img/up_down_btn2.png) no-repeat 4px center; */
}
.multiOpen .dropText i {
  /* background-image: url(../plugins/jquery-chosen/img/up_down_btn.png); */
}
.multiOpen .dropText {
  border-color: #58abe0;
  background: #fff;
}
.dropList {
  position: absolute;
  left: 0;
  top: 27px;
  z-index: 200;
  width: 100%;
  display: none; /*background:#FFF;*/
}
.multiOpen .dropList {
  display: block;
}
.dropItemCase {
  border: 1px #ccc solid;
  background: #fff;
  max-height: 240px;
}
.dropList li {
  line-height: 30px;
}
.dropItem {
  padding: 0 10px;
  position: relative;
  cursor: pointer;
}
.dropItem {
  overflow: hidden;
}
.dropItem:hover {
  background: #58ade1;
  color: #fff;
}
.dropItem em {
  margin: 0 25px 0 0;
}
.dropItem .dropArrow {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  bottom: 0;
  text-align: center;
}
.dropItem i {
  color: #ccc;
  font-size: 12px;
}
.dropItem:hover i {
  color: #fff;
}
.dropUl ul {
  display: none;
}
.dropUl ul .dropItem {
  padding-left: 25px;
}
.dropUl ul ul .dropItem {
  padding-left: 40px;
}
.dropUl ul ul ul .dropItem {
  padding-left: 55px;
}
.dropUl ul ul ul ul .dropItem {
  padding-left: 70px;
}
.cascadeEdit .dropItemCase {
  border-top: 0;
}
.cascadeEdit .dropItem em {
  margin: 0;
}
.cascadeEdit.multiOpen .dropItemCase {
  border-color: #58abe0;
}
.user-meg .dropList li,
.user-meg-edit .dropList li {
  float: none;
  margin: 0;
}
.dropItem div.checker {
  margin-left: 0;
}
.checkDrop .dropItemCase {
  border-color: #58abe0;
  border-top: 0;
  border-bottom: 1px #e4e4e4 solid;
}
.dropSubmit {
  border: 1px #58abe0 solid;
  border-top: 0;
  text-align: right;
}
.dropBtn {
  margin: 7px 10px 7px 0;
  width: 60px;
  height: 25px;
  border: 0;
  background: #177bbb;
  color: #fff;
  border-radius: 3px !important;
  text-align: center;
}
.dropBtn:hover {
  background: #58ade1;
}
.dropBtn:active {
  background: #0367a7;
}
.dropItem div.checker input {
  left: 0;
}
.checkDrop .mCustomScrollbar {
  margin-bottom: 0;
}
/* 下拉单选搜索框 20200709 */
.hasDropSearch .dropDownbox {
  position: absolute;
  left: 0;
  top: 29px;
  width: 360px;
  background: #fff;
  z-index: 200;
}
.multiOpen .dropSearchbox {
  display: block;
}
.hasDropSearch .dropDownbox .dropList {
  width: 100%;
  position: relative;
  top: auto;
}
.hasDropSearch .dropDownbox .dropItemCase {
  border-top: 0;
}
.dropSearchbox {
  padding: 5px;
  border: 1px solid #58abe0;
  border-bottom: 0;
  /* background: url("../images/search_icon.jpg") no-repeat 5% center; */
  display: none;
}
.dropSearchbox input {
  padding: 3px 5px;
  line-height: 26px;
  border-radius: 2px !important;
  padding-left: 30px;
  background: none;
  cursor: pointer;
  font-size: 13px;
  color: #666666;
  box-sizing: border-box;
  width: 100%;
}
/* 下拉单选加设置 20200720 */
.dropDownbox .mCustomScrollbar {
  margin-bottom: 0;
}
.dropDownbox .andSet {
  border: 1px solid #58abe0;
  border-top-color: #f0f0f0;
  display: none;
}
.multiOpen .andSet {
  position: relative;
  display: block;
  z-index: 9999;
  margin-top: -1px;
  color: #177bbb;
}
/* 多选多级下拉 */
.multiDrop .dropSearch {
  position: relative;
  padding: 5px 60px 5px 5px;
  border: 1px solid #58abe0;
  border-bottom: 0;
  background-color: #fff;
}
.multiDrop .dropSearchInput {
  width: 100%;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ccc;
}
.multiDrop .dropSearchBtn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 50px;
  height: 25px;
  border: 0;
  background: #177bbb;
  color: #fff;
  border-radius: 3px !important;
  text-align: center;
  border: none;
}

.dropSubmit {
  border: 1px #58abe0 solid;
  border-top: 0;
  text-align: right;
  background-color: #fff;
}
.dropBtn {
  margin: 7px 10px 7px 0;
  width: 60px;
  height: 25px;
  border: 0;
  background: #177bbb;
  color: #fff;
  border-radius: 3px !important;
  text-align: center;
}
.dropBtn:hover {
  background: #58ade1;
}
.dropBtn:active {
  background: #0367a7;
}
.dropBtnCheckAll {
  min-width: 60px;
  height: 23px;
  padding: 0 10px;
  margin-right: 5px;
  border: none;
  border-radius: 3px !important;
  text-align: center;
  border: 1px solid #cccccc;
  color: #666666;
  background: #fafafa;
}
.dropBtnCheckAll:hover {
  border: 1px #ebebeb solid;
}
.dropBtnCheckAll:active {
  border: 1px #ebebeb solid;
}
.dropBtnCheckAll:active {
  border: 1px #cccccc solid;
}
.dropBtn:focus,
.dropBtnCheckAll:focus {
  outline: none;
}

/*模拟滚动条*/
.mCustomScrollbar {
  margin-bottom: 10px;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerContainer {
  opacity: 0;
}
.portletTable:hover .mCS-dark.mCSB_scrollTools .mCSB_draggerContainer {
  opacity: 1;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: none;
}
.portletTable:hover .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.portletTable:hover .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  top: 50%;
  margin-top: -20px;
  width: 30px;
  height: 40px;
  /* background: url(../images/mCSB_button.png) no-repeat right center; */
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  top: 50%;
  margin-top: -20px;
  width: 30px;
  height: 40px;
  /* background: url(../images/mCSB_button.png) no-repeat left center; */
}
.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}
.mCSB_scrollTools {
  width: 8px;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  opacity: 0.1;
  z-index: 2;
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.4;
  filter: "alpha(opacity=4)";
  -ms-filter: "alpha(opacity=4)";
}
.mCS-dark-2.mCSB_scrollTools {
  width: 4px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(0, 0, 0, 0);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(204, 204, 204, 1);
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 4px !important;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: #aaaaaa;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(100, 100, 100, 0.5);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(0, 0, 0, 0);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(100, 100, 100, 0.5);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(204, 204, 204, 1);
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: #aaaaaa;
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(100, 100, 100, 0.5);
}
/* .mCSB_horizontal.mCSB_inside > .mCSB_container{z-index:1;} */
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0;
}

/* 横向滚动条 */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 4px;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 0 auto;
}

.fi-entrytriangle:before {
  content: "\e905";
}
.fi-entrypin4:before {
  content: "\e917";
}
.fi-entrypin2:before {
  content: "\e907";
}

@media (max-height: 700px) {
  .clogin-kong {
    height: 7%;
  }
}
@media (max-width: 1223px) {
  .clogin_bgmiddle1 {
    width: 1000px;
    height: 416px;
    margin: 13.3% auto 0;
  }
  .clogin_bgmiddle img {
    width: 1000px;
    height: 420px;
  }
}

@media (min-width: 1367px) {
  /*.pdfContainer img{height:auto!important;}*/
}

/*学习报告/课程学习报告*/
.H_363 {
  height: 363px;
  overflow: hidden;
}

/*教师平台返回按钮*/
.teaicon-back {
  margin-top: 48px;
}

/*评分*/
.easytest-pop .con {
  width: 510px;
}
.easytest-pop em {
  text-align: right;
  width: 30px;
}
.easytest-pop em.w80 {
  width: 80px;
}
/*返回顶部*/
.returnBack {
  position: fixed;
  right: 20px;
  bottom: 100px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  text-align: center;
  color: #fff;
  border-radius: 2px;
  z-index: 100;
}
.returnBack i {
  width: 23px;
  height: 12px;
  /* background: url(../images/returnback-up.png) no-repeat; */
}
.returnBack:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/*简易测试*/
.easytest_con .search-row {
  padding-left: 0;
  margin: 0;
}
.easytest_con .divend {
  margin-left: 0;
}
.setPage .chosen-container-single .chosen-single span {
  margin-right: 26px;
}
.recTipBox .pl0 {
  padding-left: 0;
}
.save-paper .save-box {
  width: 778px;
  height: 218px;
  background: #fafafa;
  border: 1px solid #eee;
  margin: 0 auto;
}
.save-paper {
  margin-bottom: 120px;
}
.save-paper .save-box .pic {
  padding: 59px 30px 0 59px;
}
.save-paper .save-box .con {
  padding: 59px 59px 0 0;
}
.save-paper .save-box dd {
  float: left;
  display: inline;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  line-height: 1;
}
.save-paper .save-box dd label {
  color: #177bbb;
}
.save-paper .save-box dd i.useSt {
  background-position: -20px 0;
}
.save-paper .save-box dd.c_e5e5e5 {
  color: #e5e5e5;
}

/*添加大题说明*/
.easytest-pop .ord-list li {
  float: left;
  display: inline;
  width: 108px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e5e5e5;
  background: #fff;
  text-align: center;
  margin-right: 10px;
}
.easytest-pop .ord-list li a {
  color: #666;
  font-size: 13px;
}
.easytest-pop .ord-list li.cur {
  border-color: #58abe1;
  background-color: #58abe1;
}
.easytest-pop .ord-list li.cur a {
  color: #fff;
}
.pl28 {
  padding-left: 28px;
}
.et-answer-pop .progress_bar {
  width: 560px;
}

.pdfContainer {
  width: 780px;
  min-height: 650px;
}
.pdfContainer2 {
  width: 850px;
  min-height: 800px;
  overflow: hidden;
  padding: 35px 0px 40px;
}
#json_error {
  top: 30px;
}

/*我的订单*/
.order-place {
  background-color: #f7f7f7;
  padding: 16px 20px 6px;
  border-bottom: 1px solid #e1e1e1;
}
.order-place .time,
.order-place .r-con .summoney,
.order-place .r-con .affordBtn,
.order-place .r-con .cancel-ord {
  line-height: 28px;
}
.order-place .time,
.order-place .r-con .summoney {
  font-size: 13px;
  color: #999;
}
.order-place .r-con .cancel-ord {
  font-size: 13px;
  color: #666;
}
.order-place .r-con {
  width: 245px;
}
.order-place .time em {
  color: #666;
}
.order-place .r-con .summoney em {
  color: #e82629;
  font-size: 15px;
  font-weight: bold;
}
.order-place .r-con .affordBtn,
.ord-stas .waitBtn {
  width: 55px;
  height: 22px;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  background-color: #ff7800;
  border-radius: 2px;
}
.tb-order {
  border: 0;
  margin: 0 20px;
}
.tb-order th,
.tb-order td {
  border: 0;
  background-color: #fff;
  text-align: center;
}
.tb-order th {
  border-bottom: 1px solid #ebebeb;
  padding: 14px 0 4px;
  font-size: 14px;
  color: #999;
}
.tb-order tr:hover td {
  background-color: #fff;
}
.ord-stas .waitBtn {
  width: 60px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  cursor: default;
}
.ord-stas p {
  color: #ff7800;
  line-height: 1.5;
}
.bb_ecedf1 {
  border-bottom: 1px solid #ecedf1;
}
.ord-stas .grayBtn {
  background-color: #999;
}
.ord-stas .dealsuccBtn {
  background-color: #5ed05b;
}
.page-order {
  height: 31px;
  padding: 8px 0 11px;
  background-color: #fffefe;
}
.tb-order .course {
  width: 300px;
  text-align: center;
  padding-left: 10px;
  display: inline-block;
}
/*确认订单信息*/
.ord-confirm {
  margin: 0 10px;
}
.ord-confirm img.vam {
  width: 105px;
  height: 60px;
}
.ord-confirm th,
.ord-confirm td {
  font-size: 14px;
}
.ord-confirm th {
  background-color: #f8f8f8;
}
.ord-confirm td {
  padding: 30px 0;
  border-bottom: 1px solid #ecedf1;
}
.ord-confirm td.tl {
  text-align: left;
  padding-left: 20px;
}
.vam {
  vertical-align: middle;
}
.ord-confirm .ord-ag {
  text-decoration: underline;
}
.ord-confirm .delBtn i {
  color: #ccc;
}
.payoff {
  font-size: 22px;
  font-weight: 600;
  display: block;
}
.payoff-pic {
  width: 60px;
  height: 60px;
  /* background: url(../images/payoff-pic.png) no-repeat; */
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.affordbugBtn {
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}

/*课程设计查询按钮*/
.searchBtn i {
  font-size: 13px;
  color: #ccc;
}
.searchBtn i:hover {
  color: #58abe1;
}

#fileListDiv .cedu-delete {
  margin-top: -1px;
}

/*-----2-----*/
.c_8c939b {
  color: #8c939b;
}
.c_ff5555 {
  color: #ff5555;
}
.c_ff7777 {
  color: #ff7777;
}
.c_9ba2ad {
  color: #9ba2ad;
}
.c_565a5e {
  color: #565a5e;
}
.c_c6cedb {
  color: #c6cedb;
}
.c_ff8675 {
  color: #ff8675;
}
.c_bbb {
  color: #bbb;
}

.bg_298f28 {
  background: #298f28;
}

.lh1 {
  line-height: 1;
}

/*-----3-----*/
.c_222 {
  color: #222222;
}
.bg_0e395f {
  background-color: #0e395f;
}

/*展开收起图标*/
.allReply .paragraph,
.textNobeyond {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  line-height: 28px;
  color: #333;
  margin-bottom: 2px;
}
.conmoreBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  text-indent: 0;
  padding: 0 10px;
}
.sD_comments .conmoreBtn {
  background: #f8f8f8;
}
.conmoredf {
  position: static;
  float: right;
}
.allReply .reply_con:hover .conmoreBtn {
  background-color: #f3fafe;
}
.allReply .reply_con:hover .sD_comments .conmoreBtn {
  background: #f8f8f8;
}

/*封面和宣传片花*/
.product-cover .upl_cover {
  margin-right: 20px;
}
.product-cover .r-demd {
  margin-top: 10px;
}

.promo-progress {
  line-height: 1;
  margin-bottom: 23px;
}
.promo-progress .progress_bar {
  width: 190px;
}
.promo-progress .progress_bar,
.promo-progress .progress_cur_bar {
  height: 5px;
  border-radius: 0 !important;
}
.promo-progress .num,
.promo-progress .delete {
  font-size: 13px;
  color: #177bbb;
}
.promo-progress .delete {
  position: relative;
  top: -1px;
  color: #58abe1;
}
.promo-progress .delete:hover {
  color: #177bbb;
}

.fm-cover {
  margin-left: 160px;
}
.fm-cover .cover-pic {
  width: 150px;
  height: 85px;
  float: left;
  display: inline;
  margin-right: 5px;
  margin-bottom: 5px;
}
.fm-cover .cover-pic {
  position: relative;
  box-sizing: border-box;
}

.fm-cover .cover-pic .img img {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 150px;
}
.fm-cover .mask-view {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
  -webkit-backface-visibility: hidden; /* 隐藏旋转元素的背面*/
  backface-visibility: hidden;
  /*background: rgba(23, 157, 225, 0.8);*/ /*后面这个0.6是指的背景的透明度*/
  background: #179ee1;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.35s ease-in-out; /*规定提示信息怎样出现ease-in-out以慢速度开始和结束*/
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.fm-cover .mask-view span {
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -23px;
  transform: translateY(-50%);
}
.fm-cover .mask-view span {
  margin-right: 5px;
}
.fm-cover .cover-pic a:hover .info {
  opacity: 0.85;
  filter: alpha(opacity=85);
}

/*上传本地文件*/
.webuploader-container .webuploader-element-invisible,
.webuploader-container input[type="file"] {
  opacity: 0;
}

/* 注册 */
.mchra .checkbox {
  padding: 0;
  left: 0;
}

.zn-reg-box .label {
  left: -220px;
  top: 0;
  line-height: 40px;
  width: 200px;
  text-align: right;
  font-size: 14px;
  color: #999999;
}
.multiOpen .dropItemCase {
  border-color: #58abe0;
  border-top-color: #ccc;
  border-bottom: 1px #58abe0 solid;
}
.zn-reg-box .radio-inline {
  height: 40px;
  line-height: 40px;
}
.zn-reg-box div.radio span {
  position: absolute;
  top: 0px;
}
.zn-reg-box .chosen-container-single .chosen-single {
  height: 40px;
}
.zn-reg-box .chosen-container-single .chosen-single {
  line-height: 40px;
}
.zn-reg-box .dropText {
  height: 38px;
  line-height: 38px;
}
.zn-reg-box .dropText i {
  height: 36px;
  line-height: 36px;
}
.zn-reg-box .dropList {
  top: 37px;
}

/* 结业证书 */
.myCeCo .TabCon dl {
  padding: 25px 30px 22px;
  margin-bottom: 10px;
  border-bottom: none;
  background: #ffffff;
}
.myCeCo .TabCon dl dd h2.tit {
  display: block;
  max-width: 80%;
  font-size: 18px;
  color: #333333;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.myCeCo .TabCon dl dd h2.tit a {
  color: #333333;
}
.myCeCo .TabCon dl dd .sc {
  font-size: 13px;
  color: #999999;
  line-height: 1;
}
.myCeCo .TabCon dl dd .sc em {
  font-size: 22px;
  color: #58abe1;
}
.myCeCo .TabCon dl dd .fail em {
  font-size: 22px;
  color: #ea5b5b;
}
.myCeCo .TabCon dl dd .other span .user-p,
.myCeCo .TabCon dl dd .other span .user-p img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.myCeCo .TabCon dl dd .other span .name {
  color: #ff8000;
}
.myCeCo .TabCon dl dd .other .operaIcon:hover a i {
  color: #58abe1;
}
.myCeCo .TabCon dl:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  -moz-transform: translate3d(0, -2px, 0);
  z-index: 2;
}
.myCeCo .TabCon dl:hover dd h2.tit a {
  color: #58abe1;
}

.hx-initPos {
  position: absolute;
  left: 50%;
  margin-left: -211px;
  top: 50%;
  margin-top: -86px;
  padding: 0;
}
.c_4499ee {
  color: #4499ee;
}
.conmain-r .iCon .hx-initPos {
  margin-left: -115px;
}

.dd-checkbox {
  position: relative;
  margin-left: -10px;
  top: -2px;
}
.myCeCo .TabCon dl {
}

/* ------------------------------非学历5月门户-begin-------------------------------------- */
body.mh {
  background: #f5f5f5;
}
body.mh .layoutInner {
  padding-bottom: 50px;
}

/* 门户色#4488ff */
.mh .c_177bbb {
  color: #4488ff;
}
.mh .majorButton {
  background-color: #4488ff;
}
.mh .majorButton:hover {
  background-color: #5593ff;
}
.mh .majorButton:active {
  background-color: #3981ff;
}
.mh .text_HL,
.mh .btn_noBg,
.mh .seeResult {
  color: #4488ff;
}
.mh .cs_chapter_list:hover,
.mh .cs_part_list:hover,
.mh .cm_list:hover,
.mh .sP_part_list:hover,
.mh .sP_tit_list:hover,
.mh .cs_Ptit_list:hover {
  background-color: #f6f9ff;
}

.mh_header .hover_bgcol {
  background: none;
}
.mh_header .hover_bgcol a.c_333 {
  color: #333;
}
.mh_header {
  width: 100%;
  height: 79px;
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  z-index: 1000;
  box-sizing: border-box;
}
.mh-main {
  width: 1240px;
  margin-left: auto;
  margin-right: auto;
}
.mh-main.ma div.logo_box {
  /*height:79px;*/
  display: table;
  float: left;
}
.mh-main.ma .logo {
  min-width: 180px;
  max-width: none;
  height: 56px;
  display: table-cell;
  vertical-align: middle;
}
.mh-main.ma .logo img {
  display: block;
  max-height: 56px;
}

.mh_header .navUl {
  margin: 0 0 0 30px;
}
.mh_header .navUl li {
  /* min-width:77px; */
}
.mh_header .navStair i {
  margin-top: 8px;
  margin-left: 5px;
  color: #333;
}
.mh_header .navStair:hover i {
  margin-top: 14px;
  color: #5d81ff;
}
.mh_header .navUl a {
  padding: 20px 12px 16px;
  margin: 0 1px;
  line-height: 40px;
  border-bottom: 0;
}
.mh_header .navUl .navMore {
  width: 136px;
}
.mh_header .navUl .navMore .ellipsis {
  line-height: 79px;
  width: 100%;
}
.mh_header .navUl .cur a {
  color: #5d81ff;
  background: none;
  font-weight: 800;
}
.mh_header .navUl .cur .navStair i,
.mh_header .hover_bgcol .navStair i {
  color: #ffffff;
}
.mh_header .navUl a:hover,
.mh_header .navUl .cur a {
  color: #5d81ff;
  background: none;
  font-weight: 800;
}
.mh_header .hover_bgcol,
.mh_header .navUl .navMore.hover,
.mh_header .elliMore .hover_bgcol {
  background: none;
}
.mh_header .navUl .navMore.hover_bgcol,
.mh_header .navUl .navMore.hover {
  background: #ffffff;
}
.mh_header .navUl .navMore.hover .ellipsis,
.mh_header .navUl .navMore.hover_bgcol .ellipsis {
  color: #ffffff;
}
.mh_header .elliMore {
  background: #ffffff;
  top: 80px;
  width: 136px;
}
.mh_header .elliMore li a {
  min-width: auto;
  background: #ffffff;
  border-bottom: none;
  color: #333333;
  padding: 0 15px;
  text-align: center;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mh_header .elliMore .cur a {
  border-bottom: none;
  color: #ffffff;
}
.mh_header .elliMore li a:hover {
  background: #4c74ff;
  color: #ffffff;
}
.mh_header .hover_bgcol .elliMore li a {
  font-weight: normal;
  color: #333333;
}
.mh_header .hover_bgcol .elliMore li a:hover {
  font-weight: normal;
  color: #ffffff;
}
.mh-main .user {
  margin-top: -5px;
}
.mh-main .user:hover {
  color: #fff;
}

.mh_header .searchDiv .inputText,
.headerSearch .inputText {
  width: 300px;
  height: 40px;
  line-height: 40px;
  padding: 0 40px 0 10px;
  border-color: #eeeeee;
}
.mh_header .searchBtn,
.headerSearch .searchBtn {
  width: 40px;
  height: 40px;
  border-left: 1px solid #d0d0d0;
  background: #01588b;
  outline: none;
}
.mh_header .searchBtn i,
.headerSearch .searchBtn i {
  font-size: 18px;
  color: #ffffff;
  margin: 9px 0 0 11px !important;
}
.mh_header .searchBtn i:hover,
.headerSearch .searchBtn i:hover {
  color: #ffffff;
}

.mh_header .searchDiv .inputFocus,
.headerSearch .inputFocus {
  border-color: #4488ff;
}
.mh_header .wr .searchBtn,
.headerSearch.wr .searchBtn {
  border-left-color: #4488ff;
}
.mh_header .wr .searchBtn i,
.headerSearch.wr .searchBtn i {
  color: #ffffff;
}
.mh-third .headerSearch {
  margin-top: 8px;
}
.mh-third .headerSearch .searchBtn {
  right: 0;
  top: 0;
}

.mh_header .click_bg_col {
  background: #5d81ff;
}
.mh_header .bg_179ee1 {
  background: #5d81ff;
}
.mh_header .userN_con ul li:hover,
.mh_header .userLetter_con li:hover,
.mh_header .teacher_con li:hover {
  background: #4c74ff;
}
.mh_header .userN_con ul li a:hover,
.mh_header .userLetter_con li a:hover,
.mh_header .teacher_con li a:hover {
  color: #ffffff;
}
.mh_header .letter .click_bg_col i {
  color: #ffffff;
}

/* 头部导航下拉菜单 */
.mh_header .subMenu {
  top: 80px;
  width: auto;
  min-width: 94px;
  background: #ffffff;
  padding: 0;
  z-index: 10000;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.mh_header .subMenu a {
  width: auto;
  margin: 0;
  padding: 0 15px;
  color: #333333;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mh_header .subMenu a:hover {
  background: #4c74ff;
  color: #ffffff;
  font-weight: normal;
}
.mh_header .navUl .cur .subMenu a {
  color: #333333;
  font-weight: normal;
}
.mh_header .navUl .cur .subMenu a:hover {
  color: #ffffff;
}
.mh_header .subMenu dd {
  height: 40px;
  line-height: 40px;
  padding-bottom: 0;
}

.mh_header .userLetter_con,
.mh_header .userN_con {
  z-index: 9999;
}

.mh-content .slide_top {
  width: 100%;
  height: 420px;
}
.mh-content .slideB {
  width: 100%;
  height: 420px;
}
.mh-content .slideB .slide_pic .pic {
  margin-left: 232px;
  width: 1008px;
}
.mh-content .slideB .pageout {
  bottom: 10px;
  margin-left: -500px;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 1000px;
  left: 50%;
}
.mh-content .slideB .pageout .page1 {
  float: none;
  display: inline-block;
  width: 8px;
  height: 8px;
  border: none;
  margin: 0 4px;
  background: rgba(255, 255, 255, 0.3);
}
.mh-content .slideB .pageout .hover_ {
  background: rgba(255, 255, 255, 1);
}

.mh-content .cat_wrap {
  width: 232px;
  position: absolute;
  top: 0px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 4px 4px;
  padding: 14px 0 0;
  height: 406px;
  overflow: hidden;
}
.mh-content .cat_wrap .cat_list .for {
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 25px 0 30px;
  cursor: pointer;
  letter-spacing: 1.33px;
  font-size: 14px;
  color: #ffffff;
}
.mh-content .cat_wrap .cat_list .for:last-child {
  margin-bottom: 14px;
}
.mh-content .cat_wrap .cat_list .for .i-title {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mh-content .cat_wrap .cat_list .for .arrow-r {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 25px;
  top: 15px;
  font-size: 14px;
  display: inline-block;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.mh-content .cat_wrap .cat_list .for .arrow-r:before {
  content: "\f105";
}
.mh-content .cat_wrap .cat_list .more_float {
  height: 54px;
  text-align: center;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.mh-content .ofv {
  overflow: visible;
  height: auto;
}
.userInfo {
  line-height: 40px;
}
.userInfo img {
  width: 32px;
  height: 32px;
}

/*菜单浮层*/
.mh-content .cat_wrap .cat_list .active {
  background: rgba(255, 255, 255, 0.96);
  z-index: 2;
  color: #333333;
}
.mh-content .cat_subcont {
  position: absolute;
  top: 0;
  display: none;
}
.mh-content .cat_subcont.active {
  display: block;
}
.mh-content .cat_subcont .cat_sublist {
  position: absolute;
  z-index: 998;
  top: 0px;
  left: 232px;
  padding-top: 0px;
  max-height: 396px;
  width: 600px;
  padding: 12px 30px;
  background: rgba(255, 255, 255, 0.96);
  overflow: hidden;
  display: none;
}
.mh-content .cat_subcont .Scrollbar {
  padding-right: 0;
}

.mh-content .cat_sublist .conlist {
  border-bottom: 1px dashed #eeeeee;
}
.mh-content .cat_sublist h4,
.mh-content .cat_sublist dd {
  float: left;
  display: inline;
  height: 49px;
  line-height: 49px;
  font-size: 14px;
}
.mh-content .cat_sublist h4,
.mh-content .cat_sublist dd a {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mh-content .cat_sublist h4 {
  max-width: 110px;
}
.mh-content .cat_sublist h4 {
  color: #333333;
  font-weight: bold;
}
.mh-content .cat_sublist dd a {
  float: left;
  color: #999999;
}
.mh-content .cat_sublist dd em {
  float: left;
  color: #eeeeee;
  margin: 0 9px;
  font-family: "宋体", arial;
}
.mh-content .cat_sublist dd:last-child em {
  display: none;
}
.mh-content .cat_sublist .conlist .con {
  padding-left: 120px;
}

.mh-content .tranplan_wrap {
  margin-top: 30px;
  position: static;
}
.mh-content .tranplan_wrap .planDiv {
  width: 552px;
  height: 85px;
  border-radius: 4px 4px 0 0;
  padding: 25px 29px 0;
}
.mh-content .tranplan_wrap .planDiv_l {
  background: url(../images/fivemonth/pxjh01.jpg) no-repeat;
}
.mh-content .tranplan_wrap .planDiv_r {
  background: url(../images/fivemonth/pxjh02.jpg) no-repeat;
}
.mh-content .tranplan_wrap .planDiv .l-meg .tit {
  font-size: 22px;
  color: #333333;
  line-height: 1;
  margin-bottom: 9px;
}
.mh-content .tranplan_wrap .planDiv .l-meg .styNum {
  width: 102px;
  height: 28px;
  line-height: 28px;
  background: #88aaee;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
}
.mh-content .tranplan_wrap .planDiv .r-icon {
  margin: -9px -9px 0 0;
}
.mh-content .tranplan_wrap .planDiv .l-meg .tit_only {
  margin-top: 24px;
}

.courseCards .con p.other {
  margin-top: 6px;
}
.mh-content .csShowWrap {
  padding: 10px 0 30px;
}
.mh-content .csShowWrap .l-show {
  width: 232px;
}
.mh-content .csShowWrap .r_cscards {
  width: 100%;
}
.mh-content .csShowWrap .r_cscards ul {
  margin-left: -20px;
}
.mh-content .csShowWrap .r_cscards li {
  position: relative;
  float: left;
  width: 232px; 
  height:211px;
  /* height: auto; */
  margin: 20px 0 10px 20px;
  border-radius: 4px;
  border: none;
  overflow: hidden;
}
.mh-content .csShowWrap .r_cscards li .pic {
  height: 130px;
  border-radius: 4px 4px 0 0;
}
.mh-content .csShowWrap .r_cscards li .pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.mh-content .csShowWrap .r_cscards li .picMask {
  top: 100%;
}
.mh-content .csShowWrap .r_cscards li .blueTrans {
  width: 100%;
  height: 100%;
  background: #333;
}
.mh-content .csShowWrap .r_cscards li .uptext a {
  width: 100%;
  height: 81px;
  padding-top: 50px;
}
.mh-content .csShowWrap .r_cscards li .courseState em.ended {
  background: #eb7105;
}
.mh-content .csShowWrap .r_cscards li .courseState em.ing {
  background: #5fac50;
}
.mh-content .csShowWrap .r_cscards li .con {
  padding: 13px 10px 10px;
  height: auto;
  max-height: none;
  line-height: 28px;
  min-height: 57px;
}
.mh-content .csShowWrap .r_cscards li .con .tit a {
  font-size: 14px;
  color: #333333;
}
.mh-content .csShowWrap .r_cscards li .con .styed {
  color: #999999;
  font-size: 15px;
}
.mh-content .csShowWrap .r_cscards li .con .styed em {
  color: #ff7700;
}
.mh-content .csShowWrap .r_cscards li .con .price .now {
  color: #ff6666;
}
.mh-content .csShowWrap .r_cscards li .con .price .init {
  color: #999999;
  font-size: 12px;
}
.mh-content .csShowWrap .r_cscards li .empty img {
  border-radius: 3px;
}

.picCover {
  width: 100%;
  height: 100%;
  top: 100%;
}
.picCover a.coverA {
  display: block;
  width: 100%;
  height: 100%;
}

.mh-content .csShowWrap .r_cscards .l-show {
  width: 232px;
  position: relative;
}
.mh-content .csShowWrap .r_cscards .l-show .bk {
  display: block;
  float: left;
  width: 175px;
  height: 183px;
  margin: 0;
  padding: 28px 25px 0 32px;
  border-radius: 4px;
}
.mh-content .csShowWrap .r_cscards .l-show .bk .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mh-content .csShowWrap .r_cscards .l-show .bk .bg img {
  width: 232px;
  height: 211px;
}
.mh-content .csShowWrap .r_cscards .l-show .bk .t {
  position: relative;
  float: left;
  font-size: 22px;
  color: #ffffff;
  line-height: 1;
  z-index: 2;
}
.mh-content .csShowWrap .r_cscards .l-show .bk .m {
  position: relative;
  float: right;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin-top: 4px;
  z-index: 2;
}

.c_ff7700 {
  color: #ff7700;
}

.mh-content .linkWrap {
  width: 100%; /*padding:50px 0;*/
  padding: 0px 0 10px;
}
.mh-content .linkWrap .linkTexts {
  /*margin:0 -110px 40px 0;*/
  margin: 0 0 40px 0;
}
.mh-content .linkWrap .linkTexts dl {
  width: 340px; /*margin-right:110px;*/
}
.mh-content .linkWrap .linkTexts2 dl {
  width: 565px;
}
.mh-content .linkWrap .linkTexts dl dt,
.friendlyLink .friendly-link-title {
  position: relative;
  font-size: 18px;
  color: #333333;
  padding-left: 12px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 15px;
}
.mh-content .linkWrap .linkTexts dl dt:before,
.friendlyLink .friendly-link-title:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 16px;
  background: #6688ff;
}
.mh-content .linkWrap .linkTexts dl dt .more {
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}
.mh-content .linkWrap .linkTexts dl dd {
  height: 30px;
  line-height: 30px;
}
.mh-content .linkWrap .linkTexts dl dd .tit {
  display: block;
  max-width: 76%;
  font-size: 14px;
  color: #777777;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mh-content .linkWrap .linkTexts dl dd .time {
  font-size: 13px;
  color: #999999;
}
.mh-content .linkWrap .linkPics dl,
.friendly-link-pics dl {
  margin-right: -25px;
}
.mh-content .linkWrap .linkPics dd,
.friendly-link-pics dd {
  float: left;
  width: auto;
  border: none;
  margin-right: 25px;
  margin-bottom: 15px;
  text-align: center;
}
.mh-content .linkWrap .linkPics dd a,
.friendly-link-pics dd a {
  height: 66px;
  display: block;
  line-height: 66px;
}
.mh-content .linkWrap .linkPics dd img,
.friendly-link-pics dd img {
  max-height: 100%;
  vertical-align: middle;
}
.mh-content .linkWrap .linkPics dd .link--text {
  font-size: 13px;
  color: #333333;
  display: block;
  line-height: 33px;
}
.text_empty {
  border-radius: 5px;
  background: #fafafa;
}

.cat_subcont .mCustomScrollbar {
  margin-bottom: 0px;
}

.mh-content .csShowWrap .r_cscards .lan6 li.l-show {
  width: 280px;
}
.mh-content .csShowWrap .r_cscards .lan6 li:not(.l-show) {
  width: 300px;
}
.mh-content .csShowWrap .r_cscards .lan6 li:not(.l-show) .pic {
  height: 169px;
}
.mh-content .csShowWrap .r_cscards .l-show .bk .bg img {
  width: 100%;
}
/* 名师风采 新增 begin 20200701 */
.mh-content .csShowWrap .r_cscards ul {
  margin-bottom: -10px;
}
.mh-content .tr-top {
  margin-bottom: 5px;
}
.mh-content .tr-top .big-tit {
  position: relative;
  font-size: 22px;
  color: #333333;
  font-weight: bold;
  line-height: 1;
}
.mh-content .tr-top .more {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}
/* 名师风采 新增 end 20200701 */
/* 友情链接 */
.friendly-link-texts .item {
  position: relative;
  font-size: 15px;
  line-height: 40px;
  color: #333333;
}
.friendly-link-texts .item .line {
  color: #ccc;
  font-family: "宋体";
}
.friendly-link-texts .item:last-child .line {
  display: none;
}
.mh-infor .friendlyLink .friendly-link-title {
  font-size: 24px;
  padding-left: 0;
  padding-top: 20px;
  margin-top: 20px;
}
.mh-infor .friendlyLink .friendly-link-title:before {
  display: none;
}
.mh-third .friendly-link-texts .item {
  color: #ffffff;
}
.mh-third .friendly-link-texts .item .line {
  color: rgba(255, 255, 255, 0.3);
}

/* 首页-资讯 */
.mh-infor .slide_top {
  width: 100%;
  height: 330px;
  padding: 35px 0;
  background: url(../images/fivemonth/mh-infor-slidetop-bg.jpg) no-repeat;
  background-size: cover;
}
.mh-infor .slideB {
  width: 484px;
  height: 330px;
  border-radius: 6px 0 0 6px;
  overflow: hidden;
}
.mh-infor .slideB .slide_pic .pic {
  width: 100%;
}
.mh-infor .slideB .slide_pic img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
}
.mh-infor .slideB .pageout {
  bottom: 20px;
  left: 50%;
  margin-left: -20px;
}
.mh-infor .slideB .pageout .page1 {
  width: 8px;
  height: 8px;
  border: none;
  margin: 0 4px;
  background: rgba(255, 255, 255, 0.3);
}
.mh-infor .slideB .pageout .hover_ {
  background: rgba(255, 255, 255, 1);
}
.mh-infor .trainDynamic {
  width: 696px;
  height: 270px;
  padding: 30px;
  background: #ffffff;
  border-radius: 0 6px 6px 0;
}
.mh-infor .tr-top {
  margin-bottom: 5px;
  padding-top: 20px;
}
.mh-infor .trainDynamic .tr-top {
  padding-top: 0px;
}
.mh-infor .tr-top .big-tit {
  position: relative;
  font-size: 22px;
  color: #333333;
  font-weight: bold;
  line-height: 1;
}
.mh-infor .tr-top .more {
  font-size: 12px;
  color: #999999;
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin-top: 4px;
}
.mh-infor .trainDynamic dd {
  line-height: 35px;
}
.mh-infor .trainDynamic dd .tit {
  display: block;
  float: left;
  max-width: 80%;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mh-infor .trainDynamic dd .time {
  float: right;
  font-size: 13px;
  color: #cccccc;
}
.mh-infor .trainDynamic dd .det {
  position: relative;
  font-size: 12px;
  color: #aaaaaa;
  line-height: 24px;
  padding-left: 10px;
}
.mh-infor .trainDynamic dd .Lctrl {
  max-height: 48px;
  overflow: hidden;
}
.mh-infor .trainDynamic .morehidedot {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14px;
  background: #fff;
}

.mh-infor .linkWrap .tr-top .big-tit {
  /* font-weight:normal; */
}
.mh-infor .csShowWrap {
  /*padding:0 0 10px 0;*/
  padding: 0;
}
.mh-infor .csShowWrap .r_cscards {
  width: 100%;
}
.mh-infor .csShowWrap .r_cscards ul {
  margin-left: -20px;
}

.mh-infor .showlistWrap {
  background: #ffffff; /*padding:40px 0;*/
  padding: 20px 0;
}
.mh-infor .showlistWrapBG {
  background: #f5f5f5;
  padding: 20px 0;
}
.mh-infor .showlistWrap .pj-list {
  width: 340px;
  height: 240px;
  padding: 30px 30px 30px;
  background: #fafbfc;
  margin-right: 20px;
  border-radius: 6px;
}
.mh-infor .showlistWrap .big-tit {
  padding-left: 40px;
}
.mh-infor .showlistWrap .big-tit .icon {
  position: absolute;
  left: 0;
  top: -5px;
  width: 28px;
  height: 28px;
  /* background: url(../images/fivemonth/mh-infor-tit-icons.png) no-repeat 0 0; */
}
.mh-infor .showlistWrap .big-tit .icon-01 {
  background-position: 0 0px;
}
.mh-infor .showlistWrap .big-tit .icon-02 {
  background-position: 0 -30px;
}
.mh-infor .showlistWrap .big-tit .icon-03 {
  background-position: 0 -60px;
}
.mh-infor .showlistWrap .big-tit .icon-04 {
  background-position: 0 -90px;
}
.mh-infor .showlistWrap .big-tit .icon-05 {
  background-position: 0 -120px;
}
.mh-infor .showlistWrap .pj-list dd .det {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.mh-infor .showlistWrap .pj-list:last-child {
  margin-right: -20px;
}

.mh-infor .newslistWrap {
  background: #f5f5f5;
  padding: 20px 0;
}
.mh-infor .newslistWrap .pj-list {
  width: 550px;
}

/*栏目列表*/
/*文章列表*/
/*.mh-articleList{background: #f8f8f8;}*/
.mh-columnList,
.mh-articleList {
  background: #fff;
}
.mh-articleList .l-show,
.mh-columnList .l-show {
  border: 1px solid #ebebeb;
}

.mh-articleList .l-show .cm_chapter .sCs_chapter_list,
.mh-columnList .l-show .cm_chapter .sCs_chapter_list,
.mh-columnList .l-show .cm_chapter .sP_tit_list,
.mh-articleList .l-show .cm_chapter .sP_tit_list {
  padding: 0 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mh-columnList .l-show .cm_chapter .sP_tit_list.pl70,
.mh-articleList .l-show .cm_chapter .sP_tit_list.pl70 {
  padding-left: 40px;
}

.mh-articleList .l-show .cm_chapter .oneChapter,
.mh-columnList .l-show .cm_chapter .oneChapter {
  height: 55px;
  line-height: 65px;
}
.mh-columnList .l-show .cm_chapter .oneChapter {
  border-bottom: none;
}
.mh-articleList .l-show .selcCStruCon,
.mh-columnList .l-show .selcCStruCon {
  border-top: none;
}
.mh-articleList .l-show .selcCStruCon .sP_tit_list,
.mh-columnList .l-show .selcCStruCon .sP_tit_list {
  border-bottom: none;
}
.mh-articleList .l-show .sP_tit_list:hover,
.mh-columnList .l-show .sP_tit_list:hover,
.mh-columnList .l-show .sCs_chapter_list:hover {
  background: #4488ff;
  color: #fff;
}
.mh-articleList .l-show .oneChapter:hover,
.mh-articleList .l-show .lastChapter:hover {
  background: #4488ff;
  color: #fff;
}
.mh-columnList .l-show .oneChapter:hover,
.mh-columnList .l-show .lastChapter:hover {
  background: #4488ff;
  color: #fff;
  cursor: pointer;
}
.mh-columnList .l-show .oneChapter,
.mh-columnList .l-show .lastChapter {
  cursor: pointer;
}
.mh-articleList .l-show .oneChapter,
.mh-articleList .l-show .lastChapter {
  cursor: pointer;
}
.mh-columnList .l-show .cm_chapter {
  background: #f8f8f8;
}
.mh-articleList .l-show .cm_chapter .lastChapter,
.mh-columnList .l-show .cm_chapter .lastChapter {
  height: 55px;
  line-height: 45px;
  border-bottom: none;
}

.mh-articleList .tr-top,
.mh-columnList .tr-top,
.mh-articleList .tr-top,
.mh-articleList .tr-top {
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
}
.mh-articleList .tr-top .big-tit,
.mh-columnList .tr-top .big-tit {
  position: relative;
  font-size: 22px;
  color: #333333;
  font-weight: bold;
  line-height: 1;
}
.mh-articleList .tr-top .more,
.mh-columnList .tr-top .more {
  font-size: 12px;
  color: #999999;
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin-top: 4px;
}
.mh-articleList .trainDynamic dl,
.mh-columnList .trainDynamic dl {
  border-bottom: 1px solid #ebebeb;
  padding: 25px 0;
}
.mh-articleList .trainDynamic dd,
.mh-columnList .trainDynamic dd {
  margin-bottom: 25px;
}
.mh-articleList .trainDynamic dd:nth-last-of-type(1),
.mh-columnList .trainDynamic dd:nth-last-of-type(1) {
  margin-bottom: 0;
}
.mh-articleList .trainDynamic dd .tit,
.mh-columnList .trainDynamic dd .tit {
  display: block;
  float: left;
  max-width: 80%;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mh-articleList .trainDynamic dd .time,
.mh-columnList .trainDynamic dd .time {
  float: left;
  font-size: 13px;
  color: #cccccc;
}
.mh-articleList .trainDynamic dd .det,
.mh-columnList .trainDynamic dd .det {
  position: relative;
  font-size: 12px;
  color: #aaaaaa;
  line-height: 24px;
  padding-left: 10px;
}
.mh-articleList .trainDynamic dd .Lctrl,
.mh-columnList .trainDynamic dd .Lctrl {
  max-height: 48px;
  overflow: hidden;
}
.mh-articleList .trainDynamic .morehidedot,
.mh-columnList .trainDynamic .morehidedot {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14px;
  background: #fff;
}
.mh-articleList .trainDynamic dd .tit:hover,
.mh-columnList .trainDynamic dd .tit:hover {
  color: #4488ff;
}
.mh-articleList .trainDynamic,
.mh-columnList .trainDynamic {
  width: 945px;
  padding: 0 30px 30px 30px;
  background: #ffffff;
  border-radius: 0 6px 6px 0;
}

.mh-articleList .trainDynamic-nolevel,
.mh-columnList .trainDynamic-nolevel {
  width: 100%;
}

.mh-articleList .selcCStruCon .sCs_chapter_list,
.CopyUnit .sCs_chapter_list {
  border-bottom: none;
}

/*文章详情*/
.mh-articleDetail .mh-main {
  width: 1160px;
}
.mh-articleDetail .seaClass .rollTabs {
  position: relative;
  padding: 0 40px;
}
.mh-articleDetail .seaClass .rollTabs {
  position: relative;
}
.mh-articleDetail .seaClass .rollTabs .rolllist {
  width: 1080px;
  overflow: hidden;
}
.mh-articleDetail .seaClass .rollTabs ul {
  position: relative;
  height: 210px;
  padding: 0;
}
.mh-articleDetail .seaClass .rollTabs li {
  position: relative;
  float: left;
  display: inline-block;
  font-size: 16px;
  color: #333333;
  width: 210px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
}
.mh-articleDetail .seaClass .rollTabs li.cur {
  color: #000000;
  font-weight: bold;
}
.mh-articleDetail .seaClass .rollTabs li a {
  position: relative;
  width: 210px;
  display: block;
}
.mh-articleDetail .seaClass .rollTabs li a img {
  width: 100%;
}

.mh-articleDetail .seaClass .rollTabs li.cur i {
  background: #cf0217;
}

.mh-articleDetail .seaClass .rollTabs li i {
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 4px;
  position: absolute;
  bottom: -10px;
}
.mh-articleDetail .seaClass .rollTabs li.cur i {
  background: #cf0217;
}

.mh-articleDetail .seaClass .rollTabs li i {
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 4px;
  position: absolute;
  bottom: -10px;
}
.mh-articleDetail .seaClass .rollTabs .numTag {
  position: relative;
  top: -9px;
  font-style: inherit;
  display: inline-block;
  font-size: 12px;
  -webkit-transform: scale(0.84, 0.84);
  line-height: 50px;
  width: 20px;
  height: 16px;
  left: -3px;
  background: #fa6666;
  border-radius: 7px;
  line-height: 17px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  margin-left: 5px;
}

.mh-articleDetail .seaClass .rollTabs .arrowBtn {
  position: absolute;
  width: 100%;
  top: 0;
}
.mh-articleDetail .seaClass .rollTabs .arrowBtn .arbtn {
  position: absolute;
  line-height: 60px;
}

.mh-articleDetail .seaClass .rollTabs .prev,
.mh-articleDetail .seaClass .rollTabs .next {
  top: 50%;
  margin-top: 30px;
}

.mh-articleDetail .seaClass .rollTabs .arrowBtn .arbtn i {
  font-size: 32px;
  color: #c6c6c6;
  position: relative;
  top: 6px;
}

.mh-articleDetail .prev {
  background: rgba(109, 158, 235, 0.7);
  padding: 0 10px;
}
.mh-articleDetail .next {
  background: rgba(67, 67, 67, 0.7);
  padding: 0 10px;
}

.mh-articleDetail .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mh-articleDetail .seaClass .rollTabs .arrowBtn .arbtn {
  position: absolute;
  line-height: 60px;
}

.mh-articleDetail .seaClass .rollTabs .next {
  right: 80px;
}

/*管理员注册*/
body.mh-admin .mh-admin-reg * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mh-admin-reg .form-horizontal {
  background: #fff;
}
.mh-admin-reg .fxlnav {
  background: #fff;
  border-bottom: 1px solid #ebebeb;
}
.mh-admin-reg .topTit {
  height: 48px;
}
.mh-admin-reg .usersetting-tit {
  left: 20px;
  top: 0;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  color: #177bbb;
  font-weight: bold;
}
.mh-admin-reg .form-actions {
  background: #fafafa;
  padding: 15px 20px;
  border-top: 1px solid #f0f0f0;
}
.mh-admin-reg .text-center {
  text-align: center;
}
.mh-admin-reg .form-actions .fbtn {
  width: 100px;
  height: 30px;
  line-height: 28px;
}
.mh-admin-reg .jz {
  margin: 0 auto;
  width: 210px;
}
.mh-admin-reg .form-actions .lineGrayButton {
  border-color: #cccccc;
  color: #999;
}
.mh-admin-reg .form-actions .lineGrayButton:hover {
  border-color: #999;
  color: #666;
}

.mh-admin-reg .form .form-body {
  position: relative;
  padding: 25px 20px 5px 20px;
}
.mh-admin-reg .bb-line {
  border-bottom: 1px solid #ebebeb;
}
.mh-admin-reg .panel-title {
  font-size: 16px;
  line-height: 28px;
  padding: 20px 15px 6px 20px;
  border-bottom: 1px solid #f0f0f0;
  background: #ffffff;
}
.mh-admin-reg .panel-title .fl span {
  font-size: 13px;
  margin-left: 10px;
  color: #999999;
}
.mh-admin-reg .titLine {
  padding: 0 15px;
}
.mh-admin-reg .blueline {
  position: absolute;
  width: 100%;
  background: #097abe;
  height: 3px;
  left: 0;
  bottom: -7px;
}
.col-cus-1,
.col-cus-2,
.col-cus-3,
.col-cus-4,
.col-cus-5,
.col-cus-6,
.col-cus-7,
.col-cus-8,
.col-cus-9,
.col-cus-10,
.col-cus-11,
.col-cus-12 {
  float: left;
}
.mh-admin-reg .col-cus-1 {
  width: 8.33333333%;
}
.mh-admin-reg .col-cus-2 {
  width: 16.66666667%;
}
.mh-admin-reg .col-cus-3 {
  width: 25%;
}
.mh-admin-reg .col-cus-4 {
  width: 33.3333333%;
}
.mh-admin-reg .col-cus-5 {
  width: 41.66666667%;
}
.mh-admin-reg .col-cus-6 {
  width: 50%;
}
.mh-admin-reg .col-cus-7 {
  width: 58.33333333%;
}
.mh-admin-reg .col-cus-8 {
  width: 66.66666667%;
}
.mh-admin-reg .col-cus-9 {
  width: 75%;
}
.mh-admin-reg .col-cus-10 {
  width: 83.33333333%;
}
.mh-admin-reg .col-cus-11 {
  width: 91.66666667%;
}
.mh-admin-reg .col-cus-12 {
  width: 100%;
}

.mh-admin-reg .col-cus-1_5 {
  width: 8.5%;
}
.mh-admin-reg .col-cus-area {
  width: 6.2%;
}

.mh-admin-reg .form-group {
  margin-bottom: 15px;
}
.mh-admin-reg .control-label {
  float: left;
  height: 30px;
  line-height: 30px;
  color: #999;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  margin-right: 10px;
}
.mh-admin-reg label.pic,
.mh-admin-reg label.cover-up {
  height: auto;
}
.mh .page-content {
  background: #edeff3;
  border-left: 1px solid #e9ebf2;
}
.mh-admin-reg .searchDown .searchBtn {
  height: 25px;
  padding-top: 3px;
  margin-right: 5px;
}
.mh-admin-reg textarea.form-control {
  height: auto;
  width: 100%;
}
.mh-admin-reg .cklist {
  padding: 0;
  margin: 0;
}
.mh-admin-reg .cklist li {
  float: left;
  display: inline;
  border: 1px solid #ccc;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  list-style: none;
  margin: 0 10px 10px 0;
  cursor: pointer;
  border-radius: 2px !important;
  color: #999;
}
.mh-admin-reg .cklist li:hover {
  border: 1px #ebebeb solid;
}
.mh-admin-reg .cklist li:active {
  border: 1px #999999 solid;
}
.mh-admin-reg .desable .cklist li {
  border: 1px solid #ebebeb;
}
.mh-admin-reg .cklist li.cur {
  background: #58abe1;
  border: 1px #58abe1 solid;
  color: #fff;
  border-radius: 2px !important;
}
.mh-admin-reg .cover-ver .cover-up {
  overflow: hidden;
  margin-right: 20px;
  position: relative;
}
.mh-admin-reg .cover-ver .cover-up .maskCur {
  /* background: url(../images/cover-mask.png) repeat; */
  left: 0px;
  top: 0; /*display:none;*/
}
.mh-admin-reg .cover-ver .cover-up .maskCur {
  width: 120px;
  height: 120px;
  line-height: 120px;
}
.mh-admin-reg .cover-ver .cover-up a {
  text-decoration: none;
}
.mh-admin-reg .cover-ver .cover-up .text {
  color: #fff;
}

/* 右侧浮框 */
.floatRdiv {
  position: fixed;
  bottom: 37%;
  right: 77px;
  z-index: 10001;
  display: none;
}
.floatRdiv .ediv {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 2px;
  background: rgba(0, 0, 0, 0.6);
}
.floatRdiv .ediv:last-child {
  border-bottom: 0;
}
.floatRdiv .ediv span {
  display: block;
  width: 100%;
}
.floatRdiv .ediv .ico {
  display: block;
  width: 20px;
  height: 20px;
  /* background: url(../images/fivemonth/rf-pics.png) no-repeat 0 0; */
}
.floatRdiv .erweima .z {
  background-position: 0 0;
}
.floatRdiv .toTop .z {
  background-position: 0 -20px;
}

.floatRdiv .erweima .fcon {
  position: absolute;
  right: 120%;
  top: 0;
  padding: 11px;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(147, 176, 190, 0.3);
  -webkit-box-shadow: 0 3px 10px rgba(147, 176, 190, 0.3);
  display: none;
}
.floatRdiv .erweima .fcon .wz {
  padding-top: 10px;
  padding-bottom: 5px;
}
.floatRdiv .erweima .fcon .angle {
  position: absolute;
  right: -6px;
  top: 15px;
  width: 6px;
  height: 12px;
  /* background: url(../images/fivemonth/rf-weima-angle.png) no-repeat; */
}
.floatRdiv .erweima .fcon .phoneDown {
  width: 123px;
  height: 80px;
  /* background: url(../images/fivemonth/rf-downl.png) no-repeat; */
  margin-top: 3px;
}
.floatRdiv .erweima .fcon .phoneDown a {
  display: block;
  width: 123px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}
.floatRdiv .erweima .fcon .phoneDown .AS {
  margin-bottom: 8px;
}
.floatRdiv .erweima .fcon img {
  max-width: unset;
}

/* 发现 */
.bb_dash_eee {
  border-bottom: 1px dashed #eeeeee;
}
.mh-content .courseC-find .con .tit a.maxW {
  max-width: 152px;
}
.multi-menus {
  padding: 20px 30px 0;
}
.multi-menus .find-nav ul {
  margin: 0 -10px;
  padding: 0 0 10px 0;
}
.multi-menus .find-topnav ul {
  margin-bottom: 10px;
  padding-right: 60px;
}
.multi-menus .find-nav li,
.multi-menus .find-connav li {
  padding: 0 15px;
  height: 28px;
  line-height: 28px;
  margin: 10px 10px;
  font-size: 16px;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 2px !important;
}
.multi-menus .find-topnav li.cur,
.multi-menus .findTwoMenu li.cur {
  padding: 0 16px;
  height: 30px;
  line-height: 30px;
  margin: 10px 10px;
  background: linear-gradient(0deg, #6699ff, #645cf3);
  background: -webkit-linear-gradient(0deg, #6699ff, #645cf3);
  background: -moz-linear-gradient(0deg, #6699ff, #645cf3);
  background: -o-linear-gradient(0deg, #6699ff, #645cf3);
  border: none;
  font-weight: normal;
  color: #fff;
}
.multi-menus .find-topnav li.cur em {
  z-index: 100;
}
.multi-menus .find-connav {
  padding: 0;
  background: none;
  margin-bottom: 10px;
}
.multi-menus .findTwoMenu li {
  border-radius: 28px !important;
  font-size: 14px;
}
.multi-menus .findThreeMenu li {
  padding: 0 5px;
  font-size: 14px;
  color: #666666;
  border: none;
}
.multi-menus .findThreeMenu li.cur {
  color: #4488ff;
  background: none;
}

.multi-menus .find-nav,
.multi-menus .find-connav {
  position: relative;
}
.multi-menus .arrow {
  position: absolute;
  right: 0;
  bottom: 31px;
  font-size: 14px;
  color: #4488ff;
  width: 47px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  background: #ffffff;
}
.multi-menus .arrow .arr-icon {
  float: right;
  width: 12px;
  height: 7px;
  /* background: url(../images/fivemonth/arrow-icon.png) no-repeat; */
  margin-top: 12px;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
}
.multi-menus .arrow:hover .arr-icon,
.multi-menus .arrow.active .arr-icon {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
}
.multi-menus .find-connav .arrow {
  bottom: 18px;
}
.multi-menus .find-topnav ul.def {
  height: 100px;
  overflow: hidden;
  padding-right: 60px;
}
.multi-menus .find-connav ul.def {
  height: 50px;
  overflow: hidden;
  padding-right: 60px;
}

.mh-content .csShowWrap.pt0 {
  padding-top: 0;
}

.FineCsSearch .fxlnavBar {
  padding-bottom: 7px;
}
.FineCsSearch .fxlnavBar.bb-line {
  background-position: left 59px;
}
.FineCsSearch .fxlnavBar .termBox li.cur,
.FineCsSearch .fxlnavBar .termBox li:hover {
  color: #6699ff;
}
.FineCsSearch .fxlnavBar .termBox li.cur i,
.FineCsSearch .fxlnavBar .termBox li:hover i {
  display: none;
}
.FineCsSearch .orderBox li.cur {
  color: #333333;
}
.FineCsSearch .orderBox li.cur i {
  color: #4488ff;
}
.FineCsSearch .orderBox-find li {
  line-height: 48px !important;
}
.FineCsSearch .inputFocus {
  color: #4488ff;
}
.FineCsSearch .searchBtn:hover {
  color: #4488ff;
}
.FineCsSearch .inputText {
  height: 38px;
  line-height: 38px;
  width: 255px !important;
  padding-right: 38px;
}
.FineCsSearch .searchBtn {
  width: 38px;
  height: 38px;
  border-left: 1px solid #cccccc;
}
.FineCsSearch .searchBtn i {
  margin: 12px 0 0 12px !important;
}

.FineCsSearch .wr .searchBtn {
  border-left-color: #4488ff;
}
.FineCsSearch .wr .searchBtn i {
  color: #4488ff;
}

.FineCsSearch .addEc {
  margin-top: 10px;
}

.mh-f-detail .courselistBg {
  background: #1a6bdf;
}
.mh-zx .mh-f-detail .courselistBg {
  background: #8c0001;
}
.mh-third .mh-f-detail .courselistBg {
  background: #004770;
}
.mh-f-detail .study_top .r-con .timeRow {
  margin-bottom: 10px;
}
.mh-f-detail .btn-signup {
  width: 260px;
  height: 52px;
  line-height: 52px;
  background: #ff6420 !important;
}
.mh-f-detail .btn-signup:hover,
.mh-f-detail .btn-signup:active {
  background: #ff6420 !important;
}
.c_4488ff {
  color: #4488ff;
}
.c_ff6600 {
  color: #ff6600;
}
.mh-f-detail .upTostd {
  width: 100%;
  height: 34px;
  line-height: 34px;
}

.mh-content .csShowWrap .r_cscards li .courseState em.ended-dis {
  background: #999;
}

.mh-content .csShowWrap .r_cscards li .con .tit a,
.mh-content .csShowWrap .r_cscards li .con .tit span {
  max-width: 100%;
}
.mh-content .csShowWrap .courseC-find li .con .tit a.maxW,
.mh-content .csShowWrap .r_cscards li .con .tit span.maxW {
  max-width: 152px;
}
.mh-f-detail .csShowWrap .r_cscards li {
  height: 180px;
}

.mh-f-detail .study_top {
  padding-right: 0;
}
.mh-f-detail .study_top .left-pic {
  width: 460px;
  height: 258px;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  border: 0;
}
.mh-f-detail .study_top .r-con .r-tit {
  color: #ffffff;
  font-weight: normal;
  padding-top: 0px;
  margin-bottom: 30px;
  text-align: justify;
  word-break: break-all;
}
.mh-f-detail .study_top .train-time,
.mh-f-detail .study_top .study-result li {
  font-size: 14px;
  color: #ffffff;
}
.mh-f-detail .study_top .train-time i,
.mh-f-detail .study_top .study-result li i {
  color: #ffffff;
  font-size: 14px;
}
.mh-f-detail .study_top .study-result {
  margin-bottom: 20px;
}
.mh-f-detail .study_top .study-result li em {
  color: #ffffff;
}
.mh-f-detail .study_top .r-con .r-tit {
  height: auto;
}
.mh-f-detail .courselistBg .study_top .r-con {
  max-width: 60%;
  margin-left: 30px;
}
.mb45 {
  margin-bottom: 45px;
}

.btn-log {
  background: #4488ff;
  border-radius: 2px;
}
.ui_title {
  background-color: #ffffff;
}
.ui_state_focus .ui_title {
  color: #333;
}

/* ----商品试听部分 begin---- */
.mh-goods-detail {
  width: 100%;
  background: url(../images/fivemonth/find-signup-top-bg.jpg) no-repeat center top;
}
.mh-goods-detail .bread {
  padding: 19px 0 20px 20px;
}
.goods-top-meg {
  margin-bottom: 70px;
}
.goods-top-meg .l-pic {
  width: 460px;
  height: 258px;
  border-radius: 4px;
  overflow: hidden;
}
.goods-top-meg .l-pic img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.goods-top-meg .r-meg {
  margin-left: 40px;
}
.goods-top-meg .r-meg .tit {
  font-size: 36px;
  color: #ffffff;
  margin: 8px 0 24px;
}
.goods-top-meg .r-meg .styPeos span,
.goods-top-meg .r-meg .price .jg {
  font-size: 14px;
  color: #ffffff;
  line-height: 1;
  position: relative;
  top: -3px;
}
.goods-top-meg .r-meg .styPeos {
  margin-bottom: 4px;
}
.goods-top-meg .r-meg .price {
  margin-bottom: 22px;
}
.goods-top-meg .r-meg .buyNowBtn {
  width: 260px;
  background: #ff6420;
}

.goods-con-main {
  border-radius: 4px 4px 0 0;
}
.navGoods {
  height: 60px;
  margin-bottom: 30px;
}
.navGoods li {
  position: relative;
  float: left;
  padding: 20px 30px 8px;
  font-size: 18px;
  color: #333333;
  cursor: pointer;
}
.navGoods li.cur,
.navGoods li:hover {
  color: #4488ff;
  font-weight: 800;
  padding-bottom: 7px;
}
.navGoods li.cur i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #4488ff;
}
.goods-con-main .introCon h4 {
  font-size: 15px;
  color: #333333;
  font-weight: 800;
  padding-bottom: 15px;
}
.goods-con-main .introCon {
  line-height: 28px;
}
.goods-con-main .introCon img {
  max-width: 800px;
  height: auto;
  max-height: 600px;
  width: auto;
}

/* 课程内容 */
.goods-con-main .cs-con {
  padding: 0 40px;
}

.cs-blocks-one {
  position: relative;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
.cs-blocks-one ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 10000px;
  margin-right: -1px;
}
.cs-blocks-one li {
  position: relative;
  float: left;
  width: 289px;
  height: 80px;
  margin-right: 1px;
  background: #f8f8f8;
  cursor: pointer;
  overflow: hidden;
}
.cs-blocks-one li:last-child {
  width: 292px;
  margin-right: 0;
}
.cs-blocks-one li .cstit {
  padding: 20px 32px 0;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}
.cs-blocks-one li .csmask {
  width: 100%;
  height: 100%;
  left: 0;
  top: 80px;
}
.cs-blocks-one li .csmask .bg {
  width: 100%;
  height: 100%;
  background: rgba(68, 136, 255, 0.9);
}
.cs-blocks-one li .csmask .con {
  margin: 20px 0 0 50px;
}
.cs-blocks-one li .csmask .train-time,
.cs-blocks-one li .csmask .cs-num {
  font-size: 12px;
  color: #ffffff;
}
.cs-blocks-one li .csmask .train-time i {
  font-size: 14px;
  color: #ffffff;
  margin: 2px 9px 0 0;
}
.cs-blocks-one li .csmask .cs-num span i {
  margin-right: 6px;
}
.cs-blocks-one li .csmask .cs-num .bx {
  margin-right: 30px;
}
.cs-blocks-one li.cur {
  background-color: #e9f1ff;
}

.cs-blocks-one .arrowBtn {
  display: block !important;
}
.cs-blocks-one .arrowBtn a {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 30px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #ffffff;
  line-height: 40px;
}
.cs-blocks-one .arrowBtn a:hover {
  background: rgba(68, 136, 255, 0.6);
}
.cs-blocks-one .arrowBtn .prev {
  left: 0;
}
.cs-blocks-one .arrowBtn .prev:before {
  content: "\f104";
}
.cs-blocks-one .arrowBtn .next {
  right: 1px;
}
.cs-blocks-one .arrowBtn .next:before {
  content: "\f105";
}

.cs-lists-two .hd-lists {
  position: relative;
  padding: 0 30px;
  background: #e9f1ff;
  overflow: hidden;
}
.cs-lists-two .hd-lists ul {
  height: 247px;
  margin: 30px 0 30px -20px;
}
.cs-lists-two .hd-lists li {
  width: 260px;
  height: 247px;
  margin: 0 0 30px 20px;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.cs-lists-two .hd-lists li .pic {
  width: 100%;
  height: 146px;
}
.cs-lists-two .hd-lists li .pic img {
  display: block;
  width: 100%;
  height: 100%;
}

/* 课程列表滚动条样式重定义 */
.cs-lists-two .mCustomScrollbar {
  margin-bottom: 0px;
}
.cs-lists-two .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 4px;
  height: 6px;
}
.cs-lists-two .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.cs-lists-two .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 6px;
  border-radius: 6px;
}
.cs-lists-two .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #a7c7ff;
}
.cs-lists-two .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
/* end */

.cs-lists-two .hd-lists li.active {
  border: 2px solid #4488ff;
}
.cs-lists-two .hd-lists li.active .pic {
  height: 144px;
}
.cs-lists-two .hd-lists li .con {
  padding: 20px;
}
.cs-lists-two .hd-lists li .con .tit a {
  font-size: 14px;
  color: #666;
  max-width: 100%;
  line-height: 1;
  margin-bottom: 15px;
}
.cs-lists-two .hd-lists li .con .time,
.cs-lists-two .hd-lists li .con .data {
  font-size: 12px;
  color: #999;
  line-height: 1;
}
.cs-lists-two .hd-lists li .con .time {
  margin-bottom: 9px;
}
.cs-lists-two .hd-lists li .con .data span {
  margin-right: 20px;
}
.cs-lists-two .hd-lists li .con .data span em {
  margin-left: 4px;
}

.cs-con-three .termBox li {
  height: 53px;
  color: #333333;
}
.cs-con-three .termBox li.cur {
  color: #4488ff;
  font-weight: 800;
}
.cs-con-three .termBox li.cur i,
.cs-con-three .termBox li:hover i {
  top: 50px;
  width: 34px;
  height: 3px;
  left: 50%;
  margin-left: -17px;
  background: #4488ff;
}
.mh .CS_tab_tit li.cur i,
.mh .cG_list_top .cG_tabTit li.cur i {
  color: #4488ff;
}

/* 试听列表 */
.goods-con-main {
  margin-bottom: 40px;
}
.try-listen-list dl {
  margin-bottom: 40px;
  border-top: 1px solid #f0f0f0;
}
.try-listen-list dd {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}
.try-listen-list dd .l-icon {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  border: 2px solid #4488ff;
  margin: 12px 20px 0 20px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.try-listen-list dd .l-icon i {
  font-size: 20px;
  line-height: 32px;
  margin-left: 4px;
  color: #4488ff;
}
.try-listen-list dd .tit {
  display: block;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: 80%;
}
.try-listen-list dd:hover {
  background: #e9f1ff;
}
.try-listen-list dd:hover .l-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.try-listen-list dd:hover .tit {
  color: #333333;
}

.catWrap .studyTabCon .listCtr .cs_part_list .tryL {
  width: 44px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #4488ff;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #4488ff;
  margin-top: 11px;
}

/* 学习空间 已付费课程 */
.ofh {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.course-list li .c-r-con .cs-labs {
  margin: 20px 0;
}
.course-list li .c-r-con .cs-labs .lab {
  float: left;
  padding: 0 12px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #dddddd;
  border-radius: 24px;
  font-size: 12px;
  color: #333333;
  margin-right: 10px;
  max-width: 94px;
}
.course-list li .c-r-con .cs-ms {
  font-size: 12px;
  color: #666666;
  line-height: 1;
  max-width: 100%;
}
.course-list li .c-r-con .more--paid {
  right: 20px;
  bottom: 10px;
  color: #177bbb;
}
.cs-list--paid li {
  height: auto;
}
.cs-list--paid li .c-r-con {
  position: relative;
  height: 118px;
}
.cs-list--paid li .c-r-con .r-tit a {
  cursor: default;
}
.paid--con {
  background: #ffffff;
  padding: 10px 30px 30px;
  border-top: 1px solid #e5e5e5;
  display: none;
}
.paid--con .details dd {
  padding: 0 10px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dashed #e5e5e5;
}
.paid--con .details dd .t {
  font-size: 16px;
  color: #333333;
  display: block;
  max-width: 400px;
  margin-right: 20px;
}
.paid--con .details dd .pgr,
.paid--con .details dd .scoreExam {
  font-size: 13px;
  color: #999999;
}
.paid--con .details dd .pgr .num-big {
  font-size: 14px;
  color: #177bbb;
  font-weight: 600;
}
.paid--con .details dd .scoreExam .num-sc {
  font-size: 15px;
  color: #fd8000;
  font-weight: 600;
}

/* ----商品试听部分 end---- */

/* ------------------------------非学历5月门户-end---------------------------------------- */

/* -------------非学历接入CC--begin------------- */
/*测验考试*/
.myLive .TabCon dl {
  background-position: 3px 52px;
}
.mw150 {
  max-width: 150px;
}
.mw200 {
  max-width: 200px;
}
.mw240 {
  max-width: 240px;
}
.liveroomSea .formDiv {
  width: 30%;
}

.live-detail .rowitem strong {
  width: 150px;
}

.livecs-shapes .s-box {
  border: 1px dashed #cccccc;
  border-radius: 2px;
  padding: 15px 18px 0;
}
.livecs-shapes .s-bigscreen {
  max-width: 420px;
}
.livecs-shapes .s-word {
  max-width: 220px;
}
.livecs-shapes .s-box .model {
  width: 182px;
  height: 122px;
  cursor: pointer;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
}
.livecs-shapes .s-box .model,
.livecs-shapes .s-box .model img {
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
}
.livecs-shapes .s-box .tit {
  text-align: center;
  font-size: 14px;
  color: #999999;
  line-height: 1;
  margin-bottom: 20px;
}
.livecs-shapes .s-box .model {
  margin-bottom: 20px;
}
.livecs-shapes .s-bigscreen .model {
  float: left;
  margin-right: 18px;
}
.livecs-shapes .s-bigscreen .list {
  margin-right: -18px;
}
.livecs-shapes .s-box .cur {
  border-color: #58abe1;
}

/* 添加学习活动图标 */
.addActivity ul {
  height: 200px;
}
.addActivity .pic {
  margin-bottom: 10px;
}
.addActivity .pic a {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #c6e7ff;
}
.addActivity .pic i {
  position: absolute;
  left: 8px;
  top: 8px;
}

/* -------------非学历接入CC--end------------- */

/*谷歌hack*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .back i {
    margin-top: 3px;
  }
}
/* IE7-8 hack  放在最底部 课程学习宽度判断 */
@media \0screen\, screen\9 {
  .StudyBody .maCenter {
    width: 1180px;
  }
  .RightTool {
    margin-left: 605px;
  }
  .ots #examframe {
    height: 690px;
  }
  .ots .frame {
    border: 1px #cccccc solid;
  }
  /*网页和文档资源内容高度*/
  .webbox,
  .flashBox {
    height: 704px;
  }
  /*教学单元名称居中显示*/
  .threeInp {
    height: 33px;
    padding-top: 15px;
  }

  #writeReviewDiv .writeW .placeholderWrap span,
  #writeReviewDiv .writeW .placeholderWrap {
    width: 940px !important;
  }
  /*侧边栏*/
  .catWrap {
    border-left: 1px solid #ccc;
  }
  /*头部小三角*/
  #userN:hover i,
  #userRole:hover i,
  .navStair:hover i {
    margin-top: 15px\0;
  }
  .mh_header .navUl .cur .navStair i,
  .mh_header .hover_bgcol .navStair i,
  .mh_header .navStair:hover i {
    margin-top: 8px;
  }
  /*ie8右侧功能菜单*/
  .RightTool .sbarItem:hover i {
    color: #666;
  }
  .RightTool .sbarItem i:hover {
    color: #58abe1;
  }
  .RightTool i {
    display: inline-block;
    width: 38px;
    height: 49px;
    line-height: 49px;
  }

  .addEc {
    height: 30px;
  }

  .countdown {
    line-height: 24px;
  }
  .csdetailWrap span {
    line-height: 1;
  }

  .vjs-default-skin .vjs-control:before {
    font-size: 80%;
  }

  .page-fxl .mr5.lh26 {
    position: relative;
    top: -9px;
  }
}

/*IE8/9/10*/
@media screen\0 {
  .addEc {
    height: 30px;
  }
  .search_box .placeholderWrap span,
  .seniorSearch .placeholderWrap span {
    margin-top: 0px;
  }

  .cform .placeholderWrap span {
    line-height: 38px !important;
  }

  .wrap_l {
    width: 750px !important;
  }
  .answerCard.in,
  .otsbox .answerCard {
    margin-left: 285px !important;
  }
  .answerCard.staticPos,
  .otsbox .answerCard.staticPos {
    margin-left: 260px !important;
  }

  /*弹窗按钮*/
  .ui_buttons input.ui_state_highlight:hover {
    color: #fff !important;
    border-color: #499ad1 !important;
  }
  .ui_buttons input.ui_state_highlight:active {
    border-color: #0367a7 !important;
  }

  .vjs-default-skin .vjs-control:before {
    font-size: 80%;
  }

  #userN:hover i,
  #userRole:hover i,
  .navStair:hover i {
    margin-top: 15px\0;
  }
  .mh_header .navUl .cur .navStair i,
  .mh_header .hover_bgcol .navStair i,
  .mh_header .navStair:hover i {
    margin-top: 8px;
  }
  .mh_header .navStair:hover i {
    margin-top: 14px;
  }

  .page-fxl .mr5.lh26 {
    position: relative;
    top: -9px;
  }

  .user-block {
    position: relative;
    z-index: 2;
  }
  .stuIndex-xqdl .xqEwm {
    z-index: 1 !important;
  }
}

/*ie11 css hack*/
@media screen and(-ms-high-contrast:active), (-ms-high-contrast: none) {
  .mh-main.ma .logo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 9px;
  }
  .mh-main.ma .logo img {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }
  .wrongBooxMy .w880 .wrap_l {
    width: 880px !important;
  }
}
@supports (-ms-ime-align: auto) {
  /* 针对edge */
  .mh-main.ma .logo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 9px;
  }
  .mh-main.ma .logo img {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }
  .page .pageList.ib {
    position: relative;
    top: 9px;
  }
}

/* 火狐 */
@-moz-document url-prefix() {
  .table table {
    -moz-box-sizing: border-box;
  }
}

/*学生平台 学习空间 商品详情页*/
.classlist {
  line-height: 1;
}
.classlist .bghead {
  background: url(../images/classlist2.jpg) 0 0 no-repeat;
  height: 340px;
  overflow: hidden;
}
.classlist-wrap {
  width: 1180px;
  margin: 0 auto;
}
.classlist .main {
  width: 840px;
}
.classlist .main-item {
  background: #fff;
}
.classlist .side {
  width: 320px;
}
.classlist .side-item {
  background: #fff;
  padding: 20px 30px 10px 20px;
  color: #666;
  font-size: 14px;
}

.classlist .info-txt {
  width: 655px;
  font-size: 13px;
  color: #999;
}
.classlist .info-txt h3 {
  font-size: 26px;
  color: #333;
}
.classlist .info-txt .small {
  margin-top: 10px;
  margin-bottom: 30px;
}
.classlist .info-txt em {
  color: #666;
  margin: 0 3px;
}
.classlist .msg1 span {
  margin-right: 170px;
}
.classlist .shop .btn {
  font-weight: bold;
  font-size: 24px;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #ff5555;
  border-radius: 2px;
}
.classlist .shop .btn.disabled {
  background: #ccc;
}
.classlist .shop span {
  font-weight: bold;
  font-size: 41px;
  color: #ff5555;
}
.classlist .shop em {
  font-weight: normal;
  font-size: 28px;
  color: #999;
  text-decoration: line-through;
  margin-left: 10px;
}
.classlist .main-item .cont {
  padding: 28px 30px;
  font-size: 14px;
  color: #666;
  line-height: 2.5;
  height: 133px;
  overflow: hidden;
}
.morelook {
  display: none;
  color: #ff5555;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
  cursor: pointer;
}
.classlist .main-item .cont h3 {
  font-weight: bold;
  font-size: 18px;
  color: #333;
}
.classlist .main-item2 {
  background: #fff;
}
.classlist .main-item2 h3 {
  font-weight: bold;
  font-size: 18px;
  color: #333;
  padding: 28px 30px 18px 30px;
}
.classlist .p1 {
  color: #555;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  padding-left: 60px;
  background: #f2faf2;
}
.classlist .p2 {
  color: #666;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-left: 95px;
}
.classlist .p3 {
  margin-bottom: 40px;
  color: #666;
  font-size: 14px;
  padding-left: 110px;
}
.classlist .p2 span {
  color: #999;
  font-size: 13px;
  margin-left: 20px;
}
.classlist .out4 {
  padding-left: 140px;
  font-size: 14px;
  color: #666;
}
.classlist .out4 .p4 {
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 15px;
}
.classlist .p5 {
  padding-bottom: 40px;
}
.classlist-c1 {
  color: #2f922f;
}
.classlist-c2 {
  color: #da7d23;
}
.classlist-c3 {
  color: #da2323;
}
.classlist-c4 {
  color: #4cd4cc;
}
.classlist-c5 {
  color: #3281c3;
}
.classlist .main-item2 .add1 {
  border-bottom: 1px solid #dde7dd;
  border-top: 1px solid #dde7dd;
}
.classlist .main-item2 .add2 {
  border-bottom: 1px solid #dde7dd;
}

.classlist .side-item h3 {
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.classlist .list-ul0 {
  line-height: 2.4;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 170px;
}
.classlist .list-ul1 {
  height: 180px;
  overflow: hidden;
}
.classlist .list-ul1 li {
  margin-bottom: 22px;
}
.classlist .list-ul1 .num {
  float: left;
  padding-left: 10px;
  padding-right: 20px;
  margin-top: 10px;
}
.classlist .list-ul1 .txt {
  display: inline-block;
  width: 200px;
  line-height: 1.4;
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.classlist .list-ul2 li {
  margin-bottom: 22px;
  width: 270px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.classlist .list-ul2 i {
  display: inline-block;
  margin-bottom: 2px;
  width: 4px;
  height: 4px;
  background: #999;
  margin-right: 10px;
}
.classlist .list-ul .img {
  margin-right: 18px;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  overflow: hidden;
}
/*whx 修改*/
/*.classlist .list-ul .img1{
  background: url(../images/classslist-pic1.jpg) -110px -4px no-repeat;
}
.classlist .list-ul .img2{
  background: url(../images/classslist-pic2.jpg) -100px -4px no-repeat;
}*/

.classlist .list-ul h4 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

.classlist .list-ul .info span {
  margin-left: 5px;
  margin-right: 5px;
}

.classlist .list-ul .con {
  border-bottom: 1px dashed #efefef;
  margin-top: -20px;
}
.classlist .list-ul .con:last-child {
  border-bottom: none;
}
.classlist-wrap .click {
  color: #ff5555;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
  cursor: pointer;
}

.classlist .list-ul .txt {
  color: #666;
  font-size: 13px;
  line-height: 2.2;
  display: none;
}

.main-item2 h3 i {
  display: inline-block;
}

.classlist .main-item2 .number {
  font-size: 24px;
  border-radius: 100%;
  border: 2px solid #31a030;
  color: #31a030;
  width: 28px;
  height: 28px;
  float: left;
  text-align: center;
  line-height: 28px;
  margin-right: 20px;
  margin-top: 14px;
}

.classlist .main-item2 .ad-out1 {
  border: 1px solid #f2faf2;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 20px;
}
.classlist .main-item2 .ad-out1 .p1 {
  padding-left: 18px;
}
.classlist .main-item2 .out0 {
  border-left: 1px solid #ccc;
  margin-left: 75px;
}
.classlist .main-item2 .out0 p {
  font-size: 14px;
  margin-bottom: 30px;
}
.classlist .main-item2 .out0 p:last-child {
  margin-bottom: 20px;
}
.classlist .main-item2 .out0 p i {
  width: 11px;
  height: 11px;
  float: left;
  border: 2px solid #ccc;
  border-radius: 100%;
  margin-left: -8px;
  background: #fff;
  margin-right: 18px;
}

/* 倒计时 */
.countDown {
  position: relative;
  padding-left: 42px;
  width: 115px;
  margin: 0 auto;
}
.countDown .l-icon {
  position: absolute;
  left: 0;
  top: 7px;
}
.countDown .t,
.countDown .count {
  display: block;
  line-height: 1;
}
.countDown .t {
  font-size: 16px;
  color: #999999;
  padding-bottom: 5px;
}
.countDown .count {
  font-size: 28px;
  color: #fe9b00;
}

/* 19年优化 */
.btnwTime {
  font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
.btnwTime {
  width: 101px;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.iw134 {
  width: 122px;
}
.nullPos {
  width: 422px;
}
.link_code {
  display: inline-block;
  /* background: url(../images/analyse_icon.png) no-repeat -28px -44px; */
  vertical-align: middle;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
}

/*2019.03.27修改*/

.mh-f-detail .btn-signup {
  width: 260px;
  height: 52px;
  line-height: 52px;
  background: #ff6420;
}
.mh-f-detail .btn-wait {
  width: 260px;
  height: 52px;
  line-height: 52px;
  background: #ffcc00;
}
.mh-f-detail .btn-resignup {
  width: 260px;
  height: 52px;
  line-height: 52px;
  background: #996699;
}
.mh-f-detail .btn-wait:hover,
.mh-f-detail .btn-wait:active {
  background: #ffcc00;
}
.mh-f-detail .btn-resignup:hover,
.mh-f-detail .btn-resignup:active {
  background: #996699;
}

/* ----------------南信非学历--begin-------------- */
/* 教学内容列表 */
.mr24 {
  margin-right: 24px;
}
.mb12 {
  margin-bottom: 12px;
}
.teachingConlist .majorButton {
  font-size: 14px;
}
.teachingConlist .btnw120 {
  line-height: 36px;
  height: 36px;
}
.teachingConlist .lineBtnw120 {
  line-height: 34px;
  height: 34px;
}
.teachingConlist {
  margin-top: -66px;
}
.teachingConlist .labTit {
  display: inline-block;
  line-height: 25px;
  margin-bottom: 20px;
}

.teachingConlist .conList li {
  position: relative;
  padding: 20px 24px;
  background: #ffffff;
  margin-bottom: 20px;
  transform-style: flat;
  transition: box-shadow 250ms ease-out;
  -webkit-transition: box-shadow 250ms ease-out;
}
.teachingConlist .conList li:hover,
.courseHorList li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  z-index: 2;
}

.teachingConlist .conList li .r-btns {
  position: absolute;
  right: 24px;
  top: 45px;
}
.teachingConlist .conList li .moreOpera .levelMoreBtn {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: rgba(199, 230, 250, 1);
  border-radius: 2px;
  text-align: center;
}
.teachingConlist .conList li .moreOpera .levelMore {
  right: 0;
  top: 45px;
}
.teachingConlist .conList li .moreOpera .levelMore dl dd:hover {
  background: #f3fafe;
}

.bread .flTitle {
  font-size: 22px;
  color: rgba(102, 102, 102, 1);
  line-height: 29px;
  float: left;
  margin-left: -20px;
}
.photo-mana {
  padding: 20px 10px;
}
.photo-mana ul {
}
.photo-mana ul li {
  margin: 10px 10px;
  width: 270px;
  height: 202px;
  float: left;
  position: relative;
}
.photo-mana ul li img.fileSrc {
  width: 270px;
  height: 202px;
}
.photo-mana ul li * {
  box-sizing: border-box;
}
.photo-mana ul li.addPhoto {
  background: rgba(88, 171, 225, 1);
}
.photo-mana ul li.addPhoto a {
  width: 100%;
  height: 100%;
  padding: 50px 40px;
  display: block;
  color: #ffffff;
  text-align: center;
}
.photo-mana ul li.addPhoto a i {
  font-size: 46px;
  margin: 0 auto;
}
.photo-mana ul li.addPhoto a span.T {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  display: inline-block;
}
.photo-mana ul li.addPhoto a span.s {
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  display: inline-block;
  opacity: 0.5;
}
.photo-mana ul li.Uploading {
}
.photo-mana ul li.Uploading span {
  width: 160px;
  height: 16px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -80px;
}
.photo-mana ul li.Uploading span i {
  height: 16px;
  background: rgba(23, 123, 187, 1);
  border-radius: 8px;
  position: absolute;
  left: 0px;
  top: 0;
}
.photo-mana ul li.Uploading span em {
  position: absolute;
  left: 0px;
  top: 0;
  width: 160px;
  height: 16px;
  font-size: 12px;
  text-align: center;
  color: rgba(255, 255, 255, 0.85);
  line-height: 16px;
}
.photo-mana ul li.Waiting {
}
.photo-mana ul li.Waiting span {
  width: 160px;
  height: 16px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -80px;
}
.photo-mana ul li.Waiting span i {
  height: 16px;
  background: rgba(23, 123, 187, 1);
  border-radius: 8px;
  position: absolute;
  left: 0px;
  top: 0;
}
.photo-mana ul li.Waiting span em {
  position: absolute;
  left: 0px;
  top: 0;
  width: 160px;
  height: 16px;
  font-size: 12px;
  text-align: center;
  color: rgba(255, 255, 255, 0.85);
  line-height: 16px;
}
.photo-mana ul li.UploadSuccess {
}

.photo-mana ul li.UploadSuccess span.s {
  width: 100px;
  height: 100px;
  padding: 28px 10px;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  border-radius: 4px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
}
.photo-mana ul li.UploadSuccess span.s i {
  font-size: 20px;
  margin: 0 auto;
}
.photo-mana ul li.UploadSuccess span.s em {
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  display: inline-block;
  opacity: 0.5;
}

.photo-mana ul li.photoShow {
}
.photo-mana ul li.photoShow .hover_B {
  opacity: 0;
}
.photo-mana ul li.photoShow:hover .hover_B {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.photo-mana ul li.photoShow .hover_B {
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 10px 10px;
  line-height: 18px;
  right: 0px;
  height: 38px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.photo-mana ul li.photoShow .hover_B a {
  color: #ffffff;
}
.photo-mana ul li.photoShow .hover_B a i {
  margin-right: 5px;
}
.photo-mana ul li.photoShow .hover_B a:hover {
  color: #177bbb;
}

#nx-stunavhtml #nav {
  height: 80px;
  line-height: 80px;
  background: #ffffff;
}
#nx-stunavhtml #nav .navUl a:hover,
#nx-stunavhtml #nav .navUl .cur a {
  background: none;
  color: #0367a7;
}
#nx-stunavhtml #nav #userLetter {
  margin-top: 16px;
}
#nx-stunavhtml #nav .logreg a,
#nx-stunavhtml #nav .logreg .logBtn,
#nx-stunavhtml #nav .logreg .regBtn {
  color: #666666;
}
#nx-stunavhtml #userN {
  margin-top: 16px;
}
#nx-stunavhtml .userLetter_con,
#nx-stunavhtml .userN_con {
  top: 65px;
}

#nx-stunavhtml #nav .click_bg_col {
  background: #e1e1e1;
}
#nx-stunavhtml #nav .hover_bgcol {
  background-color: #e1e1e1;
}
#nx-stunavhtml #nav .bg_179ee1 {
  background: #e1e1e1;
}
#nx-stunavhtml #nav .fl .hover_bgcol {
  background: none;
}
#nx-stunavhtml .userN_con ul li:hover,
#nx-stunavhtml .userLetter_con li:hover,
#nx-stunavhtml .teacher_con li:hover {
  background: #efefef;
}
#nx-stunavhtml .userLetter_con li em {
  color: #ffffff;
  font-weight: lighter;
}
.nv_desRow {
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 30px;
}
.nv_desRow .Price em {
  font-weight: bold;
  font-size: 22px;
}
.nv_desRow p {
  line-height: 24px;
}
.nv_desRow label {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.75);
  padding: 5px 10px;
  display: inline-block;
  margin-top: 15px;
}
.nv_desRow label input {
  position: relative;
  margin-right: 8px;
  top: 2px;
  left: 0px;
}
.nv_desRow label strong {
  color: #ffffff;
  font-weight: bold;
}

.nx-detail .courselistBg {
  background: linear-gradient(180deg, rgba(23, 123, 187, 1) 0%, rgba(3, 103, 167, 1) 100%);
  background-size: cover;
}
.nx-detail .btn-signup {
  width: 260px;
  height: 52px;
  line-height: 52px;
  background: #ff6420;
}
.nx-detail .btn-signup:hover,
.nx-detail .btn-signup:active {
  background: #ff6420;
}
.nx-detail .study_top.p20 {
  padding-right: 0;
}
.nx-detail .study_top .left-pic {
  width: 460px;
  height: 258px;
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
}
.nx-detail .study_top .r-con {
  width: 685px;
  position: relative;
  margin-left: 25px;
}
.nx-detail .study_top .r-con .r-tit {
  color: #ffffff;
  font-weight: normal;
  padding-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nx-detail .study_top .r-con .majorButton {
  position: absolute;
  left: 0px;
  top: 205px;
}
.nx-detail .study_top .train-time,
.nx-detail .study_top .study-result li {
  font-size: 14px;
  color: #ffffff;
}
.nx-detail .study_top .train-time i,
.nx-detail .study_top .study-result li i {
  color: #ffffff;
  font-size: 14px;
}
.nx-detail .study_top .study-result li em {
  color: #ffffff;
}

.nx-detail .btn-Signup {
  width: 260px;
  height: 52px;
  line-height: 52px;
  background: #ff6420;
}
.nx-detail .btn-Success {
  width: 260px;
  height: 52px;
  line-height: 52px;
  background: #62ce61;
}
.nx-detail .btn-Fail {
  width: 260px;
  height: 52px;
  line-height: 52px;
  background: #ea5b5b;
}
/* .nx-detail .btn-Signup:hover, .nx-detail .btn-Signup:active{background:#FFCC00;}
.nx-detail .btn-resignup:hover, .nx-detail .btn-resignup:active{background:#996699;} */
.nx_Curriculum {
  background: #ffffff;
  margin: 30px auto;
}
.nx_Curriculum .fxlnavBar {
  border-bottom: 1px solid #f1f1f1;
}
.nx_Curriculum .fxlnav li,
.nx_Curriculum .fxlnavBar li {
  height: 60px;
  line-height: 60px;
}
.nx_Curriculum .fxlnavBar .oLine li.cur i,
.nx_Curriculum .fxlnavBar .oLine li:hover i {
  top: 57px;
}
.nx_Curriculum .timeList {
  padding: 20px 0;
}
.nx_Curriculum .timeList dl {
  width: 100%;
}
.nx_Curriculum .timeList dl dt {
  width: 160px;
  float: left;
  text-align: center;
  padding: 47px 20px;
  box-sizing: border-box;
  font-size: 16px;
  border-right: 1px solid #cccccc;
  position: relative;
}
.nx_Curriculum .timeList dl dt i {
  width: 7px;
  height: 7px;
  background: rgba(23, 123, 187, 1);
  border-radius: 50%;
  position: absolute;
  right: -4px;
  top: 72px;
}
.nx_Curriculum .timeList dl dt .daywork {
  color: #999999;
  line-height: 30px;
}
.nx_Curriculum .timeList dl dt .daywork span {
  font-size: 18px;
  color: #2692ff;
  margin-right: 5px;
  font-weight: bold;
}
.nx_Curriculum .timeList dl dd {
  width: 1000px;
  border-bottom: 1px dotted #f1f1f1;
  float: left;
  padding: 20px 20px 20px 0;
  box-sizing: border-box;
  margin-left: 20px;
}
.nx_Curriculum .timeList dl dd h2 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 30px;
}
.nx_Curriculum .timeList dl dd p.tip {
  margin-bottom: 10px;
}
.nx_Curriculum .timeList dl dd p.tip span {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #009ce2;
  font-size: 12px;
  color: #177bbb;
  height: 16px;
  line-height: 16px;
  padding: 0px 4px;
  border-radius: 2px;
}
.nx_Curriculum .timeList dl dd p.name,
.nx_Curriculum .timeList dl dd p.address {
  line-height: 24px;
  color: #999999;
  font-size: 14px;
}
.nx_Curriculum .timeList dl dd p.name span,
.nx_Curriculum .timeList dl dd p.address span {
  color: #666666;
}

.nx_Curriculum .Signin_List {
  padding: 0px 0;
}
.nx_Curriculum .Signin_List dl {
  width: 100%;
  border-bottom: 1px dotted #f1f1f1;
}
.nx_Curriculum .Signin_List dl dt {
  width: 260px;
  float: right;
  padding: 12px 35px;
  box-sizing: border-box;
  font-size: 16px;
  color: #666666;
}
.nx_Curriculum .Signin_List dl dt div.q {
  position: relative;
  text-align: right;
  height: 114px;
}
.nx_Curriculum .Signin_List dl dt div.q span {
  font-size: 14px;
  color: #999999;
  height: 20px;
  line-height: 24px;
  float: left;
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nx_Curriculum .Signin_List dl dt div.q .dCode {
  position: absolute;
  width: 190px;
  left: 0px;
  top: 50%;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nx_Curriculum .Signin_List dl dt div.q code {
  font-size: 14px;
  font-family: Arial;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  width: 140px;
  display: inline-block;
}
.nx_Curriculum .Signin_List dl dd {
  width: 900px;
  float: left;
  padding: 15px 35px 15px 35px;
  box-sizing: border-box;
}
.nx_Curriculum .Signin_List dl dd h2 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 30px;
}
.nx_Curriculum .Signin_List dl dd p.tip {
  margin-bottom: 10px;
}
.nx_Curriculum .Signin_List dl dd p.tip span {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #009ce2;
  font-size: 12px;
  color: #177bbb;
  height: 16px;
  line-height: 16px;
  padding: 0px 4px;
  border-radius: 2px;
}
.nx_Curriculum .Signin_List dl dd p.name,
.nx_Curriculum .Signin_List dl dd p.time {
  line-height: 24px;
  color: #999999;
  font-size: 14px;
}
.nx_Curriculum .Signin_List dl dd p.name span,
.nx_Curriculum .Signin_List dl dd p.time span {
  color: #666666;
}

/* ----------------南信非学历--end-------------- */

.coach-todoitem-wrap {
  line-height: 2em;
}
.todolist-remind span:first-child {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.todolist-remind span:last-child {
  font-size: 14px;
}
.CS_left_nav .select-list-menu dl dd {
  height: 50px;
}
.CS_left_nav .active-item-bgc {
  background-color: #177bbb;
  color: #fff;
}
.CS_left_nav .select-list-menu dl dd .remind-sign {
  width: 7px;
  height: 7px;
  background-color: red;
  border-radius: 50%;
  margin: 22px 18px 0 20px;
}
.pre_dot {
  transform: scale(0.475);
}

/* 收集信息预览页whx */
.megTableBox {
  margin-bottom: 40px;
}
.megTableBox .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 28.8%;
  /* background: #0077ef url(../images/meg-table-hd-bg.png) no-repeat center center; */
  background-size: cover;
}
.megTableBox .mcon {
  position: relative;
  width: 720px;
  margin: 0 auto;
}
.megTableBox .logo {
  position: absolute;
  left: 0;
  top: 22px;
  width: auto;
  height: 40px;
}
.megTableBox h2.tit {
  font-size: 40px;
  color: #ffffff;
  line-height: 1.4;
  padding-top: 84px;
  margin-bottom: 60px;
}
.megTableBox img,
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.megTableBox .megForm {
  padding-bottom: 40px;
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
}
.megTableBox .megForm .formRow {
  padding: 68px 6.9% 12px 0;
  border-bottom: 0;
}
.megTableBox .megForm .m-item {
  margin-bottom: 40px;
}
.megTableBox .megForm .m-item .lab {
  width: 14.44%;
  margin-right: 2.22%;
  line-height: 40px;
}
.megTableBox .megForm .m-item .smxx {
  position: relative;
  top: 4px;
  font-size: 16px;
}
.megTableBox .megForm .m-item .inputText {
  height: 30px;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
}
.megTableBox .megForm .m-input {
  margin-left: 16.67%;
}
.megTableBox .megForm .m-input input {
  width: 98%;
}
.megTableBox .megForm .m-input .selectForm,
.megTableBox .megForm .m-input .selectForm select {
  width: 100%;
}
.megTableBox .chosen-container-single .chosen-single {
  height: 40px;
  line-height: 40px;
}
.megTableBox .chosen-container {
  font-size: 16px;
  color: #333;
}
.megTableBox .chosen-container-single .chosen-single span {
  color: #333333;
}
.megTableBox .chosen-container-single .chosen-default span {
  color: #cccccc;
}
.megTableBox .m-item-yzm .codeImg,
.megTableBox .m-item-yzm .lab,
.megTableBox .m-item-yzm input {
  float: left;
}
.megTableBox .m-item-yzm .codeImg {
  position: relative;
  display: inline-block;
  width: 135px;
  height: 40px;
  overflow: hidden;
}
.megTableBox .m-item-yzm .codeImg img {
  display: inline-block;
  width: 97px;
  height: 100%;
}
.megTableBox .m-item-yzm .codeImg .refresh {
  right: 2px;
  top: 0;
  line-height: 40px;
  cursor: pointer;
}
.megTableBox .m-intro {
  margin: 0 6.9% 40px;
  background: #f6f8f9;
  border-radius: 4px;
  padding: 13px 16px 19px;
}
.megTableBox .m-intro .tit {
  line-height: 22px;
  margin-bottom: 16px;
}
.megTableBox .m-intro dd {
  font-size: 14px;
  color: #999;
  line-height: 20px;
}
.megTableBox .submitBtn {
  width: 150px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  border-radius: 4px;
  background: #0077ef;
  background: linear-gradient(135deg, rgba(0, 119, 239, 1) 0%, rgba(0, 75, 224, 1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(0, 119, 239, 1) 0%, rgba(0, 75, 224, 1) 100%);
}
.megTableBox .m-item-yzm .codeImg .refresh:hover,
.megTableBox .submitBtn:hover,
.megTableBox .m-item-yzm .codeImg .refresh.active,
.megTableBox .submitBtn.active {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/* 添加附件图片 */
.megTableBox .attachment-pic {
  padding: 5%;
}
.megTableBox .attachment-pic img {
  margin: 0 auto;
}

/*提交成功提示页*/
.megTableBox .subTipBox {
  text-align: center;
  padding: 200px 0;
}
.megTableBox .subTipBox i {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
.megTableBox .subTipBox i.icon-suc {
  /* background: url("../images/icon-Suc.png") top center no-repeat; */
  background-size: cover;
}
.megTableBox .subTipBox p {
  font-size: 16px;
  color: #333333;
  line-height: 1.2;
  margin-top: 35px;
}

/* 去除input默认样式 */
input,
textarea {
  -webkit-appearance: none;
}

@media (max-width: 767px) {
  /* input输入框在移动端点击有阴影解决方法 */
  a,
  input {
    -webkit-tap-highlight-color: transparent !important;
  }
  .megTableBox {
    margin-bottom: 10px;
  }
  .megTableBox .mcon {
    width: 96%;
  }
  .megTableBox .logo {
    top: 14px;
  }
  .megTableBox h2.tit {
    font-size: 24px;
    margin-bottom: 24px;
    padding-top: 74px;
  }
  .megTableBox .megForm {
    padding-bottom: 20px;
  }
  .megTableBox .megForm .formRow {
    padding: 30px 10px 8px 0;
  }
  .megTableBox .megForm .m-item,
  .megTableBox .m-intro {
    margin: 0 10px 5px;
  }
  .megTableBox .megForm .m-item .lab {
    width: 100%;
    text-align: left;
    margin-right: 0;
    line-height: 2;
  }
  .megTableBox .megForm .m-input {
    margin-left: 0;
  }
  .megTableBox .m-intro {
    margin-bottom: 20px;
    padding: 8px 10px 14px;
  }
  .megTableBox .chosen-container .chosen-results li {
    line-height: 20px;
  }

  /*提交成功提示页*/
  .megTableBox .subTipBox {
    padding: 50px 0;
  }
  .megTableBox .subTipBox i {
    width: 50px;
    height: 50px;
  }
  .megTableBox .subTipBox p {
    font-size: 14px;
    color: #333333;
    line-height: 1.2;
    margin-top: 15px;
  }
}

/* 广告AD */
.ADs {
  position: absolute;
  left: 0;
  top: 0;
}
.ADs .ad {
  position: fixed;
  z-index: 9999;
  border-radius: 4px;
  transition: height ease-out 1s;
  -webkit-transition: height ease-out 1s;
  background: #ccc;
}
.ADs .ad .ti-close {
  position: absolute;
  right: 10px;
  top: -6px;
}
.ADs .ad-top {
  top: 0;
  left: 50%;
  margin-left: -620px;
  width: 1240px;
  height: 75px;
}
.ADs .ad-left01 {
  top: 30%;
  left: 3%;
  width: 150px;
  height: 200px;
}
.ADs .ad-left02 {
  bottom: 10%;
  left: 3%;
  width: 150px;
  height: 150px;
}
.ADs .ad-right {
  bottom: 10%;
  right: 55px;
  width: 150px;
  height: 300px;
}
.ADs .ad-bottom {
  bottom: 0;
  left: 50%;
  margin-left: -620px;
  width: 1240px;
  height: 150px;
}
.ADs .hide {
  height: 0 !important;
}
.ADs .hide .con,
.ADs .hide .ti-close {
  display: none !important;
}
@media (min-width: 1919px) {
  .ADs .ad-left01 {
    left: 8%;
  }
  .ADs .ad-left02 {
    left: 8%;
  }
  .ADs .ad-right {
    right: 8%;
  }
}
@media (min-width: 1366px) and (max-width: 1679px) {
  .ADs .ad-top {
    left: 50%;
    margin-left: -620px;
    width: 1240px;
    height: 60px;
    overflow: hidden;
  }
  .ADs .ad-left01 {
    top: 30%;
    left: 2%;
    width: 120px;
    height: 160px;
  }
  .ADs .ad-left02 {
    bottom: 13%;
    left: 2%;
    width: 120px;
    height: 120px;
  }
  .ADs .ad-right {
    bottom: 10%;
    right: 50px;
    width: 120px;
    height: 240px;
  }
  .ADs .ad-bottom {
    left: 50%;
    margin-left: -620px;
    width: 1240px;
    height: 120px;
    overflow: hidden;
  }
}

/* 编码管理 */
.BMmana .search-row {
  margin: 0 20px 0 10px;
}
.BMmana .blueBtn [class^="cedu-"],
.BMmana .blueBtn [class*=" cedu-"] {
  font-size: 12px;
}
.pop-bianmu label .smxx {
  float: none;
  font-size: 18px;
  padding-right: 0;
  line-height: 30px;
}
.pop-bianmu strong {
  width: 120px;
}
.pop-bianmu a.link:hover {
  color: #58abe1;
}

/* 讨论区上传图片 */
.upl-pic {
  line-height: 18px;
}
.upl-pic:hover {
  color: #58abe1;
}
.saas-dis .option_area .upload-pic {
  top: 0;
}
.saas-dis .giveMarkWrap textarea {
  height: 106px;
}
.fI .saas-dis .QA-commentReply .comment-item__bd .thumbnail,
.fI .saas-dis .QA-commentReplyNoAvatar .comment-item__bd .thumbnail {
  width: 100%;
}
/*.saas-dis .giveMarkWrap .text-box em {right:10px;}*/
.btn-subC:hover {
  color: #ffffff;
}

.stayPlan .lab,
.stayPlan .con {
  line-height: 30px;
}
.stayPlan .con {
  color: #333;
  font-weight: bold;
}
.stayPlan .lab {
  width: 120px;
  text-align: right;
  color: #999;
  margin-right: 10px;
}

/* 视频页讨论区加照片 */
.saas-video-dis .catWrap .studyTabCon .inputPL {
  overflow: visible;
}
.saas-video-dis .option_area {
  height: auto;
  margin-top: 0;
}
.saas-video-dis .option_area .upload-pic {
  top: 10px;
  z-index: 1000;
}
.fI .saas-video-dis .option_area .upload-opinion .up-title,
.fI .saas-video-dis .option_area .upload-topic .up-title {
  font-size: 16px;
  padding: 10px 10px 0 10px;
}
.fI .saas-video-dis .option_area .upload-opinion .up-content,
.fI .saas-video-dis .option_area .upload-topic .up-content {
  padding: 10px;
}
.fI .saas-video-dis .option_area .upload-opinion .up-content .form-img .imgBtn,
.fI .saas-video-dis .option_area .upload-topic .up-content .form-img .imgBtn {
  width: 60px;
  height: 60px;
}
.fI .saas-video-dis .option_area .upload-opinion .up-content .thumbnail .img-list .del,
.fI .saas-video-dis .option_area .upload-topic .up-content .thumbnail .img-list .del {
  top: 30px;
  width: 60px;
  line-height: 20px;
}
.fI .saas-video-dis .option_area .upload-pic .up-content .form-img .imgBtn i {
  margin-top: 10px;
}
.fI .upload-pic .imgBtn [id^="rt_rt_"] {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2;
  cursor: pointer;
}
.fI .upload-pic .imgBtn .webuploader-element-invisible {
  width: 100%;
  height: 100%;
}
/* 展示照片 */
.fI .saas-video-dis .QA-commentReply .comment-item__bd,
.fI .saas-video-dis .QA-commentReplyNoAvatar .comment-item__bd {
  margin-bottom: 0;
  font-size: 14px;
}
.fI .saas-video-dis .QA-commentReply .comment-item__bd .thumbnail img,
.fI .saas-video-dis .QA-commentReplyNoAvatar .comment-item__bd .thumbnail img {
  width: 60px;
  height: 60px;
}
.fI .saas-video-dis .QA-commentReply .comment-item__bd .foundImg_box,
.fI .saas-video-dis .QA-commentReplyNoAvatar .comment-item__bd .foundImg_box {
  margin: 0 0 10px 0;
}
.fI .saas-video-dis .QA-commentReply .comment-item__bd .foundImg_box .foundImg_box_content,
.fI .saas-video-dis .QA-commentReplyNoAvatar .comment-item__bd .foundImg_box .foundImg_box_content {
  padding: 6px 5px 5px 5px;
}

.fI .saas-video-dis .QA-commentReply .comment-item__bd .thumbnail,
.fI .saas-video-dis .QA-commentReplyNoAvatar .comment-item__bd .thumbnail {
  width: 100%;
}
.fI .saas-video-dis .detail-img__for {
  width: 200px;
}
.fI .saas-video-dis .detail-img__for .slick-list {
  width: 200px;
  height: 200px;
}
.fI .saas-video-dis .QA-commentReply .comment-item__bd .foundImg_box .foundImg_box_content .detail-img__for,
.fI .saas-video-dis .QA-commentReplyNoAvatar .comment-item__bd .foundImg_box .foundImg_box_content .detail-img__for {
  width: 200px;
}
.fI .saas-video-dis .detail-img__nav {
  width: 100%;
  height: 40px;
}
.fI .saas-video-dis .detail-img__nav .slide-item {
  width: 40px;
  height: 40px;
}
.fI .saas-video-dis .detail-img__nav .slide-item img {
  width: 36px;
  height: 36px;
}
.fI .saas-video-dis .detail-img__nav .slick-prev,
.fI .saas-video-dis .detail-img__nav .slick-next {
  height: 40px;
  background-position: left center;
  background-size: cover;
  overflow: hidden;
}

/* 设计分类加收起按钮 */
.topClassfity {
  position: relative;
}
.topClassfity .upBar {
  position: absolute;
  right: 10px;
  top: 17px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #666;
  cursor: pointer;
  display: none;
}
.topClassfity .upBar i {
  font-size: 18px;
}
.tcf--oneRowH {
  height: 54px;
  overflow: hidden;
}

/* 非学历SAAS版班主任 */
.editCpStatus .radio {
  margin: 3px 5px 0 0;
}
.lh23 {
  line-height: 23px;
}
.completeProgress .done {
  color: #4bc769;
}
.labelBox .item {
  width: 33.33%;
  line-height: 26px;
}
.labelBox .intro {
  width: 100%;
}
.labelBox .intro .con {
  width: 85%;
}
.w550 {
  width: 550px;
}
/* 资料下载 */
.resDownl .TabCon dl {
  margin-bottom: 0px;
  padding-bottom: 14px;
}
.w60pec {
  width: 60%;
}
.w100pec {
  width: 100%;
}
.h30 {
  height: 30px;
}
/* 学员签到 */
.navList li {
  float: left;
  display: inline;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  padding: 0 10px;
  margin: 0 8px;
  cursor: pointer;
}
.navList li.cur {
  color: #177bbb;
  font-weight: bold;
}
.mb14 {
  margin-bottom: 14px;
}
.stuSignIn .opearbtns a {
  width: auto;
  padding: 0 12px;
  max-width: 130px;
}
.si-detail-box dd {
  background: #ffffff;
  min-height: 130px;
}
.si-detail-box .ewmPic {
  width: 130px;
  height: 130px;
  background: #9ac2e0;
}
.si-detail-box .ewmPic .img-t {
  width: 100%;
  text-align: center;
  bottom: 17px;
  left: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #ffffff;
}
.si-detail-box .rcBox {
  width: 85.58%;
  width: -moz-calc(100% - 210px);
  width: -webkit-calc(100% - 210px);
  width: calc(100% - 210px);
}
.top1 {
  position: relative;
  top: 1px;
}
.si-detail-box .rcBox .rRateBtn .rate {
  margin-right: 36px;
}
.si-detail-box .rcBox .rRateBtn .bigT {
  font-size: 41px;
  color: #097abd;
  line-height: 46px;
}
.si-detail-box .rcBox .timeBox i {
  color: #177bbb;
  font-size: 14px;
}
.si-detail-box .rcBox .countdown .cd {
  color: #097abd;
}
.cedu-countdown {
  display: inline-block;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.btnTxt {
  display: inline-block;
  font-size: 14px;
  color: #097abd;
  line-height: 30px;
}
.btnTxt em.line {
  position: relative;
  top: -1px;
  color: #b4b4b4;
  margin: 0 15px;
}
.btnTxt.last .line,
.btnTxt:last-child .line {
  display: none;
}
.si-detail-box .signDetail {
  width: 87px;
  height: 28px;
  line-height: 28px;
}
/* 弹窗 签到方式 */
.pop-signin-way {
  padding: 20px 74px 0;
}
.signInWays {
}
.signInWays .itemWay {
  float: left;
  width: 155px;
  margin: 0 24px;
}
.signInWays .itemWay .pic {
  width: 155px;
  height: 149px;
  /* background: url(../images/class/pop-bigIcons.png) no-repeat 0 0; */
  margin-bottom: 10px;
}
.signInWays .dynamic .pic {
  background-position: 0px 0;
}
.signInWays .static .pic {
  background-position: -156px 0;
}
.signInWays .numeralQ .pic {
  background-position: -312px 0;
}
.signInWays .radarQ .pic {
  background-position: -468px 0;
}
.signInWays .dynamic.active .pic {
  background-position: 0px -151px;
}
.signInWays .static.active .pic {
  background-position: -156px -151px;
}
.signInWays .numeralQ.active .pic {
  background-position: -312px -151px;
}
.signInWays .radarQ.active .pic {
  background-position: -468px -151px;
}
.mr24 {
  margin-right: 24px;
}
.signInWays .itemWay .txt {
  font-size: 14px;
  line-height: 26px;
}
/*.signInWays .dynamic .txt {padding:0 15px;}*/
.signInWays .numeralQ.active .numInput {
  display: block;
}
.signInWays .dynamic.active .calendarWrap,
.signInWays .static.active .calendarWrap {
  display: block;
}

/* 资料管理 */
.dataMana .btnTxt {
  display: inline-block;
  font-size: 14px;
  color: #097abd;
  line-height: 30px;
}
.dataMana .btnTxt em.line {
  position: relative;
  top: -1px;
  color: #b4b4b4;
  margin: 0 15px;
}
.dataMana-box .courseState {
  text-align: left;
}
.dataMana-box .datas h6 {
  color: #333;
  font-size: 16px;
  position: relative;
}
.dataMana-box .datas h6:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #999999;
  position: absolute;
  left: -12px;
  top: 50%;
  margin-top: -2px;
}
.dataMana-box .datas p {
  color: #999;
  font-size: 14px;
  margin-top: 10px;
  line-height: 1;
}
.dataMana-box .courseState {
  width: 50%;
}
.dataMana-box .courseState .stateBox {
  height: 23px;
  line-height: 23px;
}
.dataMana-box .courseState em {
  height: 23px;
}
.dataMana .dataMana-box {
  padding: 10px 15px;
  border-bottom: 1px dashed #e5e5e5;
}
.dataMana .courseState .editing {
  background: #fc9228;
}
.dataMana .dataMana-box .rRateBtn .pub-time {
  font-size: 14px;
  color: #999;
  line-height: 30px;
  display: inline-block;
}

.dataMana.si-detail-box {
  background: #fff;
}
.dataMana .si-list {
  background: #fff;
}
.dataMana .si-list dd:nth-child(1) .dataMana-box {
  border-top: 1px solid #eeeeee;
}
.dataMana.si-detail-box dd {
  min-height: unset;
}
.dataMana .courseState .down-num {
  color: #666666;
}
.dataMana .pub-btn {
  height: 28px;
  line-height: 28px;
  width: auto;
  padding: 0 20px;
}

/* 签到查询 */
.stuSiSearch .siState {
  width: auto;
}
.stuSiSearch .dataMana .si-list dd:nth-child(1) .dataMana-box {
  border-top: none;
}
.stuSiSearch .datas-top:nth-child(1):before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #999999;
  position: absolute;
  left: -12px;
  top: 50%;
  margin-top: -2px;
}

.stuSiSearch .bigStatus.nDuty {
  color: #fa8e10;
}
.stuSiSearch .bigStatus.yDuty {
  color: #097abd;
}

/* 培训教师考勤 */
.mb16 {
  margin-bottom: 16px;
}
.w130 {
  width: 130px;
}
.tt-duty-box .operabtns a {
  height: 33px;
  line-height: 33px;
}
.tt-duty-box dd {
  padding: 0 30px;
  padding-top: 22px;
  min-height: 100px;
  box-sizing: border-box;
}
.tt-duty-box .csMeg .tit {
  width: 220px;
  line-height: 30px;
}
.tt-duty-box .boxes .tag {
  padding: 0 5px;
  height: 23px;
  border-radius: 2px;
  border: 1px solid #177bbb;
  text-align: center;
  line-height: 23px;
}
.tt-duty-box .timebox {
  width: 110px;
}
.tt-duty-box .peo {
  width: 85px;
}
.tt-duty-box .timebox span {
  line-height: 26px;
}
.tt-duty-box .bigStatus.nDuty {
  color: #fa8e10;
}
.tt-duty-box .bigStatus.yDuty {
  color: #097abd;
}
.siTime .con {
  width: 275px;
}
.siTime .calendarWrap {
  width: 345px;
}
.si-cstime .nocst {
  font-size: 14px;
  color: #666;
  font-weight: normal;
}
/* 日历颜色重定义 */
.layui-laydate-footer {
  height: 40px !important;
  padding: 5px 20px !important;
}
.laydate-footer-btns {
  top: 6px !important;
}
.layui-laydate-footer span[lay-type="date"],
.layui-laydate-footer span:hover {
  color: #097abd !important;
}
.laydate-time-list > li:last-child {
  display: none !important;
}
.laydate-time-list > li {
  width: 50% !important;
}
.laydate-time-list ol {
  height: 150px !important;
}
.layui-laydate-header {
  line-height: 22px !important;
}
.layui-laydate-content td,
.layui-laydate-content th {
  height: 22px !important;
  padding: 0px 5px !important;
}
.laydate-year-list > li {
  height: 30px !important;
  line-height: 30px !important;
  margin: 2px 0 !important;
}
.laydate-month-list > li {
  margin: 10px 0 !important;
}
.layui-laydate-list {
  padding: 5px 10px !important;
}
/* 弹窗内日期大小修改 */
/*#layui-laydate1 .layui-laydate-main{width:200px;}*/
.popBody .layui-laydate-content {
  padding: 5px !important;
}
.popBody .layui-laydate-content td,
.popBody .layui-laydate-content th {
  /*width:20px;*/
  height: 16px !important;
  line-height: 20px !important;
  padding: 0 5px !important;
}
.popBody .layui-laydate-header {
  padding-top: 5px;
}
.popBody .layui-laydate-header i {
  top: 5px !important;
}
.popBody .laydate-time-list p {
  line-height: 20px;
}
.popBody .laydate-time-list ol {
  height: 120px !important;
}
.popBody .laydate-time-list ol li {
  line-height: 24px !important;
}
.popBody .laydate-year-list > li {
  height: 24px !important;
  line-height: 24px !important;
  margin: 2px 0 !important;
}
.popBody .laydate-month-list > li {
  margin: 3px 0 !important;
}
/* end */
.seaTjBtns .delpl.c_666 {
  color: #999;
}
.seaTjBtns .delpl.active {
  color: #177bbb;
}
/* 回复加照片弹窗 */
.fI .QA-upload .input {
  box-sizing: border-box;
}
.fI .QA-upload .publish-top {
  padding: 0;
}
.fI .QA-upload .option_area .upload-pic,
.fI .option_area .upload-opinion,
.fI .option_area .upload-topic {
  display: block;
  position: unset;
  top: auto;
  left: auto;
  width: auto;
  box-shadow: none;
}
.fI .QA-upload .option_area .upload-pic .up-content .thumbnail,
.fI .option_area .upload-opinion .up-content .thumbnail,
.fI .option_area .upload-topic .up-content .thumbnail {
  max-width: 100%;
}
.fI .QA-upload .option_area .upload-pic {
  width: 100%;
}
.fI .QA-comment .comment-item__bd .thumbnail img,
.fI .option_area .upload-pic .up-content .thumbnail .img-list img {
  display: block;
}

/* 非学历升级改版2020 */
.trainEstimate .searchDiv .inputText {
  width: 200px;
}
.down-row {
  font-size: 16px;
}
.down-row .downA {
  color: #177bbb;
  text-decoration: underline;
}
.down-row .downBtn {
  display: inline-block;
  width: 50px;
  text-align: center;
  height: 22px;
  line-height: 22px;
  border-radius: 2px;
}
.search-row.pl0 {
  padding-left: 0;
}
.eva-detail .rowitem .radio-box {
  line-height: 30px;
}
.eva-detail .rowitem .radio {
  margin-top: 5px;
}
.btnBoxBot {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 40px;
  right: 0;
}
.btnBoxBot a {
  display: inline-block;
}
.goods-top-meg .r-meg .price .jg.c_FF8854 {
  color: #ff8854;
  font-size: 24px;
}
.goods-con-main .introCon h6 {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}
.minH500 {
  min-height: 500px;
}

.goods-con-main .introCon .pLi {
  line-height: 25px;
  padding: 5px 0;
}
.goods-con-main .introCon .pLi label {
  font-weight: bold;
  width: 65px;
}
.goods-con-main .introCon .pLi p {
  width: calc(100% - 65px - 15px);
}
.line-thr {
  text-decoration: line-through;
}
.price-check {
  color: #fff;
  position: relative;
  top: -3px;
}
.goods-top-meg .r-meg .styPeos span.w260,
.price .w260 {
  width: 260px;
  display: inline-block;
}
.proApp-detail {
  width: 100%;
  /* background: url(../images/fivemonth/projAppl-top-bg.png) no-repeat center top; */
}
.proApp-detail .goods-top-meg {
  text-align: center;
}
.meg-box {
  color: #fff;
}
.proApp-detail .goods-top-meg .styPeos span {
  font-size: 14px;
  color: #ffffff;
  line-height: 1;
  position: relative;
  top: -3px;
}

.proApp-detail .goods-top-meg {
  margin-bottom: 120px;
}
.proApp-info {
  padding: 25px;
}
.proApp-info img {
  width: 280px;
  height: 164px;
}
.proApp-info ul {
  width: calc(100% - 280px - 120px);
  line-height: 32px;
  font-size: 16px;
  color: #666;
  margin-top: 40px;
}
.proApp-info ul li {
  width: calc(50% - 15px);
  float: left;
  padding-left: 15px;
  position: relative;
}
.proApp-info ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #aecbff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 13px;
}

.courseCards .con .sk-tips {
  width: 32px;
  height: 18px; /*margin-left:202px;*/
  top: 4px;
  margin-left: 5px;
  position: relative;
  display: inline-block;
}

.courseCards .con .sk-tips.WL {
  /* background: url(../images/fivemonth/electivecourse-WL.png) no-repeat; */
}
.courseCards .con .sk-tips.MS {
  /* background: url(../images/fivemonth/electivecourse-MS.png) no-repeat; */
}

.courseCards .tit .ec {
  position: relative;
  display: inline-block;
}
.courseCards .con .tit span {
  max-width: calc(100% - 82px);
}
.icon-check {
  width: 14px;
  height: 14px;
  /* background: url(../images/fivemonth/icon-check.png) no-repeat; */
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 2px;
  cursor: pointer;
}
.price-check .icon-check.checked {
  /* background: url(../images/fivemonth/icon-checked.png) no-repeat; */
}
.goods-top-meg .r-meg {
  width: calc(100% - 460px - 40px);
}
.goods-top-meg .r-meg .tit {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* 个人设置 */
.userset-nav li {
  max-width: 150px;
}
.accountBding {
  padding: 40px 60px;
}
.accountBding .ac-form-item {
  padding: 24px 0 25px;
  border-bottom: 1px dashed #e5ebef;
}
.accountBding .ac-form-item .lab,
.accountBding .ac-form-item .meg {
  line-height: 30px;
}
.accountBding .ac-form-item .lab {
  color: #888;
  width: 90px;
  text-align: right;
}
.accountBding .ac-form-item .meg .icon {
  color: #177bbb;
  font-size: 18px;
}
.icon-weixin {
  display: inline-block;
  width: 18px;
  height: 18px;
  /* background: url(../images/person/icon_weixin.png) no-repeat; */
  vertical-align: middle;
}
.accountBding .ac-form-item .meg .icon-weixin {
  margin-top: -5px;
}
.accountBding .ac-form-item .btn,
.bdingTel .btn {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.accountBding .ac-form-item .linebtn,
.bdingTel .linebtn {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.w88 {
  width: 88px;
}
.w108 {
  width: 108px;
}
.w110 {
  width: 110px;
}
.w216 {
  width: 216px;
}
.accountBding .ac-form-item .meg .user-photo {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: -5px;
}
.accountBding .ac-form-item .meg .user-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

.user-meg2020 .li-3 {
  width: 33.3333%;
  margin-right: 0;
}
.user-meg2020 .formRow label {
  width: 90px;
  text-align: right;
  margin-right: 12px;
}
.user-meg2020 li > span {
  font-weight: bold;
  width: calc(100% - 90px - 12px - 10px);
}
.user-meg2020 .upload-headpic .cover-up {
  width: 120px;
  height: 120px;
}
.user-meg2020 .upload-headpic.headpic2 .cover-up {
  width: 130px;
  height: 197px;
}
.user-meg2020 .upload-headpic .demand {
  font-size: 14px;
}
.addEdit {
  position: absolute;
  left: calc(90px + 12px);
  width: 100%;
}
.user-meg2020 .upload-headpic .cover-up .maskCur {
  width: 100%;
  height: 100%;
  top: 100%;
}
.user-meg2020 .upload-headpic .cover-up .text {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
}
.red-dot {
  color: #ff5664;
}
.h130 {
  height: 130px;
}
.ml28 {
  margin-left: 28px;
}
.termBox.termAuto li {
  max-width: unset;
}

/* 绑定手机号弹窗 */
.bdingTel .formRow {
  border-bottom: 0;
}
.bdingTel .formRow li {
  margin-bottom: 12px;
}
.bdingTel .icon-success {
  width: 14px;
  height: 14px;
  /* background: url(../images/person/icon_success.png) no-repeat; */
}
/* 考核要求 */
.requireBox {
}
.req-top {
  font-size: 16px;
  color: #444444;
}
.req-Btip,
.req-Xtip {
  width: 14px;
  height: 16px;
  display: inline-block;
}
.req-Btip {
  /* background: url(../images/req-Btip.png) center center no-repeat; */
}
.req-Xtip {
  /* background: url(../images/req-Xtip.png) center center no-repeat; */
}
.req-top > p {
  margin-left: -24px;
}
.req-top > p > span {
  line-height: 1;
  padding-left: 25px;
  position: relative;
}
.req-top > p > span > i {
  position: absolute;
  left: 0;
  top: 0;
}
.req-top > ul > li {
  padding-top: 25px;
  line-height: 1;
}
.req-top > ul > li span {
  margin-right: 15px;
}
.req-top > ul > li .req-num {
  font-size: 14px;
}
.req-top > ul > li .req-num em {
  font-size: 20px;
  font-weight: bold;
  color: #ffa63e;
  margin-right: 3px;
}
.req-top > ul > li i {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.req-tips {
  width: 32px;
  height: 16px;
  display: inline-block;
}
.req-tips.XX {
  background: url(../images/electivecourse-sm-sign.png) center center no-repeat;
  background-size: 100%;
}
.req-tips.MS {
  background: url(../images/fivemonth/electivecourse-MS.png) center center no-repeat;
  background-size: 100%;
}
.req-tips.WL {
  background: url(../images/fivemonth/electivecourse-WL.png) center center no-repeat;
  background-size: 100%;
}
.goods-con-main .requireBox {
  padding: 0 60px;
}
.requireBox .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: unset;
}
.requireBox .TabCon:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: url(../images/list-dot.jpg) no-repeat center center;
  position: absolute;
  left: -20px;
  top: 12px;
}

/* 第三种门户首页 */
body.mh-third {
  min-width: 1180px;
}
.mh-third * {
  box-sizing: border-box;
  outline: none;
}
.mh-third .floatRdiv * {
  box-sizing: content-box;
}
.mh-third-classopen {
  overflow: hidden;
}
.mh-third .brand-pj .rcon .brief {
  text-overflow: ellipsis;
  overflow: hidden;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mh-third .logo {
  position: relative;
  height: 56px;
  min-width: 600px;
}
.mh-third .logo.add_logo {
  min-width: 0;
}
.mh-third .logo.add_logo > img {
  position: static;
  margin-right: 10px;
}
.mh-third .logo > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  max-height: 56px;
}

/* 头部导航 */
.mh-third .container {
  width: 1240px !important;
}
.mh-third .header-top {
  height: 75px;
  padding: 10px 0;
  background: url(../images/thirdHome/header_bg.jpg) no-repeat center top;
  background-size: cover;
}
.mh-third .header-top .userInfo {
  line-height: 56px;
}
.mh-third .header-top .userInfo .line {
  font-family: "宋体";
  margin: 0 10px;
}
.mh-third .header-top .userInfo a,
.mh-third .header-top .userInfo span {
  color: #1b5e85;
}
.mh-third .header-top .userInfo .click_bg_col a,
.mh-third .header-top .userInfo .click_bg_col span {
  color: #fff;
}
.mh-third .header-top .userInfo a:hover {
  color: #58abe1;
}
.mh-third .pcMenu {
  height: 49px;
  background: #01588b;
}
.mh-third .pcMenu li {
  float: left;
  position: relative; /*width:147px;*/
  width: auto;
  height: 49px;
  line-height: 49px;
  text-align: center;
}
.mh-third .pcMenu li.active a {
  font-weight: bold;
}
.mh-third .pcMenu li a,
.mh-third .pcMenu li em {
  color: #ffffff;
}
.mh-third .pcMenu li a {
  font-size: 16px;
  padding: 0 18px;
  min-width: 100px;
}
.mh-third .pcMenu li em.fg-line {
  position: absolute;
  width: 1px;
  height: 20px;
  background: #fff;
  top: 14px;
  right: 0;
}
.mh-third .pcMenu li:last-child em.fg-line {
  display: none;
}
/*.mh-third .pcMenu li:last-child em.fg-line, .mh-third .pcMenu li.last em.fg-line {display:none;}*/
/*.mh-third .pcMenu li > a:after{content: '';display: inline-block;width: 0;height: 0;border-width: 5px 4px;border-style: solid;border-color: #fff transparent transparent transparent;margin-left: 10px;position: relative;top: 1px;}*/
.mh-third .pcMenu li .fa {
  position: relative;
  top: -5px;
  margin-left: 10px;
  -webkit-transition: top 0.4s ease 0s, transform 0.4s ease 0s;
  -moz-transition: top 0.4s ease 0s, transform 0.4s ease 0s;
  -o-transition: top 0.4s ease 0s, transform 0.4s ease 0s;
  transition: top 0.4s ease 0s, transform 0.4s ease 0s;
}
.mh-third .pcMenu li dl {
  position: absolute;
  left: 0;
  top: 0px;
  width: auto;
  min-width: 110px;
  background: #106ba0;
  z-index: 9;
  padding: 0;
}
.mh-third .pcMenu li dl dd {
  height: 40px;
  line-height: 40px;
}
.mh-third .pcMenu li dl dd a {
  font-size: 16px;
  text-align: left;
  padding-left: 16px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mh-third .pcMenu li.hover_bgcol {
  background-color: unset;
}
.mh-third .pcMenu li.hover_bgcol > a {
  background-color: #106ba0;
}
/*.mh-third .pcMenu li:hover{background: #106BA0;}*/
/*.mh-third .pcMenu li:hover dl{display: block;}*/
.mh-third .pcMenu li dl dd:hover {
  background: #297aaa;
}
.mh-third .pcMenu li.hover_bgcol .fa {
  top: 0px;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.mh-third .maMoreLi .maMoreBox {
  z-index: 9;
  padding: 0;
  box-shadow: unset;
  border: none;
}
.mh-third .maMoreBox {
  color: #fff;
}
.mh-third .maMoreBox span {
  color: #fff;
  height: 49px;
  line-height: 44px;
  padding: 1px 10px 5px 21px;
}
.mh-third .maMoreBox dd {
  position: relative;
  padding: 1px 25px 5px 21px;
  max-width: 240px;
  line-height: 34px;
}
.mh-third .maMoreBox dd i {
  position: absolute;
  right: 0px;
  top: 0;
  width: 20px;
  line-height: 34px;
}
.mh-third .maMoreBox dl {
  padding-right: 0;
}
.mh-third .maMoreLi.hover .maMoreBox span {
  color: #fff;
}
.mh-third .maMoreBox dd:hover {
  color: #fff;
  background: #106ba0;
}
.mh-third .maMoreLi.hover .maMoreBox {
  background: #01588b;
}
.mh-third .maMoreLi.hover .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ccc;
}
.mh-third .maMoreLi .maMoreBox .mnavMoreList {
  position: absolute;
  right: -20px;
  top: 100%;
  background: #01588b;
}

/* banner */
.mh-third-banner {
  min-height: 450px;
}
.mh-third-banner .img {
  width: 100%;
  min-height: 450px;
  max-height: 640px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.mh-third-banner .slick-prev,
.mh-third-banner .slick-next,
.slick-dots li {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  z-index: 1;
}
.slick-dots li button {
  border: 0;
  padding: 0;
}
.mh-third-banner .slick-prev,
.mh-third-banner .slick-next {
  position: absolute;
  top: 50%;
  width: 28px;
  height: 46px;
  margin-top: -23px;
}
.mh-third-banner .slick-prev {
  left: 4.6%;
  background: url(../images/thirdHome/banner-arrow-left.png) no-repeat center center;
}
.mh-third-banner .slick-next {
  right: 4.6%;
  background: url(../images/thirdHome/banner-arrow-right.png) no-repeat center center;
}
.mh-third-banner .slick-arrow {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mh-third-banner .slick-arrow:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.slick-dots {
  position: absolute;
  bottom: 5%;
  left: 50%;
  margin-left: -33px;
}
.slick-dots li {
  float: left;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #ffffff;
  box-shadow: 0px 2px 3px 0px rgba(107, 107, 107, 0.3);
  border-radius: 50%;
}
.slick-dots li.slick-active {
  background: #ff785e;
}

.mh-third-banner .item-box {
  position: absolute;
  left: 50%;
  margin-left: -45%;
}
/* banner01内容 begin 无用 */
.mh-third-banner .item01 {
  top: 50%;
  width: 600px;
  height: 130px;
  padding: 32px 28px;
}
.mh-third-banner .item01 .bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.mh-third-banner .item01 .item-con {
  position: relative;
  z-index: 2;
  opacity: 1;
  filter: alpha(opacity=100);
}
.mh-third-banner .item01 .tit {
  font-size: 24px;
  line-height: 30px;
  color: #063e5e;
  font-weight: bold;
  margin-bottom: 14px;
}
.mh-third-banner .item01 .detail {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
/* banner01内容 end */
/* 公告 */
.c_db4f30 {
  color: #db4f30;
}
.mh-third .notice .lab,
.mh-third .notice dd {
  float: left;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
}
.mh-third .notice dd .tit,
.mh-third .news-list .bd-box .textCon .n-item .tit {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.mh-third .notice dd .tit {
  max-width: 60%;
}
.mh-third .notice dd:nth-child(3n) em.fg-line,
.mh-third .notice dd.last em.fg-line {
  /*display:none;*/
}
.mh-third .notice dd a {
  display: inline-block;
  border: none;
}
.mh-third .notice dd a:focus {
  outline-style: none;
  -moz-outline-style: none;
}

/* 新闻列表 */
.bg_f7f4f8 {
  background: #f7f4f8;
}
.mh-third .Box {
  width: 100%;
}
.mh-third .Box .col-md-12.notice {
  padding-left: 0;
  padding-right: 0;
}
.mh-third .container > .row > .md-w-35 {
  padding-left: 0;
}
.mh-third .container > .row > .md-w-29 {
  padding-right: 0;
}
.mh-third .news-list {
  padding: 10px 0 0px;
}
.mh-third .news-list .hd-box {
  margin-bottom: 14px;
}
.mh-third .news-list .hd-box h4,
.mh-third .news-list .hd-box .more {
  line-height: 36px;
  cursor: pointer;
}
.mh-third .more i {
  position: relative;
  top: 1px;
}
.mh-third .news-list .bd-box .picCon {
  margin-bottom: 4px;
  cursor: pointer;
}
.mh-third .news-list .bd-box .picCon dt {
  position: relative;
  width: 142px;
  height: 80px;
  margin-right: 15px;
  margin-top: 10px;
}
.mh-third .news-list .bd-box .picCon dd {
  width: 55%;
}
.mh-third .news-list .bd-box .picCon dd h4 {
  line-height: 20px;
  margin-bottom: 6px;
}

.mh-third .news-list .bd-box .textCon dd {
  height: 34px;
  line-height: 34px;
  cursor: pointer;
}
.mh-third .news-list .bd-box .textCon .n-item .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #d5d5d5;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
}
.mh-third .news-list .bd-box .textCon .n-item .tit {
  max-width: 73%;
  font-size: 14px;
}
.mh-third .train-list .bd-box .textCon .n-item .tit {
  max-width: 100%;
}

/*.mh-third .train-list .bd-box .textCon .n-item{height:49px;line-height: 49px;border-bottom:1px dashed #E0E0E0;}*/
.mh-third .train-list .bd-box .textCon .n-item:last-child {
  border-bottom: 0;
}

.mh-third .brand-pj .bd-box .picCon {
  margin-bottom: 10px;
}
.mh-third .brand-pj .bd-box .picCon dl {
  cursor: pointer;
}
.mh-third .brand-pj .bd-box .picCon dt {
  width: 80px;
  height: 64px;
  margin-right: 0;
  margin-top: 0;
}
.mh-third .brand-pj .bd-box .picCon dd {
  width: 76%;
  height: 64px;
  padding: 13px 16px;
  background: #3b7aba;
}
.mh-third .brand-pj .hd-box {
  margin-bottom: 24px;
}

.mh-third .news-list .hd-box,
.mh-third .news-list .bd-box {
  padding-right: 15px;
}
.mh-third .brand-pj .hd-box,
.mh-third .brand-pj .bd-box {
  padding-right: 0px;
}

.mh-third .news-list .bd-box .textCon dd,
.mh-third .brand-pj .bd-box .picCon dl {
  transition: all 0.3s;
}
.mh-third .notice dd:hover .tit,
.mh-third .news-list .bd-box .textCon .n-item:hover .tit {
  color: #3b7aba;
  font-size: 120%;
}
.mh-third .brand-pj .bd-box .picCon dl:hover dd {
  background: #ffffff;
}
.mh-third .brand-pj .bd-box .picCon dl:hover dd .brief {
  color: #3b7aba;
}

.mh-third .md-w-35 {
  width: 35.33333%;
}
.mh-third .md-w-29 {
  width: 29.33333%;
}

/* 重点推荐 */
.mhCourseBox {
  padding: 20px 0;
}
.mhCourseBox .more {
  margin-top: 22px;
  cursor: pointer;
}
.mhCourseBox .more {
  position: absolute;
  right: 0px;
  margin-top: 0;
  top: 53px;
}
.mhCourseBox .cstitWrap {
  text-align: center;
}
.mhCourseBox .cstitWrap h2 {
  line-height: 35px;
  margin-bottom: 8px;
}
.mhCourseBox .cstitWrap .eng {
  position: relative;
  width: 295px;
  color: #d5d5d5;
  line-height: 21px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.mhCourseBox .cstitWrap .eng span {
  position: relative;
  width: 203px;
  padding: 0 8px;
  background: #ffffff;
  z-index: 2;
}
.bg_f7f4f8 .mhCourseBox .cstitWrap .eng span {
  background: #f7f4f8;
}
.mhCourseBox .cstitWrap .eng:before {
  content: "";
  display: block;
  position: absolute;
  top: 47%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
}
.mhCourseBox .courseCards li {
  border: 0;
}
.mhCourseBox .courseCards .con .tit span {
  max-width: 100%;
}
.mhCourseBox .courseCards .con .tit a {
  max-width: 100%;
}
.mhCourseBox .impRecommend li {
  margin: 20px 0 0 20px;
}
.mhCourseBox .impRecommend li .pic {
  height: 100%;
}
.mhCourseBox .impRecommend li .bottomBox {
  width: 100%;
  height: 30px;
  line-height: 30px;
  top: auto;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.mhCourseBox .impRecommend li:hover .bottomBox {
  background: #0065a1;
}
.mhCourseBox .impRecommend.cs3Cards li {
  height: 214px;
}
.mhCourseBox .impRecommend.cs4Cards li {
  height: 158px;
}

.mh-third .news-list .hd-box .more,
.mhCourseBox .more {
  transition: all 0.3s;
}
.mh-third .news-list .hd-box .more:hover,
.mhCourseBox .more:hover {
  color: #db4f30;
}

.mhCourseBox.noTit {
  padding-top: 40px;
}
.mhCourseBox.noTit .more {
  top: 16px;
}

/* 课程 3个卡片展示 */
.cs3Cards li {
  width: 400px;
  height: 312px;
  margin-left: 20px;
  float: left;
}
.cs3Cards li .pic {
  height: 214px;
}
.smTag {
  width: 44px;
  height: 24px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #ff6928;
  color: #ff6928;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}
.cs3Cards li .con {
  padding: 20px 10px;
}
.c_FF6928 {
  color: #ff6928;
}
.c_278AC5 {
  color: #278ac5;
}
.cs3Cards .con .tit {
  margin-bottom: 5px;
}
.cs3Cards .con .tit a {
  max-width: 100%;
}

.mhCourseBox .courseCards li {
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.mhCourseBox .courseCards li .pic img,
.mh-third .news-list .bd-box .picCon .thumb {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mhCourseBox .courseCards li:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.mhCourseBox .courseCards li:hover .pic img,
.mh-third .news-list .bd-box .picCon dl:hover .thumb {
  -webkit-transform: scale(1.05) translateY(-50%);
  transform: scale(1.05) translateY(-50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 课程 4个卡片展示 */
.cs4Cards li {
  width: 295px;
  height: 235px;
  margin-left: 20px;
  float: left;
}
.cs4Cards li .pic {
  height: 158px;
}
.cs4Cards ul,
.cs3Cards ul {
  margin-left: -20px;
}

/* 课程 5个卡片展示 */
.cs5Cards li {
  width: 232px;
  height: 200px;
  margin-left: 20px;
}
.cs5Cards li .pic {
  height: 124px;
}
.bg_f7f4f8 .cs5Cards li {
  background: #f7f4f8;
}

/* 底部信息 */
footer .footerMenu {
  background: #076196;
  color: #ffffff;
  padding-top: 60px;
  padding-bottom: 60px;
}
footer .copyRight {
  background: #2d3236;
  color: #e8e8e8;
  text-align: center;
  padding: 30px 0;
  font-size: 14px;
}
footer .footerCon .erweima img {
  width: 140px;
  height: 140px;
  padding: 10px;
  background: #fff;
  margin: 0 auto;
}
footer .footerCon .erweima p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  margin-top: 10px;
}
footer .footerCon dl {
  width: 13.4%;
}
footer .footerCon dl.contactUs {
  width: 50%;
}
footer .footerCon .link-left {
  position: relative;
}
footer .footerCon .link-left:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #15557a;
  position: absolute;
  right: 5%;
  top: 0;
}
footer .footerCon dl dt {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 25px;
  font-weight: bold;
}
footer .footerCon dl dd {
  font-size: 12px;
  line-height: 24px;
}
footer .footerCon dl dd a {
  color: rgba(255, 255, 255, 0.59);
}

footer .footerCon .kl-8 {
  width: 67%;
}
footer .footerCon .kl-4 {
  width: 33%;
}
footer .footerCon .link-left .kl-list {
  float: left;
}
footer .footerCon dl.contactUs .lab {
  float: left;
  font-size: 14px;
}
footer .footerCon dl.contactUs .meg {
  padding-left: 24px;
}

footer .logoLink {
  padding-top: 20px;
  padding-bottom: 15px;
  background: #01588b;
}
footer .logoLinkCon dd {
  float: left;
  width: 158px;
  margin-right: 20px;
}
footer .logoLinkCon dd img {
  width: 158px;
  height: 56px;
  margin-bottom: 8px;
}
footer .logoLinkCon dd p {
  font-size: 13px;
  line-height: 1;
  text-align: center;
  color: #ffffff;
}

footer .footerCon dl dd:hover a {
  color: #ff6928;
}
.img-contact {
  width: 100%;
  display: inline-block;
}

body.mh-third .layoutInner {
  padding-bottom: 0;
}

/* 微信登录 */
.otherLoginWay .lab {
  position: relative;
  width: 100%;
  color: #d5d5d5;
  line-height: 17px;
  margin: 10px auto;
}
.otherLoginWay .lab span {
  position: relative;
  padding: 0 11px;
  background: #ffffff;
  z-index: 2;
  font-size: 13px;
}
.otherLoginWay .lab:before {
  content: "";
  display: block;
  position: absolute;
  top: 47%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
}
.otherLoginWay .wxlogo {
  width: 28px;
  height: 22px;
}
.wxlogin .cloginbox-middle {
  padding-bottom: 20px;
}
.logbox-erweima .reback i {
  position: relative;
  top: 2px;
  color: #177bbb;
}
.logbox-erweima .reback:hover {
  color: #177bbb;
}
.logbox-erweima .erweima {
  text-align: center;
  padding-bottom: 34px;
}
.logbox-erweima img {
  width: 228px;
  height: 228px;
}

/*快捷登录*/
.login-tabBtn {
  padding: 0 0 25px;
}
.login-tabBtn li {
  width: 49%;
  float: left;
  font-size: 18px;
  color: #000;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}
.login-tabBtn li:nth-child(1) {
  border-right: 1px solid #eee;
}
.login-tabBtn li.cur {
  font-weight: bold;
  color: #177bbb;
}
.cform-phone {
  padding-left: 140px;
  overflow: inherit !important;
}
.cform-phone .chosen-container-single .chosen-single {
  border: none;
  background: transparent !important;
  height: 40px;
  line-height: 40px;
  padding-left: 35px;
}
.cform-phone .chosen-container .chosen-drop {
}
.cform-phone .userPhone-ipt {
  width: 170px;
}
.cform-phone .select-label {
  position: absolute;
  left: -1px;
  top: -1px;
}
.cform-phone .select-label:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #eee;
  position: absolute;
  right: 0;
  top: 11px;
}
.cform-phone .chosen-container .chosen-results li {
  white-space: nowrap;
}

.phoneMesBtn {
  width: 88px;
  height: 38px;
  border: 1px solid #177bbb;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  color: #177bbb;
  background: #fff;
}
.phoneMesBtn:not(.disabled):hover {
  border-color: #58ade1;
  color: #58ade1;
}
.phoneMesBtn.disabled {
  border-color: #ccc;
  color: #ccc;
}
.loginBox .login-form .cform-phone {
  padding-left: 160px;
}
.loginBox .login-form .cform-phone .userPhone-ipt {
  width: 210px;
}
.loginBox .login-form .login-tabBtn li.cur {
  color: #5d81ff;
}
.loginBox .login-form .cform,
.loginBox .login-form .phoneMesBtn,
.loginBox .login-form .btn-log,
.cform-yzm img {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
}
.loginBox .login-form .cform.bor-col,
.loginBox .login-form .cform-phone .chosen-container .chosen-drop {
  border-color: #5d81ff;
}
.loginBox .login-form .cform i.col {
  color: #5d81ff;
}
.loginBox .login-form .cform-phone .chosen-container .chosen-results li.highlighted {
  background: #5d81ff;
}
.loginBox .phoneMesBtn {
  color: #5d81ff;
  border-color: #5d81ff;
}
.loginBox .phoneMesBtn:hover {
  color: rgba(93, 129, 255, 0.85);
  border-color: rgba(93, 129, 255, 0.85);
}
.loginBox .btn-log {
  background: #5d81ff;
}
.loginBox .btn-log:hover {
  background: rgba(93, 129, 255, 0.85);
}
.wjPW {
  color: #5d81ff;
  font-size: 14px;
}
.loginBox .otherLoginWay .lab:before {
  border-color: #efefef;
}
.backR {
  color: #177bbb;
}
.cform-phone .chosen-container-single .chosen-search input[type="text"] {
  width: calc(100% - 30px);
}
.cform-phone .chosen-container-active.chosen-with-drop .chosen-single {
  border-right: unset !important;
}

/*第三种门户页 */
.mh-third .click_bg_col .userN_con {
  z-index: 999 !important;
}
.mh-third .userN_con {
  z-index: 999 !important;
}
.mh-third #userLetter.click_bg_col {
  color: #fff;
}
.mh-third .header-top .userInfo .userLetter_con a,
.mh-third .header-top .userInfo .userLetter_con span {
  color: #fff;
}
.mh-third .letter {
  position: relative;
  z-index: 99;
}

.mh-third .mh-loginbox {
  width: 320px !important;
  position: absolute;
  right: calc(50% - 605px);
  top: 0;
  height: 100%;
}
.mh-loginbox .cloginbox-middle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  height: 340px;
  padding: 20px 20px;
  float: right;
  box-sizing: content-box;
  background: rgb(255, 255, 255, 0.9);
  width: 280px;
  border-radius: 2px;
}
.mh-loginbox .cloginbox-middle * {
  box-sizing: content-box;
}
.mh-loginbox .cloginbox-middle input {
  background: transparent;
}
.mh-loginbox .cform {
  border: 1px solid #01588b;
  margin-bottom: 10px;
  position: relative;
  padding: 0;
  overflow: hidden;
  height: 40px;
}
.mh-loginbox .cform input {
  color: #333;
  width: calc(100% - 45px);
  padding: 5px 5px 5px 40px;
}
.mh-loginbox .cform.bor-col {
  border-color: #01588b;
}
.mh-loginbox .cform .cerr {
  position: absolute;
  left: 35px;
  top: 5px;
}
.mh-loginbox .i-ipt {
  color: #01588b;
}
.mh-loginbox .login-tabBtn {
  padding: 0 0 15px;
}
.mh-loginbox .mh-login-btn {
  width: 100%;
}
.mh-loginbox .mh-login-btn:focus {
  color: #ffffff;
}
.mh-loginbox .otherLoginWay .lab span {
  color: #666;
  background: transparent;
}
.mh-loginbox .otherLoginWay .lab:before {
  width: 30%;
  border-color: #999;
}
.mh-loginbox .otherLoginWay .lab:after {
  width: 30%;
  content: "";
  display: block;
  position: absolute;
  top: 47%;
  right: 0;
  border-bottom: 1px solid #999;
}
.mh-third .mh-loginbox .c_177bbb {
  color: #01588b;
}
.mh-third .mh-loginbox .cform i.col {
  color: #0367a7;
}
.mh-third .majorButton {
  background-color: #01588b;
}
.mh-third .majorButton:hover {
  background-color: #0367a7;
}

.mh-loginbox .cerr {
  display: none;
}
.mh-loginbox .cform.wrong {
  border-color: #ea5b5b;
}
.mh-loginbox .cform.wrong .cerr {
  display: block;
}
.mh-loginbox .cform.wrong .i-ipt {
  color: #ea5b5b;
}
.mh-loginbox .chosen-container-single .chosen-single span,
.mh-loginbox .chosen-container .chosen-results {
  font-weight: normal;
}
.mh-loginbox .chosen-container .chosen-drop {
  background: rgb(255, 255, 255, 0.9);
}
.mh-loginbox .cform-phone .userPhone-ipt {
  padding-left: 135px;
  width: calc(100% - 140px);
}
.mh-loginbox .cform-phone .cerr {
  left: 135px;
}

.largeScr .mh-loginbox .cloginbox-middle {
  /*top: 50%;margin-top: -220px;*/
}
.largeScr .mh-loginbox .cloginbox-middle {
  height: 380px;
  padding: 30px;
}
.largeScr .mh-loginbox .login-tabBtn {
  padding-bottom: 15px;
}
.largeScr .mh-loginbox .cform {
  margin-bottom: 20px;
}
.largeScr .mh-loginbox .mh-login-btn {
  margin: 10px 0;
}
.largeScr .otherLoginWay {
  padding-top: 5px;
}

/* 登录页-笔记本分辨率下 显示不全  */
@media (max-width: 1366px) {
  .popBody {
    overflow: inherit;
    height: auto;
  }
  .clogin_bg {
    overflow: hidden;
  }
}

/*视频-音频切换*/
.Ltab-box {
  position: absolute;
  left: -50px;
  top: 10px;
}
.Ltab-box li {
  width: 50px;
  height: 45px;
  background: #a4a4a4;
  border-radius: 2px 0 0 2px;
  text-align: center;
  line-height: 45px;
  margin-bottom: 10px;
  color: #e4e4e4;
  cursor: pointer;
}
.Ltab-box li.active {
  background: #227abd;
  color: #ffffff;
}
.Ltab-box li i {
  font-size: 20px;
  position: relative;
  top: 3px;
}
.Ltab-box li:hover {
  color: #ffffff;
}
.videobox {
  overflow: hidden;
}
.audioimg {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 50%;
  margin-left: -298px;
  margin-top: -132px;
  max-width: 100%;
  max-height: 80%;
  overflow: hidden;
  z-index: 3;
}
.audioimg img {
  widows: 100%;
  height: 100%;
}

/* 弹窗内样式 */
.camera-verify {
  width: 320px;
  height: 300px;
}
.camera-verify.fail {
  background: #cdcdcd;
}
.camera-verify.fail h6 {
  padding-top: 200px;
}
.camera-verify.fail p {
}
.select-content-fr {
  width: 375px;
  height: 300px;
}
.answer-verify div {
  line-height: 2.1;
}
/* .content-verify {width: 100%;height: 305px;background: #ccc;} */
.select-content,
.select-content span {
  display: inline-block;
}
.select-content .select-radio {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background: #bbc3cc;
}
.editor-verify {
  width: 50%;
  height: 150px;
}
.select-active {
  background: #66aaff !important;
}
.operation div {
  width: 320px;
  height: 242px;
}
.operation div img {
  width: 100%;
  height: 100%;
}
.editBox {
  width: 320px;
  height: 150px;
}
.chore-img {
  text-align: center;
}
.chore-img img {
  max-width: 112px;
  height: 69px;
}
.chore-img > .fl {
  cursor: pointer;
}
.chore-img > .fl:hover {
  transform: scale(1.1);
}

/* 验证未通过 */
.unpass-body {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  display: none;
}
.unpass {
  width: 400px;
  height: 106px;
  padding: 20px;
  background: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.unpass-top {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.showActive {
  display: block;
}
.isme {
  padding: 5px;
  color: #ffff;
  background: #31a030;
  margin-left: 50px;
}
.uppass-try {
  padding: 5px;
  color: #ffff;
  background: #ccc;
  margin-left: 30px;
}

/* 新增主讲教师-富文本宽度bug */
#description1.edui-default .edui-editor,
#description1.edui-default .edui-editor-iframeholder,
#masterTeachers .edui-default .edui-editor,
#masterTeachers .edui-default .edui-editor-iframeholder,
.text-a .edui-default .edui-editor,
.text-a .edui-default .edui-editor-iframeholder {
  width: 100% !important;
}

/* 教师风采 名师名课 20200623 */
.famousTeacher .cs3Cards li {
  height: 174px;
  border: 1px solid #e5e5e5;
}
.famousTeacher .teaItem {
  padding-left: 166px;
}
.famousTeacher .cs3Cards li .pic {
  position: absolute;
  width: 122px;
  height: 122px;
  left: 25px;
  top: 25px;
  overflow: visible;
}
.famousTeacher .cs3Cards li .pic img {
  border-radius: 50%;
}
.famousTeacher .cs3Cards li .con .teaMeg {
  padding-top: 5px;
  margin-bottom: 16px;
}
.famousTeacher .cs3Cards li .con .teaBrief {
  line-height: 24px;
  text-align: justify;
}
.famousTeacher .cs3Cards li .con .teaBrief {
  position: relative;
}
.famousTeacher .cs3Cards li .con .teaBrief_defH {
  max-height: 96px;
  overflow: hidden;
}
.famousTeacher .cs3Cards li .con .morehidedot {
  position: absolute;
  bottom: 0;
  right: 0;
}
.famousTeacher .cs3Cards li .con .morehidedot {
  width: 24px;
  background: #fff;
  color: #333 !important;
  text-align: center;
  background: linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
}
/* 学生平台-考核要求 20200623 */
.testRequirements .testItem {
  width: 50%;
  height: 30px;
  margin-bottom: 18px;
}
/*.testRequirements .testItem:nth-child(2n-1){margin-right: 5%;}*/
.testRequirements .testItem .testCs {
  width: 210px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.testRequirements .testItem .testCs .icon {
  top: 2px;
}
.testRequirements .testItem .testDetail {
  padding-left: 22px;
  width: 280px;
  float: left;
}
.testRequirements .testItem .testDetail:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 19px;
  background-color: #e5e5e5;
  position: absolute;
  top: 5px;
  left: 0px;
  margin-left: 10px;
}
.testRequirements .testItem .testDetail .lab {
  position: relative;
  top: -2px;
  color: #aaaaaa;
}
/* 教师详情 20200624 */
.w920 {
  width: 920px;
}
.w940 {
  width: 940px;
}
.teacherBeautyShow {
  padding: 30px 30px;
}
.teacherBeautyShow .teacherTop .pic {
  width: 185px;
  height: 185px;
}
.teacherBeautyShow .teacherTop .pic img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.teacherBeautyShow .teacherTop .con {
  width: 73%;
  margin-top: 27px;
}
.teacherBeautyShow .teacherTop .megItem {
  width: 50%;
}
.bb_ebebeb {
  border-bottom: 1px solid #ebebeb;
}
.teacherBeautyShow .teacherIntroCon {
  padding: 10px 0 40px;
}
.teacherBeautyShow .teacherIntroCon h2 {
  font-size: 18px;
  color: #333;
}
/* 教师列表 20210104 */
.searchIconBg .searchBtn {
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #1a79ff;
}
.searchIconBg .searchBtn i {
  color: #ffffff;
  margin-left: 8px;
}
.searchIconBg .searchBtn:hover i {
  color: #ffffff;
}
.searchIconBg .inputFocus {
  border-color: #1a79ff;
}
.searchIconBg .inputError {
  border-color: #ea5b5b;
  color: #ea5b5b;
}
.searchIconBg .inputDisable {
  border-color: #cccccc;
  background-color: #ebebeb;
  color: #cccccc;
}

.teacherBeautyShow-menu {
  padding: 30px 20px 20px;
}
.teacherBeautyShow-menu .resultDl {
  width: 100%;
}
.teacherBeautyShow-menu dt,
.teacherBeautyShow-menu dd {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #f0f0f0;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}
.teacherBeautyShow-menu dd {
  background: transparent;
  font-weight: normal;
  color: #333333;
  box-shadow: 0px 1px 0px 0px #f0f0f0;
  -webkit-box-shadow: 0px 1px 0px 0px #f0f0f0;
  cursor: pointer;
}
.teacherBeautyShow-menu dd .searchColor {
  color: #1a79ff;
}
.teacherBeautyShow-menu dd:hover,
.teacherBeautyShow-menu dd.cur {
  background: #e7f1ff;
  color: #1a79ff;
}

.teacherBeautyList {
  padding: 10px 30px 30px;
}
.teacherBeautyList .famousTeacher .cs3Cards li {
  width: 270px;
  height: 125px;
  cursor: pointer;
}
.teacherBeautyList .famousTeacher .cs3Cards li .pic {
  left: 20px;
  top: 23px;
  width: 80px;
  height: 80px;
}
.teacherBeautyList .famousTeacher .teaItem {
  padding-left: 114px;
}
.teacherBeautyList .cs3Cards li .con {
  padding: 18px 16px 18px 0;
}
.teacherBeautyList .famousTeacher .cs3Cards li .con .teaMeg {
  padding-top: 0;
  margin-bottom: 8px;
  line-height: 20px;
}
.teacherBeautyList .famousTeacher .cs3Cards li .con .teaBrief {
  font-size: 13px;
  line-height: 20px;
}
.search_close i {
  width: 13px;
  height: 13px;
  background: url(../images/pg-close.png) no-repeat center center;
  background-size: cover;
}
.search_close i:before {
  display: none;
}

.teacherBeautyList .pageList li a:hover,
.teacherBeautyList .pageL li a:hover {
  color: #4c74ff;
  border: 1px solid #4c74ff;
}
.teacherBeautyList .pageList li a:active,
.teacherBeautyList .pageL li a:active {
  color: #056dff;
  border: 1px solid #056dff;
}
.teacherBeautyList .pageList li a.cur,
.teacherBeautyList .pageL li a.cur {
  color: #fff;
  background: #1a79ff;
  border: 1px solid #1a79ff;
}

/* 课程资讯类教师风采 */
.famousTeacher,
.famousTeacher * {
  box-sizing: border-box;
}
.famousTeacher.inforType .mhCourseBox,
.famousTeacher.courseType .mhCourseBox {
  padding: 0;
}
.famousTeacher.inforType .cs3Cards li,
.famousTeacher.courseType .cs3Cards li {
  width: 400px;
}
.famousTeacher.inforType .cs3Cards li .con,
.famousTeacher.courseType .cs3Cards li .con {
  padding: 20px 20px 20px 10px;
}

/* 两层头部修改 20200710 */
.fI .mh_header_twoRow *,
.mh_header_twoRow * {
  box-sizing: content-box !important;
}
.mh_header_twoRow {
  height: 124px;
}
.mh_header_twoRow .logoHeader {
  height: 75px;
}
.mh_header_twoRow .navHeader {
  height: 49px;
}
.logoHeader .mh-main,
.logoHeader .logo_box,
.logoHeader .nav_box {
  height: 100%;
}
.mh_header_twoRow .navUl {
  margin-left: 0;
}
.mh_header_twoRow .navUl a {
  display: block;
  height: 39px;
  padding: 5px 15px;
  line-height: 39px;
}
.mh_header_twoRow .navUl .subMenu a {
  height: 40px;
  line-height: 40px;
}
.mh_header_twoRow .navUl li {
  position: relative;
}
.mh_header_twoRow li a,
.mh_header_twoRow .navStair i {
  color: #666;
}
.mh_header_twoRow .navStair i {
  position: absolute;
  right: 5px;
  top: 6px;
}
.mh_header_twoRow .hover_bgcol a.c_333,
.mh_header_twoRow .hover_bgcol .elliMore li a {
  color: #ffffff;
}
.mh_header_twoRow .navUl .cur .navStair i,
.mh_header_twoRow .hover_bgcol .navStair i {
  color: #ffffff;
}
.mh_header_twoRow .navStair span {
  float: none;
}
.mh_header_twoRow .navStair:hover i {
  margin-top: 21px;
  top: 0;
  color: #ffffff !important;
}
.mh_header_twoRow .navUl .navMore .ellipsis {
  line-height: 49px;
}
.mh_header_twoRow .elliMore {
  top: 47px;
  padding-top: 3px;
  background: transparent;
}
.mh_header_twoRow .elliMore li i {
  position: absolute;
  right: 13px;
  top: 12px;
}
.mh_header_twoRow .elliMore.maxH {
  max-height: 240px;
  overflow: hidden;
}
.mh_header_twoRow .navUl .navMore .ellipsis {
  color: #ffffff;
}
.mh_header_twoRow .navUl .navMore.hover .ellipsis,
.mh_header_twoRow .navUl .navMore.hover_bgcol .ellipsis {
  color: #ffffff;
}
.mh_header_twoRow .subMenu {
  top: 50px !important;
  left: 0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
}
.mh_header_twoRow .subMenu a {
  padding: 0 15px;
}
.mh_header_twoRow .hover_bgcol .subMenu {
  display: block;
}
.mh_header_twoRow .navUl .navMore.hover_bgcol,
.mh_header_twoRow .navUl .navMore.hover {
  background-color: transparent;
}
/* #177bbb主色页 */
.mh_header_twoRow .navUl li {
  min-width: 110px;
}
.mh_header_twoRow .subMenu {
  min-width: 110px;
}
.mh_header_twoRow .navHeader,
.mh_header_twoRow .navUl .hover {
  background-color: #f5f5f5;
}
.logoHeader .click_bg_col {
  background-color: #056dff;
}
.logoHeader .bg_179ee1 {
  background-color: #056dff;
}
.mh_header_twoRow .userN_con ul li:hover,
.mh_header_twoRow .userLetter_con li:hover,
.mh_header_twoRow .teacher_con li:hover {
  background-color: #1a79ff;
}
.mh_header_twoRow .navUl a:hover,
.mh_header_twoRow .navUl .cur a,
.mh_header_twoRow .hover_bgcol a {
  background: #f5f5f5;
  color: #666;
}
.mh_header_twoRow .navUl .navMore.hover .ellipsis,
.mh_header_twoRow .navUl .navMore.hover_bgcol .ellipsis {
  background: #056dff;
}
.mh_header_twoRow .subMenu,
.mh_header_twoRow .elliMore li a {
  background: #056dff;
  color: #ffffff;
}
.mh_header_twoRow .elliMore li a:hover,
.mh_header_twoRow .hover_bgcol .elliMore li a:hover {
  background: #1a79ff;
  color: #ffffff;
}
.mh_header_twoRow .subMenu a,
.mh_header_twoRow .navUl .cur .subMenu a {
  color: #ffffff;
}
.mh_header_twoRow .subMenu a:hover,
.mh_header_twoRow .navUl .cur .subMenu a:hover {
  background: #1a79ff;
  color: #ffffff;
}

.mh_header_twoRow .elliMore {
  min-width: 136px;
  width: auto;
}
.mh_header_twoRow .elliMore li a {
  max-width: 180px;
  padding-right: 25px;
  text-align: left;
}

/* 资讯类门户系列页面导航色 */
.mh-zx .mh_header_twoRow .navHeader {
  background-color: #b50000;
}
.mh-zx .logoHeader .click_bg_col {
  background-color: #9a0000;
}
.mh-zx .logoHeader .bg_179ee1 {
  background-color: #9a0000;
}
.mh-zx .mh_header_twoRow .userN_con ul li:hover,
.mh-zx .mh_header_twoRow .userLetter_con li:hover,
.mh-zx .mh_header_twoRow .teacher_con li:hover {
  background-color: #b50000;
}
.mh-zx .mh_header_twoRow .navUl a:hover,
.mh-zx .mh_header_twoRow .navUl .cur a,
.mh-zx .mh_header_twoRow .hover_bgcol a {
  background: #9a0000;
  color: #ffffff;
}
.mh-zx .mh_header_twoRow .navUl .navMore.hover .ellipsis,
.mh-zx .mh_header_twoRow .navUl .navMore.hover_bgcol .ellipsis {
  background: #9a0000;
}
.mh-zx .mh_header_twoRow .subMenu,
.mh-zx .mh_header_twoRow .elliMore li a {
  background: #9a0000;
  color: #ffffff;
}
.mh-zx .mh_header_twoRow .elliMore li a:hover,
.mh-zx .mh_header_twoRow .hover_bgcol .elliMore li a:hover {
  background: #b50000;
  color: #ffffff;
}
.mh-zx .mh_header_twoRow .subMenu a,
.mh-zx .mh_header_twoRow .navUl .cur .subMenu a {
  color: #ffffff;
}
.mh-zx .mh_header_twoRow .subMenu a:hover,
.mh-zx .mh_header_twoRow .navUl .cur .subMenu a:hover {
  background: #b50000;
  color: #ffffff;
}

/* 非学历7月需求优化 */
.StudyBody .videobox {
  position: relative;
}
.StudyBody .errorTip {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999999;
  padding: 0;
  overflow: hidden;
}
.StudyBody .errorTip .cS_init {
  padding: 0;
}

.astop-fail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.clogin-kong a.fl {
  float: none;
  display: block;
}
.mh .testDemand .ec,
.mh .testDemand .rc {
  border-color: #4488ff;
  color: #4488ff;
}
.mh .testExam .TabCon dl:hover dd .tit a {
  color: #4488ff;
}
.answerCard_b {
  position: relative;
  overflow: hidden;
}

/* 人脸识别弹窗 */
.pop-photoCollection .operas {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 20px;
}
.pop-photoCollection .operas a {
  height: 40px;
  line-height: 40px;
  width: auto;
  padding: 0 12px;
  font-size: 16px;
  min-width: 76px;
}
.pop-photoCollection .faceWrap {
  width: 270px;
  margin: 0 auto;
}
.faceWrap .photoWrap {
  width: 130px;
}
.faceWrap .photoBox {
  width: 100%;
  height: 197px;
  background: #cdcdcd;
}
.faceWrap .photoBox img {
  display: block;
  width: 100%;
  height: 100%;
}
.lh22 {
  line-height: 22px;
}
.ui_buttons input {
  width: auto;
  padding: 0 12px;
  min-width: 76px;
}

/* 课程学习人脸识别验证 */
.maCenter {
  position: relative;
}
.cam-top {
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 101;
}
.cam-btn {
  min-width: 84px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
  border: 1px solid rgba(102, 102, 102, 1);
  font-size: 14px;
  color: #ffffff;
  padding: 0 30px 0 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cam-btn .fa {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.cam-video {
  position: absolute;
  right: 0;
  top: 55px;
  height: 0;
  overflow: hidden;
}
.cam-video video {
  width: 300px;
  height: 225px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.cam-video img {
  max-width: unset;
  width: 300px;
  height: 225px;
}
.cam-top.active .cam-video {
  height: auto;
}
.cam-top.active .cam-btn .fa {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.cam-top.active video {
  opacity: 1;
}

/* 人脸识别验证弹窗 */
.camTan-explain {
  font-size: 14px;
  color: #3d3e40;
  line-height: 26px;
}
.camTan-explain img {
}
.camTan-box {
  padding-top: 24px;
}
.camTan-video video,
.camTan-photo img,
.camTan-photo canvas {
  width: 300px;
  height: 225px;
}
.camTan-photo .canvas-box {
  background: #eee;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.camTan-photo canvas {
  display: block;
}
.camTan-video video {
  background: #999;
}
.camTan-photo {
  margin-left: 20px;
  position: relative;
}
.camTan-photo img {
  display: block;
}
.canvas-mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.brow-img {
  margin: 0 auto;
  display: block;
}
.browOpre-img {
  width: 300px; /*height: 225px;*/
}
.icon_tip {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fc9228;
  text-align: center;
  line-height: 40px;
}
.ui_buttons input {
  line-height: 32px;
}

/* 课程设计-单元级标题宽度控制 */
.oneLevelLeft,
.twoLevelLeft,
.threeLevelLeft,
.unitLevelList li strong a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oneLevelLeft,
.twoLevelLeft,
.threeLevelLeft {
  max-width: 62%;
}
.unitLevelList li strong {
  max-width: 61%;
}
.unitLevelList li strong a {
  max-width: 100%;
}
/* 学生平台-学习页标题控制 */
.cs_chapter_list span.fl:nth-of-type(2),
.cs_part_list span.fl:nth-of-type(2),
.cs_part_list div.fl span.fl.mr20.f14 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
.cs_chapter_list span.fl:nth-of-type(2),
.cs_part_list span.fl:nth-of-type(2) {
  white-space: normal;
}
.cs_part_list div.fl span.fl.mr20.f14 {
  max-width: 400px;
}

/**/
.moreCourseBtn {
  position: absolute;
  right: 0;
  top: 10px;
  padding-right: 10px;
}
.moreCourseBtn > a {
  padding: 0 17px;
  line-height: 28px;
  background: #1979ff;
  border-radius: 17px;
  display: block;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  float: left;
  margin-left: 15px;
}

/* 辅导老师-学习监控 */
.study-monitor .formRow label {
  min-width: 70px;
  width: auto;
  text-align: left;
  margin-right: 10px;
}
.study-monitor .formRow .li-3 {
  margin-bottom: 15px;
}
.study-monitor .formRow {
  padding-left: 0;
  margin-bottom: 0px;
  padding-bottom: 0;
  border-bottom: 0;
}
.study-monitor h2 {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  margin-bottom: 10px;
}
.study-monitor .formRow .li-3 {
  float: left;
  display: inline;
  margin-right: 30px;
}
.study-monitor .formBox span {
  line-height: 30px;
  font-size: 14px;
  color: #666;
  display: inline-block;
}

.study-monitor .item-block {
  padding: 20px 40px;
  margin-bottom: 20px;
}
.study-monitor .formBox span {
  min-width: 100px;
}
.study-monitor .mintorTop .formBox {
  width: calc(100% - 150px);
}
.study-monitor .basePhoto {
  width: 130px;
}
.study-monitor .formRow label {
  text-align: right;
}
.monitorDatas {
  background: #fafafa;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.monitorDatas .datasCon {
  max-width: 95%;
}
.monitorTable td .pass,
.c_31a130 {
  color: #31a130;
}
.monitorTable td img {
  width: 60px;
  height: 60px;
}

.titBar {
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
}
.study-monitor .workConWrap .monitor-box {
  margin-bottom: 20px;
  border-bottom: 1px dashed #e8edf0;
  padding-bottom: 10px;
}
.fa.f28 {
  font-size: 28px;
}
.titBar .fold--arrow {
  margin-top: 7px;
  line-height: 22px;
}
.study-monitor .workConWrap {
  padding-top: 10px;
}
/*学习监控-采集照片查看*/
#picTanMask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 9999;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.picViewFS {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 500px;
  height: 500px;
  margin: auto;
  display: none;
  overflow: hidden;
  z-index: 9999;
  border-radius: 2px;
  border: 0;
}
.picViewFS .viewBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #202020;
}
.picViewFS .picbox {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 20;
  margin: auto;
  overflow: hidden;
}
.picViewFS .picbox .img {
  display: block;
  max-width: 100%;
}
.picViewFS .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  background: url(../images/pictip-close-icon.png) no-repeat;
  cursor: pointer;
  z-index: 21;
}
.picViewFS .operas {
  bottom: 20px;
  right: 20px;
  z-index: 21;
}
.picViewFS .scale {
  bottom: 20px;
  left: 20px;
  z-index: 21;
}

.picTD .viewPic {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: block;
}
.picTD .viewPic:hover .fdj {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.picTD .viewPic:hover .fdj .fdj-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/fangdajing.png) no-repeat;
  z-index: 2;
}
/*end*/

/*目录树*/
.treebg {
  background: #fff;
  position: relative;
  margin-bottom: 25px;
}
.treeCata {
  position: absolute;
  width: 280px;
  border-right: 1px #eeeeee solid;
  height: 100%;
}
.treeCataList {
  margin: 0 3px 0 20px;
  height: 100%;
}
.treeCataRight {
  margin-left: 280px;
}
.itemtit {
  padding-left: 15px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
  position: relative;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 3px !important;
  cursor: pointer;
}
.treeUl ul .itemtit {
  padding-left: 35px;
}
.treeUl ul ul .itemtit {
  padding-left: 55px;
}
.treeUl ul ul ul .itemtit {
  padding-left: 75px;
}
.treeUl ul ul ul ul .itemtit {
  padding-left: 95px;
}
.treeArrow {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  width: 20px;
}
.treeArrow i {
  margin-left: 10px;
}
.grayArrow i {
  color: #ebebeb;
}
.pointArrow {
  background: url(../images/point2.png) no-repeat 10px center;
}
.treeUl ul .itemtit .treeArrow {
  left: 20px;
}
.treeUl ul ul .itemtit .treeArrow {
  left: 40px;
}
.treeUl ul ul ul .itemtit .treeArrow {
  left: 60px;
}
.treeUl ul ul ul ul .itemtit .treeArrow {
  left: 80px;
}
.itemtit span {
  padding: 5px 0 0 10px;
}
.treeUl .itemtit span {
  font-weight: bold;
}
.treeUl ul .itemtit span {
  font-weight: normal;
}
.itemtit.cur,
.itemtit:hover {
  background: #58abe1;
  color: #fff;
}
.treeUl ul {
  display: none;
}
.treeUl {
  margin: 25px 0;
  margin-right: 17px;
}

/* 资源管理 批量上传 */
.tdUplProgress .progress_bar {
  width: 93%;
  max-width: 130px;
  margin: 0 auto 5px;
}
.plUplTable td.tdUplProgress {
  padding-top: 6px;
}
.lh1 {
  line-height: 1;
}
.w170 {
  width: 170px;
}
.pop-edit-resources .res_opts li {
  height: 25px;
  line-height: 25px;
}
.pop-edit-resources .chosen-container {
  width: 100% !important;
}
/* 组合table中段出滚动条 */
.mergeTables {
  position: relative;
}
.mergeTables .tableX-l {
  position: absolute;
  left: 0px;
  top: 0;
  width: 60px;
  border-bottom: 0;
}
.mergeTables .tableX-r {
  position: absolute;
  right: 0px;
  top: 0;
  width: 180px;
  border-bottom: 0;
}
.mergeTables .tableX-r.tableX-r80 {
  width: 80px;
}
.mergeTables .tableX-main-r80 {
  padding-right: 80px;
}
.pl60 {
  padding-left: 60px;
}
.pr180 {
  padding-right: 180px;
}
.mergeTables .tableX-main table,
.mergeTables .tableX-main table tr td:first-child,
.mergeTables .tableX-main th:first-child {
  border-left-width: 0 !important;
}
.mergeTables .tableX-main table {
  border-right-width: 0 !important;
}
/* 温馨提示 */
.wxTip {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0px;
  width: 1070px;
  height: 30px;
  line-height: 30px;
  background: #faeadb;
  border: 1px solid #f67429;
  font-size: 14px;
  color: #f67429;
  padding: 0 17px;
  box-sizing: border-box;
  z-index: 999;
}
.wxTip .wxText,
.wxTip .str_wrap {
  display: inline-block;
  max-width: 97%;
  line-height: 30px;
  font-size: 14px;
  color: #f67429;
  background: transparent;
}
.wxTip .wx-close {
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(../images/wxtip-close.png) no-repeat center center;
  cursor: pointer;
  margin-right: 9px;
}
/* 视频加清晰度 */
.definition {
  position: absolute;
  bottom: 0;
  right: 25px;
  color: #a0a0a0;
}
.definition .definitionActive {
  color: #fff;
  background: #297ab6;
}
.definition span {
  height: 20px;
  width: 46px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  background: #ccc;
  border-right: 1px solid #b0b0b0;
  cursor: pointer;
}

/* ------隐藏菜单加子菜单 begin------ */
/* 其他页子菜单 */
.maMoreSonMenu {
  position: absolute;
  top: 124px;
  right: 0;
  width: 150px;
  z-index: 9999;
}
.maMoreSonMenu dl {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  width: 100%;
  background: #1a79ff;
  z-index: 9;
  padding: 0;
}
.maMoreSonMenu dl dd {
  height: 40px;
  line-height: 40px;
  padding-bottom: 0;
}
.maMoreSonMenu dl dd a {
  display: block;
  font-size: 16px;
  text-align: left;
  padding-left: 15px;
  width: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
}
.maMoreSonMenu dl dd:hover,
.maMoreSonMenu dl dd:hover a {
  background: #056dff;
}
/* 混合门户子菜单 */
.mh-third .maMoreSonMenu {
  position: absolute;
  top: 124px;
  right: 0;
  width: 150px;
}
.mh-third .maMoreSonMenu dl {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  width: 100%;
  background: #106ba0;
  z-index: 9;
  padding: 0;
}
.mh-third .maMoreSonMenu dl dd {
  height: 40px;
  line-height: 40px;
}
.mh-third .maMoreSonMenu dl dd a {
  padding-left: 25px;
  width: 100%;
}
.mh-third .maMoreSonMenu dl dd:hover,
.mh-third .maMoreSonMenu dl dd:hover a {
  background: #297aaa;
}
.elliMore_visible {
  display: block !important;
  opacity: 1 !important;
  filter: alpha(opacity = 100) !important;
}
/* 资讯门户子菜单 */
.mh-zx .maMoreSonMenu dl {
  background: #b50000;
}
.mh-zx .maMoreSonMenu dl dd:hover,
.mh-zx .maMoreSonMenu dl dd:hover a {
  background: #9a0000;
}
/* ------隐藏菜单加子菜单 end------ */

/* 待办事项 */
.todoMatters .r-bigtit {
  padding: 5px 20px;
  border-bottom: 1px solid #eaebee;
  margin-bottom: 4px;
}
.todoMatters .r-bigtit .hdTit .rec,
.Tnotice .rec {
  font-size: 14px;
  color: #ff211e;
}
.todoMatters .todo-list dl {
  padding: 0 20px;
  background: #ffffff;
}
.todoMatters .todo-list dd {
  height: 56px;
  line-height: 56px;
  border-bottom: 1px dashed #e2e4e6;
}
.todoMatters .todo-list dd:last-child {
  border-bottom: 0;
}
.todoMatters .todo-list dd .dot-notread,
.Tnotice li .dot-notread {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ff1c1c;
  border-radius: 50%;
  margin-top: 24px;
}
.todoMatters .todo-list dd .tdName {
  display: inline-block;
  max-width: 84%;
  color: #333;
}
/* 公告 */
.Tnotice .side-list3 a {
  height: auto;
  line-height: 28px;
}
.Tnotice li {
  border-bottom: 1px dashed #e2e4e6;
  padding: 10px 0;
}
.Tnotice li:last-child {
  border-bottom: 0;
}
.Tnotice li .tit {
  line-height: 28px;
  font-size: 16px;
  color: #333;
  margin-bottom: 6px;
}
.Tnotice li .tit .nc {
  word-break: break-all;
}
.Tnotice li .dot-notread {
  position: relative;
  top: -2px;
  margin-top: 0;
}
.Tnotice li .time {
  line-height: 1;
}

/*视频水印*/
.waterMark_wrap {
  height: 0 !important;
  top: 0;
  z-index: 999999999998 !important;
}
.waterMark_wrap .wm-line-1 {
  position: absolute;
  top: 20px;
  z-index: 999999999999 !important;
  white-space: nowrap;
}
.waterMark_wrap .wm-line-2 {
  position: absolute;
  top: 74px;
  z-index: 999999999999 !important;
  white-space: nowrap;
}
.waterMark_wrap .cont-txt {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  line-height: 34px;
  padding: 0 10px;
  display: block;
}

/* 学生待办 */
.todoMatters.stu .r-bigtit {
  padding: 0px 20px;
  border-bottom: 0;
  margin-bottom: 20px;
}

/* ---门户字体调大2号 begin--- */
/* 混合门户字体调大2号 */
.mh {
  font-size: 15px;
}
.mh .f12 {
  font-size: 14px;
}
.mh .f13,
.mh-third .f13 {
  font-size: 15px;
}
.mh .f14,
.mh-third .f14 {
  font-size: 16px;
}
.mh .f16,
.mh-third .f16 {
  font-size: 18px;
}
.mh .f18 {
  font-size: 20px;
}
.mh .f26,
.mh-third .f26 {
  font-size: 28px;
}

.mh-third .pcMenu li a {
  font-size: 18px;
}
.mh-third .pcMenu li dl dd a,
.maMoreBox dd {
  font-size: 18px;
}
.mh-third .notice .lab,
.mh-third .notice dd {
  font-size: 16px;
}
.mh-third .news-list .hd-box h4 {
  font-size: 20px;
}
.mh-third .news-list .hd-box .more {
  font-size: 15px;
}
.mh-third .news-list .bd-box .textCon .n-item .tit {
  font-size: 16px;
}
.mh-third .courseState span {
  font-size: 16px;
}
.mh-third .courseCards .con .tit a {
  font-size: 18px;
  line-height: 28px;
}
.mh-third footer .footerCon dl dt {
  font-size: 16px;
}
.mh-third footer .footerCon dl dd {
  font-size: 14px;
}
.mh-third footer .logoLinkCon dd p {
  font-size: 15px;
}
.mh-third .logbox-account .xytip.f12 {
  font-size: 12px;
}
/* 课程类门户font+2 */
.mh_header .f16 {
  font-size: 18px;
}
.mh-content .cat_wrap .cat_list .for {
  font-size: 16px;
  padding: 0 20px 0 23px;
}
.mh-content .cat_sublist h4,
.mh-content .cat_sublist dd {
  font-size: 16px;
}
.mh-content .tranplan_wrap .planDiv .l-meg .tit {
  font-size: 24px;
}
.mh-content .tranplan_wrap .planDiv .l-meg .styNum {
  width: 116px;
  font-size: 14px;
}
.mh-content .tranplan_wrap .planDiv .l-meg .tit_only {
  margin-top: 20px;
}
.mh-content .csShowWrap .r_cscards li .con .tit a {
  font-size: 16px;
}
.mh-content .csShowWrap .r_cscards li .con .styed {
  font-size: 17px;
}
.mh-content .csShowWrap .r_cscards li .con .price .init {
  font-size: 14px;
}
.mh-content .csShowWrap .r_cscards .l-show .bk .t {
  font-size: 24px;
}
.mh-content .csShowWrap .r_cscards .l-show .bk .m {
  font-size: 14px;
}
.mh-content .tr-top .big-tit {
  font-size: 24px;
}
.mh-content .tr-top .more {
  font-size: 14px;
}
.mh .famousTeacher .cs3Cards li .con {
  padding: 14px 14px 14px 10px;
}
.mh .famousTeacher .cs3Cards li .con .teaMeg {
  line-height: 28px;
}
.mh .famousTeacher .cs3Cards li .con .teaBrief {
  font-size: 15px;
}
.mh-content .linkWrap .linkTexts dl dt {
  font-size: 20px;
}
.mh-content .linkWrap .linkTexts dl dt:before {
  top: 2px;
}
.mh-content .linkWrap .linkTexts dl dt .more {
  font-size: 15px;
}
.mh-content .linkWrap .linkTexts dl dt .more i {
  font-size: 16px;
}
.mh-content .linkWrap .linkTexts dl dd .tit {
  font-size: 16px;
}
.mh-content .linkWrap .linkTexts dl dd .time {
  font-size: 15px;
}
.mh .text_empty p.c_ccc {
  font-size: 15px;
}
.mh-content .linkWrap .linkPics dd .link--text {
  font-size: 15px;
}
/* 资讯类门户font+2 */
.mh-infor .trainDynamic dd {
  line-height: 37px;
}
.mh-infor .trainDynamic dd .tit {
  font-size: 16px;
  max-width: 75%;
}
.mh-infor .trainDynamic dd .time {
  font-size: 15px;
}
.mh-infor .trainDynamic dd .det {
  font-size: 14px;
}
.mh-infor .showlistWrap .big-tit .icon {
  top: -3px;
}
.mh-infor .tr-top {
  margin-bottom: 10px;
}
/* 门户子页 */
.mh-articleList .trainDynamic dd .tit,
.mh-columnList .trainDynamic dd .tit {
  font-size: 18px;
}
.mh-articleList .trainDynamic dd .det,
.mh-columnList .trainDynamic dd .det {
  font-size: 14px;
}
.mh-articleList .trainDynamic dd .time,
.mh-columnList .trainDynamic dd .time {
  font-size: 14px;
}
.mh .cs-lists-two .hd-lists li .con {
  padding: 16px;
}
.mh .cs-lists-two .hd-lists li .con .tit a {
  font-size: 16px;
}
.mh .cs-lists-two .hd-lists li .con .time,
.mh .cs-lists-two .hd-lists li .con .data {
  font-size: 14px;
}
/* ---门户字体调大2号 end--- */

/* 实名认证 */
.c_7BBF5B {
  color: #7bbf5b;
}
#userN em.fl.tab-authentication,
#userN:hover em.fl.tab-authentication {
  opacity: 1 !important;
  transform: none !important;
}
.main-authentication .termBox li.authenticationLi {
  overflow: visible;
  max-width: none;
}
.main-authentication .termBox li.authenticationLi.cur i,
.main-authentication .termBox li.authenticationLi:hover i {
  width: 95px;
}
.tab-authentication {
  display: inline-block;
  padding: 0px 12px;
  height: 22px;
  line-height: 22px;
  background: transparent;
  border-radius: 15px;
  border: 1px solid #ff5664;
  font-size: 12px;
  color: #ff5664 !important;
  opacity: 1 !important;
}
.tab-authentication.finish {
  color: #7bbf5b !important;
  border-color: #7bbf5b;
}
.main-authentication .termBox li .tab-authentication {
  margin-top: 10px;
  margin-left: 10px;
}
.tab-authentication.sm,
.user .tab-authentication {
  float: none;
  display: inline-block;
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  transform: scale(0.95);
}
.user .tab-authentication {
  margin-top: 0;
  margin-left: 3px;
}

.paddingTB100 {
  padding: 100px 0;
}
.main-authentication .na-pic,
.pop-authentication-tip .na-pic {
  display: block;
  margin: 0 auto 20px;
}
.main-authentication .na-word,
.pop-authentication-tip .na-word {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 21px;
}
.main-authentication .na-word.c_ff0000 {
  color: #ff0000;
}
.goto-authentication .form-row {
  display: table;
  width: auto;
  padding-bottom: 20px;
  border-bottom: 0;
}
.wordJustifyText {
  text-align-last: justify;
  -moz-text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
  display: block;
  width: 56px;
}
.goto-authentication .form-row label {
  width: 73px;
}
.main-authentication .form-row li,
.pop-authentication-tip .form-row li {
  margin-bottom: 0;
}
.pop-authentication-tip .aut-way .left-ewm {
  width: 150px;
}
.pop-authentication-tip .aut-way .right-word {
  width: 64%;
  text-align: left;
}
.pop-authentication-tip .aut-way .left-ewm img {
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto;
}
.pop-authentication-tip .na-pic {
  margin-bottom: 10px;
}

.goto-authentication--finish .centerCon {
  width: 460px;
  margin: 0 auto;
}
.goto-authentication--finish .centerCon .form-row {
  padding-top: 25px;
}

/* 自定义弹窗 */
.customPop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999;
}
.customPop .customCon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; /*width:600px;height:400px;*/
  margin: auto;
  background: #ffffff;
  z-index: 3;
}
#customPop-mask {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9998;
  background: #000;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.customPop .ui-title-bar {
  position: relative;
  width: 100%;
}
.customPop .ui-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  cursor: move;
  -moz-user-select: none;
  -webkit-user-select: none;
  padding: 0 100px 0 0;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #999;
  padding-left: 20px;
  background-color: #fff;
  *background: #fff;
}
.customPop .ui-close {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 0;
}
.qzBlock {
  display: block !important;
}

/* 数字签到 */
.pop-digitalsignIn .pdsi-number {
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 18px;
}
.pop-digitalsignIn .item-num {
  display: block;
  float: left;
  width: 60px;
  height: 80px;
  margin: 0 15px;
  border-bottom: 1px solid #888888;
}
.pop-digitalsignIn .item-num input {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  font-size: 40px;
  text-align: center;
  font-weight: 800;
  color: #0a7dbd;
}
.pop-digitalsignIn .initDisStyle {
  background: #91cae8 !important;
}

/* 培训班详情 */
.fwbCon {
  line-height: 28px;
}
.fwbCon img {
  max-width: 100%;
  max-height: 500px;
}

/* 笔记字数控制 */
.CommentWrap .TabCon dl dd .Con {
  position: relative;
}
.CommentWrap .TabCon dl dd .Con.defH {
  max-height: 84px;
  overflow: hidden;
}
.noteCtrl .moreBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
  text-align: right;
  margin-left: 10px;
  background: #ffffff;
  text-align: right;
  background: linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
}
.ueContent .moreBtn {
  display: inline-block;
  margin-left: 5px;
}
.ueContent .moreBtn i {
  margin-right: 3px !important;
}

.fI .detail-img__nav .slide-item {
  outline: none;
}
.fI .option_area .upload-pic.posUp,
.fI .option_area .upload-opinion.posUp,
.fI .option_area .upload-topic.posUp {
  top: auto;
  bottom: 45px;
}
.fI .edit-con.QA-comment .comment-item__bd {
  margin-bottom: 0;
}
/*小区域互动图片样式 begin */
.fI.fI-sm-container .QA-comment .comment-item__bd .thumbnail,
.fI.fI-sm-container .QA-commentReply .comment-item__bd .thumbnail,
.fI.fI-sm-container .QA-commentReplyNoAvatar .comment-item__bd .thumbnail {
  width: 100%;
}
.fI.fI-sm-container .QA-comment .comment-item__bd .foundImg_box .foundImg_box_content .detail-img__for,
.fI.fI-sm-container .QA-commentReply .comment-item__bd .foundImg_box .foundImg_box_content .detail-img__for,
.fI.fI-sm-container .QA-commentReplyNoAvatar .comment-item__bd .foundImg_box .foundImg_box_content .detail-img__for {
  width: 98% !important;
}
.fI.fI-sm-container .detail-img__for .slide-item img {
  max-height: 300px;
}
.fI.fI-sm-container .detail-img__for .slick-list.draggable {
  max-height: 300px !important;
}
.fI.fI-sm-container .detail-img__nav .slide-item {
  width: 40px;
  height: 40px;
}
.fI.fI-sm-container .detail-img__nav .slide-item {
  width: 38px;
  height: 38px;
}
.fI.fI-sm-container .detail-img__nav .slick-prev,
.fI.fI-sm-container .detail-img__nav .slick-next {
  height: 36px;
  background-size: cover;
  background-position: center center;
  margin-top: 1px;
  overflow: hidden;
}

.fI.fI-sm-container .option_area .upload-pic {
  width: 355px;
}
.fI.fI-sm-container .option_area .upload-pic .up-title,
.fI.fI-sm-container .option_area .upload-opinion .up-title,
.fI.fI-sm-container .option_area .upload-topic .up-title {
  font-size: 16px;
  padding: 10px 10px 0 10px;
}
.fI.fI-sm-container .option_area .upload-pic .up-content,
.fI.fI-sm-container .option_area .upload-opinion .up-content,
.fI.fI-sm-container .option_area .upload-topic .up-content {
  padding: 10px;
}
.fI.fI-sm-container .option_area .upload-pic .up-content .thumbnail,
.fI.fI-sm-container .option_area .upload-opinion .up-content .thumbnail,
.fI.fI-sm-container .option_area .upload-topic .up-content .thumbnail {
  max-width: 100%;
}
.fI.fI-sm-container .option_area .upload-pic .up-content .thumbnail .img-list,
.fI.fI-sm-container .option_area .upload-opinion .up-content .thumbnail .img-list,
.fI.fI-sm-container .option_area .upload-topic .up-content .thumbnail .img-list {
  width: 60px;
  height: 60px;
}
.fI.fI-sm-container .option_area .upload-pic .up-content .thumbnail .img-list .del,
.fI.fI-sm-container .option_area .upload-opinion .up-content .thumbnail .img-list .del,
.fI.fI-sm-container .option_area .upload-topic .up-content .thumbnail .img-list .del {
  top: 19px;
  width: 100%;
  line-height: 24px;
  font-size: 12px;
}
.fI.fI-sm-container .option_area .upload-pic .up-content .form-img .imgBtn,
.fI.fI-sm-container .option_area .upload-pic .up-content .form-img .imgBtn-sm,
.fI.fI-sm-container .option_area .upload-opinion .up-content .form-img .imgBtn,
.fI.fI-sm-container .option_area .upload-opinion .up-content .form-img .imgBtn-sm,
.fI.fI-sm-container .option_area .upload-topic .up-content .form-img .imgBtn,
.fI.fI-sm-container .option_area .upload-topic .up-content .form-img .imgBtn-sm {
  width: 60px;
  height: 60px;
}
.fI.fI-sm-container .QA-comment .comment-item__bd .thumbnail img,
.fI.fI-sm-container .QA-commentReply .comment-item__bd .thumbnail img,
.fI.fI-sm-container .QA-commentReplyNoAvatar .comment-item__bd .thumbnail img {
  width: 60px;
  height: 60px;
}
/*小区域互动图片样式 end */
/* 添加图片直接展示 不要弹窗 样式修改 begin */
.fI .picNotPop .upload-pic {
  display: block;
  position: relative;
  left: auto;
  top: auto;
  width: 100% !important;
  box-shadow: none;
}
.fI .picNotPop .upload-pic .up-title {
  font-size: 14px !important;
  padding-top: 0 !important;
}
.fI .picNotPop .upload-pic .up-content {
  padding-top: 0 !important;
}
.fI .picNotPop .upload-pic .up-content .form-img {
  margin: 0 !important;
}
.fI .picNotPop .upload-pic .up-content .form-img .imgBtn i {
  margin-top: 10px !important;
}
.fI .picNotPop {
  margin-top: 5px !important;
}
/* 添加图片直接展示 不要弹窗 样式修改 end */

/* 新增公告 发布对象 */
.publishRange label {
  width: 100px;
}
.publishRange .pubRBtn {
  width: auto;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.publishRange .conrow {
  width: 69%;
  margin-top: 2px;
}
.publishRange .cklist {
  padding: 0;
  margin: 0;
}
.publishRange .cklist li {
  float: left;
  display: inline;
  border: 1px solid #ccc;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  list-style: none;
  margin: 0 10px 10px 0;
  cursor: pointer;
  border-radius: 2px !important;
  color: #999;
}
.publishRange .cklist li:hover {
  border: 1px #ebebeb solid;
}
.publishRange .cklist li:active {
  border: 1px #999999 solid;
}
.publishRange .cklist li.cur {
  background: #58abe1;
  border: 1px #58abe1 solid;
  color: #fff;
  border-radius: 2px !important;
}

.pagePos .page {
  margin-top: 0;
}
/* 上传插件 */
.webuploader-container {
  position: relative;
}
.webuploader-container div[id^="rt_"] {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
}

/* 头部导航加三级菜单 */
.subMenu dd,
.mh-third .pcMenu li dl dd {
  position: relative;
}
.subMenu .thirdSubMenu {
  display: none;
}
.mh_header .subMenu .thirdSubMenu,
.mh-third .pcMenu li dl.thirdSubMenu,
.maMoreSonMenu .subMenu .thirdSubMenu {
  position: absolute;
  left: 100%;
  top: 0;
}
.mh_header .subMenu .thirdSubMenu a {
  height: 40px;
  line-height: 40px;
  min-width: 100px;
}
.mh-third .pcMenu li dl.thirdSubMenu a {
  font-size: 16px;
}
.subMenu dd:hover a,
.subMenu dd:hover .thirdSubMenu dd a,
.subMenu dd .thirdSubMenu dd a,
.mh_header_twoRow .hover_bgcol .thirdSubMenu dd {
  background-color: #1a79ff;
}
.subMenu dd:hover .thirdSubMenu dd a:hover,
.subMenu dd .thirdSubMenu dd a:hover,
.mh_header_twoRow .hover_bgcol .thirdSubMenu dd:hover a {
  background-color: #3186ff;
}
.mh-zx .subMenu dd:hover a,
.mh-zx .subMenu dd:hover .thirdSubMenu dd a,
.mh-zx .subMenu dd .thirdSubMenu dd a,
.mh-zx .mh_header_twoRow .hover_bgcol .thirdSubMenu dd a {
  background-color: #b50000;
}
.mh-zx .subMenu dd:hover a,
.mh-zx .subMenu dd:hover .thirdSubMenu dd a:hover,
.mh-zx .subMenu dd .thirdSubMenu dd a:hover,
.mh-zx .mh_header_twoRow .hover_bgcol .thirdSubMenu dd:hover a {
  background-color: #bd1f1f;
}
.mh-third .subMenu dd:hover a,
.mh-third .subMenu dd:hover .thirdSubMenu dd a,
.mh-third .subMenu dd .thirdSubMenu dd a,
.mh-third .mh_header_twoRow .hover_bgcol .thirdSubMenu dd a {
  background-color: #177bbb;
}
.mh-third .subMenu dd:hover a,
.mh-third .subMenu dd:hover .thirdSubMenu dd a:hover,
.mh-third .subMenu dd .thirdSubMenu dd a:hover,
.mh-third .mh_header_twoRow .hover_bgcol .thirdSubMenu dd:hover a {
  background-color: #2985c0;
}

.navMore.hover .elliMore {
  display: block;
}

/* 培训专题 新增专题 */
.infoLine textarea.mh140 {
  height: 140px;
}
.topicManaC .jumpCon {
  background: #ffffff;
  padding: 20px 0;
}
.topicManaC .jump-title {
  padding: 0 30px 20px;
}
.topicManaC .jump-title h2 {
  font-size: 16px;
  color: #333333;
  line-height: 28px;
  padding-left: 8px;
}
.topicManaC .jump-title h2:before {
  position: absolute;
  left: 0;
  top: 6px;
  content: "";
  width: 3px;
  height: 14px;
  background: #177bbb;
}
.topicManaC .jumpCon .operas a.btnw120 {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.topicManaC .block-item {
  margin: 0 40px 10px;
}
.topicManaC .block-item .item-title {
  font-size: 15px;
  padding: 0;
  font-weight: bold;
}

.teachersBox .top-title .tit {
  font-weight: bold;
  margin: 0;
}
.b-line {
  border: 1px solid #ebebeb;
}
.teachersBox .item-t .del {
  display: none;
}
.teachersBox .item-t:hover {
  background: #f8f8f8;
}
.teachersBox .item-t:hover .del {
  display: block;
}
.topicManaC .form-body .infoLine,
.topicManaC .form-row {
  border-bottom: 0;
}
.topicManaC .form-horizonal {
  padding: 20px 20px 10px;
}
.topicManaC .jumpCon .operas a.linkTxt {
  color: #177bbb;
}
.topicManaC .jumpCon .operas a.linkTxt:hover {
  color: #58abe1;
}

/* 门户-教学基地 */
.cs4Cards li .pic,
.teachBasePicsShow li .pic {
  height: 166px;
}
.teachBaseBox {
  padding-top: 30px;
}
.teachBaseIntro .leftPic {
  width: 40%;
  height: auto;
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
}
.teachBaseIntro .leftPic img {
  width: 100%;
}
.teachBaseIntro .leftPic .nameBox {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  background: rgba(0, 0, 0, 0.4);
  font-size: 15px;
  color: #ffffff;
}
.teachBaseIntro .rightText {
  width: 60%;
  padding-left: 20px;
  font-size: 14px;
  color: #666;
  line-height: 28px;
}
.teachBaseIntro .rightText .imp {
  font-weight: bold;
}
.teachBasePicsShow .con .tit a,
.mh-third .teachBasePicsShow .con .tit a {
  font-size: 16px;
  color: #333333;
}
.cs4Cards li,
.teachBasePicsShow li {
  height: 248px;
}
.teachBasePicsShow li .d-l-meg,
.teachBasePicsShow li .d-r-meg {
  color: #888888;
  font-size: 15px;
}
.teachBasePicsShow li .d-r-meg i {
  color: #d8d8d8;
}

.teachBasePicsShow ul {
  width: 100%;
  margin-left: 0;
}
.teachBasePicsShow .slick-arrow {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 40px;
  color: transparent;
  z-index: 100;
  border: 0;
}
.teachBasePicsShow .slick-arrow:before {
  position: absolute;
  top: 0;
  left: 50%;
  color: #ffffff;
}
.teachBasePicsShow .slick-arrow:hover {
  background: #0a7dbd;
}
.teachBasePicsShow .slick-prev {
  left: 0px;
}
.teachBasePicsShow .slick-prev:before {
  content: "\f104";
  margin-left: -7px;
}
.teachBasePicsShow .slick-next {
  right: 0px;
}
.teachBasePicsShow .slick-next:before {
  content: "\f105";
  margin-left: -5px;
}

/* 培训专题 */
.subnav .pitch {
  border-bottom: 3px #1a79ff solid;
  color: #1a79ff;
  font-weight: bold;
}
.btnw88 {
  width: 88px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 2px;
  font-size: 15px;
}
.trainButton {
  background: #1a79ff;
  color: #fff;
}
.train-topbar {
  height: 50px;
  line-height: 50px;
  background: #ffff;
  padding: 0 35px;
}
.train-topbar ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 50px;
}
.train-topbar ul {
  color: #333333;
}
.all-cur {
  color: #1a79ff;
  font-weight: bold;
}
.train-con {
  padding: 24px;
}
.train-con .r-tit {
  font-weight: bold;
  color: #333333;
  font-size: 20px;
}
.train-con .state {
  margin: 10px 0 15px 0;
  font-size: 15px;
  color: #888;
}
.train-con .state span {
  margin-right: 53px;
}
.train-con .train-time i {
  color: #999;
}
.train-con .operas a {
  color: #1a79ff;
  display: inline-block;
  text-align: right;
}
.train-con .operas .designing {
  width: 80px;
  height: 36px;
  line-height: 36px;
  background: #80c1e9;
  font-size: 14px;
  text-align: center;
  color: #fff;
  margin-bottom: 80px;
}
.train-list li {
  background: #fff;
  margin-bottom: 10px;
  position: relative;
  height: 160px;
}
/* 展示教学基地 */
.sch-artCon {
  padding: 60px 110px;
}
.sch-artCon .tit {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.sch-artCon p {
  text-indent: 2em;
  font-size: 14px;
  margin-bottom: 40px;
}
.sch-artCon strong {
  color: #333;
  font-weight: bold;
}
.sch-artCon-img {
  text-align: center;
}
.sch-artCon-img img {
  display: inline-block;
  max-width: 700px;
}
/* select翻转后样式 */
.reversal-select {
  border-top: 1px solid #58abe1 !important;
  border-bottom: 0 !important;
}

/* 二维码登录 */
.wxlogin-code {
  width: auto;
  text-align: center;
}
.wxlogin-code .cloginbox-code {
  padding: 0;
  width: auto !important;
  margin-bottom: 0;
  text-align: center;
  display: inline-block;
  box-shadow: 0px 10px 30px 0px rgba(0, 62, 153, 0.2);
}
.wxlogin-code .logbox-account {
  width: 300px;
  padding: 60px 80px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.wxlogin-code .cform {
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
}
.wxlogin-code input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.w255 {
  width: 255px;
}
.w185 {
  width: 185px;
}
.w165 {
  width: 165px;
}
.wxlogin-code .cform-phone .chosen-container-single .chosen-single {
  padding-left: 12px;
}
.cbtn300 {
  width: 300px;
  height: 40px;
  border-radius: 1px;
  line-height: 40px;
}
.c_007BBF {
  color: #007bbf;
}
.wxlogin-code .majorButton {
  background: #007bbf;
}
.wxlogin-code .login-tabBtn li.cur {
  color: #007bbf;
}
.wxlogbox-con {
  width: 420px;
  height: 508px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.con-border {
  margin: 60px 0; /*border-left: 1px dashed #979797;*/
}
.wxlogbox-con .xq-title {
  color: #333;
  font-size: 24px;
  margin-bottom: 36px;
}
.wxlogbox-con p {
  font-size: 18px;
  color: #999;
  margin-top: 35px;
}
.cform-phone .chosen-container-single {
  width: 130px !important;
}
.cform-phone .userPhone-ipt {
  width: 160px;
}
.user-login {
  border-right: 0 !important;
  text-align: center !important;
  display: inline-block;
  float: none !important;
}
.wxlogin-code .cerr {
  text-align: left;
}
.h40 {
  height: 40px;
}

/* 培训专题 */
.trainTopicC .jumpConTitle {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  padding: 0 20px;
  margin-bottom: 20px;
}
.trainTopicC .mainTeachersCon .cs3Cards li {
  width: 366px;
}
.trainTopicC .mainTeachersCon .famousTeacher .teaItem {
  padding-left: 150px;
}
.trainTopicC .mainTeachersCon .famousTeacher .cs3Cards li .pic {
  width: 110px;
  height: 110px;
  left: 20px;
}
.trainTopicC .mainTeachersCon .cs3Cards li .con {
  padding: 20px 20px 20px 0;
}
.trainTopicC .mainTeachersCon .famousTeacher .cs3Cards li .con .teaMeg {
  margin-bottom: 5px;
}
.trainTopicC .mainTeachersCon .famousTeacher .cs3Cards li .con .teaBrief {
  line-height: 20px;
}
.trainTopicC .mainTeachersCon .famousTeacher .cs3Cards li .con .teaBrief_defH {
  max-height: 40px;
}
.trainTopicC .handle {
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 23px;
}
.trainTopicC .handle a {
  padding-left: 0;
}
.trainTopicC .handle a i {
  font-size: 14px;
}
.trainTopicC .mainTeachersCon .handle {
  width: 150px;
}
.trainTopicC .teachBaseCon .handle {
  width: 90px;
  margin-top: 50px;
}
.trainTopicC .cs4Cards li,
.trainTopicC .teachBasePicsShow li {
  width: 267px;
}
.trainTopicC .teachBasePicsShow li {
  height: 222px;
}
.trainTopicC .cs4Cards li .pic,
.trainTopicC .teachBasePicsShow li .pic {
  height: 150px;
}
.trainTopicC .courseCards .con {
  padding: 12px;
}
.trainTopicC .teachBasePicsShow .con .tit a {
  font-size: 14px;
}
.trainTopicC .teachBasePicsShow li .d-l-meg,
.trainTopicC .teachBasePicsShow li .d-r-meg {
  font-size: 13px;
}

.trainTopicC .teachBaseCon .roleConTop {
  position: relative;
  height: 150px;
}
.trainTopicC .teachBaseCon .roleConTop .default-img {
  background: #eef8ff;
}
.trainTopicC .teachBaseCon .roleConTop .default-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  margin-top: -16px;
  margin-left: -24px;
}
.trainTopicC .teachBaseCon .roleConBot p {
  margin: 0;
  margin-bottom: 10px;
}
.trainTopicC .teachBaseCon .roleConBot p:nth-of-type(2) {
  width: 100%;
  background: transparent;
}
.trainTopicC .teachBaseCon .longStrip {
  display: inline-block;
  width: 65%;
  height: 14px;
  background: #cfecff;
}
.trainTopicC .teachBaseCon .shortStrip {
  display: inline-block;
  width: 30%;
  height: 14px;
  background: #eef8ff;
}

.topicLeftMenu .menu-tit {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  background: #0367a7;
  color: #ffffff;
  font-weight: bold;
}
.topicLeftMenu .menuWrap li dd,
.topicLeftMenu .menuWrap li dd a {
  font-size: 14px;
  color: #333333;
  background: #f1f5ff;
}
.topicLeftMenu .menuWrap li dd.cur a,
.topicLeftMenu .menuWrap li:hover dd.cur a,
.topicLeftMenu .menuWrap li dd a:hover {
  background: transparent;
  color: #177bbb;
  font-weight: bold;
}

.topicList .conIntro,
.topicDetail .topIntro {
  padding-left: 150px;
  padding-top: 8px;
  padding-bottom: 10px;
}
.topicList .conIntro .cI-thumb,
.topicDetail .topIntro .cI-thumb {
  left: 0;
  top: 0;
  width: 130px;
  height: 73px;
}
.topicList .csdetail span {
  font-size: 14px;
}

.topicDetail {
  padding: 30px;
}
.topicDetail .bigTit {
  font-size: 22px;
  color: #177bbb;
}
.topicDetail .blockItem .bb-line {
  border-bottom: 1px solid #dadada;
}
.topicDetail .blockItem .titWrap .tit {
  display: inline-block;
  font-size: 16px;
  color: #0a7dbd;
  padding: 8px 0;
  font-weight: bold;
  line-height: 21px;
}
.topicDetail .blockItem .titWrap .tit i {
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #0a7dbd;
}
.topicDetail .mainTeachers .cs3Cards li {
  width: 420px;
}
.topicDetail .famousTeacher .teaItem {
  padding-left: 160px;
}
.topicDetail .famousTeacher .cs3Cards li .pic {
  left: 20px;
}
.topicDetail .famousTeacher .cs3Cards li .con {
  padding: 20px 20px 20px 0;
}
.topicDetail .famousTeacher .cs3Cards li .con .teaMeg {
  margin-bottom: 10px;
  padding-top: 0;
}
.topicDetail .famousTeacher .cs3Cards li .con .teaBrief {
  line-height: 22px;
}
.topicDetail .famousTeacher .cs3Cards li .con .teaBrief_defH {
  max-height: 44px;
}

.slick-slide:focus,
a:focus {
  outline: none;
}
.topicDetail .teachBases .slider *,
.topicDetail .recentlyOpened ul * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.topicDetail .courseCards .con {
  padding: 12px;
}
.topicDetail .cs4Cards li {
  width: 273px;
  height: 234px;
}
.topicDetail .cs4Cards li .pic,
.topicDetail .teachBasePicsShow li .pic {
  height: 152px;
}

.topicDetail .recentlyOpened .courseState em.ended {
  background: #eb7105;
}
.topicDetail .recentlyOpened .courseState em.ing {
  background: #5fac50;
}

.layui-laydate-content td.laydate-selected {
  background-color: #f3fafe !important;
}
.laydate-selected:hover {
  background-color: #f3fafe !important;
}
.trainTopicT .strNav .findbarNav li {
  font-size: 16px;
}
.trainTopicT .FineCsSearch .fxlnavBar .termBox li.cur,
.trainTopicT .FineCsSearch .fxlnavBar .termBox li:hover {
  color: #177bbb;
}
.trainTopicT .search-row {
  margin: 0 0 20px;
  padding: 20px;
}

.trainTopicT a.opBtns {
  width: auto;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding: 0 12px;
}

/* 培训体系 */
.trainSystem .tsCon .item-con {
  float: left;
  width: 160px;
  height: 230px;
  background: url(../images/topic-trainsystem-bg.png) no-repeat;
  margin-right: 10px;
  margin-top: 10px;
}
.trainSystem .tsCon .item-con .ord {
  line-height: 24px;
  padding-top: 6px;
  font-size: 20px;
  color: #028edc;
}
.trainSystem .tsCon .item-con .tit {
  line-height: 19px;
  padding: 16px 0 10px;
  color: #028edc;
}
.trainSystem .tsCon .item-con .con {
  color: #555555;
  line-height: 18px;
  padding: 9px 10px;
  text-align: justify;
}
/* 培训流程 */
.trainProcess .tpCon {
  width: 100%;
  height: 220px;
  background: url(../images/topic-trainprocess-bg.png) no-repeat center center;
}
.trainProcess .tpCon .item {
  float: left;
  width: 25%;
  height: 100%;
  margin-top: 20px;
}
.trainProcess .tpCon .item .tit {
  width: 68px;
  height: 68px;
  background: url(../images/topic-trainprocess-circle-big.png) no-repeat;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
}
.trainProcess .tpCon .item .tit span {
  display: inline-block;
  width: 28px;
  line-height: 16px;
  padding-top: 18px;
}
.trainProcess .tpCon .item .line {
  width: 1px;
  height: 32px;
  border-right: 1px dashed #adddff;
  margin: 0 auto;
}
.trainProcess .tpCon .item .cirDot {
  width: 17px;
  height: 17px;
  background: url(../images/topic-trainprocess-circle-small.png) no-repeat;
  margin: 0 auto;
}
.trainProcess .tpCon .item .tit,
.trainProcess .tpCon .item .line,
.trainProcess .tpCon .item .cirDot,
.trainProcess .tpCon .item .con {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.trainProcess .tpCon .item .tit {
  top: 0;
}
.trainProcess .tpCon .item .line {
  top: 68px;
}
.trainProcess .tpCon .item .cirDot {
  top: 98px;
}
.trainProcess .tpCon .item .con {
  top: 123px;
}
.trainProcess .tpCon .itemDown {
  margin-top: 0;
}
.trainProcess .tpCon .itemDown .tit {
  top: 121px;
}
.trainProcess .tpCon .itemDown .line {
  top: 89px;
}
.trainProcess .tpCon .itemDown .cirDot {
  top: 72px;
}
.trainProcess .tpCon .itemDown .con {
  top: 0;
}

/* 学起app下载 */
.XQappDownload,
.XQappDownload * {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
}
.XQappDownload {
  margin-right: 30px;
}
.XQappDownload .xqdlCon {
  position: relative;
  text-align: center;
}
.XQappDownload .xqdlCon .img-xqlogo {
  display: block;
  width: 22px;
  height: 22px;
  margin: 8px auto 0;
}
.XQappDownload .xqdlCon .tit {
  font-size: 12px;
  line-height: 17px;
  margin-top: 2px;
  text-align: center;
}
.XQappDownload .xqEwm {
  width: 222px;
  height: 286px;
  padding: 25px 30px;
  background: #ffffff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.14);
  border: 1px solid #e5e5e5;
  z-index: 9999;
}
.XQappDownload .xqEwm .tit {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 12px;
}
.XQappDownload .xqEwm img {
  display: block;
  width: 160px;
  height: 160px;
  margin-bottom: 12px;
}
.XQappDownload .xqEwm .kh {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.XQappDownload .xqEwm .kh span {
  margin-right: 14px;
}
.mh-xqdl .xqdlCon {
  padding-bottom: 10px;
}
.mh-xqdl .xqEwm {
  left: -85px;
  top: 57px;
  z-index: -1;
}
.mh-xqdl.xqShow .xqEwm {
  transform-origin: top center;
}

.mh_header_twoRow .XQappDownload {
  margin-top: 10px;
}

.stuIndex-xqdl {
  min-height: 122px;
  padding: 10px 20px;
  border-bottom: 1px solid #f1f5ff;
  margin-right: 0;
}
.stuIndex-xqdl .xqEwm {
  left: 280px;
  top: 0;
  z-index: -1;
}
.stuIndex-xqdl .xqdlCon {
  padding-top: 8px;
  text-align: left;
}
.stuIndex-xqdl .xqdlCon .ewmBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 102px;
  height: 102px;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.stuIndex-xqdl .xqdlCon .ewmBox img {
  display: block;
  width: 100%;
  height: 100%;
}
.stuIndex-xqdl .xqdlCon {
  padding-left: 118px;
}
.stuIndex-xqdl .xqdlCon .tit {
  font-size: 18px;
  margin-bottom: 7px;
  margin-top: 9px;
}
.stuIndex-xqdl .xqdlCon .t-xd {
  letter-spacing: 4px;
}
.stuIndex-xqdl .xqdlCon .kh {
  line-height: 18px;
  margin-bottom: 8px;
}
.stuIndex-xqdl .xqdlCon .kh span {
  margin-right: 8px;
}
.XQappDownload .xqEwm .kh span:last-child,
.stuIndex-xqdl .xqdlCon .kh span:last-child {
  margin-right: 0;
}
.XQappDownload .xqEwm .kh span.last,
.stuIndex-xqdl .xqdlCon .kh span.last {
  margin-right: 0;
}

.xqShow .xqEwm {
  transition: all 0.5s;
  transform-origin: top left;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0);
}
.xqShow:hover .xqEwm,
.xqShow .xqEwm.show {
  opacity: 1;
  transform: scale(1);
  filter: alpha(opacity=100);
  z-index: 9999;
}
.stuIndex-xqdl.xqShow:hover .xqEwm,
.stuIndex-xqdl.xqShow .xqEwm.show {
  left: 280px;
}

.xqdlFixed {
  position: fixed;
  width: 222px;
  height: 286px;
  right: 10px;
  bottom: 20px;
  margin-right: 0px;
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 9999;
}
.xqdlFixed .xqEwm {
  position: unset;
  left: auto;
  top: auto;
}
.xqClose {
  top: 8px;
  right: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/XQerweima/icon-xqclose.png) no-repeat;
  color: #dddddd;
  cursor: pointer;
}

/*底部按钮样式*/
.popBody .ui_buttons input {
  font: 12px/1.333 tahoma, arial, "\5fae\8f6f\96c5\9ed1", sans-serif;
}
.popBody .ui_buttons {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 93%;
  white-space: nowrap;
  padding: 20px;
  text-align: right;
  background-color: #ffffff;
}
.popBody .ui_buttons input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}
.popBody .ui_buttons input {
  height: 34px;
  line-height: 30px;
  font-size: 16px;
  width: 80px;
  border-radius: 2px !important;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  border: 1px solid #cccccc;
  color: #666;
  background: #ffffff;
  margin-left: 10px;
}
.popBody .ui_buttons input:focus {
  outline: 0 none;
}
.popBody .ui_buttons input:hover {
  color: #666666;
  border-color: #ebebeb;
}
.popBody .ui_buttons input:active {
  color: #666666;
  border-color: #999999;
}

.popBody .ui_buttons input[disabled] {
  cursor: default;
  border: 1px solid #cccccc;
  color: #999999;
  background: #ddd;
  filter: alpha(opacity=50);
  opacity: 0.5;
  box-shadow: none;
}

.popBody input.ui_state_highlight,
.popBody input.ui_state_highlight:hover,
.popBody input.ui_state_highlight:active {
  color: #ffffff;
  border: solid 1px #177bbb;
  background: #177bbb;
}

.popBody .ui_buttons {
  padding-top: 20px;
}

/* 学生首页 错题入口 */
.wrongBooxMy {
  position: relative;
}
.wrongBooxMy .initCon .noneConPic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
}
.wrongBooxMy .initCon .noneContext {
  position: absolute;
  left: 0;
  width: 100%;
  top: 67%;
}

.wrongBooxMy .wby-num-box .bg {
  width: 226px;
  height: 228px;
}
.wby-num-box .bg img {
  display: block;
  width: 100%;
  height: 100%;
}
.wby-num-box .num-info {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  margin: 0px auto;
}
.wby-num-box .num-info .lab {
  line-height: 20px;
}
.wby-num-box .num-info .numUnit {
  color: #888888;
  font-size: 12px;
  line-height: 1;
}
.wby-num-box .num-info .numUnit .num {
  font-size: 60px;
  font-weight: bold;
  color: #2ba6eb;
  position: relative;
  top: 2px;
  margin-right: 2px;
}

.tag-num {
  position: absolute;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  background: #e85c5e;
  border-radius: 16px;
  color: #fff;
  top: 9px;
  right: 2px;
  padding: 0 4px;
}

.CS_right_con .cm_chapter {
  position: relative;
}
.resourcesBox .cm_chapter .cs_part_list {
  position: relative;
}
.CS_right_con .cm_chapter .tipText {
  position: absolute;
  right: 20px;
  bottom: 16px;
}

.teacherBindClass {
  float: left;
  width: 200px;
}

.smallBtn {
  width: 58px;
  height: 18px;
  line-height: 20px;
  font-size: 12px;
  border-radius: 4px;
}
.w360 {
  width: 360px;
}

.table td a.rejected {
  color: #666;
}
.table td a.checking {
  color: #ff0000;
}
.stuLeave .searchDiv .inputText {
  width: 200px;
}
.stuLeave .search-row {
  padding-left: 0;
}
.checkBtn i {
  font-size: 16px;
}
.checkBtn.pass {
  color: #66cc66;
}
.checkBtn.nopass {
  color: #e85c5e;
}

/* 优惠券与优惠码 */
.exchangeBox .inputText {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}
.yhqConBox ul {
  width: 740px;
  margin: 0 auto;
}
.yhqConBox .item-yhq {
  position: relative;
  float: left;
  width: 350px;
  height: 113px;
  background: url(../images/yhq-nouse.png) no-repeat;
  margin: 0 10px 20px;
}
.yhqConBox .item-yhq.s-outdate {
  background: url(../images/yhq-outdate.png) no-repeat;
}
.yhqConBox .item-yhq.s-used {
  background: url(../images/yhq-used.png) no-repeat;
}
.yhqConBox .item-yhq .amount {
  width: 125px;
}
.yhqConBox .item-yhq .amount .faceValue {
  line-height: 42px;
  margin-top: 25px;
  margin-bottom: 3px;
  color: #fbfbfb;
}
.yhqConBox .item-yhq .amount .faceValue .val {
  font-size: 30px;
}
.yhqConBox .item-yhq .amount .useLtd {
  line-height: 19px;
  color: #fbfbfb;
}
.yhqConBox .item-yhq .useIntro {
  width: 225px;
  padding: 13px 17px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.yhqConBox .item-yhq .useIntro h6 {
  position: relative;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 9px;
  max-width: 85%;
  color: #1a2b3e;
}
.yhqConBox .item-yhq .useIntro .time {
  color: #464d5c;
  line-height: 15px;
  margin-bottom: 11px;
}
.yhqConBox .item-yhq .useIntro .attr {
  color: #ff5f33;
  line-height: 15px;
}
.yhqConBox .item-yhq.s-outdate .useIntro .attr {
  color: #6a788e;
}
.yhqConBox .item-yhq.s-used .useIntro .attr {
  color: #6a788e;
}
.yhqConBox .item-yhq .moreMeg {
  left: 0;
  top: 100%;
  width: 100%;
  height: 113px;
  background: #fff;
  padding: 20px 10px 20px 20px;
  font-size: 13px;
  z-index: 100;
  box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.yhqConBox .item-yhq .moreMeg .con {
  padding-right: 10px;
}

/* 登录-学起扫码登录 */
.rt-tab-icons {
  right: 0;
  top: 0;
}
.rt-tab-icons .log-exp {
  position: absolute;
  right: 38px;
  top: 10px;
  width: 74px;
  height: 25px;
  background: url(../images/login/icon-logintype-bg.png) no-repeat;
  font-size: 13px;
  color: #1a79ff;
  line-height: 27px;
  text-align: center;
}
.rt-tab-icons .flag-saoma,
.rt-tab-icons .flag-zh {
  width: 42px;
  height: 42px;
  background: url(../images/login/icon-saoma.png) no-repeat;
  cursor: pointer;
}
.rt-tab-icons .flag-zh {
  background: url(../images/login/icon-account.png) no-repeat;
}
.logbox-xq {
  text-align: center;
}
.logbox-xq .imp {
  color: #0a7dbd;
}
.logbox-xq .log-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 32px;
}

.cloginbox-middle .logbox-left {
  position: relative;
  width: 460px;
  min-height: 508px;
  border-right: 1px dashed #979797;
}
.cloginbox-middle .logbox-left .logbox-erweima {
  width: 300px;
  padding: 60px 80px;
  text-align: left;
}
.cloginbox-middle .logbox-left .logbox-xq {
  padding-top: 50px;
}

.popBody .loginBox {
  margin-top: 50px;
}

.mh-third .cloginbox-middle .logbox-account {
  padding-top: 30px;
}
.mh-third .cloginbox-middle .logbox-xq {
  padding-top: 20px;
}
.mh-third .cloginbox-middle .logbox-xq .log-title {
  margin-bottom: 12px;
}

.moreOperas .lookMoreBtn {
  width: 150px;
  height: 44px;
  background: #0a7dbd;
  font-size: 14px;
  font-weight: bold;
  line-height: 44px;
}

/* 学员顶部通栏文字 */
.logo_text {
  font-size: 26px;
  color: #006ca9;
  line-height: 56px;
  float: left;
}
.logo_text_two {
  font-size: 18px;
  color: #006ca9;
  line-height: 21px;
  float: left;
  width: 640px;
  margin-top: 6px;
}
.logo_text_three {
  font-size: 12px;
  color: #006ca9;
  line-height: 21px;
  float: left;
  width: 420px;
  margin-top: 8px;
}
.logo_text_four {
  font-size: 26px;
  color: #006ca9;
  line-height: 30px;
  float: left;
  margin-top: 12px;
}
.mh-third .logo.logo_text_five {
  min-width: 600px;
}
.mh-third .logo.logo_text_five img{
  position: static;
}
/* 在线客服 */
.online_service {
  position: fixed;
  top: 175px;
  right: 20px;
  width: 52px;
  box-shadow: 0px 6px 20px 0px rgba(128, 136, 154, 0.1), 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  overflow: hidden;
  z-index: 1000;
}
.online_service .service_onepic {
  position: absolute;
  left: 14px;
  top: 15px;
  z-index: 1;
}
.online_service div {
  height: 54px;
  padding: 15px 0;
  background: #fff;
}
.service_five {
  height: 54px;
  padding: 15px 0;
  background: #fff;
  width: 52px;
  position: fixed;
  right: 20px;
  /* top: 396px; */
  overflow: hidden;
  box-shadow: 0px 6px 20px 0px rgba(128, 136, 154, 0.1), 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  display: none;
  z-index: 10;
}
.service_five img {
  display: block;
  margin: 0 auto;
}
.online_service div.service_one a:first-child,.online_service div.service_two a:first-child,.online_service div.service_three a:first-child,.online_service div.service_four a:first-child {
  display: block;
}
.online_service div.service_one:hover a:first-child,.online_service div.service_two:hover a:first-child,.online_service div.service_three:hover a:first-child,.online_service div.service_four:hover a:first-child{
  display: none;
}
.online_service div.service_one a:last-child,.online_service div.service_two a:last-child,.online_service div.service_three a:last-child,.online_service div.service_four a:last-child {
  display: none;
}
.online_service div.service_one:hover a:last-child,.online_service div.service_two:hover a:last-child,.online_service div.service_three:hover a:last-child,.online_service div.service_four:hover a:last-child {
  display: block;
}
.online_service div:hover {
  background: #0a7dbd;
}
/* .online_service div:last-child:hover {
  background: #fff;
} */
.online_service div img {
  display: block;
  margin: 0 auto;
}
/* .online_servicecopy {
  position: fixed;
  bottom: 58%;
  right: 20px;
  background-color: #0a7dbd;
  width: 52px;
  height: 264px;
  box-shadow: 0px 6px 20px 0px rgba(128, 136, 154, 0.1), 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 12px 0;
  z-index: 1;
}
.online_servicecopy li {
  margin-bottom: 30px;
}
.online_servicecopy li img {
  display: block;
  margin: 0 auto;
}
.online_servicecopy li:last-child {
  margin-bottom: 0px;
} */
.online_telephone {
  width: 116px;
  height: 64px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: fixed;
  top: 284px;
  right: 78px;
  display: none;
  z-index: 10;
}
.online_telephone .telephone_up img {
  margin-left: 14px;
}
.online_telephone .telephone_up span {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
  margin-top: 14px;
  margin-left: 2px;
}
.online_telephone .telephone_down {
  padding-left: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #0a7dbd;
  line-height: 18px;
}
.online_email {
  padding-right: 10px;
  height: 64px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: fixed;
  top: 384px;
  right: 78px;
  display: none;
  z-index: 10;
}
.online_email .email_up img {
  margin-left: 14px;
  width: 16px;
  height: 16px;
}
.online_email .email_up span {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
  margin-top: 14px;
  margin-left: 2px;
}
.online_email .email_down {
  padding-left: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #0a7dbd;
  line-height: 18px;
}
.online_ercode {
  width: 143px;
  height: 187px;
  padding: 10px 10PX 0;
  position: fixed;
  top: 230px;
  right: 78px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  display: none; 
  z-index: 10;
}
.online_ercode img {
  display: block;
}
.online_ercode .online_ercodeT {
  font-size: 13px;
  width: 65px;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
  margin: 6px 0 0 29px;
}
/*搜索-图文混排*/
.text_full ul li{
    height: 150px;
  }
.text_full ul li h4{
   font-size: 18px;
   margin-bottom: 20px;
 }
.text_full ul li .img_box{
  width: 15%;

}
.text_full ul li .img_box img {
 width: 100%;
 height: 72px;
 border-radius: 4px;
}
.text_full ul li .img_text{
 width: 85%;
}
.text_full ul li .img_text p{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.text_full ul li .tip_content{
 color: #bbbbbb;
}
.text_full ul li .width100{
  width: 100%;
}
.flex_center{
  display: flex;
  justify-content: center;
}
/*退班申请*/
.apply_color {
  color:#177bbb;
}
.appli_upload {
  width: 104px;
  height: 26px;
  background: #FFFFFF;
  border: 1px solid #177BBB;
  border-radius: 12px;
}
.apply_upload_but{
  position: relative;
}
.apply_upload_em {
  width:14px;
  height:15px;
  position: absolute;
  top:0;
}
.appli_upload_font {
  width: 52px;
  height: 12px;
  font-size: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #177BBB;
  line-height: 30px;
  position: absolute;
  left:37px;
  top:-2px;
}
.apply_textarea {
  width: 600px;
  height: 150px;
  padding: 5px;
  border: 1px solid #CCCCCC;
}
.apply_warn {
  position: relative;
}
.apply_warn_text {
  width: 63px;
  height: 13px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  line-height: 24px;
  position: absolute;
  right:0;
  top:165px;
}
.apply_cancel {
  width: 110px;
  height: 34px;
  border: 1px solid #177BBB;
  border-radius: 2px;
  color: #177BBB;
}
.apply_cancel:hover {
  color: #58ade1;
}
.apply_btn {
  width: 100%
}
.apply_btn_center {
  margin: 0 auto;
  text-align:center;
}
.apply_img {
  position:relative;
  top:2px;
}
.apply_file {
  width: 480px;
  height: 40px;
  background: #FBFBFB;
  border: 1px solid #E7E7E7;
  border-radius: 2px;
  line-height: 40px;
}
.apply_progress_bar {
  background: #ebebeb;
  height: 6px;
  border-radius: 6px;
}
.apply_progress_cur_bar {
  background: #55CD55;
  height: 6px;
  border-radius: 6px;
}
.apply_upload_success {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #177BBB;
  line-height: 28px;
}
.apply_warn_font {
  color:#999;
}
/*学习记录*/
.records {
  display: block;
  height: 60px;
  background: #F3F3F3;
}
.records_border_bottom {
  border-bottom: 1px solid #E7E7E7;
}
.records_none {
  display: none;
}
.records_title {
  display:inline-block;
  height: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 60px;
}
.records_subtitle {
  display:inline-block;
  width: 48px;
  height: 24px;
  line-height:24px;
  background: #EEF8FF;
  border: 1px solid #0A7DBD;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #0A7DBD;
  text-align: center
}
.records_right {
  height:60px;
  line-height:60px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.records_qualified {
  width: 40px;
  height: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #55CD55;
}
.records_qualified_no {
  width: 40px;
  height: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #EF5D5D;
}
.records_achievement {
  width: 40px;
  height: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #0A7DBD;
}
.records_dynamic_on {
  display: none;
}
.records_dynamic_down {
  display: block;
}
.records_table th {
  height: 51px;
  font-size: 13px;
  font-weight: bold;
  color: #333;
  background: #fff;
}
.records_table td {
  height: 50px;
  font-size: 13px;
}
.records_r-tit {
  font-size: 34px;
  color: #333;
  line-height: 1.3;
  font-weight: bold;
  overflow: hidden;
}
/*退班申请详情*/
.blue_verline{
   width: 3px;
   height: 14px;
   background: #177BBB;
   border-radius: 2px;
}
.panel-check{
    border-bottom:1px #ebebeb solid;
    height: 40px;
}
.panel-check .arrow{
    cursor:pointer;
    position:absolute;
    right:0px;top:0px;
}
.panel-check .arrow:before{
    font-size: 22px;
    font-family:FontAwesome;
    height:auto;
    content:"\f106";
    font-weight:300;
    cursor:pointer; 
    color:#0a7dbd;
    position:absolute;
    right:35px;
    top:5px;
}
.panel-check .collapsed:before{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transition: all 0.5s ease-out;
}
/* 非学历二级门户 返回顶部 */
.returnBack {
  background:url('../images/second-portal/go-top.png') no-repeat;
  background-size:100%;
  opacity: 1;
  filter: alpha(opacity=100);
  width:50px;
  height:50px;
}
.returnBack:hover {
  background:url('../images/second-portal/go-top-hover.png') no-repeat;
  background-size:100%;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* 首页的登录没选择用户协议 */
.login-tip{
	width:100%;
	height:32px;
	background-color: rgba(227,71,74,0.1);
	line-height:32px;
	color:#E3474A;
	text-align: left;
	display:none;
}
.login-tip img{
	margin-left:80px;
	margin-right:7px;
	float:left;
	margin-top:6px;
}
.login-tip span{
	float:left
}
/* 首页的栏目需要区分兰大和其他 */
.other-tab h4{
	background:url('../images/index-title-bg.png') no-repeat;
	background-size:contain;
	height:40px
}
.other-tab .more{
	width: 69px;
	height: 28px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	border-radius: 14px;
	line-height:26px !important;
	text-align:center;
	font-size: 12px !important;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #76808E;
}
.other-tab .more:hover{
	color:#1A72AD;
	border: 1px solid #1A72AD;
}
.cstitWrap.other-tab h2{
	background:url('../images/index-title-bg.png') no-repeat;
	background-size:contain;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	height:45px;
}
.cstitWrap.other-tab a{
	width: 69px; 
	height: 28px;
	float:right;
	margin-top:5px
}
 .more-btn{
	width: 69px; 
	height: 28px;
	background: #FFFFFF;
	border-radius: 14px;
	line-height:26px;
	text-align:center;
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #76808E;
	position:absolute;
	right:0px;
	top:4px;
}
 .more-btn:hover{
	color:#1A72AD;
}
.mh-third .news-list .hd-box.other-tab .more:hover{
	color: #23527c;
}
.latest-course{
	background:url('../images/index-title-bg.png') no-repeat;
	background-size:contain;
	height:40px !important;
	line-height:40px !important;
}
.latest-course span{
	margin-left:15px;
	color: #333;
	font-size: 20px;
}
/* 混合排版的轮播图的banner的高度要确定400px */
.mix-banner-height .img{
	min-height:400px;
	max-height:400px;
	height:400px;
}
.mh-third .mh-loginbox.login-new{
	width: 284px!important;
	height: 400px;
}
.largeScr .mh-loginbox.login-new .cloginbox-middle{
	width: 284px;
	height: 348px;
	background: #fff;
	border-radius: 6px;
	padding: 0px !important;
}
.login-new .rt-tab-icons .flag-saoma, .rt-tab-icons .flag-zh{
	background: url(../images/login/saoma-new-icon.png) no-repeat;
    width:54px;
    height:54px;
}
.login-new .rt-tab-icons .flag-zh {
    background: url(../images/login/account-new-icon.png) no-repeat;
    width:54px;
    height:54px;
}
.mh-third .login-new .cloginbox-middle .logbox-account{
	padding-top:23px;
}
.login-new .login-tabBtn{
	padding-left:24px;
	padding-right:24px
}
.login-new .login-tabBtn li{
	width: 88px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	float:left;
	line-height: 20px;
	text-align:left;
}
.login-new .login-tabBtn li:nth-child(2){
	padding-left:21px
}
.login-new .login-tabBtn li.cur{
	font-weight: bold;
	color: #333333;
}
.mh-loginbox.login-new .cform{
	border:none;
	border-bottom:1px solid #EBEBEB;
	margin-bottom: 2px;
	margin-left:24px;
	margin-right:24px
}
.login-new .cform-line{
	border-bottom:1px solid #EBEBEB;
	margin-left:24px;
	margin-right:24px
}
.login-new .cform .login-icon{
	width:18px;
	height:18px;
    float: left;
    margin-top: 11px;
    margin-right: 5px;
}
.login-new .cform .user-name{
	background: url(../images/login/userName-icon.svg) no-repeat;
	background-size:100%;
}
.login-new .cform .pass-word{
	background: url(../images/login/password-icon.svg) no-repeat;
	background-size:100%;
}
.login-new .pass-code{
	background: url(../images/login/code-icon.svg) no-repeat;
	background-size:100%;
}
.login-new .tel-icon{
	background: url(../images/login/tel-icon.svg) no-repeat;
	background-size:100%;
}
.login-new .email-iocn{
	background: url(../images/login/email-iocn.svg) no-repeat;
	background-size:100%;
}
.mh-loginbox.login-new .cform input{
	padding-left:9px
	
}
.mh-loginbox.login-new .cform input.userPhone-ipt{
	padding-left: 110px;
}
.login-new .otherLoginWay{
	height:38px;
	background:#f5f5f5;
	padding-top:0px;
	line-height:38px;
	font-size:12px;
	border-radius: 6px;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
}
.login-new .mh-login-btn{
	width: 236px;
	height: 36px;
	background: #217FB8;
	border-radius: 2px;
	font-size:14px;
	line-height:36px;
}
.login-new .loginfromBox{
	border-radius: 6px;
}
.login-new .cform-phone .chosen-container-single{
	width:110px !important;
}
.login-new .phoneMesBtn{
	width: 61px !important;
    height: 21px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #217FB8 !important;
    line-height: 30px;
    border: none;
}
.login-new .user-ipt{
	 font-size: 12px;
}
.login-new .log-title{
	width: 65px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 36px;
	text-align: left;
	padding-left:24px;
}
.login-new .erweima{
	width:176px;
	height:176px;
	background: url(../images/login/erweima-bg.png) no-repeat;
	background-size:100%;
	margin-left:54px;
	margin-top:40px;
}
.login-new .erweima img {
	width:148px;
	margin-top: 15px;
}
.login-new .login-tabBtn li:nth-child(1){
	border-right: 1px solid #EBEBEB;
}
.mh-loginbox.login-new .cform input::-webkit-input-placeholder {  /* WebKit browsers*/ 
    color: #999999;
}
 .mh-loginbox.login-new .cform input:-moz-input-placeholder {   /* Mozilla Firefox 4 to 18*/ 
    color: #999999;
}
.mh-loginbox.login-new .cform input::-moz-input-placeholder {  /* Mozilla Firefox 19+*/ 
    color: #999999;
}

.mh-loginbox.login-new .cform input:-ms-input-placeholder { /* Internet Explorer 10+*/ 
    color: #999999; 
}
.login-new .checkbox-i{
	width: 12px;
    height: 12px;
    background: url(../images/login/check-icon.svg) no-repeat;
    background-size:contain;
}
.login-new .checkbox-i.checked{
	background: url(../images/login/checked-icon.svg) no-repeat;
    background-size:contain;
}
.c_217FB8{
	color:#217FB8
}
.f_12{
	font-size:12px
}
.login-new .cform-phone .chosen-container-active.chosen-with-drop .chosen-single{
	border-right: 1px solid #58abe1!important;
	width:75px;
}
.mh-loginbox.login-new .chosen-container .chosen-drop{
	background: rgb(255, 255, 255, 1);
}
.login-new .chosen-container-single .chosen-search input[type="text"]{
	background: url(../images/login/drop-search.svg) no-repeat 98% 4px;
    background-size: 15%;
}