a,
body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
i,
input,
li,
ol,
p,
span,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

body,
html {
  font-family: 'Microsoft YaHei', Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  background: #eff3f5;
  font-family: '微软雅黑';
}

li,
ul {
  list-style: none;
}

.linkBox {
  padding: 10px 20px;
  overflow: hidden;
}

.linkBox a {
  color: #7e939e;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:focus {
  outline-style: none;
  outline: none;
}

.clear:after {
  content: '';
  display: block;
  clear: both;
}

input,
select,
textarea {
  font-family: 'Microsoft YaHei', Verdana, Arial;
  font-size: 12px;
  outline: none;
}

em {
  font-style: normal;
}

.ovx {
  overflow-x: hidden;
}

.wrap {
  display: block;
  width: 1040px;
  margin: 0 auto;
}

.wrap2 {
  display: block;
  width: 1200px;
  margin: 0 auto;
}

.wrap2:after {
  content: '';
  display: block;
  clear: both;
}

.dn,
.hide {
  display: none;
}

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.fl {
  float: left;
  _display: inline;
}

.fr {
  float: right;
  _display: inline;
}

.rel {
  position: relative;
}

.ov {
  overflow: hidden;
}

.text-overflow {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.text-center {
  text-align: center;
}

.bggray {
  background-color: #eff3f5;
}

.bgfff,
.bgwhite {
  background-color: #fff;
}

.bgf4 {
  background-color: #f4f4f4;
}

.mt30 {
  margin-top: 30px;
}

.pt30 {
  padding-top: 30px;
}

.pt60 {
  padding-top: 60px;
}

.pb100 {
  padding-bottom: 100px;
}

.mb30 {
  margin-bottom: 30px;
}

.mt15 {
  margin-top: 15px;
}

.err {
  color: red;
}

.bb1c {
  border-bottom: 1px #ccc solid;
}

.bggreen {
  background-color: #green;
}

.bgf1 {
  background-color: #f1f1f1;
}

.bgf5 {
  background-color: #f5f5f5;
}

img {
  border: none;
}

.g-bd1 {
  margin: 0 0 10px;
}

.g-sd1 {
  position: relative;
  float: left;
  width: 190px;
  margin-right: -190px;
}

.g-mn1 {
  float: right;
  width: 100%;
}

.g-mn1c {
  margin-left: 200px;
}

.top {
  height: 80px;
}

.top .logo {
  float: left;
  margin: 0 150px 0 10px;
}

.top .logo a {
  display: inline-block;
  float: left;
}

.top .logo span {
  display: inline-block;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #333;
}

.top .logo em {
  display: inline-block;
  color: #dfdfdf;
  padding: 0 12px;
  font-style: normal;
}

.search_box {
  position: relative;
  float: left;
  margin-top: 18px;
}

.search_box .search_inp {
  float: left;
  padding: 0 10px;
  width: 320px;
  height: 40px;
  line-height: 40px;
  border: 1px #dcdcdc solid;
  transition: border-color 0.2s linear;
  box-sizing: content-box;
}

.search_box .search_btn {
  float: left;
  width: 40px;
  height: 40px;
  border: 1px #dcdcdc solid;
  border-left: none;
  background: url('../img/common/search_btn.png') no-repeat center center;
  cursor: pointer;
  box-sizing: content-box;
  transition: all 0.2s linear;
}

.search_box .search_tip {
  position: absolute;
  right: 40px;
  top: 12px;
}

.search_box .search_tip li {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.search_box .search_tip a {
  display: inline-block;
  padding: 0 5px;
  font-size: 14px;
  background-color: #b7b7b7;
  height: 20px;
  line-height: 20px;
  color: #fbf9f9;
  transition: background-color 0.2s linear;
}

.search_box .search_tip a:hover {
  background-color: #2ecb70;
}

.search_box.active .search_btn,
.search_box.active .search_inp {
  border-color: #2ecb70;
}

.search_box.active .search_btn {
  background: #2ecb70 url('../img/common/search_btn2.png') no-repeat center center;
}

.search_box3 {
  position: relative;
  float: right;
  margin-top: 18px;
  width: 250px;
  box-sizing: content-box;
  margin-right: 30px;
  height: 40px;
  border: 1px #2daa4f solid;
}

.search_box3 .search_inp {
  float: left;
  padding: 0 10px;
  width: 210px;
  height: 40px;
  line-height: 40px;
  border: 1px #dcdcdc solid;
  transition: border-color 0.2s linear;
  box-sizing: border-box;
}

.search_box3 .search_btn {
  float: left;
  width: 40px;
  height: 40px;
  border: none;
  background: #34ba47 url('../img/common/search_btn2.png') no-repeat center center;
  cursor: pointer;
  box-sizing: content-box;
  transition: all 0.2s linear;
}

.login_txt {
  position: relative;
  float: right;
  margin-top: 16px;
  height: 40px;
  line-height: 40px;
  color: #999;
  font-size: 14px;
}

.login_txt > a {
  display: inline-block;
  color: #333;
  font-size: 12px;
  line-height: 40px;
}

.login_txt .ydl .hy {
  float: left;
}

.login_txt .ydl img {
  float: left;
  margin: 0 5px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.login_txt .ydl .nickname {
  float: left;
  display: inline-block;
  width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login_txt {
  height: 40px;
  position: relative;
}

.login_txt .aft-userimg {
  width: 36px;
  height: 36px;
  padding: 2px;
}

.login_txt .aft-userimg .tx {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px #e5e5e5 solid;
}

.login_txt .aft-info {
  position: absolute;
  right: 0;
  top: 45px;
  width: 354px;
  height: 230px;
  text-align: left;
  background-color: #fdfeff;
  z-index: 22;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.login_txt .aft-info .caret {
  position: absolute;
  right: 20px;
  top: -5px;
  border-width: 5px;
  color: #2c3d4e;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.aft-info .info-top {
  height: 100px;
  line-height: 25px;
  width: 100%;
  background-color: #2c3d4e;
  overflow: hidden;
}

.info-top .loginout {
  position: absolute;
  right: 20px;
  top: 24px;
  color: #f15f6f;
}

.info-top .tx {
  display: inline-block;
  margin: 20px 30px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 2px #e5e5e5 solid;
}

.info-top .txbtn {
  display: inline-block;
  float: left;
}

.info-top .name {
  padding-top: 20px;
  font-size: 20px;
  color: #faf8f8;
}

.info-top .name p {
  margin-bottom: 0;
  line-height: 25px;
}

.info-top .exp {
  line-height: 20px;
}

.info-top .exp a {
  font-size: 14px;
  color: #9da5ad;
}

.info-bottom {
  width: 100%;
  height: 128px;
  box-sizing: border-box;
}

.info-bottom > a {
  position: relative;
  float: left;
  display: inline-block;
  padding-top: 75px;
  width: 33.3333%;
  height: 100%;
  font-size: 15px;
  color: #2c3d4e;
  text-align: center;
  box-sizing: border-box;
}

.info-bottom > a:hover {
  color: #f15f6f;
}

.info-bottom > a > span {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('../img/common/regiconpng.png') no-repeat;
}

.info-bottom .zhuye-icon {
  left: 40px;
  top: 22px;
  background-position: 0 -430px;
}

.info-bottom .message-icon {
  left: 40px;
  top: 22px;
  background-position: 0 -470px;
}

.info-bottom .account-icon {
  left: 40px;
  top: 22px;
  background-position: 0 -510px;
}

.info-bottom .message-icon em {
  position: absolute;
  right: 0;
  top: 7px;
  width: 10px;
  height: 10px;
  background-color: #e75969;
  border-radius: 50%;
}

.navi2 {
  float: left;
  padding: 15px 15px 0;
}

.navi2 li {
  position: relative;
  float: left;
  padding: 0 12px;
}

.navi2 .sub {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding-bottom: 5px;
  font-size: 14px;
  color: #333;
  font-weight: 400;
  box-sizing: content-box;
}

.navi2 .sub:hover {
  border-bottom: 1px #2ecb70 solid;
}

.navi2 dl {
  display: none;
  position: absolute;
  left: 0;
  top: 25px;
  background-color: #fff;
  z-index: 11;
}

.navi2 dl a {
  display: inline-block;
  padding: 0 10px;
  width: 60px;
  line-height: 30px;
  color: #333;
  box-sizing: content-box;
}

.navi2 dl a:hover {
  color: #2ecb70;
}

.top2 {
  border-bottom: 1px #b7b8b8 solid;
}

.top2 .logo {
  margin: 22px 0 0;
}

.top2 .navi2 {
  padding-top: 30px;
}

.top2 .search_box {
  padding-left: 30px;
}

.top2 .login_txt {
  margin-top: 18px;
}

.footer {
  background-color: #2f332f;
  color: #cdcdcd;
}

.footer .wrap {
  padding: 40px 0;
  width: 1040px;
}

.footer .link {
  float: left;
  width: 450px;
}

.footer .link dl {
  float: left;
  width: 130px;
  margin-right: 20px;
}

.footer .link dt {
  font-size: 16px;
  margin-bottom: 10px;
  color: #a5a5a5;
  font-weight: bold;
}

.footer .link dd {
  margin-bottom: 5px;
}

.footer .link a {
  color: #a5a5a5;
  font-size: 14px;
}

.footer .code {
  float: left;
  width: 290px;
  height: 140px;
}

.footer .code span {
  margin-left: 10px;
  display: inline-block;
  text-align: center;
}

.footer .code .weibo img {
  background-color: #fff;
}

.footer .code span img {
  margin-bottom: 10px;
  padding: 5px;
  background-color: #fff;
  border-radius: 4px;
}

.footer .contact {
  float: left;
  width: 259px;
  padding-left: 40px;
  border-left: 1px #4a4c4a solid;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
}

.footer .contact .tel {
  margin-bottom: 0;
  font-size: 2.5em;
  line-height: 1.2em;
  color: #c92c2c;
}

.yqlink {
  background-color: #fff;
  color: #cdcdcd;
  font-size: 14px;
  padding-top: 10px;
}

.yqlink a {
  display: inline-block;
  padding: 2px 5px;
  color: #cdcdcd;
}

.top3 {
  height: 30px;
  line-height: 30px;
  background-color: #f1f1f1;
  font-size: 12px;
}

.top3 .list {
  font-size: 12px;
  color: #999;
}

.top3 .list li {
  float: left;
  display: inline-block;
}

.top3 .list li a {
  color: #605f5f;
}

.top3 .list li:nth-child(2) a {
  color: #999;
}

.top3 .list .line {
  margin: 10px 5px 0;
  height: 13px;
  background-color: #737272;
  width: 1px;
}

.top3 .login_before {
  float: left;
  margin-right: 30px;
  height: 30px;
}

.top3 .login_before li a {
  color: #343434;
}

.top3 .login_after {
  position: relative;
  float: left;
  margin-right: 30px;
  height: 30px;
}

.top3 .login_after .name {
  color: #343434;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}

.top3 .login_after .name .name1 {
  float: left;
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top3 .login_after .vip {
  float: left;
  margin: 9px 5px 0;
  display: inline-block;
  width: 23px;
  height: 12px;
  background: url('../img/common/vip.png') 0 0 no-repeat;
}

.top3 .login_after .creat {
  position: absolute;
  right: -10px;
  top: 12px;
  display: block;
  width: 0;
  height: 0;
  border: 5px #7a7a7a solid;
  border-color: #7a7a7a transparent transparent;
}

.top3 .login_after .ul_list {
  display: none;
  position: absolute;
  left: 80%;
  top: 30px;
  border: 1px #ccc solid;
  box-shadow: 1px 1px 5px 0 #ccc;
  transform: translateX(-50%);
  z-index: 20;
}

.top3 .login_after .ul_list a {
  display: inline-block;
  width: 90px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  font-size: 12px;
  color: #575757;
  background-color: #fff;
}

.top3 .login_after .ul_list a:hover {
  background-color: #f3f3f3;
}

.top3 .gzwx {
  float: left;
  display: inline-block;
  position: relative;
}

.top3 .gzwx a {
  color: #343434;
  display: inline-block;
}

.top3 .gzwx .gzwx_box {
  display: none;
  position: absolute;
  left: 50%;
  top: 30px;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  border: 1px #ccc solid;
  box-shadow: 1px 1px 5px 0 #ccc;
  background-color: #fff;
  padding: 10px;
  z-index: 20;
}

.top3 .gzwx .gzwx_box img {
  width: 100%;
}

.top3 .gzwx .gzwx_box:after,
.top3 .gzwx .gzwx_box:before {
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: -10px;
  border: 5px #ccc solid;
  border-color: transparent transparent #ccc;
  transform: translateX(-50%);
}

.top3 .gzwx .gzwx_box:after {
  top: -9px;
  border-color: transparent transparent #fff;
}

.top3 .message {
  float: left;
  margin-left: 15px;
}

.top3 .message a {
  position: relative;
  color: #343434;
  display: inline-block;
}

.top3 .message .num {
  display: none;
  height: 14px;
  padding: 0 1px;
  min-width: 14px;
  position: absolute;
  left: 20px;
  top: 2px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 14px;
  background-color: #ff0000;
  border-radius: 7px;
}

.login3 {
  position: absolute;
  right: 10px;
  top: 50px;
  width: 210px;
  height: 300px;
  overflow: hidden;
  background-color: #fff;
  z-index: 20;
}

.login3 .tx {
  text-align: center;
  padding-top: 20px;
  height: 50px;
}

.login3 .tx img {
  display: inline-block;
  border-radius: 50%;
}

.login3 .login3_name {
  padding: 23px 0;
  text-align: center;
}

.login3 .login3_name a {
  font-size: 14px;
  color: #464646;
  line-height: 20px;
}

.login3 .login3_after_name {
  padding: 10px 0 30px;
}

.login3 .mycourse_btn {
  position: relative;
  display: block;
  margin: 0 auto 14px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border-radius: 4px;
  background: #35b558;
  text-align: center;
  transition: background-color 0.2s;
  padding-left: 30px;
  box-sizing: border-box;
}

.login3 .mycourse_btn:before {
  position: absolute;
  left: 30px;
  top: 5px;
  display: inline-block;
  content: '';
  width: 30px;
  height: 30px;
  background: url('../img/index/index.png') 0 -60px no-repeat;
}

.login3 .mycourse_btn:hover {
  background-color: #219741;
}

.login3 .newslist {
  background-color: #f6f5f5;
  padding: 0 10px;
}

.login3 .newslist li {
  border-bottom: 1px #ededed solid;
  position: relative;
}

.login3 .newslist li:before {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  content: '';
  width: 30px;
  height: 30px;
  background: url('../img/index/index.png') -30px 0 no-repeat;
}

.login3 .newslist li a {
  padding: 10px 0 10px 30px;
  display: inline-block;
  font-size: 12px;
  color: #5d5d5d;
  line-height: 18px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.login3 .newslist li:last-child {
  border-bottom: 0;
}

.login3 .newslist li:nth-child(2n):before {
  background-position: -30px -30px;
}

.header {
  height: 80px;
  background-color: #fff;
}

.header .logo {
  display: inline-block;
  float: left;
  padding-top: 20px;
}

.search_box2 {
  position: relative;
  float: left;
  margin: 20px 0 0 200px;
  width: 494px;
  height: 42px;
}

.search_box2 .search_inp {
  float: left;
  padding: 0 10px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  border: 2px #2daa4f solid;
  transition: border-color 0.2s linear;
  box-sizing: border-box;
}

.search_box2 .search_btn {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 92px;
  height: 38px;
  cursor: pointer;
  background-color: #34ba47;
  color: #fff;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  border: 0;
  transition: all 0.2s linear;
}

.search_box2 .search_tip {
  position: absolute;
  right: 92px;
  top: 12px;
}

.search_box2 .search_tip li {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.search_box2 .search_tip a {
  display: inline-block;
  padding: 0 5px;
  font-size: 14px;
  background-color: #b7b7b7;
  height: 20px;
  line-height: 20px;
  color: #fbf9f9;
  transition: background-color 0.2s linear;
}

.search_box2 .search_tip a:hover {
  background-color: #2daa4f;
}

.search_box2.active .search_btn,
.search_box2.active .search_inp {
  border-color: #2daa4f;
}

.header_link {
  float: right;
  position: relative;
  right: 0;
}

.header_link li {
  position: relative;
  width: 65px;
  float: left;
  text-align: center;
}

.header_link li em {
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  background: #35b558 url('../img/index/index.png') 0 0 no-repeat;
}

.header_link li a {
  font-size: 12px;
  color: #333;
  display: inline-block;
  padding-top: 55px;
}

.header_link li:nth-child(1) em {
  background-position: -30px -60px;
}

.header_link li:nth-child(2) em {
  background-position: 0 0;
}

.header_link li:nth-child(3) em {
  background-position: 0 -30px;
}

.header_link li:nth-child(4) {
  width: 60px;
}

.header_link li:nth-child(4) em {
  background-position: -60px 0;
}

.header_link .xcx {
  display: none;
  position: absolute;
  left: 0;
  top: 75px;
  transform: translateX(-50%);
  width: 110px;
  height: 120px;
  border: 1px #ccc solid;
  box-shadow: 1px 1px 5px 0 #ccc;
  background-color: #fff;
  padding: 10px;
  z-index: 20;
}

.header_link .xcx img {
  width: 100px;
  margin-bottom: 5px;
}

.header_link .xcx:after,
.header_link .xcx:before {
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 82%;
  top: -10px;
  border: 5px #ccc solid;
  border-color: transparent transparent #ccc;
  transform: translateX(-50%);
}

.header_link .xcx:after {
  top: -9px;
  border-color: transparent transparent #fff;
}

.head_navi {
  background-color: #fff;
  height: 40px;
}

.navi4 {
  position: relative;
  float: left;
  width: 240px;
  height: 40px;
  z-index: 3;
}

.navi4 .navi4_tit {
  display: inline-block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  color: #fdfbfb;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  background-color: #28aa4c;
  border-radius: 10px 10px 0 0;
}

.navi4_menu {
  position: absolute;
  left: 0;
  top: 40px;
  width: 240px;
  box-sizing: border-box;
}

.navi4_menu li {
  position: relative;
}

.navi4_menu li .libg,
.navi4_menu li:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: #2b333b;
}

.navi4_menu li .libg {
  display: none;
  z-index: 2;
  transition: all 0.2s;
}

.navi4_menu li dl {
  position: relative;
  z-index: 3;
  margin: 0 10px;
  padding: 4px 0 8px 10px;
  display: block;
  box-sizing: border-box;
  height: 66.5px;
}

.navi4_menu li dl dt {
  position: relative;
}

.navi4_menu li dl dt:after {
  position: absolute;
}

.navi4_menu li dl dt a {
  display: block;
  line-height: 28px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  box-sizing: border-box;
  transition: all 0.2s;
}

.navi4_menu li dl dd {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.navi4_menu li dl dd a {
  display: inline-block;
  padding-right: 10px;
  font-size: 12px;
  color: #b6b6b6;
  line-height: 28px;
  transition: all 0.2s;
}

.navi4_menu li dl dd a:last-child {
  padding-right: 0;
}

.navi4_menu li dl dd a:hover {
  text-decoration: underline;
}

/*.navi4_menu li.active .libg,
.navi4_menu li:hover .libg {
    display: block;
    background-color: rgba(0, 0, 0, 0.4)
}*/

.navi4_menu li.active dl dd a,
.navi4_menu li.active dl dt a,
.navi4_menu li:hover dl dd a,
.navi4_menu li:hover dl dt a {
  color: #fff;
}

.navi4_menu li:last-child .libg,
.navi4_menu li:last-child:before {
  border-radius: 0 0 10px 10px;
}

.navi5 {
  float: left;
  padding: 0 10px;
  height: 40px;
}

.navi5 li {
  position: relative;
  float: left;
  position: relative;
}

.navi5 li:nth-child(2):after {
  position: absolute;
  left: 33px;
  top: -15px;
  width: 50px;
  height: 35px;
  content: '';
  display: inline-block;
  background: url('../img/index/hot.gif') 0 0 no-repeat;
}

.navi5 .sub {
  display: inline-block;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #3d3d3d;
  font-weight: 400;
  transition: background-color 0.2s linear;
}

.navi5 .sub:hover {
  color: #28aa4c;
}

.sub_menu2 {
  display: none;
  position: absolute;
  left: 240px;
  top: 40px;
  width: 600px;
  height: 400px;
  padding: 35px 45px;
  background-color: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
  border: 2px #35b558 solid;
  border-left: 0;
}

.sub_menu2 dl {
  display: block;
  margin-bottom: 25px;
  font-size: 16px;
  color: #373737;
}

.sub_menu2 dt {
  width: 100%;
  display: block;
  margin-bottom: 25px;
}

.sub_menu2 dt a {
  font-size: 12px;
  line-height: 20px;
  color: #25bb64;
}

.sub_menu2 dd {
  float: left;
}

.sub_menu2 dd a {
  display: inline-block;
  line-height: 25px;
  height: 25px;
  color: #636363;
  transition: color 0.2s linear;
  font-size: 14px;
  margin-right: 20px;
}

.sub_menu2 dd a:hover {
  color: #24b15f;
}

.sub_menu2 .recommend dd {
  width: 141px;
  margin-right: 25px;
}

.sub_menu2 .recommend dd a {
  display: inline-block;
  line-height: normal;
  height: initial;
  margin-right: 0;
  width: 100%;
}

.sub_menu2 .recommend dd a img {
  width: 100%;
}

.sub_menu2 .recommend dd a .rc_name {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.g_m .g_head {
  height: 87px;
  padding: 34px 0 23px;
  line-height: 30px;
  box-sizing: border-box;
}

.g_m .g_head .title {
  float: left;
  width: 215px;
  margin-right: 12px;
  font-size: 20px;
  color: #333;
}

.g_m .g_head .menu {
  float: left;
}

.g_m .g_head .menu li {
  margin-right: 20px;
  float: left;
}

/* .g_m .g_head .menu li.on a,
.g_m .g_head .menu li:hover a {
    color: #35b558
} */
.g_m .g_head .menu li.on a,
.g_m .g_head .menu li:hover a {
  color: #109fac;
}

.g_m .g_head .menu a {
  font-size: 14px;
  color: #585858;
  transition: color 0.2s;
}

.g_m .g_head .more {
  float: right;
  font-size: 14px;
  color: #98abb4;
  transition: color 0.2s;
}

.g_m .g_head .more:hover {
  color: #109fac;
}
/* .g_m .g_head .more:hover {
    color: #35b558
} */

.g_m .g_main {
  position: relative;
  /* padding-bottom: 40px; */
}

.g_m .g_main .g_banner_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 215px;
  height: 210px;
}

.g_m .g_main .g_banner_box .g_banner_list a {
  position: absolute;
  left: 0;
  top: 0;
}

.g_m .g_main .g_banner_box .g_banner_control {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  height: 10px;
  padding: 7px 10px;
  border-radius: 12px;
  background-color: rgba(105, 105, 105, 0.61);
  z-index: 11;
}

.g_m .g_main .g_banner_box .g_banner_control a {
  float: left;
  display: inline-block;
  margin: 0 3px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: rgba(201, 199, 199, 0.71);
  transition: width 0.2s linear;
}

.g_m .g_main .g_banner_box .g_banner_control a.active {
  width: 18px;
}

.g_m .g_main .g_course_box {
  margin-left: 227px;
  height: 210px;
}

.g_m .g_main .g_course_box2 {
  height: 435px;
}

.g_course_list {
  margin-left: -10px;
  float: left;
}

.g_course_list li {
  float: left;
  margin-left: 10px;
}

.g_course_list .g_course_item {
  display: block;
  line-height: 24px;
  font-size: 16px;
  width: 235px;
  overflow: hidden;
}

.g_course_list .g_course_item .img {
  width: 235px;
  height: 147px;
  overflow: hidden;
  border-radius: 7px;
  transform: rotate(0deg);
}

.g_course_list .g_course_item .img .img_scale {
  display: block;
  transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.g_course_list .g_course_item:hover .img .img_scale {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.g_course_list .g_course_item:hover .tit {
  color: #35b558;
}

.g_course_list .g_course_item img {
  vertical-align: middle;
  width: 100%;
}

.g_course_list .g_course_item .tit {
  padding-top: 10px;
  padding-bottom: 5px;
  line-height: 24px;
  font-size: 14px;
  height: 24px;
  color: #333;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color 0.2s;
}

.g_course_list .g_course_item .charge {
  color: #f9080e;
}

.g_course_list .g_course_item .free {
  color: #109fac;
}

.g_course_list .g_course_item .st {
  float: right;
  color: #878787;
  font-size: 14px;
}

.g_course_list .g_course_item .st em {
  display: inline-block;
  margin-right: 5px;
  width: 11px;
  height: 11px;
  background: url('../img/common/bofang.png') 0 0 no-repeat;
}

.g_m2 .g_main .g_banner_box {
  height: 435px;
}

.g_course_list {
  margin-top: -15px;
}

.g_course_list li {
  margin-top: 15px;
}

.pagination {
  display: inline-block;
  margin: 20px auto;
  text-align: center;
}

.pagination a {
  border-radius: 3px;
  display: block;
  padding: 9px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 5px;
  background: #26b462;
  float: left;
  color: #fff;
}

.pagination a:active,
.pagination a:hover {
  color: #fff;
}

.pagination a:active {
  opacity: 1;
  filter: alpha(opacity=1);
}

.pagination a:hover {
  opacity: 0.8;
  filter: alpha(opacity=0.8);
}

.pagination .disabled,
.pagination .pg_disabled {
  background: #999;
  cursor: not-allowed;
}

.pagination .onpage span,
.pagination .onpage:after {
  display: inline-block;
  background: #26b462;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -5px;
  width: 0;
  height: 0;
  border: 5px #fff solid;
  border-color: transparent transparent #fff transparent;
}

.pagination .onpage:after {
  content: '';
}

.com-pop-title {
  padding: 0 80px 0 20px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #f8f8f8;
  border-radius: 2px 2px 0 0;
}

.com-pop-close {
  position: absolute;
  right: 15px;
  *right: 0;
  top: 15px;
  line-height: initial;
}

.com-pop-btn {
  text-align: right;
  padding: 0 10px 12px;
  pointer-events: auto;
}

.com-pop-btn a {
  height: 28px;
  line-height: 28px;
  margin: 0 6px;
  padding: 0 15px;
  border: 1px #dedede solid;
  background-color: #f1f1f1;
  color: #333;
  border-radius: 2px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
}

.com-pop-btn a:hover {
  opacity: 0.9;
  text-decoration: none;
}

.com-pop-btn a:active {
  opacity: 0.7;
}

.com-pop-btn .com-pop-btn0 {
  border-color: #4898d5;
  background-color: #2e8ded;
  color: #fff;
}

.com-pop-content {
  position: relative;
  padding: 20px;
  line-height: 24px;
  word-break: break-all;
  overflow: hidden;
  font-size: 14px;
  overflow: auto;
}

.com-pop-box {
  position: fixed;
  _position: absolute;
  pointer-events: auto;
  top: 150px;
  left: 50% !important;
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-background-clip: content;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
  min-width: 300px;
  z-index: 1200;
}

.com-pop-mask {
  position: fixed;
  _position: absolute;
  pointer-events: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  _height: expression(document.body.offsetHeight + 'px');
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 1100;
}

.com-skin2-box {
  min-width: 100px;
  border-radius: 4px;
  text-align: center;
  background-color: #fff;
  filter: alpha(opacity=100);
  color: #2d3e50;
  border: none;
}

.com-skin2-box .com-pop-content {
  padding: 10px 20px;
}

.com-skin2-box .com-pop-title {
  height: 0;
  display: none;
}

.com-skin2-box .com-pop-btn,
.com-skin2-box .com-pop-close {
  display: none;
}

.skin2 {
  z-index: 1200;
  width: 500px;
  padding: 20px;
  background-color: #fff;
  -webkit-background-clip: border-box;
}

.skin2 .com-pop-title {
  padding: 0 0 10px;
  height: auto;
  line-height: 20px;
  font-size: 16px;
  color: #2f332f;
  background-color: #fff;
  border-bottom: 1px #e4e7e8 solid;
}

.skin2 .com-pop-close {
  right: -20px;
  top: -15px;
}

.skin2 .com-pop-close a {
  display: inline-block;
  background: url('../img/common/close.png') no-repeat;
  width: 40px;
  height: 30px;
}

.skin2 .com-pop-btn {
  padding: 0 20px 0 0;
}

.skin2 .subbtn {
  display: inline-block;
  margin: 0;
  height: auto;
  line-height: 1;
  padding: 10px 15px;
  width: auto;
  text-align: center;
  border-radius: 4px;
  font-size: 18px;
  background-color: #5bc0de;
  color: #fff;
  border: none;
}

.skin2 .subbtn.disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

.skin2 .inpdiv {
  margin-bottom: 10px;
}

.skin2 .err {
  margin-bottom: 0;
  color: red;
}

.login_page,
.reg_page {
  padding: 100px 0;
  background-color: #f4f4f4;
}

.login_page h1,
.reg_page h1 {
  display: block;
  padding: 25px 0;
  height: 100px;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  color: #2ecb70;
  font-weight: bold;
}

.login_page h1 i,
.reg_page h1 i {
  position: relative;
  top: -25px;
  font-size: 24px;
  line-height: 30px;
  font-style: normal;
}

.reg_con {
  padding: 50px;
  margin: 0 auto;
  width: 900px;
  border: 1px #6bd899 solid;
  background-color: #feffff;
}

.reg {
  float: left;
  width: 302px;
  padding-right: 120px;
  border-right: 1px #ccc solid;
}

.reg h2 {
  color: #333;
  font-size: 18px;
  margin-bottom: 15px;
}

.reg .form_item {
  position: relative;
  margin-bottom: 30px;
}

.reg .form_item .inp {
  padding: 0 10px;
  width: 280px;
  height: 40px;
  line-height: 40px;
  border: 1px #ccc solid;
}

.reg .form_item .inp2 {
  width: 140px;
}

.reg .form_item .help_block {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  height: 30px;
  line-height: 30px;
  color: red;
}

.reg .form_item .pic_code_btn,
.reg .form_item .sms_code_btn {
  position: absolute;
  right: 0;
  top: 0;
}

.reg .form_item .sms_code_btn {
  top: 1px;
  right: 1px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  background-color: #2ecb70;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.reg .form_item .sms_code_btn.disab {
  cursor: no-drop;
  background-color: #dde0de;
  color: #424141;
}

.reg .form_item .login_btn {
  background-color: #2ecb70;
  text-align: center;
  line-height: 45px;
  height: 45px;
  border: 1px #5cb281 solid;
  width: 100%;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.reg_other {
  float: left;
  width: 377px;
  height: 370px;
  padding-left: 100px;
}

.reg_other .other_p1 {
  padding-top: 70px;
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 20px;
  color: #333;
}

.reg_other .other_p1 a {
  color: #2ecb70;
}

.reg_other .other_p2 {
  position: relative;
  margin: 25px auto;
  text-align: center;
  font-size: 16px;
  color: #999;
  width: 100%;
}

.reg_other .other_p2 span {
  display: inline-block;
  padding: 0 10px;
  background-color: #fff;
  width: 30%;
}

.reg_other .other_p2 .line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 33%;
  height: 1px;
  background: #ccc;
  margin-top: -1px;
}

.reg_other .other_p2 .line2 {
  left: 66%;
}

.reg_con2 {
  display: block;
  padding: 45px 0;
}

.reg_box {
  padding: 20px 25px;
  width: 640px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
  border: 1px #e3e3e3 solid;
}

.reg_box h1 {
  padding-bottom: 20px;
  border-bottom: 1px #ccc solid;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
}

.reg_box a {
  color: #000;
}

.reg_box .reg_gx {
  float: right;
  color: #000;
}

.reg2 {
  width: 302px;
  margin: 0 auto;
  padding: 50px 0;
}

.reg2 h2 {
  color: #333;
  font-size: 18px;
  margin-bottom: 15px;
}

.reg2 .form_item {
  position: relative;
  margin-bottom: 30px;
}

.reg2 .form_item .inp {
  border-radius: 4px;
  padding: 0 10px;
  width: 280px;
  height: 40px;
  line-height: 40px;
  border: 1px #ccc solid;
}

.reg2 .form_item .inp2 {
  width: 150px;
}

.reg2 .form_item .help_block {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  height: 30px;
  line-height: 30px;
  color: red;
}

.reg2 .form_item .succ {
  color: #2ecb70;
}

.reg2 .form_item .pic_code_btn,
.reg2 .form_item .sms_code_btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px #ccc solid;
  height: 40px;
}

.reg2 .form_item .sms_code_btn {
  display: inline-block;
  padding: 0 5px;
  top: 5px;
  right: 5px;
  height: 30px;
  line-height: 30px;
  background-color: #dde0de;
  font-size: 14px;
  text-align: center;
  color: #424141;
  border: none;
}

.reg2 .form_item .sms_code_btn.disab {
  cursor: no-drop;
  background-color: #dde0de;
  color: #424141;
}

.reg2 .form_item .xieyi {
  color: #333;
}

.reg2 .form_item .login_btn {
  border-radius: 4px;
  background-color: #2ecb70;
  text-align: center;
  line-height: 45px;
  height: 45px;
  border: 1px #5cb281 solid;
  width: 100%;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.reg2 .succtip {
  padding-top: 50px;
}

.reg2 .succtip span {
  color: #00af56;
}

.reg2 .other_login_txt {
  text-align: center;
  color: #999;
  margin-bottom: 20px;
}

.reg2 .social-login {
  margin-left: 0;
}

.reg2 .social-login .social-icon {
  margin: 0 17px;
  width: 58px;
  height: 58px;
  line-height: 58px;
}

.reg2 .social-login .social-icon > i {
  font-size: 33px;
}

.reg2 .social-login .social-icon.social-qq,
.reg2 .social-login .social-icon.social-qq:hover {
  background: #fff;
  border-color: #23aed1;
  color: #23aed1;
}

.reg2 .social-login .social-icon.social-weixin,
.reg2 .social-login .social-icon.social-weixin:hover {
  background: #fff;
  border-color: #2ecb70;
  color: #2ecb70;
}

.reg2 .social-login .social-icon.social-weibo,
.reg2 .social-login .social-icon.social-weibo:hover {
  background: #fff;
  border-color: #ec0e38;
  color: #ec0e38;
}

@font-face {
  font-family: 'es-icon';
  src: url('../font/es-icon/es-icon.eot?ngm20j');
  src: url('../font/es-icon/es-icon.eot?ngm20j#iefix') format('embedded-opentype'),
    url('../font/es-icon/es-icon.ttf?ngm20j') format('truetype'),
    url('../font/es-icon/es-icon.woff?ngm20j') format('woff'),
    url('../font/es-icon/es-icon.svg?ngm20j#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.es-icon {
  font-family: 'es-icon';
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.es-icon-qq:before {
  content: '\e644';
}

.es-icon-weibo:before {
  content: '\e65d';
}

.es-icon-weixin:before {
  content: '\e647';
}

.social-login {
  position: relative;
  margin-left: -30px;
  text-align: center;
  z-index: 1;
}

.social-login > span {
  z-index: 1;
  background-color: #fff;
}

.social-login .line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #f1f1f1;
  margin-top: -1px;
  z-index: -1;
}

.social-login .social-icon {
  display: inline-block;
  margin: 0 25px;
  border: 2px solid #919191;
  color: #919191;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.social-login .social-icon > i {
  font-size: 24px;
}

.social-login .social-icon:hover {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.social-login .social-icon.social-weibo:hover {
  background: #e6162d;
  border-color: #e6162d;
}

.social-login .social-icon.social-qq:hover {
  background: #78c257;
  border-color: #78c257;
}

.social-login .social-icon.social-renren:hover {
  background: #3793f1;
  border-color: #3793f1;
}

.social-login .social-icon.social-weixin:hover {
  background: #1ec354;
  border-color: #1ec354;
}

.social-login .social-icon.social-yun:hover {
  background: #ff842e;
  border-color: #ff842e;
}

.social-login .social-icon.social-more:hover {
  background: #46c37b;
  border-color: #46c37b;
}

.login-section {
  margin: 50px auto;
  width: 460px;
  min-height: 400px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.reg_other .social-icon {
  width: 75px;
  height: 75px;
  line-height: 75px;
}

.reg_other .social-icon > i {
  font-size: 60px;
}

.mask {
  background-color: #000;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  top: 0;
  z-index: 1100;
}

.login_box {
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px 50px 40px;
  width: 280px;
  z-index: 1200;
  background: #fff;
  box-shadow: 2px 2px 15px #ddd;
  box-sizing: content-box;
}

.login_box .pop_close {
  position: absolute;
  right: -20px;
  top: -15px;
  display: inline-block;
  width: 40px;
  height: 30px;
  background: url('../img/common/close.png') no-repeat;
  font-size: 20px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.login_box .h1_tit,
.login_box h1 {
  color: #444;
  font-size: 22px;
  margin-bottom: 30px;
}

.login_box .h1_tit a,
.login_box h1 a {
  color: #2ecb70;
  font-size: 18px;
}

.login_box .js_message {
  color: red !important;
}

.login_box .form_group {
  position: relative;
  color: #999;
  margin-bottom: 15px;
}

.login_box .form_group .control_label {
  display: none;
}

.login_box .form_group .form_control {
  width: 250px;
  height: 45px;
  border-radius: 5px;
  padding: 0 15px;
  border: 1px #ccc solid;
  box-sizing: content-box;
}

.login_box .form_group .help_block {
  color: red;
  display: none;
}

.login_box .group_error .form_control {
  border-color: red;
}

.login_box .for_passwordbtn {
  color: #e75969;
}

.login_box .checkbox input {
  margin-top: 3px;
}

.login_box .login_btn {
  border: 0;
  width: 100%;
  height: 45px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  background-color: #2ecb70;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.login_box .group_error .form_control {
  border-color: red;
}

.login_box .social-login {
  margin-left: 0;
}

.login_box .social-login .social-icon {
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0 8px;
}

.login_box .social-login .social-icon > i {
  font-size: 24px;
}

.login_box .line {
  border-bottom: 1px #ccc solid;
  margin-top: -1px;
}

.alone {
  position: static;
  margin: 0 auto;
}

.pro {
  position: relative;
  margin-left: 16%;
}

.pro li {
  position: relative;
  float: left;
  width: 33%;
}

.pro li i {
  display: inline-block;
  margin: 15px 10px;
  width: 52px;
  height: 52px;
  background-color: #b5b5b5;
  text-align: center;
  line-height: 52px;
  border-radius: 50%;
  font-style: normal;
  color: #fff;
}

.pro li span {
  font-size: 14px;
  color: #444;
}

.pro li:after {
  position: absolute;
  left: 72px;
  top: 42%;
  width: 180px;
  height: 2px;
  background-color: #b5b5b5;
  content: '';
}

.pro li:last-child:after {
  display: none;
}

.pro li.active i {
  background-color: #2ecb70;
}

.pro li.active:after {
  background-color: #2ecb70;
}

.forgetcon {
  width: 300px;
  margin: 50px auto;
}

.forgetcon .form_item {
  position: relative;
  margin-bottom: 30px;
}

.forgetcon .inp {
  padding: 0 10px;
  width: 280px;
  height: 45px;
  line-height: 45px;
  border: 1px #dbdcdc solid;
}

.forgetcon .inp2 {
  width: 138px;
  float: left;
}

.forgetcon .pic_code_btn {
  float: left;
  height: 47px;
}

.forgetcon .help_block {
  position: absolute;
  left: 0;
  top: 45px;
  height: 30px;
  line-height: 30px;
  color: red;
}

.forgetcon .for_sub {
  width: 100%;
  height: 45px;
  background-color: #2ecb70;
  text-align: center;
  line-height: 45px;
  border: 1px #5cb281 solid;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.forgetcon .tip {
  margin-bottom: 25px;
  font-size: 18px;
  color: #333;
}

.suc4 {
  padding: 100px 50px;
  text-align: center;
}

.suc4 img {
  width: 152px;
  margin: 0 auto;
}

.suc4 p {
  margin-top: 25px;
  font-size: 14px;
  color: #4d4f4e;
}

.suc4 .fh a {
  color: #00af56;
}

.banner {
  position: relative;
  z-index: 1;
  height: 400px;
  overflow: hidden;
}

.banner_box {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1920px;
  height: 495px !important;
  margin-left: -960px;
  overflow: hidden;
}

.banner_box .banner_list a {
  position: absolute;
  left: 0;
  top: 0;
}
.banner_box .banner_list a img {
  height: 495px !important;
}

.banner_box .banner_control {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 15px;
  height: 10px;
  padding: 7px 10px;
  border-radius: 12px;
  background-color: rgba(105, 105, 105, 0.61);
  z-index: 11;
  transform: translateX(-50%);
}

.banner_box .banner_control a {
  float: left;
  display: inline-block;
  margin: 0 3px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: rgba(201, 199, 199, 0.71);
  transition: width 0.2s linear;
}

.banner_box .banner_control a.active {
  width: 18px;
}

.home_news {
  height: 116px;
  border-bottom: 1px #f5f5f5 solid;
}

.home_news .home_news_ul:last-child {
  margin-left: 0;
  background: #fff url('../img/index/news2.jpg') 37px 37px no-repeat;
}

.home_news_ul {
  float: left;
  padding-top: 19px;
  padding-left: 150px;
  margin-left: 200px;
  background: #fff url('../img/index/news1.jpg') 67px 26px no-repeat;
  width: 270px;
  height: 96px;
}

.home_news_ul li {
  color: #969696;
  font-size: 14px;
}

.home_news_ul li a {
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #4b4b4b;
  width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
}

.home_news_ul li a:hover {
  color: #29b984;
}

.liveBar {
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  margin-top: -1px;
  position: relative;
  overflow: hidden;
  z-index: 99;
  background: #fff;
  border-radius: 0 0 10px 10px;
}

.liveBar .item {
  width: 22%;
  height: 100%;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  color: #2b2b2b;
}

.liveBar .item .isLiving {
  color: #f81142;
  font-size: 16px;
  font-weight: 700;
}
.liveBar .item .classTitle {
  font-size: 16px;
  font-weight: 700;
}

.liveBar .item ul {
  float: left;
  width: 160px;
  margin: 6px 4px;
}

.liveBar .item img {
  float: left;
  margin: 14px 10px;
  margin-left: 0;
}

.liveBar .item ul li:last-child {
  margin-top: 6px;
  box-sizing: border-box;
  color: #9e9e9e;
}

.live .tit {
  padding: 25px 0 20px;
  font-size: 20px;
  color: #323232;
  font-weight: 100;
}

.live .live_box {
  margin-bottom: 60px;
}

.live .live_teach {
  float: left;
  margin-right: 15px;
  border: 1px #e9e8e6 solid;
  width: 200px;
  box-sizing: border-box;
}

.live .teach_tit {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  background-color: #2cc48b;
}

.teach_ul {
  padding-top: 18px;
}

.teach_ul li {
  float: left;
  height: 55px;
  margin-bottom: 25px;
  padding: 0 10px;
}

.teach_ul .teach_pic {
  display: block;
  float: left;
  margin-right: 10px;
}

.teach_ul .teach_pic img {
  border-radius: 50%;
}

.teach_ul .teach_info {
  float: left;
  width: 113px;
  font-size: 14px;
  color: #3f3f3f;
  line-height: 25px;
}

.live_type {
  float: left;
  width: 825px;
  box-sizing: border-box;
}

.live_type .live_type_ul {
  margin-bottom: 10px;
  border: 1px #e7e7e7 solid;
}

.live_type .live_type_ul:last-child {
  margin-bottom: 0;
}

.live_type li {
  position: relative;
  width: 33.333%;
  float: left;
  text-align: center;
}

.live_type li:after {
  position: absolute;
  right: 0;
  top: 30px;
  content: '';
  width: 1px;
  height: 80px;
  background-color: #cdcdcd;
}

.live_type li:last-child:after {
  display: none;
}

.live_type li a {
  transition: all 0.3s;
}

.live_type li a:hover .l_type_name {
  color: #29b984;
}

.live_type li a:hover img {
  transform: matrix(1.1, 0, 0, 1.1, 0, 0);
}

.live_type li .l_type_pic {
  display: block;
  height: 100px;
  line-height: 100px;
}

.live_type li .l_type_pic img {
  vertical-align: middle;
  transition: all 0.3s;
}

.live_type li .l_type_name {
  padding-bottom: 23px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #3f3f3f;
}

.g_con1 .tit {
  padding: 25px 0 15px 5px;
  height: 25px;
  line-height: 25px;
  font-weight: normal;
  color: #969696;
  font-size: 16px;
}

.g_con1 .more {
  float: right;
  font-size: 14px;
  color: #969696;
  font-weight: 100;
}

.g_con1 .more:hover {
  color: #29b984;
}

.g_con1 .left_pic {
  border-radius: 5px;
}

.g_con2 .g_con2a {
  float: left;
  width: 200px;
  margin-right: 10px;
}

.g_con2 .g_con2b {
  float: left;
  width: 830px;
}

.g_con3 .g_con3a {
  float: left;
  width: 225px;
  margin-right: 5px;
}

.g_con3 .g_con3b {
  float: left;
  width: 580px;
}

.g_con3 .g_con3c {
  float: right;
  width: 225px;
  margin-left: 5px;
  border: 1px #e8e8e8 solid;
  box-sizing: border-box;
  box-shadow: 2px 2px 2px #e8e8e8;
}

.g_con4 {
  padding-bottom: 40px;
}

.g_con4 .tit {
  padding: 25px 0 15px 5px;
  height: 25px;
  line-height: 25px;
  font-weight: normal;
  color: #969696;
  font-size: 16px;
}

.m_list1 {
  margin-top: -10px;
  margin-left: -10px;
}

.m_list1 .lista {
  display: block;
  transition: all 0.3s;
}

.m_list1 .lista:hover {
  transform: translateY(-5px);
}

.m_list1 .lista:hover .pic {
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
}

.m_list1 .pic {
  height: 120px;
  transition: all 0.3s;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.m_list1 .info {
  margin-top: 3px;
  color: #333;
  font-size: 14px;
  height: 18px;
}

.m_list1 .type {
  display: inline-block;
  padding: 0 5px;
  margin-right: 8px;
  line-height: 18px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.m_list1 li {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

.m_list1 li:nth-child(3n + 1) .type {
  background-color: #009fec;
}

.m_list1 li:nth-child(3n + 2) .type {
  background-color: #dd7d04;
}

.m_list1 li:nth-child(3n + 3) .type {
  background-color: #d15adc;
}

.m_list2 {
  position: relative;
  height: 300px;
  padding: 30px 20px 20px;
  background: url('../img/index/classbg.jpg') 0 0 no-repeat;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
}

.m_list2.s_bg1 {
  background: url('../img/index/classbg2.jpg') 0 0 no-repeat;
}

.m_list2.s_bg2 {
  background: url('../img/index/classbg3.jpg') 0 0 no-repeat;
}

.m_list2.s_bg3 {
  background: url('../img/index/classbg4.jpg') 0 0 no-repeat;
}

.m_list2 .name {
  display: block;
  padding-top: 20px;
  line-height: 20px;
  height: 20px;
  font-size: 18px;
  color: #fff;
  font-weight: 100;
}

.m_list2 small {
  padding-top: 15px;
  display: block;
  font-size: 14px;
  font-weight: 100;
}

.m_list3 li {
  float: left;
}

.m_list3 li a {
  display: block;
  position: relative;
  height: 160px;
  overflow: hidden;
}

.m_list3 li a img {
  transition: all 0.5s ease-out;
}

.m_list3 li a:hover img {
  transform: matrix(1.02, 0, 0, 1.02, 0, 0);
}

.m_list3 li:nth-child(1) {
  margin-bottom: 7px;
}

.m_list3 li:nth-child(2) {
  margin-right: 6px;
}

.m_list3 img {
  box-shadow: 2px 3px 2px #e8e8e8;
  border: 1px #d4d2d7 solid;
  box-sizing: border-box;
}

.m_list3 .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 65px;
  box-sizing: border-box;
  padding: 10px 15px;
  font-size: 16px;
  color: #3a3a3a;
  line-height: 20px;
  transition: all 0.3s;
}

.m_list3 .info p {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m_list3 .info span {
  display: block;
  margin-top: 5px;
  color: #8f8d8d;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m_list3 .info b {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}

.m_list3 li a:hover .info {
  height: 85px;
}

.m_list6 {
  margin-left: -10px;
  margin-top: -10px;
}

.m_list6 li {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  box-sizing: border-box;
  width: 270px;
}

.m_list6 li a {
  display: block;
  position: relative;
  border-radius: 5px;
  height: 145px;
  overflow: hidden;
  transition: all 0.3s;
}

.m_list6 li a:hover {
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

.m_list6 img {
  width: 270px;
  height: 145px;
  overflow: hidden;
  box-sizing: border-box;
  transition: all 0.5s ease-out;
  border-radius: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.m_list6 .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 65px;
  box-sizing: border-box;
  padding: 10px 15px;
  font-size: 14px;
  color: #3a3a3a;
  line-height: 20px;
  transition: all 0.3s;
  overflow: hidden;
}

.m_list6 .info p {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m_list6 .info span {
  display: block;
  margin-top: 5px;
  color: #8f8d8d;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m_list6 .info b {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px #e8e8e8 solid;
  transition: all 0.3s;
  box-sizing: border-box;
}

.m_list6 li a:hover .info b {
  background-color: rgba(255, 255, 255, 0.9);
}

.m_list4 li:nth-child(1) {
  margin-bottom: 7px;
  margin-right: 6px;
}

.m_list4 li:nth-child(2) {
  margin-bottom: 7px;
  margin-right: 0;
}

.m_list4 li:nth-child(3) {
  margin-right: 6px;
}

.m_list5 li:nth-child(1) {
  margin-bottom: 7px;
  margin-right: 0;
}

.m_list5 li:nth-child(2) {
  margin-right: 5px;
}

.m_list5 li:nth-child(3) {
  margin-right: 5px;
}

.u_list1 {
  position: absolute;
  bottom: 20px;
  font-size: 12px;
  color: #fff;
  line-height: 25px;
}

.u_list1:before {
  width: 100%;
  height: 1px;
  content: '';
  display: inline-block;
  background-image: linear-gradient(left, #fff, rgba(255, 255, 255, 0));
}

.u_list1 li {
  position: relative;
  padding-left: 10px;
  width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u_list1 li a {
  color: #fff;
}

.u_list1 li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  display: inline-block;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}

.u_navi {
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #d6d6d6;
  color: #585858;
}

.u_navi a {
  display: inline-block;
  width: 50%;
  color: #585858;
  text-align: center;
  transition: all 0.3s;
}

.u_navi a.on,
.u_navi a:hover {
  color: #fff;
  background-color: #10a1fa;
}

.u_navibox {
  height: 274px;
}

.s_navi1 a.on,
.s_navi1 a:hover {
  background-color: #e78716;
}

.s_navi2 a.on,
.s_navi2 a:hover {
  background-color: #ed5756;
}

.u_list3 {
  padding: 0 15px 25px;
}

.u_list3 li {
  margin-top: 13px;
}

.u_list3 li a {
  position: relative;
  display: block;
}

.u_list3 li .left {
  position: absolute;
  left: 0;
}

.u_list3 li p {
  margin-left: 85px;
  font-size: 14px;
  color: #323232;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u_list3 li p:hover {
  color: #29b984;
}

.u_list3 li span {
  color: #9c9c9c;
}

.u_list4 {
  margin: 0 15px;
  padding: 15px 0 18px;
  border-top: 1px #dddddd solid;
}

.u_list4 li {
  position: relative;
  padding: 10px 30px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u_list4 li:before {
  position: absolute;
  left: 15px;
  top: 17px;
  content: '';
  border-color: #bababa;
  border-style: solid;
  border-width: 3px;
  transform: rotate(45deg);
  width: 0;
  height: 0;
}

.u_list4 li a {
  font-size: 14px;
  color: #323232;
  line-height: 20px;
}

.u_list4 li a:hover {
  color: #29b984;
}

.todo_list {
  margin-left: -20px;
  margin-top: -20px;
  float: left;
  width: 840px;
}

.todo_list .more {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 12px;
  background: url('../img/index/more.png') 0 0 no-repeat;
}

.todo_list dl {
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 260px;
  height: 150px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 10px;
}

.todo_list dt {
  position: relative;
  margin-bottom: 10px;
  background-color: #2ac38b;
  padding-left: 20px;
  padding-right: 10px;
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.todo_list dt:before {
  position: absolute;
  left: 10px;
  top: 12px;
  display: inline-block;
  content: '';
  width: 3px;
  height: 15px;
  background-color: #fff;
}

.todo_list dd {
  position: relative;
  padding: 5px 10px;
  height: 20px;
  background-color: #fff;
}

.todo_list dd a {
  display: inline-block;
  width: 170px;
  font-size: 14px;
  color: #5f5f5f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.todo_list dd a:hover {
  color: #29b984;
}

.todo_list dd .jinbi {
  position: absolute;
  right: 10px;
  display: inline-block;
  padding-left: 20px;
  font-size: 14px;
  color: #5f5f5f;
}

.todo_list dd .jinbi:before {
  display: inline-block;
  content: '';
  background: url('../img/index/shuit.png') -33px -80px no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 2px;
}

.todo_top {
  float: left;
  width: 200px;
  height: 320px;
  margin-left: 20px;
  background-color: #fff;
  border-radius: 10px;
}

.todo_top .tit {
  padding: 0 15px;
  color: #fff;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  background-color: #2cc48b;
}

.top_list {
  padding-bottom: 15px;
  background-color: #fff;
}

.top_list li {
  padding: 15px 7px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.top_list li:last-child {
  padding: 0;
}

.top_list .txa {
  float: left;
  width: 50px;
  margin-right: 5px;
  display: inline-block;
}

.top_list .tx {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.top_list .info {
  margin-left: 55px;
}

.top_list .more {
  float: right;
  color: #cbcbcb;
  font-size: 14px;
  margin-right: 10px;
}

.top_list .name {
  font-size: 14px;
  color: #373737;
  line-height: 25px;
  cursor: pointer;
}

.top_list .name:hover {
  color: #29b984;
}

.top_list .score {
  font-size: 12px;
  color: #838282;
  line-height: 25px;
  white-space: nowrap;
}

.top_list .score span {
  font-size: 14px;
  color: #ec1f46;
}

.tools {
  margin-left: -15px;
  margin-bottom: 40px;
}

.tools dl {
  float: left;
  width: 248px;
  margin-left: 15px;
  padding-bottom: 10px;
  border: 1px #e8e8e8 solid;
  box-sizing: border-box;
  box-shadow: 2px 3px 2px #e8e8e8;
}

.tools dl dt {
  position: relative;
  display: block;
  margin-bottom: 10px;
  height: 115px;
  padding-left: 100px;
  background-color: #f9f9f9;
}

.tools dl dt a {
  display: block;
}

.tools dl dt strong {
  display: block;
  padding-top: 25px;
  padding-bottom: 10px;
  line-height: 25px;
  font-size: 25px;
  color: #4ec1ec;
}

.tools dl dt small {
  display: block;
  font-size: 16px;
  color: #494949;
  font-weight: 400;
}

.tools dl dt .pic {
  position: absolute;
  left: 20px;
  top: 18px;
  content: '';
  display: inline-block;
  width: 70px;
  height: 70px;
}

.tools dl dd {
  display: inline-block;
  padding: 8px 20px;
  width: 208px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tools dl dd a {
  color: #464747;
  font-size: 14px;
  line-height: 20px;
}

.tools dl dd a:hover {
  color: #29b984;
}

.tools dl dd span {
  color: #ec894e;
}

.gkk {
  position: relative;
  overflow: hidden;
}

.gkk h2 {
  padding: 40px 0 25px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.gkk .more {
  font-size: 16px;
  color: #666;
  float: right;
}

.gkk .next,
.gkk .prev {
  position: absolute;
  left: 0;
  top: 60%;
  margin-top: -25px;
  display: block;
  width: 32px;
  height: 40px;
  background: url('../img/common/slider-arrow.png') -110px 5px no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 2;
}

.gkk .next {
  left: auto;
  right: 2px;
  background-position: 8px 5px;
}

.gkk .next:hover,
.gkk .prev:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.gkk_ul {
  overflow: hidden;
  height: 216px;
}

.gkk_ul li {
  float: left;
  margin-right: 13px;
  width: 248px;
  border: 1px #c5c5c5 solid;
}

.gkk_ul .gkk_imgbox {
  position: relative;
  display: inline-block;
  width: 248px;
  height: 150px;
  overflow: hidden;
}

.gkk_ul .gkk_imgbox .tit {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  line-height: 28px;
  height: 28px;
  color: #fff;
}

.gkk_ul .gkk_imgbox .tit .time {
  position: relative;
  z-index: 2;
  padding-left: 5px;
}

.gkk_ul .gkk_imgbox .tit b {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.5);
}

.gkk_ul .gkk_imgbox .tit span {
  float: right;
  margin-right: 5px;
}

.gkk_ul .gkk_imgbox img {
  width: 248px;
  height: 150px;
}

.gkk_ul .name {
  padding-left: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #2c2d2d;
}

.gkk_ul .num {
  padding-left: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  font-size: 12px;
}

.gkk_ul .num .red {
  color: #fa1515;
}

.gkk_ul .num a {
  width: 70px;
  background-color: #1cb25b;
  text-align: center;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  color: #fff;
  float: right;
}

.gkk_ul li a::before,
.highlight::before {
  content: '';
  display: block;
  position: absolute;
  width: 80px;
  height: 350px;
  left: -150px;
  top: 0;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(50%, rgba(255, 255, 255, 0.1)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
}

.gkk_ul li a:hover::before,
.highlight:hover::before {
  left: 350px;
  transition: left 0.4s linear;
}

.kcbox {
  position: relative;
  height: 510px;
}

.kcbox .kcbox_list {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

.kcbox .kcbox_list.active {
  visibility: visible;
}

.lab,
.lab2 {
  position: absolute;
  right: 8px;
  top: 0;
  background-color: #27ae62;
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
  line-height: 25px;
  height: 25px;
}

.lab2 {
  top: 5px;
  right: 13px;
}

.kcsx h2 {
  padding: 40px 0 25px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.kcsx .kcsx_list {
  float: left;
  margin-top: -24px;
  margin-left: -13px;
}

.kcsx .kcsx_list li {
  position: relative;
  float: left;
  margin-left: 13px;
  margin-top: 24px;
  width: 336px;
  border: 1px #dcdcdc solid;
  cursor: pointer;
  overflow: hidden;
}

.kcsx .kcsx_list li > a {
  display: block;
}

.kcsx .kcsx_list .list_info {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  padding: 5px 15px;
}

.kcsx .kcsx_list .list_info b {
  font-size: 18px;
  color: red;
}

.kcsx .kcsx_list .list_info span {
  display: inline-block;
  float: right;
  margin-left: 20px;
  width: 100px;
}

.kcsx .kcsx_list .list_info em {
  text-decoration: line-through;
  font-style: normal;
}

.kcsx .kcsx_list .list_info .btn {
  display: inline-block;
  padding: 0 5px;
  background-color: #2ecb70;
  color: #fff;
}

.kcsx .kcsx_list .sign_up {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s linear;
}

.kcsx .kcsx_list .sign_up .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -62px;
  margin-top: -20px;
  width: 135px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #2ecb70;
  z-index: 2;
}

.kcsx .kcsx_list .sign_up b {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  z-index: 1;
}

.navi3 {
  width: 100%;
  margin-top: 30px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 14px;
}

.navi3 li {
  position: relative;
  float: left;
  width: 16.5%;
  border-top: 2px #ccc solid;
  transition: all 0.4s linear;
}

.navi3 li a {
  display: inline-block;
  width: 100%;
  color: #333;
}

.navi3 li:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 0;
  border: 5px #2ecb70 solid;
  border-color: transparent;
  margin-left: -5px;
}

.navi3 li.active,
.navi3 li:hover {
  border-top: 2px #2ecb70 solid;
}

.navi3 li.active:before,
.navi3 li:hover:before {
  border-color: #2ecb70 transparent transparent;
}

.navi3 li.active a,
.navi3 li:hover a {
  color: #2ecb70;
}

.kclist {
  float: left;
  width: 796px;
  margin-top: -20px;
}

.kclist li {
  position: relative;
  float: left;
  width: 250px;
  height: 235px;
  margin-right: 8px;
  margin-top: 20px;
  cursor: pointer;
  z-index: 1;
}

.kclist li > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px #eff3f5 solid;
  z-index: 2;
  padding: 5px;
}

.kclist li.active {
  z-index: 10;
}

.kclist li.active > a {
  border: 1px #4bb480 solid;
  background-color: #fff;
}

.kclist p {
  padding: 7px 5px 0;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}

.kclist .info {
  display: none;
  color: #999;
  word-break: break-all;
}

.kclist .num_total {
  color: #66666;
}

.kclist .num_total i {
  color: #01984b;
  font-style: normal;
}

.kclist .num_total span {
  display: inline-block;
  float: right;
  margin-right: 10px;
}

.kcinfo {
  float: left;
  border: 1px #c5c5c5 solid;
  width: 212px;
  height: 450px;
  background-color: #fff;
  padding: 20px 15px;
  overflow: hidden;
}

.kcinfo h3 {
  padding-top: 50px;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.kcinfo .tit {
  background-color: #01984b;
  height: 186px;
}

.kcinfo .hot_btn {
  display: block;
  padding: 0 15px;
  margin: 25px auto 50px;
  font-size: 16px;
  color: #fff;
  background-color: #2ecb70;
  width: 100px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.kcinfo .kcinfo_dl {
  padding: 15px 15px 0;
  color: #fff;
  line-height: 30px;
  background-color: #2ecb70;
}

.kcinfo .kcinfo_dl dd {
  text-indent: 2em;
}

.kcinfo .kcinfo_dl a {
  color: #fff;
}

.kcinfo h2 {
  color: #333;
  font-size: 16px;
  padding: 0 0 20px;
}

.kcinfo ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
}

.kcinfo ul img {
  margin-top: 5px;
}

.kcinfo ul .green {
  background-color: #2ecb70;
}

.kcinfo ul i {
  position: absolute;
  left: 4px;
  top: 7px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #666;
}

.kcinfo ul a {
  display: inline-block;
  font-size: 14px;
  color: #333;
  line-height: 21px;
}

.zylj h2 {
  padding: 25px 0;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.list_zy {
  margin-left: -20px;
  color: #666;
  font-size: 14px;
  line-height: 20px;
}

.list_zy li {
  float: left;
  margin-left: 20px;
  width: 200px;
  height: 136px;
  border: 1px #e1e3e5 solid;
  padding: 20px;
  transition: all 0.2s linear;
}

.list_zy li .zy_info {
  float: left;
  padding-left: 15px;
  width: 115px;
}

.list_zy li .gz {
  padding-left: 30px;
  line-height: 30px;
  height: 30px;
  background: url('../img/index/money.png') left center no-repeat;
  white-space: nowrap;
}

.list_zy li .btn {
  display: block;
  margin: 30px auto 0;
  width: 155px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fdfcfc;
  background-color: #9da9a2;
  text-align: center;
  transition: all 0.2s linear;
}

.list_zy li.active,
.list_zy li:hover {
  border: 1px #6ad799 solid;
  background-color: #fff;
}

.list_zy li.active .btn,
.list_zy li:hover .btn {
  background-color: #2ecb70;
  color: #fff;
}

.jpkc {
  padding-bottom: 60px;
}

.jpkc h2 {
  padding: 40px 0 25px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.jpkclist {
  width: 100%;
  margin-bottom: 10px;
}

.case {
  padding-bottom: 100px;
}

.case h2 {
  padding: 20px 0;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.case ul {
  margin-left: -10px;
}

.case li {
  float: left;
  margin-left: 10px;
  width: 252px;
}

.fixed_box {
  position: fixed;
  bottom: 150px;
  right: 10px;
  width: 46px;
  z-index: 100;
  background-color: #2ecb70;
}

.fixed_box .zixun {
  display: inline-block;
  padding: 8px;
  width: 30px;
  height: 68px;
  color: #fff;
  font-size: 14px;
  box-sizing: content-box;
}

.fixed_box b {
  font-style: normal;
  display: inline-block;
  padding-top: 7px;
}

.fixed_box .qk_totop {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  width: 46px;
  height: 40px;
  overflow: hidden;
  text-align: center;
}

.fixed_box strong {
  display: inline-block;
  padding: 3px 6px;
  width: 34px;
  height: 34px;
  line-height: 17px;
  background-color: #188646;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  box-sizing: content-box;
}

.fixed_box em {
  display: inline-block;
  padding-top: 10px;
  width: 46px;
  height: 30px;
  background-color: #2ecb70;
  box-sizing: content-box;
}

.fixed_box a:hover em {
  display: none;
}

.subnavi {
  padding: 20px 0;
}

.subnavi a:not(:last-child) {
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #999;
}

.subnavi a:not(:last-child):after {
  margin: 0 10px;
  width: 6px;
  height: 11px;
  display: inline-block;
  content: '';
  background: url('../img/common/subnavi.png') 0 0 no-repeat;
}

.subnavi .active {
  color: #333;
}

.selnavi {
  background-color: #fff;
  padding: 25px 30px 0;
  font-size: 14px;
  line-height: 20px;
}

.selnavi .sel_list {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
  border-bottom: 1px #e5e5e5 solid;
}

.selnavi .sel_list:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.selnavi .sel_list span {
  float: left;
  display: inline-block;
  color: #666;
  width: 80px;
  height: 20px;
}

.selnavi .sel_list ul {
  float: left;
  width: 900px;
}

.selnavi .sel_list ul li {
  float: left;
  margin-bottom: 20px;
}

.selnavi .sel_list a {
  display: inline-block;
  margin: 0 5px;
  padding: 0 20px;
  height: 20px;
  line-height: 20px;
  color: #666;
  transition: all 0.2s linear;
}

.selnavi .sel_list a.active,
.selnavi .sel_list a:hover {
  background-color: #26b462;
  color: #fff;
}

.searchlist .kclist {
  width: 100%;
  padding-top: 35px;
  padding-bottom: 50px;
  float: none;
}

.searchlist2 h2 {
  margin-top: 25px;
  padding-bottom: 20px;
  border-bottom: 1px #e5e5e5 solid;
  font-size: 16px;
  color: #969696;
}

.searchlist2 .zylist {
  margin-left: -50px;
}

.searchlist2 .zylist li {
  float: left;
  margin-top: 20px;
  width: 220px;
  margin-left: 50px;
}

.searchlist2 .zylist li .tit {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  padding: 7px 0;
}

.searchlist2 .zylist li .label span {
  margin-right: 8px;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  background-color: #f5f5f5;
}

.searchlist2 .zylist li .num_total {
  padding: 10px 0;
  color: #666;
  font-size: 12px;
}

.searchlist2 .zylist li .num_total i {
  color: #01984b;
  font-style: normal;
}

.searchlist2 .kclist {
  background-color: #fff;
  margin-top: 0;
  padding-top: 0;
}

.searchlist2 .kclist li {
  margin-top: 30px;
}

.selnavi2 {
  padding: 15px 0;
  border-bottom: 1px #e5e5e5 solid;
}

.selnavi2 .sel_list {
  border-bottom: none;
  margin-bottom: 0;
}

.selnavi2 .sel_list a {
  padding: 0 5px;
}

.selnavi2 .sel_list span {
  width: auto;
  min-width: 40px;
}

.selnavi2 .sel_list ul li {
  margin-bottom: 10px;
}

.searchlist3 .route,
.searchlist3 h2 {
  margin-top: 25px;
  padding-bottom: 20px;
  border-bottom: 1px #e5e5e5 solid;
  font-size: 16px;
  color: #969696;
}

.searchlist3 .route {
  border: none;
}

.searchlist3 .se_list {
  margin-left: -1.6666%;
}

.searchlist3 .se_list_a {
  position: relative;
  float: left;
  display: block;
  padding: 70px 0 10px;
  border: 1px #eee solid;
  width: 15%;
  margin-left: 1.6666%;
  border-radius: 4px;
  box-sizing: border-box;
}

.searchlist3 .se_list_a:before {
  position: absolute;
  left: 50%;
  margin-left: -35px;
  top: 10px;
  display: block;
  content: '';
  width: 70px;
  height: 60px;
  background: url('../img/index/route_icon.png') center center no-repeat;
  background-position: 0 0;
}

.searchlist3 .se_list_a:nth-child(2):before {
  background-position: 0 -60px;
}

.searchlist3 .se_list_a:nth-child(3):before {
  background-position: 0 -120px;
}

.searchlist3 .se_list_a:nth-child(4):before {
  background-position: 0 -180px;
}

.searchlist3 .se_list_a:nth-child(5):before {
  background-position: 0 -240px;
}

.searchlist3 .se_list_a:nth-child(6):before {
  background-position: 0 -300px;
}

.searchlist3 .text {
  text-align: center;
  line-height: 20px;
}

.searchlist3 .text .name {
  padding: 5px 0;
  font-size: 14px;
  color: #292929;
}

.searchlist3 .text .des {
  font-size: 12px;
  color: #969696;
}

.searchlist4 .selnavi {
  padding: 25px 0 0;
}

.searchlist4 .selnavi .sel_list {
  margin-bottom: 15px;
}

.searchlist4 .selnavi .sel_list span {
  width: 40px;
  height: 30px;
  line-height: 30px;
}

.searchlist4 .selnavi .sel_list a {
  padding: 0 5px;
  border-radius: 2px;
  height: 30px;
  line-height: 30px;
  min-width: 40px;
  text-align: center;
}

.searchlist4 .selnavi .sel_list ul {
  width: 1150px;
}

.searchlist4 .selnavi .sel_list ul li {
  margin-bottom: 15px;
}

.kclist4 {
  width: 1200px;
  padding-top: 45px;
  margin-left: -20px;
}

.kclist4 li {
  float: left;
  margin-left: 20px;
}

.kclist4 .nodata {
  float: none;
  padding: 20px 0;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
}

.kclist4 .kclist4_item {
  display: block;
  line-height: 30px;
  font-size: 16px;
  width: 280px;
  overflow: hidden;
}

.kclist4 .kclist4_item .img {
  width: 280px;
  height: 174px;
  overflow: hidden;
}

.kclist4 .kclist4_item img {
  vertical-align: middle;
  width: 100%;
  transition: all 0.4s ease-in-out;
}

.kclist4 .kclist4_item:hover img {
  transform: scale(1.1);
}

.kclist4 .kclist4_item .tit {
  padding-top: 10px;
  line-height: 25px;
  height: 50px;
  color: #333;
}

.kclist4 .kclist4_item .info {
  margin-bottom: 20px;
}

.kclist4 .kclist4_item .charge {
  color: #f9080e;
}

.kclist4 .kclist4_item .free {
  color: #109fac;
}

.kclist4 .kclist4_item .st {
  float: right;
  color: #878787;
  font-size: 14px;
}

.kclist4 .kclist4_item .st em {
  display: inline-block;
  margin-right: 5px;
  width: 11px;
  height: 11px;
  background: url('../img/common/bofang.png') 0 0 no-repeat;
}

@font-face {
  font-family: 'iconfont';
  src: url('../font/ali/iconfont.eot');
  src: url('../font/ali/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/ali/iconfont.woff') format('woff'),
    url('../font/ali/iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');
}

.al_iconfont,
.iconfont {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weixin:before {
  content: '\e645';
}

.icon-shezhi:before {
  content: '\343c';
}

.icon-tupian:before {
  content: '\e64e';
}

.icon-kecheng1:before {
  content: '\e650';
}

.icon-wenhao:before {
  content: '\e649';
}

.icon-qq:before {
  content: '\e646';
}

.icon-xiazai:before {
  content: '\e601';
}

.icon-qqkongjian:before {
  content: '\e64a';
}

.icon-14052218:before {
  content: '\e640';
}

.icon-fenxiang:before {
  content: '\e602';
}

.icon-mulu:before {
  content: '\e603';
}

.icon-fenxiang1:before {
  content: '\e604';
}

.icon-xiazai1:before {
  content: '\e605';
}

.icon-weibo:before {
  content: '\e647';
}

.icon-del0:before {
  content: '\e653';
}

.icon-shijian:before {
  content: '\e63c';
}

.icon-shijian1:before {
  content: '\e63d';
}

.icon-mulu1:before {
  content: '\e606';
}

.icon-huifu:before {
  content: '\e642';
}

.icon-fenxiang2:before {
  content: '\e607';
}

.icon-xiazai2:before {
  content: '\e608';
}

.icon-aixin:before {
  content: '\e609';
}

.icon-wenhao1:before {
  content: '\e641';
}

.icon-wuxing1:before {
  content: '\e60a';
}

.icon-yanshi:before {
  content: '\e654';
}

.icon-yousanjiao:before {
  content: '\e60b';
}

.icon-wenhao2:before {
  content: '\e60c';
}

.icon-kecheng:before {
  content: '\e63e';
}

.icon-kecheng2:before {
  content: '\e63f';
}

.icon-message2:before {
  content: '\e652';
}

.icon-select:before {
  content: '\e60d';
}

.icon-back:before {
  content: '\e60e';
}

.icon-top:before {
  content: '\e60f';
}

.icon-down:before {
  content: '\e610';
}

.icon-right:before {
  content: '\e611';
}

.icon-left:before {
  content: '\e612';
}

.icon-favfill:before {
  content: '\e613';
}

.icon-fav:before {
  content: '\e614';
}

.icon-feedback:before {
  content: '\e615';
}

.icon-share:before {
  content: '\e616';
}

.icon-user:before {
  content: '\e617';
}

.icon-myfill:before {
  content: '\e618';
}

.icon-my:before {
  content: '\e619';
}

.icon-message:before {
  content: '\e61a';
}

.icon-search:before {
  content: '\e61b';
}

.icon-scan:before {
  content: '\e61c';
}

.icon-like:before {
  content: '\e61d';
}

.icon-likefill:before {
  content: '\e61e';
}

.icon-lock:before {
  content: '\e61f';
}

.icon-mobile:before {
  content: '\e620';
}

.icon-qr2:before {
  content: '\e621';
}

.icon-closefill:before {
  content: '\e622';
}

.icon-close:before {
  content: '\e623';
}

.icon-attachment:before {
  content: '\e624';
}

.icon-more:before {
  content: '\e625';
}

.icon-plane:before {
  content: '\e626';
}

.icon-planefill:before {
  content: '\e627';
}

.icon-ascend:before {
  content: '\e628';
}

.icon-falling:before {
  content: '\e629';
}

.icon-xiti:before {
  content: '\e64f';
}

.icon-gengduo:before {
  content: '\e643';
}

.icon-wujiaoxing:before {
  content: '\e62a';
}

.icon-jinbi:before {
  content: '\e655';
}

.icon-wenda:before {
  content: '\e78e';
}

.icon-aixin-copy:before {
  content: '\e62b';
}

.icon-renwu:before {
  content: '\e68e';
}

.icon-qiandao:before {
  content: '\e64d';
}

.icon-gengduo1:before {
  content: '\e644';
}

.icon-wenhao3:before {
  content: '\e62c';
}

.icon-guanbi:before {
  content: '\e62d';
}

.icon-radiobutton2:before {
  content: '\e62e';
}

.icon-xitongfanhui:before {
  content: '\e62f';
}

.icon-xitongcaidan:before {
  content: '\e630';
}

.icon-shouqi:before {
  content: '\e631';
}

.icon-xiala:before {
  content: '\e632';
}

.icon-xiayibu:before {
  content: '\e633';
}

.icon-tabshouqi:before {
  content: '\e634';
}

.icon-tabxiala:before {
  content: '\e635';
}

.icon-zengjia:before {
  content: '\e636';
}

.icon-radiobutton21:before {
  content: '\e637';
}

.icon-bankexing:before {
  content: '\e638';
}

.icon-chakan:before {
  content: '\e648';
}

.icon-zans:before {
  content: '\e639';
}

.icon-kanguos:before {
  content: '\e63a';
}

.icon-ketang:before {
  content: '\e64c';
}

.icon-xihuan:before {
  content: '\e600';
}

.icon-iconfontappreciatefuzhieps:before {
  content: '\e63b';
}

.icon-laba:before {
  content: '\e64b';
}

.icon-zuijia:before {
  content: '\e675';
}

.icon-qianbao2-copy:before {
  content: '\e651';
}

.vjs-error .vjs-error-display:before {
  content: '';
}

.video-js .vjs-offscreen {
  display: none;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  display: none;
}

.videobox {
  position: relative;
}

.videobox h1 {
  height: 25px;
  margin-bottom: 25px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.video_con {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.video_gg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: hidden;
}

.video_gg .video_a {
  display: block;
  position: relative;
  z-index: 100;
  text-align: center;
  vertical-align: middle;
}

.video_gg video {
  width: 100%;
  height: 100%;
}

.video_gg .info {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 101;
  background-color: #000;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}

.video_gg .info .time {
  color: red;
  display: inline-block;
  margin: 0 4px;
}

.video_gg .info .tip {
  display: inline-block;
  float: left;
}

.video_gg .info .close {
  display: inline-block;
  float: left;
  margin-left: 10px;
  color: #fff;
}

.video_gg:before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: #000;
}

.video_area {
  width: 1040px;
  height: 500px;
  background-color: #000;
}

.video_slider {
  position: absolute;
  right: -270px;
  top: 0;
  width: 270px;
  height: 460px;
}

.scrolltree {
  padding: 20px;
  height: 100%;
  background-color: #1b1b1b;
  font-size: 12px;
  color: #666;
  overflow: auto;
}

.scrolltree h2 {
  font-size: 16px;
  color: #fff;
}

.scrolltree h3 {
  padding: 10px 0;
  color: #ccc;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
}

.scrolltree dd,
.scrolltree dt {
  padding: 10px 0;
  font-size: 14px;
}

.scrolltree a {
  display: block;
  position: relative;
  padding-right: 50px;
  line-height: 20px;
  height: 20px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.scrolltree a.active,
.scrolltree a:hover {
  color: #2bdb75;
}

.scrolltree a i {
  font-size: 12px;
  display: inline-block;
  padding-right: 10px;
}

.scrolltree a span {
  display: inline-block;
  position: absolute;
  right: 0;
}

.video_action {
  position: absolute;
  left: -55px;
  top: 50%;
  margin-top: -102px;
  right: 270px;
  width: 55px;
}

.video_action a {
  padding: 8px 0;
  margin-bottom: 1px;
  text-align: center;
  display: inline-block;
  width: 100%;
  color: #ccc;
  text-decoration: none;
  background-color: #363e45;
}

.video_action a.active,
.video_action a:hover {
  background-color: #13aec0;
  color: #fff;
}

.video_action i {
  display: block;
}

.schedule_num {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #23b561;
}

.schedule {
  width: 100%;
  height: 12px;
  background-color: #ced0cf;
  position: relative;
}

.schedule span {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 15%;
  height: 12px;
  background-color: #23b561;
  z-index: 2;
}

.kcjs {
  font-size: 12px;
  color: #666;
  line-height: 24px;
  max-height: 220px;
  overflow: auto;
}

.kcxz {
  margin-bottom: 20px;
}

.kcxz .down {
  float: left;
  margin-right: 15px;
  display: inline-block;
  padding: 12px 12px 12px 55px;
  width: 160px;
  height: 57px;
  border-radius: 4px;
  line-height: 33px;
  color: #fff;
  font-size: 16px;
  box-sizing: border-box;
  background: #23b561 url('../img/common/down.png') 18px 15px no-repeat;
}

.kcxz .text {
  display: inline-block;
  float: left;
  line-height: 30px;
}

.kcxz .text .tqm a,
.kcxz .text .tqm span {
  color: #23b561;
}

.kcxz .text .tqm span.zx {
  margin: 0 4px;
  cursor: pointer;
  text-decoration: underline;
}

.kcxz .text .no {
  line-height: 60px;
}

.coursetab {
  float: left;
  margin-right: 90px;
  width: 650px;
}

.courseslider {
  float: left;
  width: 300px;
  padding-top: 30px;
}

.courseul {
  margin-top: 30px;
}

.courseul li {
  float: left;
}

.courseul a {
  margin-right: 30px;
  display: inline-block;
  padding: 7px 0;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  border-bottom: 2px #fff solid;
}

.courseul a.active,
.courseul a:hover {
  color: #23b561;
  border-color: #23b561;
}

.publishbtn {
  display: inline-block;
  padding: 0 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  background-color: #23b561;
}

.cour_comment .inputbox {
  margin: 10px 0;
}

.cour_comment .textarea {
  padding: 10px;
  border: 1px #ccc solid;
  width: 630px;
  height: 100px;
}

.cour-message {
  padding-left: 0;
}

.cour-message li {
  padding: 25px 0;
  border-bottom: 1px #eee solid;
}

.cour-message .cour-msg-pic {
  padding-right: 15px;
  display: inline-block;
  float: left;
  outline: none;
}

.cour-message .cour-msg-pic img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.cour-msg-body {
  display: inline-block;
  width: 585px;
}

.cour-msg-name {
  font-size: 14px;
  color: #999;
  width: 235px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cour-msg-name span {
  padding-right: 10px;
  font-size: 14px;
  color: #1eaace;
}

.cour-msg-name .cour-msg-time {
  font-size: 12px;
  font-style: normal;
}

.cour-msg-con {
  margin-bottom: 0;
  color: #616161;
  font-size: 14px;
  overflow: hidden;
  word-wrap: break-word;
}

.cour-msg-con .cour-replaybtn {
  color: #1eaace;
}

.cour-replay-con {
  padding-left: 60px;
}

.cour-replay-con li {
  padding: 10px 0;
}

.cour-message li:last-child,
.cour-replay-con li:last-child {
  border-width: 0;
}

.qa_post {
  margin-top: 20px;
}

.qa_post .inpdiv {
  margin-bottom: 10px;
}

.inpdiv label {
  float: left;
  width: 50px;
  color: #333;
  font-size: 14px;
  line-height: 35px;
}

.inpdiv .inp_tit {
  float: left;
  padding: 0 10px;
  width: 578px;
  border: 1px #ccc solid;
  height: 35px;
  line-height: 35px;
}

.inpdiv .err {
  padding-left: 50px;
}

.cour-askul li {
  border-bottom: 1px #eee solid;
}

.cour-askul li:last-child {
  border-width: 1px;
}

.cour-askul i {
  display: inline-block;
  color: #23b561;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.cour-askul .cour-msg-name {
  font-size: 12px;
  color: #666;
}

.cour-askul .cour-msg-name span {
  font-size: 12px;
  color: #666;
}

.cour-askul .cour-msg-con {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}

.cour-askul .cour-msg-con a {
  color: #333;
}

.cour-askul .teach {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 20px;
}

.cour-askul .teach span {
  color: #e61717;
}

.cour-askul .more {
  display: block;
  margin-top: 10px;
  float: right;
  color: #1eaace;
}

.related {
  margin-bottom: 50px;
}

.related ul {
  margin-left: -20px;
}

.related li {
  float: left;
  margin-left: 19px;
  width: 204px;
}

.related a {
  font-size: 12px;
  color: #333;
}

.related p {
  margin-top: 10px;
}

.related .num {
  font-size: 12px;
  color: #666;
}

.related .num em {
  font-style: normal;
  color: #01984b;
}

.related .num span {
  float: right;
  margin-right: 10px;
}

.pf {
  margin-bottom: 15px;
}

.pf span {
  font-size: 18px;
  color: #333;
  margin-right: 10px;
}

.pf i {
  display: inline-block;
  font-size: 20px;
  color: #ff6e01;
}

.js_stars i {
  cursor: pointer;
}

.comment {
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
  padding-top: 20px;
}

.comment .textarea {
  margin-top: 10px;
  padding: 5px;
  width: 290px;
  height: 100px;
  border: 1px #ccc solid;
}

.comment .fb {
  position: absolute;
  top: 90px;
  right: 5px;
  width: 50px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #23b561;
}

.comment .err {
  font-size: 14px;
}

.comment li {
  padding: 15px 0;
  border-bottom: 1px #eee solid;
}

.comment li:last-child {
  border-width: 1px;
}

.comment .cour-msg-pic img {
  border-radius: 0;
}

.comment .cour-msg-name {
  font-size: 14px;
  color: #333;
  height: 25px;
}

.comment .cour-msg-name span {
  font-size: 12px;
  color: #666;
}

.comment .cour-msg-body {
  width: 235px;
}

.comment .cour-msg-con {
  height: 25px;
}

.comment .cour-msg-con i {
  color: #ff6e01;
}

.comment .comment-con {
  padding-top: 10px;
  font-size: 12px;
  color: #333;
}

.study {
  margin-bottom: 30px;
  height: 45px;
  line-height: 45px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background-color: #27bb65;
}

.study_ul {
  margin-left: -18px;
  text-align: center;
}

.study_ul span {
  display: inline-block;
  padding: 10px 0;
  white-space: nowrap;
  width: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 36px;
  overflow: hidden;
}

.study_ul a {
  display: block;
  width: 45px;
  font-size: 12px;
  color: #666;
}

.study_ul li {
  float: left;
  margin-left: 18px;
}

.study_ul img {
  width: 45px;
  height: 45px;
}

.course_share {
  width: 400px;
}

.courseware {
  width: 400px;
}

.courseware .com-pop-content {
  max-height: 400px;
  overflow: auto;
}

.courseware ul a {
  font-size: 14px;
  color: #333;
  line-height: 28px;
}

.c_head h2 {
  padding: 30px 200px 20px;
  font-size: 30px;
  color: #333333;
  text-align: center;
  font-weight: 100;
}

.c_head h3 {
  padding: 0 150px 40px;
  font-size: 14px;
  color: #747373;
  text-align: center;
  font-weight: 100;
  line-height: 24px;
}

.c_head .course_info li {
  position: relative;
  float: left;
  width: 25%;
  height: 120px;
  border: 1px #d7d6d6 solid;
  font-size: 14px;
  color: #575656;
  margin-left: -1px;
  text-align: center;
  box-sizing: border-box;
}

.c_head .course_info li:first-child {
  margin-left: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 100px;
}

.c_head .course_info img {
  vertical-align: middle;
}

.c_head .course_info p {
  padding-top: 25px;
  padding-bottom: 10px;
  height: 45px;
}

.c_head .course_info span {
  color: #2ecb70;
  font-size: 34px;
}

.c_head .course_info b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  line-height: 20px;
  background-color: #131313;
  text-align: center;
  color: #f9fcfa;
  font-size: 12px;
}

.d_type {
  float: right;
  margin: 15px 2px 40px 0;
  padding: 4px 10px;
  width: 65px;
  height: 25px;
  border: 1px #d7d6d6 solid;
  border-radius: 4px;
  box-sizing: border-box;
}

.d_type a {
  display: inline-block;
  float: left;
  background: url('../img/index/d_type.png') 0 0 no-repeat;
  transition: background 0.2s linear;
}

.d_type a:first-child {
  width: 16px;
  height: 15px;
  margin-right: 7px;
}

.d_type a:first-child.on,
.d_type a:first-child:hover {
  background-position: 0 -24px;
}

.d_type a:last-child {
  width: 19px;
  height: 15px;
  background-position: -23px 0;
}

.d_type a:last-child.on,
.d_type a:last-child:hover {
  background-position: -23px -24px;
}

.system1 .s1_head {
  padding-left: 50px;
}

.system1 .s1_head:first-child {
  padding-left: 0;
}

.system1 .s1_head .tit {
  margin-bottom: 10px;
  font-size: 20px;
  color: #363737;
  text-align: center;
}

.system1 .s1_head .info {
  font-size: 14px;
  color: #999;
  text-align: center;
  line-height: 20px;
}

.system1 .s1_box {
  margin-bottom: 50px;
  border-left: 1px #2e2e2e solid;
}

.system1 .num {
  position: relative;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-left: 100px;
  font-size: 14px;
  color: #2e2e2e;
  line-height: 30px;
}

.system1 .num span {
  position: absolute;
  left: 4px;
  top: 0;
  display: inline-block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: #2e2e2e;
  text-align: center;
}

.system1 .num span:after {
  position: absolute;
  left: 60px;
  top: 0;
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  border-width: 15px 17px;
  border-style: solid;
  border-color: transparent transparent transparent #2e2e2e;
}

.system1 .s1_list {
  padding-left: 50px;
}

.system1 .s1_list li {
  float: left;
  width: 225px;
  padding: 10px;
  border: 1px #ecebeb solid;
  margin: 0 -1px -1px 0;
}

.system1 .s1_list .more {
  display: block;
  margin: 0;
  border: 0;
  padding: 10px 0 0;
  width: 100%;
}

.system1 .s1_list .more a {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  color: #646363;
  border: 1px #dcdbdb solid;
  transition: color 0.3s;
}

.system1 .s1_list .more a:hover {
  color: #29b984;
}

.system1 .s1_list li .imga img {
  transition: all 0.3s;
}

.system1 .s1_list li:hover img {
  transform: matrix(1.1, 0, 0, 1.1, 0, 0);
}

.system1 .s1_list li:hover .name {
  color: #29b984;
}

.system1 .s1_list .imga {
  display: block;
  font-size: 0;
  overflow: hidden;
}

.system1 .s1_list .name {
  display: block;
  padding: 10px 10px 0;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #333;
  background-color: #f4f4f4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
}

.system1 .s1_list .name:hover {
  color: #29b984;
}

.system1 .s1_list .info {
  padding: 6px 10px 10px;
  font-size: 12px;
  color: #656565;
  height: 20px;
  line-height: 20px;
  background-color: #f4f4f4;
}

.system1 .s1_list .info span {
  float: right;
}

.system {
  padding-bottom: 50px;
}

.system .mt20 {
  margin-top: 20px;
}

.system h2 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.system h2 .bs {
  float: right;
  display: inline-block;
  font-size: 12px;
  color: #666;
}

.system h2 span {
  padding-left: 20px;
}

.system h2 span:before {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #aaacab;
  content: '';
  margin-right: 5px;
}

.system h2 span:first-child:before {
  background-color: #2bc172;
}

.system .tip {
  font-size: 14px;
  color: #f45858;
}

.system h3 {
  margin: 50px 0 20px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.system .gostudy {
  display: inline-block;
  float: right;
  width: 90px;
  height: 30px;
  line-height: 30px;
  background-color: #f45858;
  color: #fff;
  text-align: center;
}

.system .course_info {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}

.system .course_icon {
  margin: 15px 0;
  font-weight: normal;
}

.system .course_icon span {
  margin-right: 20px;
  color: #333;
}

.system .course_icon i {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: -2px;
  color: #f45858;
}

.system .course_icon em {
  color: #f45858;
}

.system .course_icon .icon-ketang {
  position: relative;
  top: 2px;
  left: 2px;
  font-size: 18px;
}

.system h4 {
  margin: 40px 0 15px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.system h4 .course_icon {
  margin: 0;
}

.system .h4_tit {
  margin-bottom: 15px;
  font-size: 14px;
  color: #666;
}

.system .course_tit {
  font-size: 12px;
  width: 1027px;
  padding-left: 10px;
  color: #666;
  background-color: #f4f4f4;
  line-height: 40px;
  height: 38px;
  border: 1px #cccccc solid;
  border-bottom: none;
}

.system .course_help {
  position: relative;
  display: inline-block;
  padding-left: 5px;
  cursor: pointer;
}

.system .course_help .text {
  position: absolute;
  top: 10px;
  left: 35px;
  z-index: 20;
  visibility: hidden;
  max-width: 600px;
  opacity: 0;
  padding: 2px 10px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  color: #666;
  line-height: 14px;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}

.system .course_help .text span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.system .course_help .text .arrow {
  position: absolute;
  top: 50%;
  right: 100%;
  display: inline-block;
  padding: 0;
  background-image: none;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.system .course_help .text .arrow:before {
  position: absolute;
  left: -10px;
  top: -4px;
  content: ' ';
  border: 5px #e4e4e4 solid;
  border-color: transparent #e4e4e4 transparent transparent;
  z-index: 1;
}

.system .course_help .text .arrow:after {
  position: absolute;
  left: -8px;
  top: -3px;
  content: ' ';
  border: 4px #fff solid;
  border-color: transparent #fff transparent transparent;
  z-index: 2;
}

.system .course_ul li {
  float: left;
  position: relative;
  width: 345px;
  border: 1px #ccc solid;
  margin: 0 -1px -1px 0;
  z-index: 1;
}

.system .course_ul li.active,
.system .course_ul li:hover {
  border-color: #2bc172;
  z-index: 2;
  background-color: #fff;
}

.system .course_ul li.active:after,
.system .course_ul li:hover:after {
  background-color: #2bc172;
}

.system .course_ul li.active a,
.system .course_ul li:hover a {
  background-color: #fff;
}

.system .course_ul li:first-child {
  width: 1036px;
  border-left: 2px #f45858 solid;
}

.system .course_ul li:first-child a:after {
  background-color: #fff;
}

.system .course_ul li .time {
  position: absolute;
  right: 20px;
  top: 0;
  color: #808080;
  font-size: 12px;
}

.system .course_ul li .icon-shijian1 {
  margin-right: 5px;
  color: #808080;
  font-size: 12px;
  position: relative;
  top: -1px;
}

.system .course_ul a {
  position: relative;
  display: block;
  color: #666;
  text-align: left;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
}

.system .course_ul a:after {
  content: '';
  position: absolute;
  right: 8px;
  top: 16px;
  width: 8px;
  height: 8px;
  background-color: #2bc172;
}

.system .course_ul a .icon-ketang {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  background-color: #f45858;
  border-radius: 50%;
  color: #fff;
  width: 22px;
  height: 22px;
  line-height: 21px;
  text-align: center;
  font-size: 16px;
  top: 3px;
}

.system .course_ul a .icon-ketang:before {
  position: absolute;
  width: 16px;
  left: 2px;
  top: 1px;
  display: inline-block;
  text-align: center;
}

.system .course_ul .read a {
  background-color: #f5f5f5;
}

.system .course_ul .read a:after {
  background-color: #aaacab;
}

.banner2 {
  position: relative;
  width: 660px;
  height: 300px;
  overflow: hidden;
}

.banner2 .banner2_list a {
  position: absolute;
  left: 0;
  top: 0;
}

.banner2 .banner2_control {
  position: absolute;
  left: 50%;
  bottom: 15px;
  margin-left: -50px;
  height: 10px;
  padding: 7px 10px;
  border-radius: 12px;
  background-color: #8eb9d0;
  z-index: 11;
}

.banner2 .banner2_control a {
  float: left;
  display: inline-block;
  margin: 0 3px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #dbdedc;
  transition: width 0.2s linear;
}

.banner2 .banner2_control a.active {
  width: 18px;
}

.forum_l {
  float: left;
  width: 660px;
}

.forum_r {
  float: right;
  width: 350px;
  margin-left: 20px;
}

.posts_num {
  height: 28px;
  line-height: 28px;
  padding: 20px 0;
  font-size: 14px;
  color: #333;
  box-sizing: content-box;
}

.posts_num li {
  float: left;
  margin-right: 50px;
}

.posts_num span {
  color: #bc2f1d;
}

.forum_list {
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

.forum_list .tx {
  float: left;
  margin-top: 25px;
  margin-right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.forum_list .tx img {
  border-radius: 50%;
}

.forum_list .info {
  float: left;
  padding: 25px 0 15px;
  width: 595px;
  border-bottom: 1px #e7e7e7 solid;
}

.forum_list .info a {
  display: block;
  color: #333;
  word-wrap: break-word;
}

.forum_list .info .coment {
  padding: 10px 0;
}

.forum_list .new {
  color: #bc2f1d;
  display: inline-block;
}

.forum_list .time {
  color: #666;
  font-size: 12px;
}

.forum_list .time span {
  float: right;
}

.forum_list .time i {
  padding-left: 15px;
}

.posts_slider .posts_btn {
  display: inline-block;
  width: 157px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #2ecb70;
}

.posts_slider .posts_btn:first-child {
  margin-left: 0;
}

.posts_slider .label dt {
  font-size: 16px;
  color: #666;
  margin-top: 15px;
  margin-bottom: 10px;
}

.posts_slider .label dd {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.posts_slider .label a {
  display: inline-block;
  padding: 0 10px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  background-color: #eff3f6;
  border: 1px #d7d8d9 solid;
  border-radius: 4px;
}

.posts_slider .label a:hover {
  border: 1px #2ecb70 solid;
  color: #fff;
  background-color: #2ecb70;
}

.posts_slider .hot_posts {
  list-style-type: none;
  counter-reset: sectioncounter;
}

.posts_slider .hot_posts dt {
  font-size: 16px;
  color: #333;
  border-bottom: 1px #c5c5c5 solid;
  padding-bottom: 10px;
}

.posts_slider .hot_posts dd {
  position: relative;
  font-size: 12px;
}

.posts_slider .hot_posts dd i {
  font-style: normal;
  width: 10px;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
  line-height: 20px;
}

.posts_slider .hot_posts dd:nth-child(2) {
  color: #ee1111;
}

.posts_slider .hot_posts dd:nth-child(3) {
  color: #ed710c;
}

.posts_slider .hot_posts dd:nth-child(4) {
  color: #f1b013;
}

.posts_slider .hot_posts a {
  display: inline-block;
  padding: 10px 0 10px 20px;
  color: #333;
  font-size: 12px;
  width: 240px;
  overflow: hidden;
}

.pagination2 a {
  display: inline-block;
  margin: 0 5px;
  padding: 0 10px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #757371;
  background-color: #f3f3f3;
  border: 1px #e8e9ea solid;
}

.detail_con {
  padding: 20px;
  background-color: #f4f4f4;
  color: #333;
  font-size: 12px;
  overflow: hidden;
  word-wrap: break-word;
  line-height: 24px;
}

.detail_con h2 {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.add_ask {
  padding: 15px 0 65px;
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
}

.detail_btn {
  display: inline-block;
  padding: 0 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  margin-top: 20px;
  background-color: #f11721;
}

.detail_message .cour-msg-name span {
  line-height: 50px;
  font-size: 14px;
  color: #333;
}

.detail_message em {
  font-size: 12px;
  line-height: 50px;
  color: #666;
  float: right;
}

.detail_message .cour-msg-con {
  font-size: 12px;
  line-height: 24px;
}

.detail_slider {
  margin-left: 60px;
  width: 300px;
}

.detail_slider .detail_askbtn {
  margin: 0 0 50px 10px;
  display: inline-block;
  font-size: 18px;
  width: 290px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #2ecb70;
  color: #fff;
}

.job_banner {
  position: relative;
  height: 500px;
}

.job_banner img {
  position: absolute;
  left: 50%;
  margin-left: -960px;
}

.job_banner .zixun {
  position: absolute;
  left: 50%;
  top: 340px;
  margin-left: -265px;
}

.job_banner .zixun a {
  display: inline-block;
  float: left;
  margin-left: 85px;
  border: 2px #263649 solid;
  color: #fff;
  text-align: center;
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  background-color: #1c2938;
  border-radius: 5px;
}

.job_banner .zixun a:hover {
  background-color: #37485c;
}

.job .red {
  color: red;
}

.job .green {
  color: green;
}

.job h1 {
  padding-top: 50px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-align: center;
  background: url('../img/jybz/btbg.png') center bottom no-repeat;
  font-size: 30px;
}

.job h1 span {
  color: #f80606;
}

.job h2 {
  font-size: 16px;
  line-height: 22px;
  color: #666;
  text-align: center;
}

.job .advantage {
  margin: 20px 40px 0;
  font-size: 12px;
  color: #333;
  line-height: 22px;
}

.job .advantage li {
  position: relative;
  float: left;
  padding-left: 90px;
  padding-right: 80px;
  width: 50%;
  height: 90px;
  margin-bottom: 40px;
  box-sizing: border-box;
}

.job .advantage li:before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  background: url('../img/jybz/bt1.png') 0 0 no-repeat;
  content: '';
  width: 70px;
  height: 70px;
}

.job .advantage li:nth-child(2):before {
  background-position: -70px 0;
}

.job .advantage li:nth-child(3):before {
  background-position: 0 -70px;
}

.job .advantage li:nth-child(4):before {
  background-position: -70px -70px;
}

.job .advantage li:nth-child(5):before {
  background-position: 0 -140px;
}

.job .advantage li:nth-child(6):before {
  background-position: -70px -140px;
}

.job .advantage li:nth-child(7):before {
  background-position: 0 -210px;
}

.job .advantage li:nth-child(8):before {
  background-position: -70px -210px;
}

.job .advantage p {
  font-size: 16px;
  font-weight: bold;
}

.job .advantage span {
  color: #1da155;
}

.job .honor {
  padding: 10px 0 70px;
}

.job .billboard {
  margin-top: 30px;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  margin-left: -30px;
}

.job .billboard li {
  float: left;
  width: 155px;
  margin-left: 30px;
  margin-bottom: 30px;
  padding: 30px;
  background-color: #25c066;
}

.job .billboard img {
  margin-left: 27px;
  text-align: center;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.job .billboard dt {
  font-size: 16px;
  text-align: center;
}

.course_de {
  padding: 30px 20px;
  background-color: #fff;
  position: relative;
}

.course_de .shuitb1 {
  position: absolute;
  right: 30px;
  top: -8px;
  background: url('../img/index/shuit.png') 0 0 no-repeat;
  width: 66px;
  height: 64px;
  display: inline-block;
  content: '';
}

.course_de .left {
  float: left;
  margin-right: 60px;
}

.course_de .de_info {
  float: left;
  width: 630px;
  position: relative;
  min-height: 281px;
}

.course_de .de_info h2 {
  padding: 10px 0;
  line-height: 30px;
  color: #333;
  font-size: 25px;
  font-weight: normal;
}

.course_de .class_name {
  margin-top: 20px;
  margin-bottom: 10px;
}

.course_de .class_name a {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 25px;
  float: left;
  color: #9e9d9d;
  font-size: 14px;
  line-height: 28px;
  height: 28px;
  border-radius: 14px;
  padding: 0 20px;
  box-sizing: border-box;
  border: 1px #9e9d9d solid;
  transition: all 0.2s;
}

.course_de .class_name a.on,
.course_de .class_name a:hover {
  color: #f67e44;
  border-color: #f67e44;
}

.course_de .info {
  position: relative;
  margin-top: 10px;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 24px;
  color: #686868;
  border: 2px #ddd solid;
}

.course_de .info .subtitle {
  display: block;
  position: absolute;
  left: 30px;
  top: -12px;
  padding: 0 10px;
  background-color: #fff;
  line-height: 24px;
  color: #686868;
}

.course_de .money {
  position: absolute;
  left: 0;
  bottom: 30px;
  font-size: 30px;
  color: #f66925;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}

.course_de .money .sum {
  display: inline-block;
  float: left;
}

.course_de .money .btn {
  margin-left: 25px;
  display: inline-block;
  float: left;
  font-size: 18px;
  color: #fff;
  background-color: #f67e44;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 2px;
}

.course_de .money .btn2 {
  margin-left: 25px;
  display: inline-block;
  float: left;
  font-size: 18px;
  color: #f67e44;
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 2px;
  border: 1px #f67e44 solid;
  min-width: 110px;
  box-sizing: border-box;
  text-align: center;
}

.course_de .btnbox {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #908f8f;
  line-height: 25px;
}

.course_de .btnbox span {
  display: inline-block;
  float: left;
}

.course_de .btnbox .space {
  display: inline-block;
  float: left;
  margin: 7px 10px;
  height: 11px;
  width: 1px;
  background-color: #c1c1c1;
}

.course_de .btnbox i {
  font-size: 14px;
  margin-right: 7px;
  display: inline-block;
}

.course_de .de_info2 .money {
  position: static;
}

.course_de .de_info2 .btnbox {
  position: static;
  margin-bottom: 10px;
}

.course_de .sharebox {
  position: relative;
  float: left;
}

.course_de .sharebox .share {
  color: #908f8f;
  cursor: pointer;
}

.course_de .share_con {
  display: none;
  position: absolute;
  left: 0;
  top: 35px;
  margin-left: -50px;
  background-color: #fff;
  border: 1px #f5f4f4 solid;
  border-radius: 5px;
  width: 150px;
  height: 40px;
  padding: 0 2px;
  box-sizing: border-box;
}

.course_de .share_con:after,
.course_de .share_con:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -30px;
  width: 0;
  height: 0;
  display: inline-block;
  border-width: 15px 12px 15px;
  border-style: solid;
  border-color: transparent transparent #f5f4f4;
  margin-left: -15px;
}

.course_de .share_con:after {
  border-color: transparent transparent #fff;
  top: -29px;
}

.course_de .icon_qq,
.course_de .icon_qqkj,
.course_de .icon_sina,
.course_de .icon_wx {
  padding: 7px 5px;
  width: 36px;
  height: 40px;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.course_de .icon_qq:before,
.course_de .icon_qqkj:before,
.course_de .icon_sina:before,
.course_de .icon_wx:before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #fff url('../img/share.png') 0 0 no-repeat;
}

.course_de .icon_sina:before {
  background-position: -36px 0;
}

.course_de .icon_qq:before {
  background-position: -71px 0;
}

.course_de .icon_qqkj:before {
  background-position: -107px 0;
}

.course_de .icon_wx:before {
  background-position: 0 0;
}

.detail_info {
  margin-top: 20px;
}

.detail_info .label_box {
  height: 51px;
}

.detail_info .label_box_fixed {
  position: fixed;
  left: 50%;
  top: 0;
  margin-left: -600px;
  width: 940px;
  background-color: #fff;
  z-index: 20;
}

.detail_info .left {
  margin-bottom: 20px;
  float: left;
  width: 940px;
  margin-right: 20px;
  background-color: #fff;
}

.detail_info .right {
  float: left;
  width: 240px;
}

.detail_info .label {
  margin-bottom: 30px;
  border-bottom: 1px #dad9d9 solid;
}

.detail_info .label > a {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  padding: 15px;
  font-size: 14px;
  color: #393a39;
  height: 20px;
  line-height: 20px;
  transition: color 0.2s;
}

.detail_info .label > a:after {
  display: none;
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  background-color: #24b962;
}

.detail_info .label > a.on,
.detail_info .label > a:hover {
  color: #24b962;
}

.detail_info .label > a.on:after,
.detail_info .label > a:hover:after {
  display: inline-block;
}

.detail_info .label .money {
  display: none;
  float: right;
  font-size: 20px;
  color: #f67e44;
  line-height: 50px;
}

.detail_info .label .money .btn {
  float: left;
  margin: 7px 30px 0 15px;
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
  color: #fff;
  background-color: #f67e44;
  border-radius: 4px;
  height: 35px;
  line-height: 35px;
}

.course_des {
  margin: 30px 20px;
  line-height: 24px;
}

.label_info {
  margin: 30px 20px;
  display: none;
}

.course_comment {
  display: none;
  margin: 0 35px 0 15px;
}

.calss_list {
  margin-bottom: 10px;
}

.calss_list dt {
  height: 40px;
  line-height: 40px;
  color: #373737;
  font-size: 16px;
  border-bottom: 1px #939292 solid;
}

.calss_list dt span {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 20px;
  padding: 0 5px;
  width: 75px;
  background-color: #4e4d4d;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}

.calss_list .drop {
  float: right;
  margin-right: 10px;
  color: #373737;
}

.calss_list .drop:hover {
  color: #29b984;
}

.calss_list .drop i {
  font-size: 40px;
  display: block;
}

.calss_list dd {
  padding-left: 95px;
  margin-top: 7px;
  margin-left: -10px;
}

.calss_list dd a {
  position: relative;
  display: block;
  font-size: 14px;
  color: #4f4f4f;
  height: 40px;
  line-height: 40px;
  transition: color 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  padding-right: 100px;
  padding-left: 10px;
}

.calss_list dd a.on,
.calss_list dd a:hover {
  background-color: #e4e4e4;
}

.calss_list dd .audition {
  display: inline-block;
  font-size: 12px;
  color: #41c277;
  border-radius: 10px;
  margin-left: 20px;
  width: 45px;
  height: 20px;
  line-height: 20px;
  border: 1px #41c277 solid;
  padding: 0;
  text-align: center;
}

.calss_list .time {
  position: absolute;
  right: 0;
  padding: 0 30px;
  font-size: 12px;
  color: #807f7f;
  text-align: center;
}

.calss_list .go {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 70px;
  display: none;
  box-sizing: border-box;
  padding: 0 7px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  color: #19ca62;
  color: #fff;
  background-color: #19ca62;
  transition: color 0.3s;
}

.calss_list dd a.on .go,
.calss_list dd a:hover .go {
  display: inline-block;
}

.c_lsit {
  margin-bottom: 20px;
  padding-bottom: 20px;
  background-color: #fff;
}

.c_lsit dt {
  padding: 15px;
  margin-bottom: 10px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #3d3d3d;
  border-bottom: 1px #dad9d9 solid;
}

.c_lsit dt:before {
  position: relative;
  left: -5px;
  top: 2px;
  display: inline-block;
  content: '';
  width: 2px;
  height: 15px;
  background-color: #24b962;
}

.c_lsit dd {
  padding: 0 15px;
}

.c_lsit dd a {
  display: inline-block;
  color: #707070;
  font-size: 14px;
  line-height: 25px;
  transition: color 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 230px;
}

.c_lsit dd a:hover {
  color: #29b984;
}

.advanced {
  padding-bottom: 0;
}

.advanced h2 {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #3d3d3d;
  border-bottom: 1px #dad9d9 solid;
  background-color: #fff;
  padding-left: 30px;
}

.advanced h2:before {
  position: relative;
  content: '';
  display: inline-block;
  left: -13px;
  top: 3px;
  background-color: #24b962;
  width: 2px;
  height: 15px;
}

.advanced dt {
  margin-bottom: 0;
}

.advanced dd {
  padding: 0;
}

.advanced dd a {
  display: block;
  width: 240px;
  height: 130px;
}

.advanced .route2 {
  display: block;
  position: relative;
  margin-bottom: 15px;
  padding: 30px 15px 0;
  width: 100%;
  height: 130px;
  box-sizing: border-box;
  background: #fff url('../img/index/xkbg.png') 150px 40px no-repeat;
}

.advanced .route2 .name {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #464545;
}

.advanced .route2 .des {
  position: relative;
  z-index: 2;
  font-size: 12px;
  line-height: 20px;
  color: #9c9c9c;
}

.advanced .android i,
.advanced .data i,
.advanced .html5 i,
.advanced .ios i,
.advanced .javaee i,
.advanced .php i,
.advanced .python i,
.advanced .ui i {
  position: absolute;
  display: block;
  top: 35px;
  right: 15px;
  width: 70px;
  height: 60px;
  background: url('../img/index/route_icon.png') 0 -120px no-repeat;
  z-index: 1;
}

.advanced .php i {
  background-position: 0 -120px;
}

.advanced .javaee i {
  background-position: 0 -300px;
}

.advanced .android i {
  background-position: 0 -180px;
}

.advanced .python i {
  background-position: 0 -360px;
}

.advanced .ui i {
  background-position: 0 0;
}

.advanced .data i {
  background-position: 0 -420px;
}

.advanced .html5 i {
  background-position: 0 -60px;
}

.c_list2 dt a {
  color: #3d3d3d;
  transition: color 0.3s;
}

.c_list2 dt a.on,
.c_list2 dt a:hover {
  color: #29b984;
}

.c_list2 dt a:first-child:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 5px;
  background-color: #b8b8b8;
}

.c_list2 dd:not(.tlz) {
  display: inline-block;
  padding: 15px 14px 0;
}

.c_list2 dd:not(.tlz) span {
  display: block;
  text-align: center;
  width: 55px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c_list2 dd:not(.tlz) a {
  display: inline-block;
  float: left;
  width: auto;
}

.c_list2 dd:not(.tlz) a img {
  border-radius: 50%;
}

.c_list2 .tlz {
  display: none;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.c_list2 .tlz p {
  margin-top: 10px;
  height: 25px;
}

.c_list2 .tlz span {
  margin-right: 10px;
  display: inline-block;
  height: 25px;
  line-height: 25px;
}

.c_list2 .tlz a {
  height: 25px;
  line-height: 25px;
  width: auto;
  vertical-align: middle;
}

.forum_top .f_banner {
  display: inline-block;
  float: left;
  margin-right: 20px;
  height: 272px;
}

.forum_top .f_banner img {
  border: 1px #e8e8e8 solid;
  width: 690px;
  box-sizing: border-box;
}

.forum_top .f_qd {
  float: left;
  width: 330px;
}

.qd_btnbox {
  position: relative;
  margin-bottom: 10px;
  height: 96px;
  background-color: #26b763;
  border-radius: 4px;
}

.qd_btnbox .qd_btn {
  display: inline-block;
  padding-left: 20px;
  font-size: 34px;
  color: #fefcfc;
  line-height: 96px;
}

.qd_btnbox .qd_btn:before {
  display: inline-block;
  margin-right: 10px;
}

.qd_btnbox .info {
  position: absolute;
  right: 4px;
  top: 4px;
  display: inline-block;
  width: 145px;
  height: 88px;
  font-size: 18px;
  color: #5c5e5d;
  background-color: #fff;
  border-radius: 0 4px 4px 0;
  text-align: center;
  padding-top: 20px;
  box-sizing: border-box;
  line-height: 20px;
}

.qd_btnbox .info span {
  color: #26b763;
  font-size: 26px;
  line-height: 40px;
}

.tie_num {
  font-size: 14px;
  color: #6b6b6b;
  line-height: 20px;
  background-color: #fff;
}

.tie_num span {
  display: inline-block;
  padding: 20px 0;
  float: left;
  width: 110px;
  border: 1px #e8e8e8 solid;
  margin: 0 -1px -1px 0;
  box-sizing: border-box;
  text-align: center;
}

.tie_num span b {
  color: #26b763;
  display: block;
  margin-top: 12px;
}

.tie_num span:first-child {
  width: 112px;
}

.tie_num span:last-child {
  width: 100%;
  height: 72px;
  box-sizing: border-box;
  line-height: 30px;
}

.class_type {
  margin-top: 30px;
  padding: 0 15px 35px;
  background-color: #fff;
}

.class_type > div {
  margin-left: -30px;
}

.class_type a {
  float: left;
  margin-left: 30px;
  margin-top: 30px;
  transition: all 0.3s;
}

.class_type a:hover {
  transform: matrix(1.1, 0, 0, 1.1, 0, 0);
}

.forum_tools {
  margin-top: 20px;
  margin-bottom: 0;
}

.forum_tools dl {
  padding-bottom: 0;
  box-shadow: none;
}

.forum_tools dl dt {
  background-color: #fff;
  margin-bottom: 0;
}

.forum_tools dl dt:hover:before {
  transition: all 0.3s;
  transform: matrix(1.1, 0, 0, 1.1, 0, 0);
}

.forum_tools dl dt a {
  color: #4ec1ec;
}

.forum_list2 {
  margin-top: 12px;
  border: 1px #e8e8e8 solid;
  background-color: #fff;
}

.forum_list2 .forum_nav {
  padding: 0 25px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px #e8e8e8 solid;
}

.forum_list2 .forum_nav a {
  display: inline-block;
  margin-right: 30px;
  padding: 0 10px;
  font-size: 16px;
  color: #3b3a3a;
  line-height: 50px;
  transition: all 0.3s;
}

.forum_list2 .forum_nav a.on,
.forum_list2 .forum_nav a:hover {
  border-bottom: 2px #26b763 solid;
  color: #26b763;
}

.forum_ul li {
  padding: 20px 10px;
  border-bottom: 1px #e5e4e4 solid;
}

.forum_ul .pic {
  display: inline-block;
  float: left;
  width: 80px;
  margin-left: 15px;
  margin-right: 20px;
}

.forum_ul .pic img {
  border-radius: 50%;
}

.forum_ul .info {
  float: left;
  width: 900px;
}

.forum_ul .info .tit .tubiao {
  display: inline-block;
  float: left;
  width: 200px;
  line-height: 40px;
}

.forum_ul .info .tit a {
  display: inline-block;
  float: left;
  max-width: 800px;
  font-size: 16px;
  line-height: 40px;
  color: #666;
  transition: all 0.3s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.forum_ul .info .tit a:hover {
  color: #26b763;
}

.forum_ul .info .hot,
.forum_ul .info .jian,
.forum_ul .info .jinhua {
  margin-left: 7px;
  padding: 0 5px;
  height: 15px;
  line-height: 15px;
  display: inline-block;
  font-size: 10px;
  background-color: #f2640e;
  color: #fcf8f8;
  border-radius: 2px;
}

.forum_ul .info .jian {
  background-color: #59b46e;
}

.forum_ul .info .jinhua {
  background-color: #4395ff;
}

.forum_ul .info .tu {
  display: inline-block;
  width: 20px;
  margin-left: 7px;
  color: #70d098;
}

.forum_ul .info .time {
  font-size: 12px;
  color: #8e8e8e;
  line-height: 40px;
}

.forum_ul .info .time i {
  display: inline-block;
  margin-right: 5px;
}

.forum_ul .info .time span {
  margin-right: 15px;
}

.b_line {
  padding-bottom: 40px;
  background-color: #f4f4f4;
}

.user_pop {
  position: absolute;
  display: none;
  width: 300px;
  box-sizing: border-box;
  border: 1px #e8e8e8 solid;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 3px 0 rgba(84, 84, 84, 0.4);
}

.pop_top {
  padding: 10px 0 25px;
  position: relative;
}

.pop_top .user_tx {
  float: left;
  width: 58px;
  padding: 0 15px;
  border-radius: 50%;
}

.pop_top .user_name {
  float: left;
}

.pop_top .user_name .name {
  display: block;
  font-size: 14px;
  line-height: 26px;
  height: 26px;
  color: #403f3f;
}

.pop_top .user_name .gz,
.pop_top .user_name .zy {
  float: left;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  display: inline-block;
  font-size: 12px;
  color: #fbfafa;
  margin-right: 10px;
  background-color: #26b763;
  border-radius: 4px;
}

.pop_top .user_name .zy {
  background-color: #b79326;
}

.pop_top .user_name .xinf {
  position: absolute;
  right: 13px;
  top: 8px;
  font-size: 20px;
  color: #acaead;
}

.send_message .formp {
  margin-bottom: 20px;
}

.send_message .formp .labspan {
  display: inline-block;
  float: left;
  margin-right: 5px;
  width: 80px;
  text-align: right;
  height: 20px;
  line-height: 20px;
  vertical-align: top;
}

.send_message .formp input,
.send_message .formp textarea {
  float: left;
  border: 1px solid #ccc;
  height: 20px;
  line-height: 20px;
  color: #555;
  border-radius: 4px;
  padding: 0 10px;
}

.pop_footer {
  position: relative;
  font-size: 12px;
  color: #666666;
  height: 67px;
}

.pop_footer span {
  display: inline-block;
  padding: 15px 0 10px;
  float: left;
  width: 100px;
  border: 1px #e8e8e8 solid;
  margin: 0 -1px -1px 0;
  box-sizing: border-box;
  text-align: center;
}

.pop_footer span:last-child {
  border-right: none;
}

.pop_footer span b {
  color: #26b763;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 20px;
  height: 20px;
}

.pop_footer:after {
  background: url('../img/index/sj.png') 0 0 no-repeat;
  width: 298px;
  height: 12px;
  display: inline-block;
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
}

.user_top {
  height: 236px;
  background: #fff url('../img/usercenter.jpg') 0 0 no-repeat;
}

.user_topbox {
  position: absolute;
  top: 45px;
  width: 100%;
}

.user_topbox .user_tx {
  position: absolute;
  left: 0;
  border-radius: 50%;
  border: 5px #fff solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.user_topbox .user_info {
  position: absolute;
  left: 250px;
  top: 25px;
}

.user_topbox .user_info p {
  color: #fff;
  font-size: 20px;
  line-height: 35px;
  text-shadow: 0 3px 9px rgba(45, 90, 127, 0.5);
}

.user_topbox .user_info .user_name {
  font-size: 40px;
  line-height: 70px;
}

.user_menu {
  margin: 70px auto 50px;
  width: 580px;
  border: 1px #ccc solid;
  border-radius: 4px;
}

.user_menu li {
  float: left;
}

.user_menu li:first-child a {
  padding-left: 35px;
}

.user_menu li:last-child a {
  padding-right: 35px;
}

.user_menu li:last-child:after {
  content: '';
}

.user_menu li:after {
  content: '|';
  display: inline-block;
  color: #ccc;
}

.user_menu a {
  display: inline-block;
  padding: 14px 60px;
  font-size: 16px;
  text-align: center;
  color: #000;
  border-bottom: 1px #fff solid;
  transition: all 0.3s;
}

.user_menu a.acitve,
.user_menu a:hover {
  color: #26b763;
  border-color: #26b763;
}

.he_menu {
  width: 350px;
}

.user_menu2 {
  margin-bottom: 45px;
}

.user_menu2 li {
  margin-right: 40px;
  float: left;
}

.user_menu2 li a {
  display: inline-block;
  color: #333;
  font-size: 14px;
}

.user_menu2 li a.active,
.user_menu2 li a:hover {
  color: #21a157;
}

.user_box {
  margin-bottom: 50px;
}

.user_box .tit {
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user_msglist li {
  margin-bottom: 15px;
}

.user_msglist .g-sd1 {
  width: 50px;
  margin-right: -50px;
}

.user_msglist .g-mn1c {
  margin-left: 60px;
}

.user_msglist .cour-msg-pic {
  display: inline-block;
}

.user_msglist .cour-msg-pic img {
  border-radius: 50%;
}

.user_msglist .cour-msg-body {
  width: 100%;
  border-bottom: 1px #e7e7e7 solid;
  padding-bottom: 15px;
}

.user_msglist .cour-msg-body .cour-msg-name {
  font-size: 12px;
  color: #666;
  line-height: 20px;
}

.user_msglist .cour-msg-body .cour-msg-name span {
  font-size: 12px;
  color: #666;
}

.user_msglist .cour-msg-body .cour-msg-con {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}

.user_msglist .cour-msg-body .cour-msg-con .icon-wenhao {
  display: inline-block;
  margin-right: 5px;
  color: #23b561;
}

.user_msglist .cour-msg-body .teach {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 10px;
}

.user_msglist .cour-msg-body .teach span {
  color: #e61717;
}

.user_msglist .cour-msg-body .cour-msg-con2 {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.user_msglist .cour-msg-body .more {
  float: right;
  margin-top: 10px;
  color: #1eaace;
}

.user_msglist .cour-msg-tit {
  display: block;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.user_msglist .cour-info i {
  padding-left: 15px;
}

#ie-alert-overlay {
  width: 100%;
  height: 100%;
  background-image: url('../img/common/bg.png');
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

* html #ie-alert-overlay {
  position: absolute;
  z-index: 9999;
}

#goon {
  font-size: 20px;
  cursor: pointer;
  margin: 20px 0;
  color: green;
}

#ie-alert-panel {
  width: 594px;
  height: 4100px;
  position: fixed;
  background: url('../img/common/iealertsprite.png') no-repeat;
  background-position: -1px -109px;
  top: 50%;
  left: 50%;
  margin: -201px 0 0 -296px;
  padding: 72px 0 0 72px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 700;
  color: #333;
  line-height: 1.5em;
  z-index: 10000;
  box-sizing: border-box;
}

#ie-alert-panel .browser_tip {
  font-size: 14px;
  width: 486px;
  text-align: justify;
}

#ie-alert-panel img {
  border: 0;
}

#ie-alert-panel span {
  font-size: 18px;
  margin: 0 0 20px;
  display: block;
  padding: 0;
}

#ie-alert-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#ie-alert-panel li {
  float: left;
  margin: 0 22px 0 0;
}

#ie-alert-panel li.last {
  margin-right: 0;
}

#ie-alert-panel a {
  display: inline-block;
}

#ie-alert-panel .red {
  color: red;
}

.browser {
  position: absolute;
  bottom: 35px;
}

.chrome,
.firefox,
.ie9,
.opera,
.safari {
  background: url('../img/common/iealertsprite.png') no-repeat;
}

.chrome {
  background-position: 0 0;
  width: 73px;
  height: 96px;
  margin: 0 4px 0 0;
}

.firefox {
  background-position: -292px 0;
  width: 73px;
  height: 98px;
}

.ie9 {
  background-position: -179px 0;
  width: 95px;
  height: 98px;
}

.opera {
  background-position: -90px 0;
  width: 73px;
  height: 98px;
}

.safari {
  background-position: -387px 0;
  width: 73px;
  height: 98px;
  margin: 0 4px 0 0;
}

.code-tab {
  margin: 0 30px;
  border: 1px #2ecb70 solid;
  padding: 10px 30px;
  width: auto;
  border-radius: 0;
}

.cour-tree-tab {
  border-bottom: 2px #e4e7e8 solid;
}

.cour-tree-tab li {
  width: 110px;
  border: 0;
  padding-bottom: 0;
  position: relative;
  bottom: -2px;
  height: 50px;
}

.cour-tree-tab li a {
  padding: 0 10px;
}

.cour-tree-tab .active,
.cour-tree-tab li:hover {
  border-bottom: 2px solid #2ecb70;
}

.cour-tree-tab .active a,
.cour-tree-tab li:hover a {
  color: #2ecb70;
}

.code-cate li a.active,
.code-cate li a:hover,
.code-cate li.active,
.code-cate li:hover {
  color: #2ecb70;
  border-bottom: 0;
}

.subnavi2 {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 10px;
}

.indexbox {
  padding-top: 0;
}

.banner_mobeil {
  display: none;
}

.navbar_toggle {
  display: none;
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 22px;
  margin-bottom: 8px;
  background-color: #2ecb70;
  border: 1px solid #2ecb70;
  border-radius: 4px;
  z-index: 2;
}

.navbar_toggle .icon_bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #fff;
  margin-top: 4px;
}

.navbar_collapse {
  position: absolute;
  padding: 0 5%;
  width: 90%;
  left: 0;
  top: 81px;
  display: none;
  background-color: #2ecb70;
  color: #fff;
  z-index: 1;
}

.navbar_collapse a {
  display: inline-block;
  padding: 10px;
  color: #fff;
  line-height: 20px;
}

.for_banner {
  height: 240px;
  background: url('../img/index/for_banner.jpg') center top no-repeat;
}

.for_banner .con {
  position: relative;
  height: 240px;
  padding: 70px 220px 70px 95px;
  box-sizing: border-box;
}

.for_banner h2 {
  color: #fdf9fd;
  font-size: 30px;
}

.for_banner h2 span {
  font-size: 16px;
  font-weight: normal;
}

.for_banner h2 span:first-child:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: #fff;
  margin: 0 10px;
}

.for_banner p {
  margin-top: 15px;
  color: #fdf9fd;
  line-height: 25px;
  font-size: 14px;
}

.for_banner i {
  position: absolute;
  left: 0;
  top: 78px;
  display: inline-block;
  width: 70px;
  height: 70px;
}

.forum_left {
  float: left;
  width: 725px;
  margin-right: 20px;
  margin-top: 0;
  box-sizing: border-box;
}

.forum_left .info {
  width: 585px;
}

.forum_left .info .tit a {
  max-width: 485px;
}

.forum_right {
  float: left;
  width: 295px;
  box-sizing: border-box;
  border: 1px #e8e8e8 solid;
  background-color: #fff;
}

.forum_right .post {
  position: relative;
  margin: 30px auto;
  display: block;
  width: 240px;
  height: 55px;
  line-height: 55px;
  color: #fdf9fd;
  text-align: center;
  background-color: #28b362;
  border-radius: 4px;
}

.forum_right .post i {
  position: absolute;
  top: 0;
  left: 70px;
}

.forum_slider h3 {
  margin: 0 10px;
  padding-bottom: 10px;
  font-size: 16px;
  color: #6d6d6d;
  border-bottom: 1px #e8e8e8 solid;
  font-weight: normal;
}

.class_type2 {
  margin-top: 15px;
  padding: 10px 30px 0;
}

.class_type2 a {
  margin-left: 30px;
  margin-bottom: 20px;
  width: 100px;
  height: 100px;
}

.class_type2 a:nth-child(2n + 1) {
  margin-left: 0;
}

.hot_posts {
  padding: 0 20px;
  margin-bottom: 20px;
}

.hot_posts li {
  margin-top: 15px;
}

.hot_posts li:nth-child(1) i,
.hot_posts li:nth-child(2) i,
.hot_posts li:nth-child(3) i {
  background-color: #26b763;
  color: #fff;
  border: 0;
}

.hot_posts a {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  font-size: 14px;
  color: #6d6d6d;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
  box-sizing: border-box;
}

.hot_posts a:hover {
  color: #26b763;
}

.hot_posts a i {
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px #b7b7b7 solid;
  text-align: center;
  line-height: 20px;
  font-style: normal;
  box-sizing: border-box;
  color: #a5a1a1;
}

.course_recommend {
  padding: 25px 15px 0;
}

.course_recommend li {
  margin-bottom: 25px;
  overflow: hidden;
}

.course_recommend .pic {
  display: inline-block;
  float: left;
  margin-right: 5px;
  width: 140px;
  height: 80px;
}

.course_recommend .info {
  width: 115px;
  float: right;
}

.course_recommend .info .tit {
  font-size: 12px;
  color: #484848;
  line-height: 20px;
  transition: color 0.3s;
}

.course_recommend .info .tit:hover {
  color: #26b763;
}

.course_recommend .info p {
  font-size: 12px;
  color: #6d6d6d;
  margin-top: 10px;
}

.course_recommend .info p span {
  color: #59b46e;
}

.f_detail_con {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px #d1d0d0 solid;
}

.questions {
  padding: 20px 30px;
}

.questions .q_tit {
  font-size: 18px;
  color: #333;
  line-height: 30px;
}

.questions .q_edit {
  color: #838181;
  float: right;
  font-size: 14px;
}

.questions .q_info {
  margin-top: 10px;
  line-height: 20px;
  height: 20px;
  font-size: 12px;
  color: #838181;
  padding-bottom: 20px;
  border-bottom: 1px #d1d0d0 solid;
}

.questions .q_info .money {
  display: inline-block;
  color: #ffa202;
  font-size: 12px;
  height: 20px;
  position: relative;
  padding-left: 15px;
}

.questions .q_info .money:after {
  position: absolute;
  left: 3px;
  top: 5px;
  content: '';
  background: url('../img/index/shuit.png') -20px -80px no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.questions .q_info .right {
  float: right;
}

.questions .q_info .right span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-left: 8px;
}

.questions .q_info .right i {
  display: inline-block;
  margin-right: 5px;
}

.questions .q_info .right .view_num i {
  vertical-align: -2px;
}

.questions .q_des {
  padding-top: 20px;
  font-size: 12px;
  line-height: 24px;
  color: #333;
  overflow: hidden;
}

.questions .q_des img {
  width: 100%;
}

.best_answer {
  padding: 25px 30px;
  background-color: #e1fded;
}

.best_answer .best_tit {
  color: #fe8004;
  margin-bottom: 10px;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
}

.best_answer .best_tit:before {
  position: relative;
  top: 5px;
  content: '';
  display: inline-block;
  margin-right: 5px;
  background: url('../img/index/shuit.png') 0 -80px no-repeat;
  font-size: 16px;
  width: 20px;
  height: 20px;
}

.best_answer .answer_txt {
  font-size: 12px;
  line-height: 24px;
  color: #333;
}

.answer_info {
  padding: 10px 0;
  font-size: 12px;
  color: #838181;
  line-height: 30px;
}

.answer_info .answer_tx {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.answer_info .answer_tx img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.answer_info .comment_num {
  float: right;
}

.answer_info .comment_num a {
  display: inline-block;
  margin-left: 5px;
  color: #838181;
  font-size: 12px;
}

.answer_info .comment_num a:hover {
  color: #1bad58;
  text-decoration: underline;
}

.best_reply {
  background-color: #fff;
  padding: 15px;
}

.best_reply .textarea {
  position: relative;
}

.best_reply .textarea textarea {
  padding: 10px;
  border: 1px #d4d4d4 solid;
  height: 100px;
  width: 100%;
  box-sizing: border-box;
}

.best_reply .textarea .pub_btn {
  padding: 0 5px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #1bad58;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 65px;
}

.best_reply .textarea .error {
  display: none;
  color: red;
}

.best_reply .more {
  margin-top: 10px;
  display: block;
  text-align: center;
  color: #979897;
  line-height: 20px;
}

.reply_li {
  margin-top: 20px;
}

.reply_li .reply_name {
  font-size: 12px;
  color: #1bad58;
  height: 30px;
  line-height: 30px;
}

.reply_li .reply_name .time {
  float: right;
  color: #838181;
}

.reply_li .reply_tx {
  display: inline-block;
  margin-right: 5px;
}

.reply_li .reply_tx img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  line-height: 30px;
  display: inline-block;
  border-radius: 50%;
}

.reply_li .reply_com {
  margin-top: 10px;
  padding: 15px;
  background-color: #f9f8f8;
  font-size: 14px;
  color: #575757;
  line-height: 20px;
}

.reply_li .reply_com .reply_btn {
  display: inline-block;
  margin-left: 5px;
  color: #babcbb;
}

.reply_li .reply_com .quan {
  color: #c2c4c3;
}

.answer_tit {
  padding: 10px 30px;
  height: 60px;
  line-height: 40px;
  font-size: 14px;
  color: #484747;
  background-color: #f9f7f8;
  border: 1px #d1d0d0 solid;
  border-style: solid none;
  box-sizing: border-box;
}

.answer_tit .answer_num {
  font-size: 12px;
  color: #838181;
}

.answer_tit .reply_btn {
  margin-top: 5px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  float: right;
  font-size: 14px;
  color: #838182;
  border: 1px #d1d0d0 solid;
  background-color: #fff;
  border-radius: 3px;
  padding: 0 20px;
  box-sizing: border-box;
  transition: all 0.3s;
}

.answer_tit .reply_btn:hover {
  background-color: #838182;
  color: #fff;
}

.answer_con {
  padding: 0 10px;
  overflow: hidden;
}

.answer_item {
  padding: 30px 20px 30px 90px;
  border-bottom: 1px #d4d4d4 dashed;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.answer_item .ans_tx {
  position: absolute;
  left: 20px;
  top: 30px;
}

.answer_item .ans_tx img {
  border-radius: 50%;
}

.answer_item .ans_adopt {
  position: absolute;
  right: 20px;
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #2ecb70;
  border-radius: 2px;
  border: 1px #a0f5c4 solid;
  transition: all 0.3s;
}

.answer_item .ans_adopt:hover {
  color: #838182;
  border: 1px #d1d0d0 solid;
  background-color: #fff;
}

.answer_item .ans_info {
  font-size: 12px;
  color: #838182;
  height: 30px;
  line-height: 30px;
}

.answer_item .ans_info a {
  color: #3a3a3a;
}

.answer_item .ans_content {
  margin: 10px 0;
  font-size: 14px;
  color: #444;
}

.answer_item .right {
  float: right;
}

.answer_item .ans_inter a {
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
  color: #9e9d9e;
}

.answer_item .ans_inter a:hover {
  text-decoration: underline;
  color: #2ecb70;
}

.answer_item .ans_inter .icon-zans:before {
  display: inline-block;
  margin-right: 2px;
  font-size: 14px;
}

.reply_box {
  display: none;
  border: 1px #d1d0d0 solid;
  border-radius: 2px;
  background-color: #fbfafb;
  margin-top: 10px;
}

.reply_box .more {
  margin-top: 10px;
  display: block;
  text-align: center;
  color: #979897;
  line-height: 20px;
}

.reply_box .reply_text {
  margin: 10px 20px 40px;
}

.reply_box .reply_text textarea {
  padding: 10px;
  width: 100%;
  height: 80px;
  border: 1px #d1d0d0 solid;
  border-radius: 4px;
  box-sizing: border-box;
}

.reply_box .reply_text .pub_reply_btn {
  float: right;
  color: #979897;
  font-size: 12px;
  line-height: 20px;
}

.reply_box .reply_text .error {
  display: none;
  color: red;
}

.reply_item {
  position: relative;
  margin: 0 20px;
  border-bottom: 1px #d1d0d0 dashed;
}

.reply_item:last-child {
  border-bottom: none;
}

.reply_item .reply_info {
  margin-top: 10px;
  font-size: 12px;
  color: #9e9d9e;
  line-height: 20px;
  height: 20px;
}

.reply_item .reply_info a {
  display: inline-block;
  margin-right: 10px;
  color: #2ecb70;
}

.reply_item .reply_con {
  padding: 12px 0 25px;
  font-size: 14px;
  line-height: 20px;
  color: #5e605f;
}

.reply_item .reply_con .quan {
  color: #c2c4c3;
}

.reply_item .reply_btn {
  float: right;
  position: absolute;
  right: 0;
  bottom: 8px;
  color: #979897;
  font-size: 12px;
}

.answer_reply {
  padding: 0 30px 30px 100px;
  position: relative;
}

.answer_reply .ans_tx {
  position: absolute;
  left: 30px;
  top: 0;
  display: inline-block;
  width: 60px;
  height: 60px;
}

.answer_reply .ans_tx img {
  border-radius: 50%;
}

.answer_reply .code {
  float: left;
  margin-right: 10px;
  padding: 0 10px;
  width: 90px;
  height: 30px;
  border: 1px #d1d0d0 solid;
  box-sizing: border-box;
}

.answer_reply .yzm {
  float: left;
  display: inline-block;
}

.answer_reply .ans_edit {
  width: 100%;
}

.answer_reply .ans_code {
  margin-top: 15px;
  font-size: 14px;
  color: #4b4949;
}

.answer_reply .ans_sub {
  display: inline-block;
  padding: 0 20px;
  float: right;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  background-color: #2ecb70;
  color: #fff;
}

.answer_reply .error {
  color: red;
}

.postbox {
  background-color: #fff;
  padding-bottom: 50px;
}

.postbox h2 {
  padding: 15px 40px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #22a85a;
  border-bottom: 1px #ccc solid;
}

.postbox .formdiv {
  position: relative;
  margin-top: 25px;
  padding: 0 40px;
}

.postbox .formdiv .inp {
  padding: 0 10px;
  border: 1px #ccc solid;
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
}

.postbox .formdiv select {
  height: 30px;
  line-height: 30px;
  border: 1px #ccc solid;
}

.postbox .formdiv .tit {
  color: #989898;
}

.postbox .formdiv .xuans {
  float: left;
  line-height: 30px;
}

.postbox .formdiv .xuans input {
  margin-right: 5px;
  vertical-align: -1px;
}

.postbox .formdiv .code {
  float: left;
  width: 90px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px #ccc solid;
  box-sizing: border-box;
}

.postbox .formdiv .post_btn {
  position: absolute;
  right: 40px;
  top: 0;
  color: #fff;
  background-color: #2ecb70;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.money_d {
  float: left;
  margin-left: 5px;
  height: 30px;
  line-height: 30px;
  color: #7c7b7b;
  font-size: 14px;
}

.money_d input {
  width: 50px;
}

.post_error {
  display: none;
  padding: 0 40px;
  color: red;
}

.uc_navi {
  background-color: #2a2a2f;
  border-bottom: none;
}

.uc_navi .navi2 .sub {
  color: #fff;
  border-bottom: none;
}

.uc_navi .search_box .search_inp {
  background-color: #2a2a2f;
  border: 1px #6d6d70 solid;
}

.uc_navi .search_box .search_btn {
  border-color: #6d6d70;
}

.uc_navi .login_txt > a {
  color: #fff;
}

.uc_top {
  background: url('../img/index/usercenterbg.jpg') center top no-repeat;
  height: 286px;
}

.uc_top .uct_left {
  width: 210px;
  float: left;
}

.uc_top .uct_left > a {
  cursor: default;
}

.uc_top .uct_left .tx {
  margin: 35px 20px 20px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 5px #94a0ab solid;
}

.uc_top .uct_left .name {
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
}

.uc_top .uct_left .name span {
  padding: 0 5px;
  display: inline-block;
  font-size: 12px;
  background-color: #15b275;
  border-radius: 4px;
  margin-left: 5px;
}

.uc_top .uct_con {
  float: left;
  width: 510px;
  padding: 55px 25px;
}

.uc_top .uct_con .uct_lev {
  padding: 0 5px;
  line-height: 20px;
  display: inline-block;
  background-color: #ffa102;
  border-radius: 2px;
  color: #fff;
}

.uc_top .uct_con .uct_num {
  margin-top: 10px;
  color: #fff;
  font-size: 12px;
}

.uc_top .uct_con .uct_num span {
  display: inline-block;
  margin-right: 25px;
}

.uc_top .uct_con .name {
  font-size: 20px;
  line-height: 20px;
  color: #fff;
}

.uc_top .uct_con .name span {
  padding: 0 5px;
  display: inline-block;
  font-size: 12px;
  background-color: #15b275;
  border-radius: 4px;
  margin-left: 5px;
}

.uc_top .uct_con .uct_des {
  padding-top: 10px;
  font-size: 16px;
  color: #fff;
}

.uc_top .uct_con .uct_btn {
  margin-top: 15px;
}

.uc_top .uct_con .uct_btn a {
  margin-right: 25px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  border: 1px #fff solid;
  border-radius: 4px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  color: #fff;
}

.uc_top .uct_right {
  float: right;
  width: 270px;
  padding-top: 90px;
}

.uc_top .uct_right .qd_btn {
  font-size: 26px;
  padding-left: 18px;
  line-height: 77px;
}

.uc_top .uct_right .info {
  padding-top: 12px;
  width: 130px;
  height: 70px;
  font-size: 14px;
}

.uc_top .uct_right .info span {
  font-size: 21px;
  line-height: 25px;
}

.uc_box {
  padding: 40px 0;
}

.ucbox_menu {
  float: left;
  width: 260px;
  margin-right: 25px;
  border: 1px #dedbdb solid;
  background-color: #fff;
  border-bottom: none;
  box-sizing: border-box;
}

.ucbox_menu li {
  border-bottom: 1px #dedbdb solid;
  height: 56px;
}

.ucbox_menu li a {
  display: block;
  font-size: 16px;
  color: #575757;
  text-align: center;
  line-height: 56px;
  transition: all 0.3s;
}

.ucbox_menu li a.on,
.ucbox_menu li a:hover {
  color: #fff;
  background-color: #25b060;
}

.ucbox_menu li i {
  display: inline-block;
  margin-right: 5px;
}

.ucbox_con {
  float: left;
  width: 755px;
  border: 1px #dedbdb solid;
  background-color: #fff;
  box-sizing: border-box;
}

.uc_other {
  float: none;
  width: 935px;
  margin: 0 auto;
}

.uc_other .forum_ul .info {
  width: 790px;
}

.uc_other .forum_ul .info .tit a {
  max-width: 690px;
}

.uctab_navi {
  border-bottom: 1px #dedbdb solid;
}

.uctab_navi li a {
  float: left;
  display: inline-block;
  margin-left: 30px;
  padding: 0 5px;
  color: #5e5e5e;
  font-size: 16px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-bottom: 2px #fff solid;
}

.uctab_navi li a.on {
  border-color: #25b060;
}

.uctab_navi li.on a,
.uctab_navi li.on a:hover {
  border-color: #25b060;
}

.fanslist li {
  margin: 0 20px;
  padding: 15px 0;
  overflow: hidden;
  border-bottom: 1px #e1e0df solid;
}

.fanslist li:last-child {
  border-bottom: none;
}

.fanslist li.nomore {
  text-align: center;
  line-height: 20px;
  height: 20px;
}

.fanslist .tx {
  display: inline-block;
  float: left;
  margin-right: 15px;
}

.fanslist .tx img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
}

.fanslist .info {
  float: left;
}

.fanslist .info .name {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #4e4d4d;
}

.fanslist .info .des {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #959494;
}

.fanslist .info .des span {
  display: inline-block;
  margin-right: 20px;
}

.fanslist .tools {
  display: inline-block;
  float: right;
  margin: 10px 25px;
}

.fanslist .fans {
  display: block;
  margin-bottom: 10px;
  padding: 0 20px;
  color: #848484;
  width: 60px;
  border: 1px #848484 solid;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}

.fanslist .fans:last-child {
  margin-bottom: 0;
}

.fanslist .fans:hover {
  color: #25b060;
  border-color: #25b060;
}

.uc_qdbtn {
  height: 77px;
}

.uc_course_list {
  padding: 25px;
  margin-left: -15px;
}

.uc_course_list li {
  margin-bottom: 10px;
  margin-left: 15px;
  float: left;
}

.uc_course_list li .name {
  display: inline-block;
  padding-top: 5px;
  font-size: 12px;
  color: #333;
  line-height: 25px;
  overflow: hidden;
  width: 164px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uc_course_list li .pro1 {
  font-size: 12px;
  line-height: 25px;
  color: #575958;
}

.uc_course_list li .pro1 span {
  color: #25b060;
}

.uc_course_list li .jx {
  float: right;
  color: #25b060;
}

.tasklist li {
  position: relative;
  padding: 25px;
  height: 65px;
  border-bottom: 1px #dedbdb solid;
}

.tasklist li:last-child {
  border-bottom: none;
}

.tasklist .taskicon {
  float: left;
}

.tasklist .info {
  padding-left: 15px;
  float: left;
}

.tasklist .info .tit {
  padding: 10px 0;
  color: #5e5e5e;
  font-size: 16px;
  line-height: 20px;
}

.tasklist .info .des {
  color: #848383;
  font-size: 14px;
  line-height: 20px;
}

.tasklist .reward {
  float: right;
  margin-top: 15px;
  display: inline-block;
  width: 100px;
  height: 38px;
  line-height: 38px;
  color: #25b060;
  font-size: 14px;
  text-align: center;
  border-radius: 8px;
  border: 1px #25b060 solid;
}

.tasklist .reward:hover {
  background-color: #25b060;
  color: #fff;
}

.asklist li {
  padding: 20px 0;
  margin: 0 25px;
  border-bottom: 1px #dcdbdb dashed;
}

.asklist li:last-child {
  border-bottom: none;
}

.asklist li .tit {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 25px;
  color: #333;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asklist li .tit i {
  display: inline-block;
  margin-left: 2px;
  margin-right: 7px;
  color: #918f8f;
}

.asklist li .tit .icon-zuijia {
  color: #2ecb70;
}

.asklist li .des {
  margin: 15px 0;
  padding: 20px;
  font-size: 14px;
  background-color: #f6f6f6;
  line-height: 20px;
  color: #535252;
}

.asklist li .info {
  font-size: 12px;
  line-height: 20px;
  color: #bbb;
}

.asklist li .info span {
  display: inline-block;
  margin-right: 15px;
}

.cardlist li {
  position: relative;
  padding: 20px 0;
  margin: 0 25px;
  border-bottom: 1px #dcdbdb dashed;
}

.cardlist li:last-child {
  border-bottom: 1px #dcdbdb solid;
}

.cardlist li.read a {
  color: #b5b4b4;
}

.cardlist li input {
  position: absolute;
  top: 27px;
  left: 0;
  width: 14px;
  height: 14px;
  z-index: 2;
}

.cardlist li .msgcon {
  display: block;
  padding: 0 0 0 30px;
  font-size: 14px;
  line-height: 25px;
  color: #5e5e5e;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.cardlist li .msgcon a {
  color: #5e5e5e;
}

.cardlist li .msgcon .time {
  position: absolute;
  right: 0;
  bottom: 20px;
}

.card_tools {
  padding: 15px 25px;
}

.card_tools .card_all {
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.card_tools .del_all {
  display: inline-block;
  margin-left: 15px;
  padding: 0 7px;
  font-size: 14px;
  color: #676b69;
  background-color: #dfdede;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
}

.back_note {
  display: block;
  margin: 10px 0 10px 30px;
  width: 125px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  background-color: #25b060;
  text-align: center;
}

.msg_detail {
  padding: 25px;
}

.msg_detail .tit {
  margin-bottom: 25px;
  font-size: 18px;
  color: #5a5a5a;
  text-align: center;
}

.msg_detail .msg_inp {
  padding: 10px;
  height: 80px;
  width: 100%;
  border: 1px #d1d0d0 solid;
  box-sizing: border-box;
}

.msg_detail .send_btn {
  display: block;
  margin-top: 5px;
  padding: 0 20px;
  float: right;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  background-color: #2ecb70;
  color: #fff;
  border: 0;
  cursor: pointer;
}

.notelist li {
  position: relative;
  padding: 20px 0;
  margin: 0 25px;
  border-bottom: 1px #dcdbdb dashed;
}

.notelist li:last-child {
  border-bottom: 0;
}

.notelist li input {
  position: absolute;
  top: 35px;
  left: 0;
  width: 14px;
  height: 14px;
  z-index: 2;
}

.noteitem {
  display: block;
  padding-left: 50px;
  position: relative;
}

.noteitem .tx {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}

.noteitem .name {
  color: #838182;
  font-size: 12px;
  line-height: 20px;
}

.noteitem .name a {
  color: #838182;
}

.noteitem .des {
  margin-top: 5px;
  color: #444;
  font-size: 14px;
  line-height: 20px;
}

.noteitem .btn {
  color: #9e9d9e;
}

.noteitem .btn:hover {
  color: #2ecb70;
  text-decoration: underline;
}

.msgitem {
  position: relative;
  margin: 10px 0 10px 50px;
  display: block;
  position: relative;
}

.msgitem .tx {
  position: absolute;
  left: -50px;
  top: 0;
  border-radius: 50%;
}

.msgitem .name {
  color: #327ab7;
}

.msgitem .info {
  padding: 10px;
  background-color: #d9edf7;
  line-height: 20px;
}

.msgitem .time {
  color: #737373;
}

.msgitem2 {
  margin: 10px 50px 10px 0;
}

.msgitem2 .tx {
  right: -50px;
  left: auto;
}

.recharge {
  position: relative;
  float: left;
  padding-left: 70px;
  width: 200px;
  height: 90px;
  line-height: 90px;
  background-color: #25b060;
  color: #fff;
  font-size: 14px;
}

.recharge .icon-jinbi {
  position: absolute;
  left: 27px;
  font-size: 28px;
}

.recharge .num {
  font-size: 26px;
}

.recharge_r {
  padding: 0 20px;
}

.recharge_r .btns,
.recharge_r .name {
  height: 45px;
  line-height: 45px;
}

.recharge_r .btns {
  line-height: 0;
}

.recharge_r .btns a {
  display: inline-block;
  padding: 0 20px;
  background-color: #25b060;
  color: #fff;
  line-height: 35px;
  height: 35px;
  margin-right: 20px;
}

.money_con {
  padding: 30px 25px;
  min-height: 1055px;
}

.money_con .tit {
  margin-bottom: 15px;
  height: 35px;
  font-size: 20px;
  line-height: 35px;
  color: #25b060;
}

.money_con .small {
  display: block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  color: #989797;
}

.money_con .formp {
  margin-top: 25px;
  overflow: hidden;
}

.money_con .formp .label,
.money_con .formp .label_2 {
  float: left;
  width: 90px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
  color: #3f3f3f;
  font-size: 14px;
  text-align: right;
}

.money_con .formp .label_2 {
  line-height: 50px;
}

.money_con .formp .formb {
  float: left;
  line-height: 30px;
}

.money_con .formp .formb .num {
  margin-right: 15px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  color: #3f3f3f;
  padding: 0 10px;
  border: 1px #d1cece solid;
}

.money_con .formp .formb .num.on,
.money_con .formp .formb .num:hover {
  border-color: #25b060;
}

.money_con .formp .zftype {
  display: inline-block;
  height: 50px;
  border: 1px #d1cece solid;
}

.money_con .formp .zftype.on,
.money_con .formp .zftype:hover {
  border-color: #25b060;
}

.money_con .formp .other {
  margin-left: 10px;
  padding: 0 10px;
  width: 60px;
  height: 30px;
  line-height: 30px;
  border: 1px #d1cece solid;
}

.money_con .formp .other.on,
.money_con .formp .other:hover {
  border-color: #25b060;
}

.money_con .formp .cz_btn {
  display: inline-block;
  background-color: #25b060;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  border: none;
  cursor: pointer;
}

.money_navi {
  margin-bottom: 30px;
}

.money_navi li a {
  float: left;
  display: inline-block;
  margin-right: 40px;
  height: 25px;
  line-height: 25px;
  border-bottom: 2px #fff solid;
  font-size: 16px;
  color: #6a6a6a;
}

.money_navi li a.on,
.money_navi li a:hover {
  border-color: #25b060;
}

.money_tab table {
  width: 100%;
  border: 1px #ccc solid;
  border-collapse: collapse;
}

.money_tab th {
  height: 40px;
  line-height: 40px;
  background-color: #eceaea;
  font-size: 14px;
  color: #5e5e5e;
  text-align: center;
}

.money_tab tr {
  font-size: 12px;
  line-height: 20px;
  color: #3f3e3e;
  text-align: center;
  border-bottom: 1px #ccc solid;
}

.money_tab tr:last-child {
  border-bottom: 0;
}

.money_tab td {
  padding: 10px 5px;
}

.money_tab a {
  color: #3f3e3e;
  display: inline-block;
  margin-left: 5px;
}

.money_card {
  border: 1px #ccc solid;
}

.money_card h2 {
  background-color: #eceaea;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #5e5e5e;
  font-weight: 100;
}

.money_card .item {
  display: block;
  width: 400px;
  margin: 30px auto 0;
}

.money_card .item .label {
  display: inline-block;
  float: left;
  width: 45px;
  margin-right: 15px;
  font-size: 14px;
  color: #3f3e3e;
  line-height: 35px;
  text-align: right;
}

.money_card .item .inpbox {
  float: left;
  position: relative;
}

.money_card .item .err {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  line-height: 20px;
  color: red;
  white-space: nowrap;
}

.money_card .item .suc {
  color: #25b060;
}

.money_card .item input {
  border: 1px #ccc solid;
  width: 300px;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
}

.money_card .item .submit {
  padding: 0 20px;
  height: 35px;
  line-height: 35px;
  background-color: #25b060;
  color: #fff;
  text-align: center;
  border: none;
  width: auto;
  margin-bottom: 30px;
  cursor: pointer;
}

.money_cards {
  border: 1px #ccc solid;
}

.money_cards h2 {
  background-color: #eceaea;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #5e5e5e;
  font-weight: 100;
}

.money_cards .item {
  display: block;
  width: 400px;
  margin: 30px auto 0;
}

.money_cards .item .label {
  display: inline-block;
  float: left;
  width: 45px;
  margin-right: 15px;
  font-size: 14px;
  color: #3f3e3e;
  line-height: 35px;
  text-align: right;
}

.money_cards .item .inpbox {
  float: left;
  position: relative;
}

.money_cards .item .err {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  line-height: 20px;
  color: red;
  white-space: nowrap;
}

.money_cards .item .suc {
  color: #25b060;
}

.money_cards .item input {
  border: 1px #ccc solid;
  width: 300px;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
}

.money_cards .item .submit {
  padding: 0 20px;
  height: 35px;
  line-height: 35px;
  background-color: #25b060;
  color: #fff;
  text-align: center;
  border: none;
  width: auto;
  margin-bottom: 30px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .banner_mobeil {
    display: block;
  }
  .wrap {
    width: 90%;
    margin: 0 5%;
  }
  .top2 .search_box {
    display: none;
  }
  .footer .wrap {
    width: 90%;
    margin: 0 5%;
    padding: 5% 0;
    box-sizing: border-box;
  }
  .footer .link {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
  .footer .link dl {
    width: 33%;
    box-sizing: border-box;
    text-align: center;
    margin-right: 0;
  }
  .footer .code {
    width: 50%;
    float: left;
    box-sizing: border-box;
  }
  .footer .contact {
    width: 50%;
    float: left;
    box-sizing: border-box;
  }
  .system .course_ul li:first-child {
    width: 100%;
    box-sizing: border-box;
  }
  .system .course_tit {
    width: 100%;
    box-sizing: border-box;
  }
  .system .course_ul li {
    width: 50%;
    box-sizing: border-box;
  }
  .reg_box {
    width: 90%;
    padding: 5%;
    box-sizing: border-box;
  }
}

@media (max-width: 414px) {
  body,
  html {
    overflow-x: hidden;
  }
  .navbar_collapse dl {
    padding-left: 30px;
  }
  .wrap {
    width: 90%;
    margin: 0 5%;
  }
  .login_txt,
  .navi2,
  .top2 .search_box {
    display: none;
  }
  .navbar_toggle {
    display: inline-block;
  }
  .system h4 .course_icon {
    display: none;
  }
  .navbar_collapse a {
    width: 100%;
  }
  .login_box {
    padding: 10%;
    width: 80%;
    box-sizing: border-box;
  }
  .login_box .form_group .form_control {
    width: 100%;
    box-sizing: border-box;
  }
}

.pop_buy {
  background-color: #fff;
  width: 440px;
}

.pop_buy .pop_tit {
  position: relative;
}

.pop_buy .pop_tit h4 {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  background-color: #25af61;
  text-align: center;
}

.pop_buy .pop_body {
  padding: 20px;
}

.pop_buy .pop_bottom {
  text-align: center;
}

.pop_buy .pop_bottom a {
  display: inline-block;
  padding: 0 30px;
  color: #fff;
  background-color: #25af61;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  text-align: center;
}

.pop_buy .close {
  position: absolute;
  right: 15px;
  color: #fff;
}

.pop_buy .tips {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
}

.buy_p {
  font-size: 20px;
  color: #333;
  line-height: 40px;
  height: 40px;
}

.buy_p .buy_lab {
  float: left;
  width: 50%;
  padding-right: 10px;
  text-align: right;
  box-sizing: border-box;
}

.buy_p .moneyc {
  color: #25af61;
}

.buy_p .buy_laba {
  float: left;
}

body .buy_pop_skin {
  min-width: 440px;
}

.study_route .tit {
  padding: 25px 0 15px 5px;
  height: 25px;
  line-height: 25px;
  font-weight: normal;
  color: #969696;
  font-size: 16px;
}

.study_route .route,
.study_route .route2 {
  display: block;
  float: left;
  position: relative;
  padding: 20px 15px 0;
  margin-left: 10px;
  width: 255px;
  height: 210px;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all 0.3s;
}

.study_route .route .name,
.study_route .route2 .name {
  position: relative;
  z-index: 2;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #292929;
}

.study_route .route .des,
.study_route .route2 .des {
  position: relative;
  z-index: 2;
  font-size: 12px;
  line-height: 20px;
  color: #969696;
}

.study_route .route2:hover,
.study_route .route:hover {
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

.study_route .route_right {
  float: left;
  width: 520px;
  margin-top: -10px;
}

.study_route .route2 {
  width: 250px;
  height: 100px;
  margin: 10px 0 0 10px;
  padding: 20px 15px;
}

.study_route .html5 {
  margin-left: 0;
}

.study_route .html5 i,
.study_route .ui i {
  position: absolute;
  bottom: 5px;
  left: 66px;
  display: block;
  width: 120px;
  height: 120px;
  background: #fff url('../img/index/index_xx.png') 0 0 no-repeat;
}

.study_route .ui i {
  background-position: -120px 0;
}

.study_route .android i,
.study_route .ios i,
.study_route .javaee i,
.study_route .php i {
  position: absolute;
  display: block;
  bottom: 25px;
  right: 10px;
  width: 120px;
  height: 60px;
  background: #fff url('../img/index/index_xx.png') 0 -120px no-repeat;
  z-index: 1;
}

.study_route .javaee i {
  background-position: -120px -180px;
}

.study_route .android i {
  background-position: -120px -120px;
}

.study_route .ios i {
  background-position: 0 -180px;
}

.live2 .tit {
  padding: 25px 0 15px 5px;
  height: 25px;
  line-height: 25px;
  font-weight: normal;
  color: #969696;
  font-size: 16px;
}

.live2 .live_ul {
  margin-left: -10px;
}

.live2 .live_ul .state {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 5px;
  font-size: 12px;
  color: #fff;
  background-color: #1dcf2a;
  height: 20px;
  line-height: 20px;
  border-top-left-radius: 4px;
}

.live2 .live_ul .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  font-size: 12px;
  color: #fff;
  padding: 8px;
  box-sizing: border-box;
}

.live2 .live_ul .bottom p {
  position: relative;
  z-index: 2;
  padding-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.live2 .live_ul .bottom p span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #969696;
}

.live2 .live_ul .bottom b {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.live2 .live_ul li {
  position: relative;
  float: left;
  width: 200px;
  margin-left: 10px;
}

.live2 .live_ul li > a {
  display: block;
  transition: all 0.3s;
  font-size: 0;
}

.live2 .live_ul li > a > img {
  border-radius: 4px;
}

.live2 .live_ul li > a:hover {
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

.order_top {
  background: url('../img/common/order_top_bg.jpg') 0 0 repeat;
  height: 40px;
  line-height: 40px;
}

.order_top .name {
  float: right;
}

.order_pagebg {
  padding: 60px 0;
}

.order_page {
  padding: 40px 50px 15px;
  box-sizing: border-box;
  background-color: #fff;
}

.order_page .order_head {
  margin-bottom: 40px;
  position: relative;
  height: 40px;
}

.order_page .order_head .logo {
  position: absolute;
  left: -27px;
  top: -7px;
  display: inline-block;
  transform: scale(0.7, 0.7);
}

.order_page .order_head .tit {
  margin-left: 150px;
  color: #494848;
  font-size: 18px;
  line-height: 35px;
}

.order_page .order_head .tit em {
  position: relative;
  top: 3px;
  display: inline-block;
  margin-right: 20px;
  background-color: #dddede;
  width: 1px;
  height: 20px;
}

.order_page .order_list {
  border-bottom: 1px #dddede solid;
  padding-bottom: 40px;
}

.order_page .order_list dt {
  margin-bottom: 20px;
  font-size: 16px;
  color: #696969;
  line-height: 32px;
  height: 32px;
}

.order_page .order_list dd {
  padding: 25px 30px;
  background-color: #f4f4f4;
}

.order_page .order_list .name {
  float: left;
  margin-left: 30px;
  display: inline-block;
  padding-top: 50px;
  font-size: 16px;
  color: #444444;
  line-height: 30px;
}

.order_page .order_list .money {
  float: right;
  padding-top: 50px;
  padding-right: 30px;
  color: #444;
}

.order_page .order_info {
  margin-bottom: 40px;
  padding: 30px 25px;
  background-color: #f4f5f5;
  line-height: 30px;
}

.order_page .order_info .number {
  font-size: 20px;
  line-height: 40px;
  color: #494848;
}

.order_page .order_info .tips {
  margin: 12px 0;
  font-size: 14px;
  color: #454545;
}

.order_page .order_info i {
  font-style: normal;
}

.order_page .order_info .time {
  color: #f67e44;
}

.order_page .order_info .name {
  color: #7b7b7b;
  font-size: 16px;
}

.order_page .order_info .money {
  float: right;
}

.order_page .line {
  margin-top: 40px;
  margin-bottom: 30px;
  width: 100%;
  height: 1px;
  background-color: #dddede;
}

.order_page .order_paytype {
  padding-top: 30px;
  padding-bottom: 40px;
  border-top: 1px #dddede solid;
  border-bottom: 1px #dddede solid;
}

.order_page .order_paytype .tit {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 25px;
  color: #696969;
  height: 25px;
  margin-bottom: 30px;
}

.order_page .order_paytype .tit i {
  position: absolute;
  right: -30px;
  font-size: 30px;
}

.order_page .order_paytype .paytype {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 80px;
  line-height: 80px;
  vertical-align: middle;
  border: 1px #dad8d8 solid;
  text-align: center;
  margin-right: 50px;
  transition: all 0.2s;
}

.order_page .order_paytype .paytype:before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  border-width: 10px;
  border-color: transparent #38b035 #38b035 transparent;
  display: none;
  transition: all 0.2s;
}

.order_page .order_paytype .paytype img {
  display: inline-block;
  vertical-align: middle;
}

.order_page .order_paytype .paytype.on,
.order_page .order_paytype .paytype:hover {
  border-color: #38b035;
}

.order_page .order_paytype .paytype.on:before,
.order_page .order_paytype .paytype:hover:before {
  display: inline-block;
}

.order_page .bean {
  padding-top: 30px;
  border-bottom: 1px #dddede solid;
  padding-bottom: 24px;
}

.order_page .bean #toggle_bean {
  display: none;
}

.order_page .bean .tit {
  display: inline-block;
  line-height: 36px;
  font-size: 16px;
  color: #696969;
  position: relative;
}

.order_page .bean .tit i {
  position: absolute;
  right: -30px;
  font-size: 30px;
  transition: all 0.2s;
}

.order_page .bean .tit.on i,
.order_page .bean .tit:hover i {
  transform: rotate(180deg);
}

.order_page .bean .des {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #333;
}

.order_page .bean .des input {
  margin: 0 10px;
  padding-left: 5px;
  border: 1px #d2d2d2 solid;
  height: 24px;
  line-height: 24px;
  width: 60px;
}

.order_page .bean .des .error {
  display: none;
  margin-left: 20px;
  color: red;
}

.order_page .bean .beanpay {
  display: inline-block;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  padding: 0 7px;
  background-color: #d5d5d5;
  color: #333;
}

.order_page .bean .beanpay.on {
  background-color: #fc0c0c;
  color: #fff;
}

.order_page .bean .beanhelp {
  font-size: 14px;
  color: #acacab;
  float: right;
}

.order_page .bean .info {
  font-size: 14px;
  color: #666;
  height: 28px;
  line-height: 28px;
}

.order_page .bean .info span {
  color: #f67e44;
}

.order_page .bean .info .use_bean {
  display: none;
  margin-left: 20px;
}

.order_page .paymoeny {
  border-bottom: 1px #dddede solid;
}

.order_page .paymoeny .tit {
  padding-top: 40px;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
}

.order_page .paymoeny .discount {
  float: right;
  padding: 15px 0;
  text-align: right;
  font-size: 14px;
  color: #333;
  line-height: 35px;
}

.order_page .paymoeny .discount span {
  display: inline-block;
  color: #f67e44;
  width: 100px;
}

.order_page .total_moeny {
  margin-top: 15px;
  padding: 20px 25px;
  height: 90px;
  background-color: #f9f8f8;
  box-sizing: border-box;
  line-height: 50px;
}

.order_page .total_moeny .label {
  float: left;
  position: relative;
  bottom: -5px;
  display: inline-block;
  font-size: 14px;
  color: #333;
}

.order_page .total_moeny .sum {
  float: left;
  display: inline-block;
  padding: 0 25px;
  font-size: 25px;
  color: #f67e44;
}

.order_page .total_moeny .pay {
  float: left;
  display: inline-block;
  height: 50px;
  color: #fff;
  background-color: #f67e44;
  font-size: 16px;
  border-radius: 4px;
  padding: 0 30px;
}

.order_page .total_moeny .dis {
  background-color: #9d9d9d;
}

.order_page .student {
  padding: 30px 0;
  border-bottom: 1px #dddede solid;
}

.order_page .student .tit {
  padding-bottom: 30px;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}

.order_page .student .item {
  margin-bottom: 25px;
  height: 40px;
  line-height: 40px;
}

.order_page .student .item .label {
  font-size: 14px;
  color: #333;
  width: 70px;
  float: left;
}

.order_page .student .item .inp {
  display: inline-block;
  float: left;
  border: 1px #d2d2d2 solid;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  width: 250px;
  box-sizing: border-box;
}

.order_page .student .item .inp:focus {
  border-color: #2ecb70;
}

.order_page .student .item .tips {
  display: none;
  margin-left: 20px;
  float: left;
  margin-left: 20px;
}

.order_page .student .item:last-child {
  margin-bottom: 0;
}

.order_page .student .error .inp {
  border-color: red;
}

.order_page .student .error .tips {
  color: red;
  display: inline-block;
}

.order_page .coupon {
  padding: 30px 0;
  border-bottom: 1px #dddede solid;
}

.order_page .coupon .tit {
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}

.order_page .coupon .coupon_btn {
  margin-left: 30px;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background-color: #fc0c0c;
  height: 30px;
  line-height: 30px;
  min-width: 90px;
  text-align: center;
}

.order_page .coupon .use_coupon {
  display: none;
  margin-left: 30px;
}

.order_page .coupon .use_coupon b {
  color: #f67e44;
  font-weight: 100;
}

.order_page .order_wxcon {
  background-color: #fff;
}

.order_page .order_wxcon .wxpay {
  padding: 80px 0;
}

.order_page .order_wxcon .wxpay .left {
  float: left;
  width: 280px;
  margin-left: 250px;
}

.order_page .order_wxcon .wxpay .left .bt {
  text-align: center;
  font-size: 16px;
  color: #5c5c5c;
}

.order_page .order_wxcon .wxpay .left .wx_ewm {
  margin-top: 15px;
  margin-bottom: 30px;
  padding: 14px;
  width: 280px;
  height: 280px;
  box-sizing: border-box;
  border: 1px #9d9c9c solid;
  text-align: center;
}

.order_page .order_wxcon .wxpay .left .wx_ewm img {
  width: 250px;
  height: 250px;
  display: inline-block;
  text-align: center;
}

.order_page .order_wxcon .wxpay .right {
  float: left;
  margin-left: 90px;
}

.order_page .order_wxcon .pay_money {
  padding-bottom: 80px;
  font-size: 18px;
  color: #595a5a;
  text-align: center;
}

.order_page .order_wxcon .pay_money .red {
  color: #f62b10;
  font-weight: bold;
}

.order_footer {
  padding: 30px 0;
  background-color: #fff;
  font-size: 14px;
  color: #9e9f9f;
  line-height: 30px;
  text-align: center;
}

.coupon_pop {
  display: none;
  padding: 40px 150px;
  width: 700px;
  box-sizing: border-box;
}

.coupon_pop .item {
  margin-bottom: 30px;
  height: 40px;
  line-height: 40px;
}

.coupon_pop .item .label {
  font-size: 14px;
  color: #333;
  width: 70px;
  float: left;
}

.coupon_pop .item .inp {
  display: inline-block;
  float: left;
  border: 1px #d2d2d2 solid;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  width: 320px;
  box-sizing: border-box;
}

.coupon_pop .item .inp:focus {
  border-color: #2ecb70;
}

.coupon_pop .item .yzm {
  display: inline-block;
  width: 100px;
  height: 40px;
  margin-left: 20px;
}

.coupon_pop .item .yzm img {
  width: 100%;
}

.coupon_pop .item .inp_code {
  width: 200px;
}

.coupon_pop .item .inp_code:focus {
  border-color: #2ecb70;
}

.coupon_pop .item:last-child {
  margin-bottom: 0;
}

.coupon_pop .item .coupon_pop_sub {
  width: 100%;
  font-size: 16px;
  color: #fff;
  background-color: #38b035;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}

.coupon_pop .error .inp {
  border-color: red;
}

.coupon_pop .error .tips {
  color: red;
  display: inline-block;
}

.coupon_pop .alone_error {
  display: none;
  position: absolute;
  left: 70px;
  top: -30px;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  color: red;
}

.layer_coupon_pop .layui-layer-title {
  text-align: center;
  font-size: 20px;
  color: #191919;
  background-color: #f3f3f3;
}

.course_comment_list {
  margin-bottom: 30px;
}

.answer_item2 {
  padding: 30px 0 30px 90px;
  border-bottom: 1px #d4d4d4 solid;
}

.answer_item2 .ans_info a {
  color: #838182;
}

.reply_box2 {
  margin-top: 10px;
  background-color: #f9f8f8;
}

.reply_item2 {
  margin: 0;
  padding: 15px 20px;
}

.reply_item2 .reply_info {
  color: #333;
  font-size: 12px;
  margin-top: 0;
}

.reply_item2 .reply_info a {
  color: #333;
}

.reply_item2 .reply_con {
  padding-bottom: 0;
}

.course_reply {
  position: relative;
  padding: 0 0 30px 90px;
  margin-top: 50px;
}

.course_reply .ans_tx {
  position: absolute;
  left: 20px;
  top: 0;
}

.course_reply .ans_tx img {
  border-radius: 50%;
}

.course_reply textarea {
  padding: 5px;
  border: 1px #d1d0d0 solid;
  border-radius: 2px;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
}

.course_reply .error {
  color: red;
  display: none;
}

.course_reply .form_item {
  margin: 10px 0;
}

.course_reply .pub {
  display: inline-block;
  float: right;
  width: 90px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border-radius: 4px;
  background-color: #2ecb70;
  text-align: center;
}

.course_reply .inp {
  float: left;
  padding: 0 5px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
}

.course_reply .pic_code_btn {
  display: inline-block;
  float: left;
  margin-left: 5px;
  width: 140px;
  height: 40px;
}

.course_reply .pic_code_btn .yzmpic {
  display: inline-block;
  width: 140px;
  height: 40px;
}

.order_pop {
  border-radius: 4px;
}

.order_pop .layui-layer-title {
  padding: 20px 80px 0 20px;
  height: 25px;
  line-height: 25px;
  border: none;
  font-size: 16px;
  color: #535353;
  background-color: #fff;
}

.order_pop .layui-layer-setwin {
  top: 25px;
}

.pop_buy2 {
  display: none;
  box-sizing: border-box;
  width: 400px;
  height: 275px;
  padding: 0 20px 20px;
}

.pop_buy2 .con1 {
  font-size: 20px;
  color: #191919;
  line-height: 20px;
  text-align: center;
}

.pop_buy2 .con1 .tit {
  padding: 80px 0;
  font-size: 20px;
  color: #191919;
  line-height: 32px;
  text-align: center;
}

.pop_buy2 .con2,
.pop_buy2 .con3,
.pop_buy2 .con4 {
  padding-top: 40px;
  display: none;
}

.pop_buy2 .con2 .icon,
.pop_buy2 .con3 .icon,
.pop_buy2 .con4 .icon {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  border: 1px #e5e5e5 solid;
  border-radius: 50%;
  line-height: 80px;
}

.pop_buy2 .con2 .icon img,
.pop_buy2 .con3 .icon img,
.pop_buy2 .con4 .icon img {
  padding-left: 20px;
  text-align: center;
  vertical-align: middle;
}

.pop_buy2 .con2 .tip1,
.pop_buy2 .con3 .tip1,
.pop_buy2 .con4 .tip1 {
  text-align: center;
  font-size: 14px;
  color: #545454;
}

.pop_buy2 .con2 .tip2,
.pop_buy2 .con3 .tip2,
.pop_buy2 .con4 .tip2 {
  margin-top: 50px;
  color: #191919;
  font-size: 16px;
  text-align: center;
}

.pop_buy2 .con2 .tip2 span,
.pop_buy2 .con3 .tip2 span,
.pop_buy2 .con4 .tip2 span {
  color: #f02121;
}

.pop_buy2 .con2 .btn,
.pop_buy2 .con3 .btn,
.pop_buy2 .con4 .btn {
  display: block;
  width: 130px;
  height: 48px;
  margin: 40px auto 0;
  line-height: 48px;
  color: #fff;
  text-align: center;
  background-color: #38b035;
  border-radius: 4px;
}

.pop_buy2 .pop_bottom a {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  text-align: center;
  float: left;
  border-radius: 4px;
  padding: 0 15px;
}

.pop_buy2 .pop_bottom .choose_btn {
  display: inline-block;
  font-size: 14px;
  color: #8b8989;
  border: 1px #cdcdcd solid;
}

.pop_buy2 .pop_bottom .pay_suc {
  float: right;
  width: 130px;
  background-color: #38b035;
  color: #fff;
}

.order_sucpage {
  padding: 80px 0;
  background-color: #fff;
}

.order_sucpage .info {
  font-size: 20px;
  color: #525252;
  text-align: center;
  margin-bottom: 40px;
}

.order_sucpage .info .icon {
  display: inline-block;
  margin-right: 20px;
  width: 60px;
  height: 60px;
  border: 1px #e5e5e5 solid;
  border-radius: 50%;
  line-height: 60px;
}

.order_sucpage .info .icon img {
  text-align: center;
  vertical-align: middle;
  transform: scale(0.8);
}

.order_sucpage .course_img {
  text-align: center;
}

.order_sucpage .course_img .tit {
  font-size: 20px;
  color: #676767;
  line-height: 25px;
  padding: 15px 0;
}

.order_sucpage .sucbtn {
  display: block;
  width: 240px;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
  color: #fff;
  background-color: #38b035;
  border-radius: 6px;
  text-align: center;
  margin: 80px auto 0;
}

.weixin_pop {
  width: 300px;
  display: none;
}

.weixin_pop .body {
  padding: 15px;
}

.weixin_pop .weixin-share-qrcode {
  margin-bottom: 10px;
  text-align: center;
}

.weixin_pop .weixin-share-qrcode img {
  max-width: 100%;
  height: auto;
  width: 256px;
  margin: 0 auto;
}

.weixin_pop .text-muted {
  color: #919191;
  text-align: center;
  margin-bottom: 10px;
}

.weixin_pop .text-muted small {
  font-size: 85%;
}

.ad_flex {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 20px 0;
  width: 100%;
  height: 80px;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
}

.ad_flex span {
  position: relative;
  z-index: 2;
}

.ad_flex:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 110px;
  width: 100%;
  background-color: rgba(66, 164, 107, 0.9);
  z-index: 1;
}

.ad_flex a {
  position: relative;
  z-index: 2;
  top: -5px;
  display: inline-block;
  margin-left: 20px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  text-align: center;
  border: 1px #fff solid;
  color: #fff;
}

.ad_flex_pop {
  display: none;
  width: 400px;
  padding: 20px;
  box-sizing: border-box;
}

.ad_flex_pop textarea {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}

.sc_404,
.sc_500 {
  height: 450px;
  padding: 100px 0;
  background: #f4f4f4 url('../img/school/404.jpg') center center no-repeat;
}

.sc_404 .tit,
.sc_500 .tit {
  font-size: 25px;
  color: #4b4a4a;
  text-align: center;
  margin-bottom: 20px;
}

.sc_404 .des,
.sc_500 .des {
  font-size: 14px;
  color: #575757;
  text-align: center;
}

.sc_404 .des .red,
.sc_500 .des .red {
  color: #ed5a58;
}

.sc_500 {
  background: #f4f4f4 url('../img/school/500.jpg') center center no-repeat;
}

.search_con {
  background-color: #f5f5f5;
  padding-top: 35px;
}

.search_con .search_b {
  width: 640px;
  height: 52px;
  line-height: 50px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px #34ba47 solid;
  font-size: 16px;
  color: #c5c5c5;
}

.search_con .search_inp {
  float: left;
  width: 560px;
  padding: 0 10px 0 50px;
  height: 50px;
  border: 0;
  color: #787878;
  font-size: 16px;
  background: #fff url('../img/common/search_btn.png') 18px 15px no-repeat;
  box-sizing: border-box;
}

.search_con .search_submit {
  float: left;
  width: 78px;
  height: 50px;
  border: 0;
  background-color: #34ba47;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.search_con .search_hot {
  width: 640px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  padding: 10px 0 20px;
  font-size: 14px;
  color: #787878;
  overflow: hidden;
  white-space: nowrap;
}

.search_con .search_hot dd,
.search_con .search_hot dt {
  float: left;
}

.search_con .search_hot dd a,
.search_con .search_hot dt a {
  display: inline-block;
  margin-left: 15px;
  color: #787878;
}

.search_menu {
  margin: 0 auto;
  width: 320px;
}

.search_menu li {
  float: left;
}

.search_menu li a {
  display: inline-block;
  text-align: center;
  padding: 33px 60px 25px;
  font-size: 18px;
  color: #333;
}

.search_menu li.on a,
.search_menu li:hover a {
  color: #29b03c;
}

.search_total {
  padding-left: 20px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  height: 50px;
  line-height: 50px;
  color: #787878;
}

.search_list li {
  padding: 30px 0;
  border-bottom: 1px #e6e6e6 solid;
}

.search_list li:last-child {
  border-bottom: 0;
}

.search_list .green {
  color: #34ba47;
}

.search_list .search_img {
  display: block;
  float: left;
  margin-right: 20px;
  width: 230px;
  height: 145px;
}

.search_list .search_info {
  float: left;
  width: 950px;
  font-size: 14px;
}

.search_list .search_info .tit {
  display: block;
  height: 20px;
  line-height: 20px;
  padding: 5px 0;
  font-size: 16px;
  color: #232323;
}

.search_list .search_info .tit .search_lab {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  color: #9d9d9d;
  border: 1px #c8c7c7 solid;
  border-radius: 4px;
  min-width: 50px;
  text-align: center;
}

.search_list .search_info .des {
  padding: 10px 0;
  line-height: 24px;
  height: 56px;
  color: #555;
  overflow: hidden;
}

.search_list .search_info .info {
  padding: 10px 0;
  line-height: 20px;
  height: 20px;
  color: #858585;
}

.search_list .search_info .info .time,
.search_list .search_info .info .view {
  display: inline-block;
  float: left;
  margin-right: 25px;
}

.search_list .search_info .info i {
  display: inline-block;
  margin-right: 5px;
}

.route_banner {
  text-align: center;
  position: relative;
  height: 159px;
  overflow: hidden;
}

.route_banner img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  display: inline-block;
  text-align: center;
}

.route_bg {
  padding-top: 20px;
  padding-bottom: 80px;
  background-color: #f5f5f5;
}

.xx_menu {
  background-color: #fff;
  border-bottom: 1px #cbcbcb solid;
  height: 90px;
}

.xx_menu .menu_ul li {
  float: left;
  display: inline-block;
}

.xx_menu .menu_ul li a {
  position: relative;
  display: inline-block;
  padding: 0 40px;
  line-height: 90px;
  height: 90px;
  color: #2463d3;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.xx_menu .menu_ul li a:after,
.xx_menu .menu_ul li a:before {
  display: none;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-color: transparent transparent #cbcbcb;
  border-width: 10px;
  border-style: solid;
}

.xx_menu .menu_ul li a:after {
  bottom: -1px;
  border-color: transparent transparent #f8f8f8;
}

.xx_menu .menu_ul li:nth-child(2) a {
  color: #18ad26;
}

.xx_menu .menu_ul li:nth-child(3) a {
  color: #d6620c;
}

.xx_menu .menu_ul li.on a:after,
.xx_menu .menu_ul li.on a:before {
  display: inline-block;
}

.c_head1 {
  background-color: #fff;
  padding-bottom: 45px;
}

.c_head1 .c_head1_banner {
  padding: 20px 0;
  display: inline-block;
  text-align: center;
}

.c_head1 .course_info {
  margin: 0 80px;
}

.phase {
  margin: 0 40px;
}

.phase_head {
  margin-bottom: 50px;
  height: 60px;
  position: relative;
  font-size: 18px;
}

.phase_head .phase_bt {
  position: absolute;
  left: 50%;
  top: 4px;
  transform: translateX(-50%);
  display: block;
  width: 300px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #1d993f;
  color: #fff;
  z-index: 2;
}

.phase_head .phase_bt:after,
.phase_head .phase_bt:before {
  position: absolute;
  left: 0;
  top: -4px;
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #1d993f;
}

.phase_head .phase_bt:after {
  bottom: -4px;
  top: initial;
}

.phase_head .phase_bg {
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  height: 10px;
  background-color: #1d993f;
  z-index: 1;
}

.phase_graphics .img {
  display: inline-block;
  float: left;
  width: 320px;
  margin-right: 30px;
}

.phase_graphics .phase_info {
  float: left;
  position: relative;
  width: 770px;
  height: 202px;
}

.phase_graphics .phase_info .tit {
  font-size: 18px;
  line-height: 30px;
  color: #3f3f3f;
}

.phase_graphics .phase_info .des {
  margin-top: 10px;
  font-size: 14px;
  color: #888;
  line-height: 25px;
}

.phase_graphics .phase_info .btnbox {
  position: absolute;
  right: 10px;
  bottom: 0;
}

.phase_graphics .phase_info .btnbox a {
  position: relative;
  margin-left: 25px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background-color: #35b558;
  color: #fff;
  border-radius: 4px;
  padding: 0 10px 0 35px;
}

.phase_graphics .phase_info .btnbox a:before {
  position: absolute;
  left: 10px;
  top: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  background: url('../img/common/icon.png') 0 -60px no-repeat;
}

.phase_graphics .phase_info .btnbox a:nth-child(2):before {
  background-position: -20px -40px;
}

.phase_graphics .phase_info .btnbox a:nth-child(3):before {
  background-position: 0 -40px;
}

.system2 {
  padding: 40px 0;
}

.system2 .course_tit {
  width: 100%;
  box-sizing: border-box;
}

.system2 .course_ul li {
  width: 372px;
}

.system2 .course_ul li:first-child {
  width: 1120px;
  box-sizing: border-box;
}

.student_box {
  background-color: #fff;
  padding: 0 65px 75px;
  box-sizing: border-box;
}

.student_list {
  margin-left: -70px;
}

.student_list li {
  float: left;
  margin-left: 70px;
  width: 500px;
  height: 155px;
  margin-top: 40px;
  border: 1px #f0f0f0 solid;
  box-sizing: border-box;
}

.student_list li .pic {
  float: left;
  width: 163px;
  height: 155px;
}

.student_list li .info {
  float: left;
  width: 335px;
  padding: 20px 25px;
  box-sizing: border-box;
}

.student_list li .info .name {
  font-size: 16px;
  color: #333;
  line-height: 35px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

.student_list li .info .des {
  font-size: 14px;
  color: #818181;
  margin: 15px 0;
  line-height: 20px;
  height: 20px;
}

.student_list li .info .des span {
  float: left;
  display: inline-block;
  width: 33%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
  box-sizing: border-box;
}

.student_list li .info .btn {
  display: inline-block;
  background-color: #34ba47;
  color: #fff;
  width: 70px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  float: right;
}

.online_banner {
  margin-top: 15px;
  width: 1200px;
  height: 360px;
  position: relative;
  overflow: hidden;
}

.online_banner .banner_list a {
  position: absolute;
  left: 0;
  top: 0;
}

.online_banner .banner_control {
  position: absolute;
  right: 15px;
  bottom: 15px;
  height: 4px;
  z-index: 11;
  transform: translateX(-50%);
}

.online_banner .banner_control a {
  float: left;
  display: inline-block;
  width: 30px;
  height: 4px;
  margin-left: 7px;
  background-color: #b5b5b5;
  transition: background-color 0.2s linear;
}

.online_banner .banner_control a.active {
  background-color: #8a8a8a;
}

.online {
  padding-bottom: 20px;
}

.online .title {
  padding: 20px 0;
  font-size: 18px;
  line-height: 30px;
  color: #424242;
}

.online .navi {
  background-color: #f2f2f2;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
}

.online .navi a {
  display: inline-block;
  font-size: 14px;
  color: #424242;
  padding: 0 7px;
}

.online .navi a.active,
.online .navi a:hover {
  color: #12a93b;
}

.online_list {
  padding-top: 10px;
  margin-left: -22px;
}

.online_list li {
  float: left;
  margin-left: 22px;
  margin-top: 20px;
}

.online_list .online_item {
  display: block;
  line-height: 24px;
  font-size: 14px;
  width: 222px;
  overflow: hidden;
}

.online_list .online_item .img {
  width: 222px;
  height: 139px;
  overflow: hidden;
  border-radius: 5px;
}

.online_list .online_item .img .img_scale {
  display: block;
  transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.online_list .online_item:hover .img .img_scale {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.online_list .online_item:hover .tit {
  color: #35b558;
}

.online_list .online_item img {
  vertical-align: middle;
  width: 100%;
}

.online_list .online_item .tit {
  padding-top: 7px;
  line-height: 26px;
  height: 52px;
  color: #424242;
  overflow: hidden;
  word-break: break-all;
  width: 100%;
  transition: color 0.2s;
}

.online_list .online_item .info {
  padding: 15px 0 5px;
  line-height: 20px;
}

.online_list .online_item .charge {
  color: #f9080e;
}

.online_list .online_item .free {
  color: #109fac;
}

.online_list .online_item .st {
  float: right;
  color: #878787;
  font-size: 14px;
}

.online_list .online_item .st em {
  display: inline-block;
  margin-right: 5px;
  width: 11px;
  height: 11px;
  background: url('../img/common/bofang.png') 0 0 no-repeat;
}

.sidebar {
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -100px;
  z-index: 20;
}

.sidebar_ul {
  padding: 7px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(135, 135, 135, 0.3);
}

.sidebar_ul li {
  width: 48px;
  padding-top: 34px;
  padding-bottom: 4px;
  border-bottom: 1px #ececec solid;
  font-size: 12px;
  color: #bbb;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}

.sidebar_ul li .icon {
  display: block;
  background: #fff url('../img/common/sidebar.png') 0 0 no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 4px;
}

.sidebar_ul li.active,
.sidebar_ul li:hover {
  color: #34b559;
}

.sidebar_ul li.active .icon,
.sidebar_ul li:hover .icon {
  background-position-x: -30px;
}

.sidebar_ul .xcx .icon {
  background-position-y: -30px;
}

.sidebar_ul .dianhua .icon {
  background-position-y: -120px;
}

.sidebar_ul .qq .icon {
  background-position-y: -150px;
}

.sidebar_ul .gzh {
  z-index: 11;
}

.sidebar_ul .gzh .icon {
  background-position-y: -60px;
}

.sidebar_ul li:last-child {
  border-bottom: 0;
  z-index: 10;
}

.sidebar_ul li:last-child .icon {
  background-position-y: -90px;
}

.sidebar_ul .ewm {
  position: absolute;
  left: -130px;
  top: -50px;
  background: url(../img/common/sidebar_bk.png) 0 0 no-repeat;
  width: 200px;
  height: 200px;
  pointer-events: none;
  opacity: 0;
  background-size: 184px;
}

.sidebar_ul .ewm .img {
  position: absolute;
  left: 22px;
  top: 19px;
  background-color: #fff;
  width: 124px;
  height: 124px;
}

.sidebar_ul .ewm img {
  position: absolute;
  left: 2px;
  top: 2px;
  display: inline-block;
  width: 120px;
  height: 120px;
}

.u_dis_coupon > li {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

.dis_coupon {
  display: inline-block;
  position: relative;
  height: 110px;
  z-index: 1;
}

.dis_coupon:before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  content: '';
  background: url('../img/common/coupon.png') 0 0 no-repeat;
  width: 212px;
  height: 110px;
  z-index: 1;
}

.dis_coupon .dis_coupon_box {
  position: relative;
  z-index: 2;
}

.dis_coupon .dc_left {
  float: left;
  width: 165px;
  display: inline-block;
}

.dis_coupon .dc_left .dc_top {
  height: 64px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-left: 20px;
  color: #fc0c0c;
}

.dis_coupon .dc_left .dc_top .num {
  float: left;
  position: relative;
  display: inline-block;
  font-size: 65px;
  line-height: 54px;
  width: 50px;
  margin-right: 5px;
  font-weight: bold;
}

.dis_coupon .dc_left .dc_top .zk {
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  right: -8px;
  bottom: 0;
}

.dis_coupon .dc_left .dc_top p {
  float: left;
  padding-left: 8px;
  padding-top: 16px;
  color: #883511;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}

.dis_coupon .dc_left .dc_bottom {
  width: 135px;
  margin: 8px auto 0;
  background-color: #e58107;
  color: #fff;
  font-size: 14px;
  border-radius: 13px;
  line-height: 26px;
  height: 26px;
  text-align: center;
  letter-spacing: 2px;
}

.dis_coupon .dc_right {
  float: left;
  width: 47px;
  height: 110px;
  padding: 10px 0 10px 5px;
  font-size: 16px;
  line-height: 22px;
  color: #b35718;
  text-align: center;
  box-sizing: border-box;
  text-shadow: 0 1px 3px #fff;
}

.dis_coupon.gray:before {
  background-position: 0 -110px;
}

.dis_coupon.gray .dc_left .dc_top {
  color: #a5a5a5;
}

.dis_coupon.gray .dc_left .dc_top p {
  color: #a5a5a5;
}

.dis_coupon.gray .dc_left .dc_bottom {
  background-color: #a5a5a5;
  color: #fff;
}

.dis_coupon.gray .dc_right {
  display: none;
}

.zk_coupon > li {
  float: left;
  margin-right: 35px;
  margin-bottom: 10px;
  position: relative;
}

.zk_coupon > li.active:before {
  display: inline-block;
  content: '';
  position: absolute;
  right: -2px;
  top: -5px;
  width: 20px;
  height: 20px;
  background: url('../img/common/coupon.png') 0 -220px no-repeat;
  z-index: 2;
}

.zk_coupon .dis_coupon {
  width: 167px;
  overflow: hidden;
}

.zk_coupon .dis_coupon .dc_left {
  float: none;
}

.zk_coupon .dis_coupon .dc_right {
  display: none;
  float: none;
}

.live3 {
  height: 128px;
  margin-top: 5px;
  margin-left: 258px;
  background-color: #f6f6f6;
  border-radius: 4px;
}

.live3 .live_head {
  float: left;
  margin-left: 22px;
  padding-top: 11px;
}

.live3 .live_right {
  padding-top: 11px;
}

.live3 .live_right .lv_list {
  float: left;
  height: 48px;
  width: 270px;
  margin-left: 15px;
  margin-bottom: 10px;
  padding: 5px 15px 0 4px;
  border-radius: 4px;
  background-color: #fff;
  box-sizing: border-box;
}

.live3 .live_right .pic {
  float: left;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  overflow: hidden;
}

.live3 .live_right .pic img {
  vertical-align: middle;
  max-width: 36px;
}

.live3 .live_right .info {
  float: left;
  width: 215px;
  padding-left: 5px;
  box-sizing: border-box;
}

.live3 .live_right .info .tit {
  color: #28aa4c;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
}

.live3 .live_right .info .tit2 {
  color: #4f4f4f;
  font-size: 12px;
}

.live3 .live_right .info .des {
  color: #9d9d9d;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tqm_box {
  display: none;
  width: 390px;
  padding: 15px 30px 10px;
  box-sizing: border-box;
}

.tqm_box .tqm_left {
  float: left;
  font-size: 14px;
  color: #6e6e6e;
  line-height: 30px;
}

.tqm_box .tqm_left .tit {
  padding-top: 30px;
  font-size: 20px;
  color: #343434;
}

.tqm_box .tqm_left .cid {
  color: #0ca33a;
  font-size: 16px;
}

.tqm_box .tqm_right {
  float: left;
  margin-left: 15px;
  font-size: 14px;
  color: #b5b5b5;
  text-align: center;
}

.tqm_box .tqm_right .ewm {
  margin-bottom: 5px;
  padding: 10px;
  border: 1px #dedede solid;
}

.tag1 {
  position: relative;
  top: -134px;
  color: #ffffff;
  float: right;
  padding: 0px 8px;
  background: #f6122f;
  border-radius: 5px;
  font-size: 8px;
  margin-right: 7px;
  line-height: 22px;
  letter-spacing: 1px;
}

.tag2 {
  position: relative;
  top: -134px;
  color: #ffffff;
  float: right;
  padding: 0px 8px;
  background: #e9600f;
  border-radius: 5px;
  font-size: 8px;
  margin-right: 7px;
  line-height: 22px;
  letter-spacing: 1px;
}

.tag3 {
  position: relative;
  top: -134px;
  color: #ffffff;
  float: right;
  padding: 0px 8px;
  background: linear-gradient(to right, #efb06d, #ef111c);
  border-radius: 5px;
  font-size: 8px;
  margin-right: 7px;
  line-height: 22px;
  letter-spacing: 1px;
}

.usercenter_discountcardtitle {
  background: #f5f5f5;
  text-align: center;
  color: #aeaeae;
  line-height: 40px;
}

.usercenter_discountcardactive {
  line-height: 44px;
  text-align: right;
}

.usercenter_discountcardactive a {
  color: black;
}

.usercenter_discountcardactive img {
  vertical-align: middle;
  margin-bottom: 2px;
}

.usercenter_discountcardul {
  min-height: 300px;
}

.usercenter_discountcardulbg {
  background-image: url('/themes/codingnew-1/img/usercenter/nodiscountcard.jpg');
  background-repeat: no-repeat;
  background-position: 50%;
}

.g_banner_list img {
  border-radius: 7px;
}

.layui-layer-molvs .layui-layer-title {
  background: #25b060;
  color: #fff;
  border: none;
}

.layui-layer-molvs .layui-layer-btn a {
  background: #25b060;
}

.certification_teacherin {
  background: #ff9d00;
  color: #ffffff;
  padding: 3px 2px 3px 3px;
  border-radius: 3px;
  margin: 0 4px;
  font-size: 12px;
}

.certification_teacher {
  background: #ffffff;
  color: #ff9d00;
  border-radius: 3px;
  padding: 1px;
  margin-left: 2px;
}

#fivethbutton {
  border-radius: 8px;
  font-size: 24px;
  color: #ee4130;
  padding: 20px 40px;
  background: #ffea02;
}

#fivethbutton:hover {
  border-radius: 8px;
  font-size: 24px;
  color: #ee4130;
  padding: 20px 40px;
  background: #ffa302;
}

.fivethblock {
  width: 753px;
  height: 800px;
  position: absolute;
  top: 497px;
  background-image: url('/themes/codingnew-1/img/common/fivethbg.png');
  background-size: 753px 800px;
  background-repeat: no-repeat;
}

.fivethclose {
  text-align: right;
  margin: 10px 10px 0 0;
}

.fivethclose img {
  cursor: pointer;
}

.fivethletter {
  position: relative;
  top: -120px;
  left: 310px;
  text-align: center;
  width: 300px;
  color: #ffefed;
}

.fivethtitle {
  font-size: 26px;
}

.fivethstitle {
  font-size: 18px;
  line-height: 45px;
}

.fivethbutton {
  margin-top: 50px;
  cursor: pointer;
}

.fivethtextin {
  position: relative;
  top: 86px;
  left: 100px;
  width: 561px;
}

.newcubox_menu {
  float: left;
  margin-right: 25px;
  /* border: 1px #dedbdb solid;*/

  background-color: #fff;
  border-bottom: none;
  box-sizing: border-box;
  width: 183px;
  border-radius: 4px;
}

.newcubox_menu li a.on,
.newcubox_menu li a:hover {
  color: #25b060;
  background-color: #fff;
  border-left: 4px solid #25b060;
}

.newcubox_menu li a {
  border-left: 4px solid #fff;
  display: block;
  font-size: 16px;
  color: #575757;
  text-align: left;
  line-height: 28px;
  transition: all 0.3s;
  margin-top: 20px;
  padding-left: 40px;
}

.newcubox_menu li {
  height: 48px;
}

.newuc_top {
  background: url(../img/index/perbg.jpg) center top no-repeat;
  height: 205px;
  overflow: hidden;
}

.newuc_top .uct_left {
  width: 210px;
  float: left;
}

.newuc_top .uct_left > a {
  cursor: default;
}

.newuc_top .uct_left .tx {
  margin: 28px 20px 20px;
  width: 146px;
  height: 146px;
  border-radius: 50%;
  border: 5px #94a0ab solid;
}

.newuc_top .uct_left .name {
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
}

.newuc_top .uct_left .name span {
  padding: 0 5px;
  display: inline-block;
  font-size: 12px;
  background-color: #15b275;
  border-radius: 4px;
  margin-left: 5px;
}

.newuc_top .uct_con {
  float: left;
  width: 510px;
  padding: 45px 25px;
}

.newuc_top .uct_con .uct_lev {
  padding: 0 5px;
  line-height: 20px;
  display: inline-block;
  background-color: #ffa102;
  border-radius: 2px;
  color: #fff;
}

.newuc_top .uct_con .uct_num {
  margin-top: 10px;
  color: #fff;
  font-size: 12px;
}

.newuc_top .uct_con .uct_num span {
  display: inline-block;
  margin-right: 25px;
}

.newuc_top .uct_con .name {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
}

.newuc_top .uct_con .textname {
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  margin-bottom: 18px;
}

.newuc_top .uct_con .qiandaos {
  color: #fff;
  padding: 7px 17px;
  background: #26b763;
  border-radius: 5px;
}

.newuc_top .uct_con .name span {
  padding: 0 5px;
  display: inline-block;
  font-size: 12px;
  background-color: #15b275;
  border-radius: 4px;
  margin-left: 5px;
}

.newuc_top .uct_con .uct_des {
  padding-top: 10px;
  font-size: 16px;
  color: #fff;
}

.newuc_top .uct_con .uct_btn {
  margin-top: 15px;
}

.newuc_top .uct_con .uct_btn a {
  margin-right: 25px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  border: 1px #fff solid;
  border-radius: 4px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  color: #fff;
}

.newuc_top .uct_right {
  float: right;
  width: 270px;
  padding-top: 30px;
}

.newuc_top .uct_right .qd_btn {
  font-size: 26px;
  padding-left: 18px;
  line-height: 77px;
}

.newuc_top .uct_right .info {
  padding-top: 12px;
  width: 130px;
  height: 70px;
  font-size: 14px;
}

.newuc_top .uct_right .info span {
  font-size: 21px;
  line-height: 25px;
}

.j_uc_vicenav {
  margin-left: 20px;
}

.j_uc_vicenav_block {
  width: 72px;
  border: 1px solid #fff;
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
  display: none;
}

/*.j_uc_vicenav_line{
	line-height: 25px;
}*/
.j_uc_vicenav img {
  margin-left: 8px;
}

.j_uc_vicenav_block div {
  line-height: 25px;
}

.j_uc_vicenac_num {
  text-align: center;
  position: absolute;
  top: 210px;
  margin-left: 150px;
  width: 76px;
  height: 42px;
  overflow: hidden;
}

.j_mg20 {
  margin-left: 20px;
}

.j_mg10 {
  margin-left: 10px;
}

.j_vicenav_bo {
  margin-top: 10px;
}

.newcubox_menu li a i {
  margin-right: 10px;
}

.money_cards .item .newlabel {
  display: inline-block;
  float: left;
  width: 90px;
  margin-right: 15px;
  font-size: 14px;
  color: #3f3e3e;
  line-height: 35px;
  text-align: right;
}

#ucset_phone_num {
  width: 280px;
}

.money_cards .newitem {
  display: block;
  width: 500px;
  margin: 30px auto 0;
}

#bangding,
#jiebangding {
  padding: 10px 80px;
  height: 40px;
  line-height: 20px;
  background-color: #33a8b7;
  color: #fff;
  text-align: center;
  border: none;
  width: auto;
  margin-bottom: 30px;
  cursor: pointer;
  margin-left: 105px;
  border-radius: 4px;
  cursor: pointer;
}

.c4 {
  background-color: #f4f4f4;
  height: 637px;
}

.afertbind {
  text-align: center;
  line-height: 100px;
  display: none;
}

.afertbind span:nth-child(1) {
  margin-right: 0px;
}

.afertbind span:nth-child(2) {
  margin: 0 20px;
}

.afertbind a span {
  margin-left: 10px;
}

.unbind_uc {
  color: #fff;
  width: 600px;
  text-align: center;
}

.clears {
  clear: both;
}

.uc_unbind_statu {
  float: left;
  width: 180px;
  padding: 13px 0px;
  background: #e9e9e9;
  margin: 0 10px;
  border-radius: 4px;
  color: #666666;
}

.uc_unbind_active {
  background: #33a8b7;
  color: #fff;
}

.bind_sta_ha {
  display: none;
}

.bind_sta_noha {
  display: block;
}

#imgaaas {
  vertical-align: middle;
  height: 37px;
  margin-bottom: 1px;
  margin-left: 20px;
  cursor: pointer;
}

.beforbind {
  display: block;
}

.uc_phone_input {
  display: none;
}

.j_empCar_title {
  text-align: center;
  font-size: 18px;
  color: #4e555d;
  letter-spacing: 10px;
  line-height: 50px;
  padding-top: 15px;
}

.j_empCar_blocks {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-webkit-justify-content: space-between;
  -moz-webkit-justify-content: space-between;
  -ms-webkit-justify-content: space-between;
  -o-webkit-justify-content: space-between;
  padding-bottom: 40px;
}

.j_empCar_blocks.studentStory {
  display: block;
}

.j_empCar_blocks.studentStory a {
  float: left;
  margin: 0 10px;
  margin-bottom: 14px;
}

.j_enpCar_sblock {
  width: 220px;
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 3px 3px 0.5px #e5e5e5;
}

.j_enpCar_sblock .frist {
  height: 75px;
  overflow: hidden;
}

.j_enpCar_sblock .frist img {
  height: 114px;
  width: 220px;
}

.j_enpCar_sblock .second {
  height: 180px;
  text-align: center;
}

.j_enpCar_sblock .second div:nth-child(1) {
  font-size: 14px;
  font-weight: 700;
  color: #323233;
  line-height: 30px;
  margin-top: 10px;
}

.j_enpCar_sblock .second div:nth-child(2) {
  font-size: 12px;
  color: #919191;
  line-height: 25px;
}

.j_enpCar_sblock .second div:nth-child(3) {
  font-size: 16px;
  color: #35b558;
  line-height: 35px;
  margin-bottom: 10px;
}

/*.j_enpCar_sblock .second a div:nth-child(1) {
    width: 100px;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	
}
.j_begin_button div:nth-child(1){
	background: #e5e5e5;
	color: #8e8e8e !important;
	font-size: 12px !important;
	line-height: 30px !important;
}
.j_begin_button div:nth-child(2){
	background: #35b558;
	color: #ffffff !important;
	font-size: 12px !important;
	position: relative;
	top: 0px;
	line-height: 30px !important;
}
*/
.j_begin_button {
  width: 140px;
  height: 40px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.j_begin_button_frist {
  font-size: 12px !important;
  line-height: 35px !important;
  margin-top: 0 !important;
  font-weight: 400 !important;
  cursor: pointer;
  width: 135px;
  height: 35px;
  color: #fff !important;
  border-radius: 50px;
  box-shadow: 4px 4px 4px #a8e5dd;
  background: #109fac;
}

.j_begin_button_second {
  background: #35b558;
  color: #ffffff !important;
  font-size: 12px !important;
  position: relative;
  top: 0px;
  line-height: 30px !important;
  margin-top: 0 !important;
  border-radius: 5px;
}
.g_m .g_main .j_g_course_box {
  height: 210px;
}

.g_m .g_head .menu li.on a,
.g_m .g_head .j_menu li:hover a {
  color: #109fac;
  /* border-bottom: 1px solid #35b558; */
  border-bottom: 2px solid #109fac;
  padding-bottom: 4px;
}
.g_course_list .j_g_course_item {
  display: block;
  line-height: 24px;
  font-size: 16px;
  width: 217px;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
}
.g_course_list .j_g_course_item .img {
  width: 217px;
  height: 135px;
  overflow: hidden;
  /* border-radius: 7px; */
  transform: rotate(0deg);
}
.g_course_list .j_g_course_item .tit {
  padding: 8px 10px;
  padding-bottom: 0;
  line-height: 24px;
  height: 24px;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color 0.2s;
}

#redHat,
#infoExam {
  position: relative;
  top: 0;
  transition: all 0.4s ease;
}

#redHat:hover,
#infoExam:hover {
  top: -8px;
}

.g_course_list .j_g_course_item .intro {
  padding: 2px 10px;
}
.g_course_list .j_g_course_item .info {
  padding: 0 10px;
  padding-bottom: 6px;
}
.g_course_list .j_g_course_item .charge {
  color: #f9080e;
  font-size: 14px;
}
.g_course_list .j_g_course_item .free {
  color: #109fac;
  font-size: 14px;
}
.g_course_list .j_g_course_item .st {
  float: right;
  color: #878787;
  font-size: 14px;
}
.j_g_course_list li {
  float: left;
  margin-left: 28.75px;
  margin-bottom: 15px;
}
.j_g_course_list {
  margin-left: -28.75px;
  float: left;
}
.g_course_list .j_g_course_item .st img {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

.g_course_list .j_g_course_item .img .img_scale {
  display: block;
  transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.g_course_list .j_g_course_item:hover .img .img_scale {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.j_flex_img img {
  width: 1200px;
  padding-top: 0px;
  padding-bottom: 10px;
}

.j_navi4_menu {
  position: absolute;
  left: 0;
  top: 30px;
  width: 210px;
  box-sizing: border-box;
}

.j_head_navi {
  background-color: #fff;
  height: 0px;
}
.j_navi4 {
  position: relative;
  float: left;
  width: 210px;
  height: 0px;
  z-index: 3;
}
.j_navi4_menu li dl dt a {
  display: block;
  line-height: 28px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  box-sizing: border-box;
  transition: all 0.2s;
  line-height: 53px;
  padding-left: 20px;
  border-radius: 5px 0 0 5px;
}
.j_sub_menu2 {
  display: none;
  position: absolute;
  left: 210px;
  top: 30px;
  width: 660px;
  height: 445px;
  padding: 35px 27px;
  background-color: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
  border: none;
  border-left: 0;
}
.j_banner {
  position: relative;
  z-index: 1;
  height: 495px;
  overflow: hidden;
  width: 990px;
  margin: 0 auto;
  border-radius: 0 10px 0 0;
  overflow: hidden;
  left: 105px;
}
.j_navi4_menu li dl {
  position: relative;
  z-index: 3;
  margin: 0 0 0 10px;
  padding: 4px 0 8px 10px;
  display: block;
  box-sizing: border-box;
  height: 49.44px;
}

.j_navi5 .sub {
  display: inline-block;
  padding: 0 15px;
  height: 70px;
  line-height: 75px;
  font-size: 16px;
  color: #4e555d;
  font-weight: 400;
  transition: background-color 0.2s linear;
}
.j_navi5 {
  float: left;
  padding: 0 10px;
  height: 40px;
  margin-left: 30px;
}
.header ._menu {
  position: absolute;
  width: 90px;
  overflow: hidden;
  background: #fff;
  margin: 60px 0 0 0px;
  z-index: 100;
  padding-bottom: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  display: none;
}
.header ._menu a {
  display: block;
  margin: 15px 0 0 20px;
  color: #4e4e4e;
}
.header ._menu a:hover {
  color: #35b558;
}

/*.navi5 li:nth-child(2):after {
    position: absolute;
    left: 33px;
    top: -15px;
    width: 50px;
    height: 35px;
    content: "";
    display: inline-block;
    background: url(../img/index/hot.gif) 0 0 no-repeat;
}*/
.navi5 {
  float: left;
  padding: 0 10px;
  height: 40px;
}

.j_navi5 li {
  position: relative;
  float: left;
  position: relative;
}

.j_navi5 .sub:hover {
  color: #28aa4c;
}

.j_navi4_menu li:last-child .libg,
.navi4_menu li:last-child:before {
  border-radius: 0px 0px 0px 0px;
}

.j_navi4_menu li:last-child .libg,
.navi4_menu li:first-child:before {
  border-radius: 10px 0px 0px 0px;
  overflow: hidden;
}

.j_navi4_menu a:hover {
  display: block;
  background-color: #b8b7b7;
}
.j_search_box2 {
  position: relative;
  float: right;
  margin: 20px 20px 0px 0px;
  width: 280px;
  height: 30px;
}
.j_search_box2 .search_inp {
  float: left;
  padding: 0 10px;
  width: 100%;
  height: 30px;
  line-height: 42px;
  border: none;
  border-bottom: 2px #dadde1 solid;
  transition: border-color 0.2s linear;
  box-sizing: border-box;
}

.j_search_box2 .search_btn {
  position: absolute;
  right: 2px;
  top: 0px;
  width: 52px;
  height: 30px;
  cursor: pointer;
  background: url(/themes/codingnew-1/img/new_index/search.png);
  background-repeat: no-repeat;
  background-size: 18px 22px;
  background-position: 50% 50%;
  color: #fff;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  border: 0;
  transition: all 0.2s linear;
}

.j_search_box2 .search_tip {
  position: absolute;
  right: 42px;
  top: 5px;
}
.j_search_box2 .search_tip a {
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
  background-color: #f2f2f2;
  height: 20px;
  line-height: 20px;
  color: #4e555d;
  transition: background-color 0.2s linear;
}
.j_search_box2 .search_tip li {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.j_header_link li a {
  font-size: 12px;
  color: #333;
  display: inline-block;
  padding-top: 34px;
}
.j_header_link .xcx {
  display: none;
  position: absolute;
  left: 0;
  top: 65px;
  transform: translateX(-50%);
  width: 110px;
  height: 120px;
  border: 1px #ccc solid;
  box-shadow: 1px 1px 5px 0 #ccc;
  background-color: #fff;
  padding: 10px;
  z-index: 20;
}
.message .j_num {
  height: 14px;
  padding: 0 1px;
  min-width: 14px;
  position: absolute;
  left: 30px;
  top: 24px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 14px;
  background-color: #ff0000;
  border-radius: 7px;
}
.j_header_link li {
  position: relative;
  width: 45px;
  float: right;
  text-align: center;
  margin: 0;
  border: none;
}
.j_sub_menu2 .recommend dd {
  width: 50%;
  margin-right: 0px;
  margin-top: 50px;
}
.j_sub_menu2 .recommend dd a img {
  width: 125px;
}
.j_sub_menu2 .recommend dd a .j_rc_name {
  display: block;
  width: 100%;
  overflow: hidden;
  /*white-space: nowrap;
    text-overflow: ellipsis;*/

  height: 38px;
}

#denglu {
  display: none;
  position: absolute;
  left: -30px;
  top: 65px;
  transform: translateX(-50%);
  width: 220px;
  min-height: 280px;
  border: 1px #ccc solid;
  box-shadow: 1px 1px 5px 0 #ccc;
  background-color: #ffffff;
  padding: 25px;
  z-index: 20;
  box-sizing: unset;
}

#denglu:after,
#denglu:before {
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 82%;
  top: -10px;
  border: 5px #ccc solid;
  border-color: transparent transparent #ccc;
  transform: translateX(-50%);
}

.j_last_active {
  border-bottom: 4px solid #e11f4d;
}
.j_last_school {
  width: 400px;
  line-height: 36px;
}
.j_last_school .j_last_schoolin {
  width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #9b9b9b;
}
.j_lasta a {
  display: block;
  font-size: 14px;
  color: #4e555d;
  float: left;
  width: 88px;
  margin: 10px;
  overflow: hidden;
  height: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 42px;
}
.newfooter {
  /* width: 1200px; */
  margin: 0 auto;
  background-color: #111b23 !important;
  color: #fff;
  height: 220px;
  padding: 1px 0;
  box-sizing: border-box;
}
#biaoqian a {
  color: #fff !important;
  font-size: 12px;
  margin-left: 40px;
  display: block;
  margin-bottom: 20px;
  margin-top: 0 !important;
  margin-right: 0 !important;
  float: left;
}

.j_navi4_menu li dl dt a {
  display: block;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  text-align: left;
  box-sizing: border-box;
  transition: all 0.2s;
  line-height: 45px;
  padding-left: 15px;
  border-radius: 5px 0 0 5px;
}

.j_yqlink {
  background: #fff;
  padding-bottom: 40px;
  border-top: none;
  padding-top: 20px;
}
.j_yqlink a {
  color: #9b9b9b;
  font-size: 12px;
}

.j_yqlink .wrap {
  width: 1200px;
  color: #9b9b9b;
  font-size: 12px;
}
.new_advanced dd a {
  display: block;
  width: 220px;
  height: 195px;
  margin: 0 auto;
  border-top: 1px #dad9d9 solid;
}

.new_advanced dd a div:nth-child(2) {
  text-align: center;
  padding: 10px 0;
  color: #707070;
  position: relative;
  top: -6px;
}
.new_advanced dd a div:nth-child(3) {
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  top: -76px;
  color: #ffffff;
  padding-left: 15px;
  font-size: 12px;
}
#danmu_send_opt {
  width: 5em;
}

#ewms {
  position: absolute;
  left: -130px;
  top: 5px;
  width: 146px;
  height: 36px;
  pointer-events: none;
  opacity: 0;
  background-size: 184px;
  background: #ffffff;
  /* border: 1px solid black; */

  box-shadow: 0px 4px 8px 0px rgba(52, 73, 94, 0.2);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(52, 73, 94, 0.2);
  -moz-box-shadow: 0px 4px 8px 0px rgba(52, 73, 94, 0.2);
  border-radius: 18px;
  line-height: 36px;
  color: #34495e;
}
#ewms img {
  width: 13px;
  height: 13px;
  left: 15px;
  top: 12px;
}

.displaynone {
  display: none;
}

.course_rightlan {
  width: 220px;
  margin: 0 auto;
  border-top: 1px #dad9d9 solid;
  padding-bottom: 20px;
}
.course_rightlanin {
  color: #1cad58;
  font-size: 14px;
  line-height: 30px;
  margin-top: 15px;
}
.course_rightlanin img {
  vertical-align: middle;
}
.course_rightlana {
  color: #808080;
  font-size: 14px;
  line-height: 30px;
  margin-left: 22px;
}
.course_a {
  display: inline !important;
  border-top: none !important;
}

.course_a:hover {
  color: #1cad58;
}

.vedio_advanced dd a {
  display: block;
  width: 260px;
  height: auto;
  margin: 0 auto;
  border-top: none;
}

.vedio_advanced img {
  margin-top: 14px;
  width: 260px;
}

.vedio_advanced dd a div:nth-child(2) {
  text-align: left;
  padding: 10px 0;
  color: #707070;
  position: relative;
  top: -6px;
  letter-spacing: 2px;
}
.edui-default .edui-editor {
  border: none !important;
  background-color: white;
  position: relative;
  overflow: visible;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.kcxz .downs {
  float: left;
  margin-right: 15px;
  display: inline-block;
  padding: 3px 12px 12px 55px;
  border-radius: 4px;
  line-height: 33px;
  color: #fff;
  font-size: 16px;
  box-sizing: border-box;
  background: #23b561 url(../img/common/down.png) 15px 7px no-repeat;
  margin-top: 10px;
  width: 110px;
  height: 40px;
}
.dataimg {
  width: 150px;
  text-align: center;
}
.kcxz .datatext {
  line-height: 36px;
  width: 550px;
}

.downloadtext {
  color: #919090;
  background: #f5f5f5;
  width: 250px;
  padding-left: 10px;
  border-radius: 5px;
}
._tc {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  width: 280px;
  border: 1px #ccc solid;
  margin-top: 40px;
  z-index: 10;
  background: #fff;
  display: none;
}
._tc a {
  display: block;
  line-height: 30px;
  color: #333;
}
._tc a:hover {
  color: #2ecb70;
}

.bookIcon {
  position: relative;
  float: left;
  margin-left: 30px;
  width: 40px;
  height: 40px;
  border: 1px solid #dfdfdf;
  padding: 4px;
  border-radius: 2px;
  box-sizing: border-box;
  background-size: auto 34px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.bookIcon:hover .bookDetail {
  display: block;
}
.bookIcon.active {
  border: 1px solid #f47d43;
}
.bookIcon .bookDetail {
  position: absolute;
  z-index: 99;
  display: none;
  top: 50px;
  right: 0;
  width: 256px;
  height: 140px;
  border: 1px solid #dfdfdf;
  padding: 6px 18px;
  box-sizing: border-box;
  background: #fff;
  font-size: 14px;
}
.bookIcon .bookDetail .detailTitle {
  color: #3d3d3d;
}
.bookIcon .bookDetail .content .fl {
  width: 60px;
  height: 80px;
  overflow: hidden;
  float: left;
  background-size: auto 76px;
  background-position: center;
  background-repeat: no-repeat;
}
.bookIcon .bookDetail .content .fr {
  float: left;
  margin-left: 12px;
  width: 140px;
  height: 80px;
}
.bookIcon .bookDetail .content .fr .bookTitle {
  word-break: break-all;
  word-wrap: break-word;
  color: #3d3d3d;
}
.bookIcon .bookDetail .content .fr .bookPrice {
  font-size: 18px;
  color: #f66826;
}
.bookIcon .bookDetail .content .fr .bookPrice del {
  font-size: 14px;
  color: #bbb;
}
.bookIcon .bookDetail .content .clear {
  clear: both;
}