@charset "UTF-8";
.cprimary {
  color: #0091ff;
}
.balance-container .list-box table thead tr td {
  padding-right: 20px;
  padding-left: 16px;
}
.balance-container .list-box table tbody tr {
  height: 54px;
  color: #545c63;
  vertical-align: middle;
  font-size: 14px;
  line-height: 22px;
}
.balance-container .list-box table tbody tr td {
  padding-right: 20px;
  padding-left: 16px;
}
.balance-container {
  padding-bottom: 11px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.balance-container .title-box {
  box-sizing: border-box;
  padding: 28px 32px;
  height: 134px;
  border-radius: 12px 12px 0 0;
  background-image: linear-gradient(90deg, #3faaff 0, #0091ff 100%);
}
.balance-container .title-box div {
  overflow: hidden;
}
.balance-container .title-box .title {
  float: left;
  color: #fff;
  font-size: 16px;
}
.balance-container .title-box .recharge-btn {
  float: right;
  padding: 12px 36px;
  border-radius: 24px;
  background: #fff;
  color: #0091ff;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.balance-container .title-box .charge {
  position: relative;
  left: -5px;
  float: left;
  color: #fff;
  font-size: 32px;
  line-height: 32px;
}
.balance-container .title-box .charge-tip {
  float: right;
  margin-top: 12px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}
.balance-container .noData {
  margin: 96px 0;
  text-align: center;
}
.balance-container .noData span {
  margin-bottom: 4px;
  color: #b2b8bd;
  font-size: 48px;
  line-height: 48px;
}
.balance-container .noData p {
  color: #9199a1;
  font-size: 16px;
  line-height: 24px;
}
.imv2-error_c:before {
  content: "\e000";
}
.balance-container .list-box {
  padding: 10px 32px 11px;
  background: #fff;
}
.balance-container .list-box table {
  width: 100%;
}
.balance-container .list-box table thead tr {
  height: 54px;
  border-bottom: 1px solid #b2b8bd;
  color: #1c1f21;
  vertical-align: middle;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
.right-container {
  margin-top: 18px;
  width: 900px;
}
.right-container .right-title {
  margin-bottom: 24px;
}
.right-container .right-title h2 {
  float: left;
  margin-right: 24px;
  color: #07111b;
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
}
.right-container .right-title:after {
  clear: both;
  display: block;
  content: '';
}
.right-container .right-title ul {
  float: left;
}
.right-container .right-title ul:before {
  float: left;
  margin-top: 2px;
  margin-right: 20px;
  content: "|";
  color: #d9dde1;
}
.right-container .right-title ul li.action {
  background: #0091ff;
  border-radius: 16px;
}
.right-container .right-title ul li {
  float: left;
  width: 95px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
}
.right-container .right-title ul li:hover a {
  color: #0091ff;
}
.right-container .right-title ul li.action a {
  color: #fff;
}
:link, :visited, ins {
  text-decoration: none;
}
.right-container .right-title ul li i {
  padding-left: 5px;
  font-style: normal;
}
.right-container .right-title .mygroup a, .right-container .right-title span a {
  display: block;
}
.imv2-delete:before {
  content: "\e872";
}
.right-container .right-title .mygroup, .right-container .right-title span {
  position: relative;
  float: right;
  color: #93999f;
  font-size: 12px;
  cursor: pointer;
  width: 128px;
  line-height: 32px;
}
.imv2-assignment_ind:before {
  content: "\e85e";
}
.right-container .right-title #show-group {
  display: none;
  width: 296px;
  position: absolute;
  top: 52px;
  right: -30px;
  z-index: 1000;
}
.pay-balance-modal {
  padding: 32px;
}
.pay-balance-modal p {
  color: #545c63;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}
.pay-balance-modal p span {
  margin-left: 12px;
  color: #9199a1;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.pay-balance-modal .rechargeMoney, .pay-balance-modal .rechargeType {
  margin: 16px 0;
}
.pay-balance-modal .rechargeMoney li.active .bottomright, .pay-balance-modal .rechargeType li.active .bottomright {
  display: block;
}
.pay-balance-modal .rechargeMoney li.custom-recharge, .pay-balance-modal .rechargeType li.custom-recharge {
  position: relative;
  margin-top: 8px;
  margin-right: 0;
  padding: 10px 0;
  width: 324px;
  height: 48px;
  border: 1px solid transparent;
  background: #f3f5f6;
}
.pay-balance-modal .rechargeMoney li.custom-recharge .money-icon, .pay-balance-modal .rechargeType li.custom-recharge .money-icon {
  margin-left: 16px;
  color: #545c63;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.pay-balance-modal .rechargeMoney li.custom-recharge input, .pay-balance-modal .rechargeType li.custom-recharge input {
  margin-left: 8px;
  width: 260px;
  height: 24px;
  background: 0 0;
  color: #9199a1;
  font-size: 14px;
  line-height: 24px;
}
.pay-balance-modal .rechargeMoney li .bottomright, .pay-balance-modal .rechargeType li .bottomright {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  width: 20px;
  height: 20px;
}
.pay-balance-modal .rechargeMoney li .triangle, .pay-balance-modal .rechargeType li .triangle {
  width: 0;
  height: 0;
  border-bottom: 20px solid #545c63;
  border-left: 20px solid transparent;
  border-bottom-radius-right: 8px;
}
.pay-balance-modal .rechargeMoney li .bottomright i, .pay-balance-modal .rechargeType li .bottomright i {
  position: absolute;
  right: -1px;
  bottom: 0;
  color: #fff;
  font-size: 12px;
}
.pay-balance-modal .rechargeType {
  margin: 10px 0;
}
.pay-balance-modal .rechargeType li.alipay {
  background-image: url(/static/module/pay/center/img/alipay_balance.png);
  background-size: 108px auto;
}
.pay-balance-modal .rechargeMoney li.active, .pay-balance-modal .rechargeType li.active {
  border: 2px solid #545c63;
  background-color: rgba(242, 13, 13, 0);
}
.pay-balance-modal .rechargeMoney li, .pay-balance-modal .rechargeType li {
  position: relative;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  margin-right: 12px;
  width: 100px;
  height: 54px;
  border: 1px solid #d3d6d9;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
}
.pay-balance-modal .rechargeType li.wxpay {
  background-image: url(/static/module/pay/center/img/wxpay_balance.png);
  background-size: 92px auto;
}
.pay-balance-modal .rechargeType li {
  width: 156px;
  height: 46px;
  background-position: center center;
  background-repeat: no-repeat;
}
.pay-balance-modal button {
  margin: 16px auto 8px;
  padding: 12px 130px;
  border-radius: 24px;
  background: #0091ff;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.pay-balance-modal .tip {
  color: #9199a1;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.pay-balance-modal .tip a {
  margin-left: 0;
  color: #0091ff;
  font-size: 12px;
  line-height: 18px;
}
.pay-balance-modal .rechargeMoney li.active h2, .pay-balance-modal .rechargeType li.active h2 {
  color: #1c1f21;
  font-weight: 700;
}
.pay-balance-modal .rechargeMoney li h2, .pay-balance-modal .rechargeType li h2 {
  color: #545c63;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 54px;
}
area .header-unlogin .header-signin {
  color: #d9dde1;
}
#header #login-area .shop-cart .shop-cart-icon {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 18px;
  width: auto;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 18px;
  color: #787d82;
  text-align: center;
  line-height: 34px;
}
#header #login-area .remind_warp .msg_remind {
  position: absolute;
  top: 10px;
  right: 14px;
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #f01414;
}
#header #login-area .logined > li > a {
  display: block;
  width: 60px;
  height: 72px;
  color: #787d82;
  text-align: center;
  font-size: 14px;
  line-height: 72px;
  transition: background-color .2s;
}
#header #login-area .remind_warp .icon-notifi {
  display: block;
  text-align: center;
  font-size: 22px;
  line-height: 48px;
  cursor: pointer;
  transition: color .2s;
}
#header #login-area .remind_warp .icon-notifi:hover {
  color: #0091ff;
}
#header #login-area .app-download > a {
  padding: 0 15px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
#header #login-area .logined > li {
  position: relative;
  float: left;
}
#header #login-area .shop-cart {
  margin: 18px 0;
  height: 36px;
  line-height: 36px;
}
#header #login-area .header-unlogin > li {
  float: left;
}
#header #login-area .header-unlogin .header-signin {
  margin-left: 12px;
  color: #4d555d;
}
#header .page-container #login-area .header-unlogin .header-signin a:hover {
  color: #0091ff;
}
#header .logo {
  float: left;
  margin: 0 20px;
}
#header .nav-item li {
  float: left;
}
#header .nav-item li a {
  padding: 0 20px;
  font-weight: 700;
  display: block;
  text-align: center;
  font-size: 16px;
  height: 72px;
  line-height: 72px;
  transition: background-color .3s;
  position: relative;
  color: #4d555d;
}
#header #login-area {
  float: right;
  position: relative;
}
#header #login-area .app-download {
  line-height: 72px;
  color: rgba(255, 255, 255, 0.6);
}
#header {
  background: #07111b;
}
#header .page-container {
  width: auto;
  padding-right: 10px;
  z-index: 900;
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
  position: relative;
}
#header .nav-item li a .icn-new {
  position: absolute;
  display: inline-block;
  top: 14px;
  width: 16px;
  height: 16px;
  background: url(/static/img/common/new.png) no-repeat 0 0;
}
#header .nav-item li a:hover {
  color: #0091ff;
}
#header .nav-item li .current {
  color: #0091ff !important;
  font-weight: 700;
}
#header .nav-item li .router-link-exact-active {
  color: #0091ff !important;
  font-weight: 500;
}
#header #login-area .dist-money {
  line-height: 72px;
  position: relative;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}
#header #login-area .dist-money:hover > a {
  color: #fff;
}
#header #login-area .dist-money > a {
  color: rgba(255, 255, 255, 0.6);
  padding: 0 12px;
}
#header #login-area .dist-money a {
  width: 122px !important;
  padding: 0 12px;
  box-sizing: border-box;
}
#header #login-area .user-mycourse-box > a {
  text-align: center;
  color: #787d82;
}
#header #login-area .app-download > a:hover {
  color: #fff;
}
#header #login-area .shop-cart {
  height: 36px;
  line-height: 36px;
  margin: 18px 0;
}
#header #login-area .shop-cart .my-cart {
  top: 54px;
}
#header #login-area .remind_warp a {
  height: 48px;
  line-height: 48px;
}
#header #login-area .logined > li.user-mycourse-box a:hover {
  color: #0091ff;
}
#header #login-area .logined > li > a:hover, #header #login-area .logined > li > a:hover i {
  color: #787d82;
}
#header #login-area .header-unlogin .header-signin a:hover {
  color: #0091ff;
}
#header #login-area .header-unlogin .header-signin a {
  font-weight: 700;
  display: inline-block;
  padding: 0 5px;
  height: 72px;
  color: #4d555d;
  font-size: 14px;
  line-height: 72px;
  transition: background-color .2s;
}
#header .logo a img {
  height: 71px;
}
#header .logo a {
  display: block;
  width: 140px;
  height: 72px;
  transition: background-color .2s;
}
#header #login-area .remind_warp {
  margin: 12px 0;
  width: 60px;
  height: 48px;
}
.nodata {
  padding-top: 150px;
  padding-bottom: 150px;
}
.nodata p {
  margin-bottom: 4px;
  color: #9199a1;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.nodata p i {
  color: #b2b8bd;
  font-size: 48px;
  line-height: 48px;
}
.course-card-price {
  color: #4d555d;
  font-weight: 700;
  font-size: 12px;
  margin-top: 10px;
}
.bgfff {
  background-color: #fff !important;
}
.bgbanner {
  background-color: #07689f !important;
}
.main .bg000, .main .bgfff {
  box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
}
.container-types .types-title .more {
  float: right;
  margin-top: 8px;
  color: #1c1f21;
  line-height: 24px;
}
.container-types .types-title .more:hover {
  color: #0091ff;
}
.more {
  position: relative;
  top: -4px;
  color: #4d555d;
  font-weight: 400;
  font-size: 14px;
}
.d2-i-ns-left {
  float: left;
  width: 50%;
}
.d2-i-n-l-box {
  margin-right: 20px;
}
.d2-i-n-l-box ul {
  margin-left: -20px;
}
.d2-i-n-l-box ul li {
  float: left;
  margin-bottom: 20px;
  width: 50%;
}
.d2-i-n-l-box ul li .inwarp {
  position: relative;
  overflow: hidden;
  margin-left: 20px;
}
.pic-a-n img {
  height: auto;
}
.name-a-n, .pic-a-n img {
  display: block;
  width: 100%;
  border-radius: 8px;
}
.name-a-n {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 36px;
  background: url(/static/img/black-bg-hf.png) repeat top left;
  color: #fff !important;
  font-size: 14px;
  line-height: 36px;
}
.name-a-n span {
  display: block;
  margin: 0 15px;
}
.d2-i-nr-b-list {
  position: relative;
  overflow: hidden;
  margin-top: -10px;
  max-height: 390px;
}
.d2-i-nr-b-list .li-1 {
  overflow: hidden;
  height: 40px;
}
.d2-i-nr-b-list .li-1 .li-1-in {
  position: relative;
  padding: 0 80px 10px 30px;
  height: 30px;
  line-height: 30px;
}
.d2-b-l-ico {
  position: absolute;
  top: 8px;
  left: 8px;
  display: block;
  width: 18px;
  height: 18px;
  background-position: 4px -172px;
}
.d2-i-nr-b-list .li-1 .li-1-in a {
  display: block;
  overflow: hidden;
  width: 400px;
  color: #1c1f21;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
}
.d2-i-nr-b-list .li-1 .li-1-in:hover a {
  color: #0091ff;
}
.d2-i-nr-b-list .li-1 .li-1-in .time {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  line-height: 30px;
}
.pay-tip-modal .error {
  border: 0;
  color: #f20d0d;
}
.pay-tip-modal {
  padding: 36px 0 32px;
  width: 320px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 24px 0 rgba(7, 17, 27, 0.2);
  text-align: center;
}
.pay-tip-modal .wait-img {
  margin: 0 auto 12px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #f3f5f6;
}
.pay-tip-modal .wait-img span {
  color: #b2b8bd;
  font-size: 64px;
  line-height: 96px;
}
.pay-tip-modal h3 {
  color: #1c1f21;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.pay-tip-modal p {
  margin: 4px auto 16px;
  color: #9199a1;
  font-size: 12px;
  line-height: 18px;
}
.pay-tip-modal .btnwarp {
  display: inline-block;
}
.pay-tip-modal .success-btn {
  padding: 8px 52px;
  border-radius: 24px;
  background: #383d42;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.pay-tip-modal .restart-btn {
  margin-top: 16px;
  color: #9199a1;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}
.pay-tip-modal .restart-btn span {
  margin-right: 8px;
  color: #9199a1;
  font-size: 16px;
  line-height: 24px;
}
.moco-modal-layer {
  top: 50% !important;
  left: 50% !important;
  height: auto !important;
  border-radius: 4px;
  box-shadow: 8px 0 16px 0 rgba(7, 17, 27, 0.2);
  -webkit-transform: translate(-50%, -50%) !important;
  position: absolute;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
}
.moco-modal-title {
  margin-bottom: -8px;
  padding: 24px 32px 0;
  line-height: 20px;
}
.moco-modal-title div {
  color: #1c1f21;
  font-weight: 700;
  font-size: 16px;
}
.moco-modal-title a.moco-modal-close {
  position: absolute;
  top: 24px;
  right: 32px;
  display: block;
  color: #b2b8bd;
  text-decoration: none;
  font-size: 24px;
}
.user-card-box .g-user-card .user-center-box ul li a {
  box-sizing: border-box;
  padding-left: 12px;
  width: 100%;
  height: 36px;
  color: #1c1f21;
  text-align: left;
  line-height: 36px;
}
.user-card-box .g-user-card .user-center-box ul li .user-center-icon {
  position: relative;
  top: 3px;
  margin-right: 8px;
  font-size: 16px;
}
.user-card-box .g-user-card .card-history .history-item {
  position: relative;
  display: block;
  padding-left: 24px;
  color: #787d82;
  line-height: 20px;
  transition: background-color .2s;
}
.user-card-box .g-user-card .card-history .history-item .tit {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
}
.user-card-box .g-user-card .card-history .history-item .continue {
  position: absolute;
  top: 25px;
  right: 0;
  color: #00b43c;
}
.user-card-box .g-user-card .card-history .history-item .icon-clock, .user-card-box .g-user-card .card-history .history-item .imv2-history {
  position: absolute;
  top: 2px;
  left: 0;
  font-weight: 700;
  font-size: 16px;
}
.user-card-box .g-user-card .card-sets a {
  color: #93999f;
}
.user-card-box:hover .g-user-card {
  visibility: initial;
}
#login-area .app-download > a:hover, #login-area .shop-cart > a:hover, #login-area .user-mycourse-box > a:hover {
  color: #0091ff !important;
}
.g-user-card .user-center-box li:hover {
  background: #c8cdd2 !important;
}
.shop-cart .shop-cart-icon {
  border: 1px solid #d9dde1 !important;
}
.shop-cart .shop-cart-icon .icon-shopping-cart, .shop-cart .shop-cart-icon .imv2-cart {
  position: relative;
  top: 2px;
  margin-right: 8px;
  font-size: 16px;
}
.app-download:hover .app-load-box, .shop-cart:hover .my-cart {
  display: block;
}
.shop-cart .my-cart .cart-title-box {
  padding: 13px 12px;
  border-bottom: 1px solid #d3d6d9;
}
.shop-cart .my-cart .cart-title-box h2 {
  color: #1c1f21;
  font-weight: 700;
  font-size: 14px;
}
.shop-cart .my-cart .cart-title-box h2, .shop-cart .my-cart .cart-title-box h5 {
  height: 24px;
  line-height: 24px;
}
.shop-cart .my-cart .cart-title-box h5 {
  color: #9199a1;
  font-size: 12px;
}
.shop-cart .my-cart .cart-wrap .clear-cart {
  height: 284px;
  text-align: center;
}
.shop-cart .my-cart .cart-wrap .clear-cart h3 {
  color: #545c63;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.shop-cart .my-cart .cart-wrap .clear-cart .text {
  margin-bottom: 8px;
  color: #9199a1;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link {
  display: block;
  margin-bottom: 4px;
  color: rgba(240, 20, 20, 0.6);
  font-size: 12px;
  line-height: 24px;
}
.shop-cart .my-cart .more-box {
  padding: 16px 12px;
  border-top: 1px solid #d3d6d9;
}
.shop-cart .my-cart .more-box .show-box {
  height: 32px;
  font-size: 12px;
  line-height: 32px;
}
.shop-cart .my-cart .more-box .show-box .text, .shop-cart .my-cart .more-box .show-box .text a {
  color: #93999f;
}
.shop-cart .my-cart .more-box .go-cart {
  padding: 8px 16px;
  width: 96px;
  border: none;
  border-radius: 16px;
  background: rgba(240, 20, 20, 0.8);
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}
.user-card-box .user-card-item img {
  margin-top: -5px;
  width: 32px;
  height: 32px;
  border-color: #4d5559;
}
.user-card-box .g-user-card .card-top {
  position: relative;
  color: #93999f;
}
.user-card-box .g-user-card .user-center-box {
  margin-top: 16px;
  margin-bottom: 14px;
}
.user-card-box .g-user-card .card-history {
  margin-bottom: -1px;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf1f2;
}
.user-card-box .g-user-card .card-sets {
  margin-top: 16px;
  font-size: 12px;
  line-height: 12px;
}
.user-card-box .g-user-card .card-top a img {
  float: left;
  margin-right: 12px;
  width: 72px;
  height: 72px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.set_btn img {
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}
.user-card-box .g-user-card .card-top .name {
  display: inline-block;
  width: 170px;
  color: #07111b;
  font-size: 16px;
  line-height: 20px;
}
.user-card-box .g-user-card .card-top .meta {
  margin-top: 4px;
  font-size: 12px;
  line-height: 12px;
}
.user-card-box .g-user-card .card-top .meta a {
  margin-right: 12px;
}
.user-card-box .g-user-card .card-top a {
  display: inline-block;
  color: #93999f;
}
.user-card-box .g-user-card .card-top .meta b {
  margin-left: 2px;
}
.user-card-box .g-user-card .user-center-box ul li {
  position: relative;
  margin: 0 2px 2px 0;
  width: 127px;
  border-radius: 2px;
  background: #f8fafc;
  color: #4d555d;
}
.app-download .app-load-box {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 99999;
  display: none;
  box-sizing: border-box;
  padding: 10px 24px 22px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
  color: #4d555d;
  font-size: 12px;
  line-height: 16px;
}
.app-download .app-load-box h4 {
  margin: 12px 0;
  color: #1c1f21;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}
.app-download .app-load-box img {
  width: 108px;
  height: 108px;
}
.user-card-box .g-user-card {
  top: 100%;
  z-index: 1000;
  visibility: hidden;
  padding: 24px;
  width: 306px;
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
}
.shop-cart .my-cart, .user-card-box .g-user-card {
  position: absolute;
  right: 0;
  box-sizing: border-box;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.shop-cart .my-cart {
  z-index: 99999;
  display: none;
  padding: 0 16px;
  width: 344px;
  background: #fff;
  box-shadow: 0 8px 16px 0 rgba(28, 31, 33, 0.2);
}
.search-area .search-area-result {
  position: absolute;
  top: 57px;
  left: 0;
  z-index: 10;
  display: none;
  overflow: hidden;
  margin-bottom: 20px;
  width: 300px;
  border-top: none;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
  font-size: 12px;
}
.word-break {
  word-wrap: break-word;
  word-break: break-all;
}
.keep-word {
  white-space: nowrap;
  word-break: keep-all;
}
:focus {
  outline: 0;
}
em {
  font-style: normal;
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
code, kbd, samp, tt {
  font-size: 100%;
}
button, input, select, textarea {
  border: none;
}
caption, th {
  text-align: left;
}
sub, sup {
  vertical-align: baseline;
  font-size: 100%;
}
blockquote, q {
  quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none;
}
a.hidefocus {
  outline: 0;
}
button.hidefocus::-moz-focus-inner {
  border: none;
}
a:focus {
  -moz-outline: none;
}
a:focus, input, textarea {
  outline: 0;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
a {
  background-color: transparent;
}

/*a:active,a:focus,a:hover{outline:0;-moz-outline:none}*/
button, input, optgroup, select, textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.rl-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100000;
  margin: -192px 0 0 -192px;
  padding-top: 10px;
  padding-bottom: 20px;
  width: 384px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 24px 0 rgba(28, 31, 33, 0.1);
  transition: all .2s;
}
#signup.rl-modal {
  padding-bottom: 41px;
}
.rl-modal.in {
  opacity: 1;
}
.rl-modal-header h1 {
  height: 49px;
  color: #787d82;
  font-weight: 700;
  font-size: 16px;
  line-height: 49px;
}
.rl-close {
  position: absolute;
  top: 17px;
  right: 20px;
  width: 17px;
  height: 17px;
  background: url(/static/module/common/img/nlogin.png) no-repeat 0 0;
  cursor: pointer;
  transition: transform .2s;
}
.rl-close:hover {
  background-position: 0 -21px;
  transform: scale(1.1);
}
.rl-modal-body {
  padding: 0 32px;
}
.error-erea {
  padding-bottom: 5px;
  height: 20px;
  color: #f01400;
  font-size: 14px;
}
.modal-backdrop {
  background-color: #fff;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
  opacity: .75;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.fade {
  opacity: 0;
  transition: opacity .15s linear;
}
.rl-model-signup .ipt-phone {
  padding-left: 77px !important;
}
.rl-model-signup .rl-model-footer {
  padding: 20px 9px 4px 30px;
}
.rl-model-signup .rl-model-footer span {
  color: #9199a1;
}
.rlf-appendix {
  line-height: 1em;
}
.rlf-appendix .rlf-autoin, .rlf-appendix .rlf-forget {
  color: #9199a1;
}
.rlf-appendix .rlf-forget:hover {
  color: #545c63;
}
.rlf-appendix .rlf-line {
  margin: 0 16px;
  width: 1px;
  height: 14px;
  background: rgba(28, 31, 33, 0.1);
}
.rlf-appendix .auto-cbx {
  margin-right: 10px;
  vertical-align: -1px;
}
.rlf-appendix .ipt-agreement {
  color: #0091ff;
}
.rlf-appendix .ipt-agreement:hover {
  color: #0f618a;
}
.rl-modal .ipt {
  box-sizing: border-box;
  padding: 14px;
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 8px;
  background: rgba(28, 31, 33, 0.06);
  box-shadow: 2px 0 5px 0 #fff;
  line-height: 20px;
}
.ipt::-webkit-input-placeholder {
  color: #9199a1;
  font-size: 16px;
}
.ipt::-moz-placeholder {
  color: #9199a1;
  font-size: 16px;
}
.ipt:-ms-input-placeholder {
  color: #9199a1;
  font-size: 16px;
}
.ipt-email {
  background-position: 0 0;
}
.ipt-pwd {
  background-position: 0 -48px;
}
.ipt-nick {
  background-position: 0 -96px;
}
.ipt-phone {
  padding-left: 57px !important;
}
.rlf-areacode {
  position: absolute;
  top: 12px;
  left: 16px;
  color: #1c1f21;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}
.rlf-verify-group .rlf-input {
  padding-left: 7px;
  width: 120px;
  background: #fff;
  vertical-align: top;
}
.rlf-verify-group img {
  display: inline-block;
  margin: 0 10px;
  width: 70px;
  height: 38px;
  vertical-align: top;
}
.rlf-verify-group span {
  display: inline-block;
  margin-top: -4px;
  height: 40px;
  color: #39b94e;
  vertical-align: top;
  line-height: 150%;
  cursor: pointer;
}
.rlf-tip-wrap {
  height: 20px;
  font-size: 12px;
}
.rlf-g-tip {
  height: 20px;
}
.rlf-tip-globle {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.rlf-tip-error {
  color: #f01400;
}
.btn-full {
  box-sizing: border-box !important;
  width: 100%;
}
.btn-block {
  display: block;
  width: auto;
}
.forgetpwd-resultwrap {
  display: none;
  width: 260px;
  text-align: center;
}
.pop-login-sns {
  margin-bottom: 6px;
  text-align: center;
  font-size: 14px;
}
.pop-login-sns .rlf-other {
  display: inline-block;
  margin-right: 24px;
  margin-left: 30px;
  padding-right: 24px;
  border-right: 1px solid #1a1c1f21;
  color: #0091ff;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}
.pop-login-sns .rlf-other:hover {
  color: #0091ff;
}
.pop-login-sns a {
  margin-right: 21px;
  height: 20px;
  color: #c8cdd2;
  font-size: 14px;
  line-height: 20px;
  transition: color .2s;
}
.pop-login-sns i {
  color: #b5b9bc;
  vertical-align: -3px;
  font-size: 24px;
  transition: color .2s;
}
.pop-login-sns .pop-sns-weixin:hover i {
  color: #00b33b;
}
.pop-login-sns .pop-sns-qq:hover i {
  color: #08c;
}
.pop-login-sns .pop-sns-weibo:hover i {
  color: #0091ff;
}
.privacy_tip {
  color: #717a84;
  text-align: center;
  font-size: 12px;
}
.privacy_tip a, .privacy_tip a:link, .privacy_tip a:visited {
  color: #0091ff;
  font-size: 12px;
}
.rl-modal .ipt-verify {
  background-image: none;
}
.rl-modal .icon-refresh {
  position: absolute;
  top: 12px;
  right: 90px;
  display: inline-block;
  color: #b5b9bc;
  font-size: 24px;
  transition: .4s ease-in;
}
.rl-modal .icon-refresh:hover {
  color: #787d82;
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
}
.rl-modal .form-control, .rl-modal .proclaim-loc {
  position: relative;
}
.rl-modal .proclaim-btn {
  position: absolute;
  top: 12px;
  right: 14px;
  color: #b5b9bc;
  font-size: 23px;
}
.rl-modal .proclaim-btn:hover {
  color: #717a84;
}
.rl-modal .verify-img {
  width: 80px;
  height: 32px;
}
.rl-modal .verify-extra {
  line-height: 20px;
}
.rl-modal .verify-extra a {
  color: #17823b;
}
.rl-modal .btn-red {
  border-color: #f01400;
  background-color: #f01400;
}
.rl-modal .btn-red:hover {
  border-color: #ff6464;
  background-color: #ff6464;
}
.rl-modal .ipt-error, .rl-modal .rlf-tip-error {
  color: #f01400;
}
.rl-modal .rlf-tip-error {
  height: 30px;
  line-height: 30px;
}
.rl-modal .js-proclaim-on .js-txt-pwd {
  display: none;
}
.rl-modal .js-proclaim-off .js-pass-pwd {
  display: none !important;
}
.verify-img-wrap {
  position: absolute;
  top: 8px;
  right: 2px;
  width: 84px;
  height: 32px;
}
.areacode-box .code-tab {
  padding: 16px;
}
.areacode-box .code-tab li {
  display: inline-block;
  margin-right: 9px;
  cursor: pointer;
}
.areacode-box .code-tab li.curr {
  color: #f20d0d;
  font-weight: 700;
}
.areacode-box .code-title {
  margin: 0 16px 14px;
  border-top: 1px solid #e1e2e2;
}
.areacode-box .code-title span {
  position: relative;
  float: left;
  margin-top: -10px;
  width: 36px;
  background: #fff;
  color: #9199a1;
  font-size: 12px;
}
.areacode-box .code-list {
  overflow: hidden;
  height: 190px;
}
.areacode-box .code-list li {
  padding-left: 16px;
  color: #545c63;
  text-align: left;
  font-size: 16px;
  line-height: 48px;
  cursor: pointer;
}
.areacode-box .code-list li:hover {
  background: rgba(56, 61, 66, 0.06);
}
.areacode-box .code-list .nano-pane {
  right: 4px;
}
.areacode-box .code-list .nano-slider {
  border-radius: 4px !important;
  background: rgba(28, 31, 33, 0.1) !important;
}
.autoul {
  position: absolute;
  z-index: 10000;
  overflow: hidden;
  padding: 0;
  width: 298px;
  height: 156px;
  border-top: 0 none;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 16px 0 rgba(28, 31, 33, 0.2);
}
.autoul .autoli {
  display: none;
  overflow: hidden;
  padding: 0 10px;
  height: 39px;
  color: #787d82;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 39px;
  cursor: pointer;
}
.autoul .lihover {
  background-color: #edf1f2;
}
.autoul .showli {
  display: block;
}
.form-control .autoul {
  width: 318px;
}
.qrcode {
  position: relative;
  margin: 10px 80px 30px;
}
.qrcode_title {
  font-weight: 700;
  font-size: 16px;
}
.qrcode_mark, .qrcode_title {
  color: #717a84;
  text-align: center;
}
.qrcode_mark {
  font-size: 12px;
}
.qrcode-inner {
  position: absolute;
  width: 160px;
  height: 160px;
  background-color: #fff;
  opacity: .95;
}
.qrcode_state_scaned {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #1c1f21;
  text-align: center;
  font-weight: 700;
}
.qrcode_state_scaned i {
  display: block;
  margin-top: 44px;
  color: #0091ff;
  font-size: 48px;
}
.qrcode_state_validate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.qrcode_state_validate span {
  display: block;
  padding-top: 44px;
  padding-bottom: 12px;
  color: #1c1f21;
  font-weight: 700;
}
.qrcode_state_validate a {
  background: #383d42;
  color: #fff !important;
}
.phoneVerityBox {
  font-family: 微软雅黑;
}
.backNotify, .phoneVerityBox .subtitle, .phoneVerityBox .title {
  text-align: center;
}
.phoneVerityBox .title {
  margin-bottom: 4px;
  color: #1c1f21;
  text-align: center;
  font-size: 16px;
  font-family: 微软雅黑;
  line-height: 24px;
}
.phoneVerityBox .subtitle {
  margin-bottom: 20px;
  color: #545c63;
  font-size: 14px;
  font-family: 微软雅黑;
  line-height: 22px;
}
.phoneVerityBox .subtitle span {
  color: #1c1f21;
}
.phoneVerityBox .reSend {
  top: 12px;
  right: 14px;
  color: #9199a1;
  font-size: 14px;
  line-height: 24px;
}
.phoneVerityBox .reSend.active {
  right: 14px;
  color: #1481b8 !important;
  cursor: pointer;
}
.phoneVerityBox .reSend.active:hover {
  color: #19a1e6 !important;
}
.phoneVerityBox .voicecode-send {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #d3d6d9;
  color: #1481b8;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}
.phoneVerityBox .voicecode-send:hover {
  color: #19a1e6;
}
.phoneVerityBox .voicesend i {
  display: inline-block;
  margin-right: 4px;
}
.rl-modal-body .backNotify {
  margin-top: 15px;
  color: #777c81;
  cursor: pointer;
}
.rl-modal-body .user_header {
  margin: auto;
  margin-top: 40px;
  width: 76px;
  height: 76px;
  background: url(/static/module/common/img/default_user.png) no-repeat 0 0;
}
.rl-modal-body .btn-finished {
  width: 160px;
  height: 50px;
}
.rl-modal-body .finished_wrap {
  text-align: center;
}
.rl-modal-body .active {
  color: #13181e !important;
  cursor: pointer;
}
.rl-modal-body .active:hover {
  color: #ff6464 !important;
}
.reg-success {
  padding-top: 38px;
  text-align: center;
}
.reg-success .icon-send-success {
  display: inline-block;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: rgba(28, 31, 33, 0.1);
  color: #1c1f21;
  font-size: 64px;
  line-height: 96px;
}
.reg-success p {
  padding: 16px 0 5px;
  color: #1c1f21;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.reg-success .get-info {
  color: #545c63;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
.reg-success .moco-btn-lg {
  margin-top: 36px;
  margin-bottom: 20px;
}
.nano {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.nano > .nano-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  overflow-x: hidden;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 10px;
  border-radius: 5px;
  transition: .2s;
}
.nano > .nano-pane > .nano-slider {
  position: relative;
  margin: 0 1px;
  border-radius: 3px;
  background: #4e5a5e;
}
.nano-pane.active, .nano-pane.flashed, .nano:hover > .nano-pane {
  opacity: .99;
}
.btn {
  display: inline-block;
  box-sizing: content-box;
  margin-bottom: 0;
  outline: 0;
  border: 1px solid transparent;
  background-image: none;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 200;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn.focus, .btn:focus, .btn:hover {
  color: #fff;
  text-decoration: none;
}
.btn.active, .btn:active {
  outline: 0;
  background-image: none;
}
.btn-red {
  width: 138px;
  height: 38px;
  border: 1px solid #f20d0d;
  background-color: #f20d0d;
  font-size: 14px;
  line-height: 38px;
  cursor: pointer;
  transition: all .3s;
  -weibkit-transition: all .3s;
}
.btn-red, .btn-red:link, .btn-red:visited {
  color: #fff;
}
.btn-red.focus, .btn-red:focus, .btn-red:hover {
  border-color: #f42f2f;
  background-color: #f42f2f;
  color: #fff;
}
.btn-red.active, .btn-red:active {
  border-color: #da0b0b;
  background-color: #da0b0b;
}
.btn-blue {
  width: 138px;
  height: 38px;
  border: 1px solid #1481b8;
  background-color: #1481b8;
  font-size: 14px;
  line-height: 38px;
  cursor: pointer;
  transition: all .3s;
  -weibkit-transition: all .3s;
}
.btn-blue, .btn-blue:link, .btn-blue:visited {
  color: #fff;
}
.btn-blue.focus, .btn-blue:focus, .btn-blue:hover {
  border-color: #1898d8;
  background-color: #1898d8;
  color: #fff;
}
.btn-blue.active, .btn-blue:active {
  border-color: #1271a1;
  background-color: #1271a1;
}
.btn-green {
  width: 138px;
  height: 38px;
  border: 1px solid #17823b;
  background-color: #17823b;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
  cursor: pointer;
  transition: all .3s;
  -weibkit-transition: all .3s;
}
.btn-green:link, .btn-green:visited {
  color: #fff;
}
.btn-green.focus, .btn-green:focus, .btn-green:hover {
  border-color: #1ca048;
  background-color: #1ca048;
  color: #fff;
}
.btn-green.active, .btn-green:active {
  border-color: #136c31;
  background-color: #136c31;
}
.btn-normal {
  width: 138px;
  height: 38px;
  border: 1px solid #d0d6d9;
  background-color: #fff;
  font-size: 14px;
  line-height: 38px;
  cursor: pointer;
  transition: all .3s;
  -weibkit-transition: all .3s;
}
.btn-normal, .btn-normal:link, .btn-normal:visited {
  color: #787d82;
}
.btn-normal.focus, .btn-normal:focus, .btn-normal:hover {
  border-color: #98a1a6;
  background-color: #edf1f2;
  color: #787d82;
}
.btn-normal.active, .btn-normal:active {
  border-color: #c2cace;
  background-color: #f2f2f2;
}
.btn-sm {
  width: 78px;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
}
.pad9, .w298 {
  padding: 0 9px;
}
.w298 {
  width: 278px;
}
.w200 {
  padding: 0 9px;
  width: 180px;
}
.statement {
  margin-bottom: 12px;
}
#improve-mode {
  box-sizing: border-box;
  width: 430px;
}
.moco-modal-layer #improve-mode {
  display: block !important;
}
.improve .wfbd {
  position: absolute;
  bottom: 48px;
  left: 330px;
  color: #727679;
  font-size: 12px;
}
.improve .wfbd:hover {
  text-decoration: underline;
}
.improve label {
  display: inline-block;
  width: 104px;
  color: #07111b;
  text-align: right;
  font-weight: 700;
}
.improve .help-inline {
  position: absolute;
  bottom: -24px;
  left: 120px;
  width: 298px;
  color: #f01414;
  font-size: 12px;
  line-height: 24px;
}
.improve .help-inline label.error {
  width: auto;
  color: inherit;
  text-align: left;
  font-weight: 400;
}
.improve .help-inline i {
  display: inline-block;
  width: 20px;
  border-radius: 2px;
  background: #00a0dc;
  color: #fff;
  text-align: center;
  font-style: normal;
  cursor: pointer;
}
.improve .box {
  position: relative;
  margin-bottom: 8px;
  line-height: 36px;
}
.improve .box .getCode {
  position: absolute;
  top: 8px;
  right: 12px;
  padding: 0 9px;
  color: #9199a1;
  font-size: 12px;
  line-height: 20px;
}
.improve .box .getCode.active {
  right: 85px;
  color: #1481b8;
  cursor: pointer;
}
.improve .box .getCode.active:hover {
  color: #19a1e6;
}
.improve .box .voicecode-send {
  position: absolute;
  top: 8px;
  right: 12px;
  padding-left: 8px;
  border-left: 1px solid #d3d6d9;
  color: #1481b8;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}
.improve .box .voicecode-send i {
  display: inline-block;
  margin-right: 4px;
}
.improve .box .voicecode-send:hover {
  color: #19a1e6;
}
.improve .box .l {
  position: relative;
}
.improve .box .l .icon-pw {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 7px;
  color: #b7bbbf;
  font-size: 24px;
  line-height: 38px;
}
.improve .box .l .icon-pw:hover {
  color: #71777d;
}
.improve .box .cancelBtn, .improve .box .submitBtn {
  display: inline-block;
  text-align: center;
}
.improve .box .submitBtn {
  margin-left: 120px;
  vertical-align: top;
}
.improve .box .cancelBtn {
  margin-left: 12px;
}
.improve .edit {
  margin-bottom: 24px;
}
.improve .edit p.w298 {
  margin: 10px 0 30px 111px;
  color: #93999f;
  font-size: 12px;
  line-height: 22px;
}
.improve .info-val {
  margin-left: 16px;
  color: #07111b;
}
.rl-modal-title h2 {
  padding-top: 22px;
  color: #1c1f21;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.rl-modal-title p {
  padding: 8px 0 20px;
  color: #545c63;
  text-align: center;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 22px;
}
.w {
  margin: 0 auto;
  width: 1200px;
}
body:after {
  position: absolute;
  top: 0;
  z-index: 1000;
  display: block;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: #000;
  content: " ";
  opacity: 0;
  transition: all .3s ease;
}
.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.newcontainer, .page-container {
  margin: 0 auto;
  width: 1152px;
}
#main {
  padding: 20px 0;
  min-height: calc(100% - 140px);
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.addZ-index {
  z-index: 19;
}
.followus a {
  position: relative;
  z-index: 1;
  float: left;
  margin: 3px 6px 0;
  width: 32px;
  height: 32px;
  background-image: url(https://static.mukewang.com/static/img/common/footer-sprite.png?t=0705);
  background-repeat: no-repeat;
  opacity: .5;
  transition: opacity .2s;
}
.flw-weixin-box {
  position: absolute;
  bottom: 35px;
  left: -69px;
  display: none;
  width: 170px;
  height: 220px;
  background: url(https://static.mukewang.com/static/img/common/footer-sprite.png?t=0705) no-repeat 0 0;
}
.followus .followus-weixin {
  background-position: 0 -279px;
}
.followus-weixin:hover .flw-weixin-box {
  display: block;
}
.followus .followus-weibo {
  background-position: 0 -321px;
}
.followus .followus-qzone {
  background-position: 0 -363px;
}
.friend-links {
  line-height: 60px;
}
.friend-links a {
  display: inline-block;
  margin-right: 20px;
}
.friend-links a:hover {
  color: #000;
  text-decoration: underline;
}
.friend-links dl {
  padding: 0 10px;
}
.friend-links dd {
  float: left;
  width: 160px;
}
.footer_link ul {
  overflow: hidden;
  margin-top: -1px;
}
.footer_link a:active, .footer_link a:link, .footer_link a:visited {
  color: #c8cdd2;
}
.footer_link a:hover {
  color: #fff;
}
.page {
  clear: both;
  overflow: hidden;
  margin: 25px 0 auto;
  text-align: center;
}
.page-inner {
  padding: 0 20px;
}
.page a {
  display: inline-block;
  margin: 0 12px;
  border-radius: 50%;
  color: #4d555d;
  text-align: center;
  font-size: 14px;
  line-height: 36px;
  transition: border-color .2s;
}
.page a:hover {
  background-color: #d9dde1;
  text-decoration: none;
}
.page a.active {
  background: #4d555d;
  color: #fff;
}
.page a:first-child, .page a:last-child, .page a:nth-child(2), .page a:nth-last-child(2) {
  width: auto;
}
.page a:first-child:hover, .page a:last-child:hover, .page a:nth-child(2):hover, .page a:nth-last-child(2):hover {
  background-color: transparent;
}
.page span, .page-disabled {
  display: inline-block;
  padding: 0 12px;
  height: 39px;
  min-width: 20px;
  color: #93999f;
  text-align: center;
  font-size: 14px;
  line-height: 39px;
}
.page-first, .page-last {
  width: 50px;
}
.page-next, .page-prev {
  width: 70px;
}
.page .notmargin {
  margin-right: 0;
}
.bordered {
  border-bottom: 1px solid #d0d6d9;
}
.panel {
  margin-bottom: 20px;
  padding: 0 20px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #1c1f21;
}
.panel-heading {
  border-bottom: 1px solid #d0d6d9;
}
.panel-title {
  height: 50px;
  font-size: 16px;
  line-height: 50px;
}
select {
  display: inline-block;
  margin: 0;
  padding: 4px 6px;
  height: 30px;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #555;
  vertical-align: middle;
  font-weight: 400;
  font-size: 100%;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}
select:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a.btn-add-collection:hover {
  background-position: 46px -44px;
  color: #fff;
}
a.btn-remove-collection {
  background-position: 46px -88px;
  color: #909b9e;
}
a.btn-remove-collection:hover {
  background-position: 46px -130px;
}
.course-title .btn-add-collection {
  margin-top: 6px;
}
.videohead .btn-add-collection {
  margin-top: 20px;
}
.js-btn-collection .concerned-icon {
  display: inline-block;
  margin-top: 34px;
}
progress {
  display: inline-block;
  width: 400px;
  height: 6px;
  border: 0;
  background: #f0f0f0;
  color: #aad94a;
}
progress::-webkit-progress-bar {
  background: #f0f0f0;
}
progress::-moz-progress-bar {
  background: #aad94a;
}
progress::-webkit-progress-value {
  background: #aad94a;
}
.progress {
  display: inline-block;
  width: 400px;
  height: 6px;
  background: #f0f0f0;
}
.progressBar {
  height: 6px;
  background: #aad94a;
}
.teacher-icon {
  position: relative;
  top: 1px;
  margin-left: 5px;
  width: 7px;
}
.lottery {
  top: 50%;
  z-index: 12;
  margin-top: -218px;
}
.elevator, .lottery {
  position: fixed;
  right: 0;
}
.elevator {
  bottom: 28%;
  right: 10px;
  z-index: 19;
  margin-top: -140px;
  padding: 0 16px;
  background-color: #fff;
  box-shadow: -2px 2px 5px 3px rgba(7, 17, 27, 0.1);
}
.elevator a {
  display: block;
  box-sizing: border-box;
  padding: 16px 0;
  width: 26px;
  border-bottom: 1px solid #edf1f2;
  color: #b5b9bc;
  text-align: center;
  font-size: 22px;
  line-height: 20px;
}
.elevator a:hover {
  color: #14191e;
}
.elevator a i {
  color: #b5b9bc;
  font-size: 24px;
}
.elevator a span {
  display: none;
  color: #4d555d;
  font-size: 12px;
  line-height: 14px;
}
.elevator a .elevator-num {
  position: absolute;
  top: 3px;
  right: -9px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #f01414;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}
.elevator .elevator-dist i {
  display: inline-block;
  margin: 2px 0;
  width: 18px;
  height: 20px;
  background: url(//imooc.com/static/img/index/redPacket.png) no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.elevator .elevator-app:hover i, .elevator .elevator-dist:hover i, .elevator .elevator-faq:hover i, .elevator .elevator-msg:hover i, .elevator .elevator-top:hover i, .elevator .elevator-weixin:hover i {
  display: none;
}
.elevator .elevator-app:hover span, .elevator .elevator-dist:hover span, .elevator .elevator-faq:hover span, .elevator .elevator-msg:hover span, .elevator .elevator-top:hover span, .elevator .elevator-weixin:hover span {
  display: inline-block;
}
.elevator .elevator-app-box {
  position: absolute;
  right: 52px;
  bottom: -10px;
  width: 172px;
  height: 212px;
  max-width: 0;
  background: url(https://static.mukewang.com/static/img/common/elevator.png?t=0705) no-repeat 0 -220px;
  opacity: 0;
  transition: opacity .25s,transform .3s;
  transform: scale(0.01);
  transform-origin: 100% 95%;
  -ms-transform: scale(0.01);
  -ms-transform-origin: 100% 95%;
}
.elevator .elevator-app:hover .elevator-app-box {
  display: block;
  visibility: visible;
  max-width: none;
  opacity: 1;
  transform: scale(1);
  -ms-transform: scale(1);
}
.elevator .elevator-weixin-box {
  position: absolute;
  right: 52px;
  bottom: 0;
  width: 165px;
  max-width: 0;
  opacity: 0;
  transition: opacity .25s,transform .3s;
  transform: scale(0.01);
  transform-origin: 100% 95%;
  -ms-transform: scale(0.01);
  -ms-transform-origin: 100% 95%;
}
.elevator .elevator-weixin:hover .elevator-weixin-box {
  display: block;
  visibility: visible;
  max-width: none;
  opacity: 1;
  transform: scale(1);
  -ms-transform: scale(1);
}
a {
  outline: 0;
}

/*a:active{margin-right:4px;margin-right:0;margin-bottom:2px;padding:4px 8px;border-radius:4px;font-weight:200;star:expression(this.onFocus=this.blur())}*/
a, button, input {
  outline: 0;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
}
.autowrap {
  word-wrap: break-word;
  word-break: break-all;
}
.layer-usercard {
  position: absolute;
  z-index: 999;
  width: 370px;
  height: 165px;
  background: #fff;
  box-shadow: 0 2px 2px #999;
}
.layer-usercard .arrow {
  position: absolute;
  left: 65px;
  top: -11px;
  width: 19px;
  height: 11px;
  background: url(/static/module/common/img/dot_usercard.png);
}
.layer-usercard-header {
  height: 110px;
  background: #2a2c2e;
}
.layer-usercard-header .avatar img {
  border-radius: 50px;
  left: 21px;
  position: absolute;
  top: 21px;
  border: 3px solid #7f8082;
}
.layer-usercard-header dd, .layer-usercard-header dt {
  float: right;
  width: 245px;
  padding-right: 20px;
  color: #fff;
}
.layer-usercard-header dt {
  padding-top: 20px;
  font-size: 18px;
}
.layer-usercard-header dd {
  font-size: 12px;
}
.layer-usercard-info ul {
  overflow: hidden;
  padding-top: 16px;
  height: 32px;
  font-size: 16px;
  color: #364247;
  position: relative;
}
.layer-usercard-info li {
  float: left;
  padding: 0 22px;
  border-right: 1px solid #d9d9d9;
}
.layer-usercard-info span {
  color: #969b9e;
  font-size: 12px;
}
.layer-usercard-info li.noborder {
  border: 0;
}
li.layer-usercard-medal {
  padding: 0;
  top: 12px;
  right: 10px;
  width: 117px;
  position: absolute;
  border: 0;
}
.layer-usercard-medal a {
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 5px;
  border-radius: 1px;
  overflow: hidden;
}
.send-area-result {
  background: #fff;
  box-shadow: 0 4px 8px rgba(7, 17, 27, 0.2);
  -moz-box-shadow: 0 4px 8px rgba(7, 17, 27, 0.2);
  -webkit-box-shadow: 0 4px 8px rgba(7, 17, 27, 0.2);
  position: absolute;
  top: 48px;
  left: 0;
  width: inherit;
  border-radius: 0 0 4px 4px;
}
.send-area-result dt {
  font-size: 12px;
  color: #b7bbbf;
  padding: 0 10px;
}
.send-area-result dd, .send-area-result dt {
  line-height: 40px;
  height: 40px;
}
.send-area-result dd a.questiontitle {
  border: none;
  font-size: 14px;
  color: #93999f;
  width: inherit;
  text-align: left;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  display: block;
}
.oncurr {
  color: #07111b;
  background: #f3f5f7;
}
.oncurr a.questiontitle {
  color: #07111b !important;
}
.send-area-result dd a.questiontitle em, .send-area-result dd a.questiontitle i {
  font-style: normal;
  font-size: 12px;
  margin-left: 8px;
}
.send-area-result dd a.questiontitle em {
  color: #b7bbbf;
}
.send-area-result dd a.questiontitle i {
  color: #00b33b;
}
body.slide-left, html.holding {
  height: 100%;
  overflow: hidden;
}
body.slide-left {
  transform: translate(-130px, 0);
  margin-right: -130px;
  padding-right: 130px;
}
body.slide-left:after {
  left: -130px;
  visibility: visible;
  opacity: .3;
  z-index: 1002;
}
.article-head .user-card-item img {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  vertical-align: middle;
}
.identity {
  font-size: 16px;
  margin-left: 5px;
  color: red;
  position: relative;
  top: 3px;
  display: inline-block;
}
.project-qrcode {
  position: relative;
  float: right;
  width: 30px;
  height: 15px;
  color: #787d82;
}
.project-qrcode .sz-qrcode {
  vertical-align: -3px;
  color: #b5b9bc;
  cursor: pointer;
}
.project-qrcode .sz-qrcode:before {
  content: "\e903";
  font-size: 18px;
}
.project-qrcode .sz-qrcode:hover {
  color: #787d82;
}
.col-aside .divider {
  margin: 28px 0;
  height: 0;
  overflow: hidden;
  border-bottom: 1px solid #d9dde1;
}
.lottery_mask {
  position: fixed;
  z-index: 998;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: rgba(7, 17, 27, 0.6);
}
.transition {
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.video-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
}
.video-wrap {
  position: absolute;
  width: 800px;
  height: 500px;
}
.video-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  opacity: .8;
  z-index: 10000;
}
.video-close {
  position: absolute;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.7);
  right: 40px;
  top: 40px;
  z-index: 10001;
  cursor: pointer;
}
.video-close:hover {
  color: #fff;
}
.banner-pic {
  margin-top: 32px;
  display: inline-block;
  height: 400px;
  overflow: hidden;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4);
}
.top-wrap-box {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-top: 48px;
}
.cato-wrap-menu {
  background: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.index-list-wrap h2 {
  font-size: 24px;
  line-height: 24px;
  color: #4d555d;
  text-align: left;
  margin-bottom: 24px;
}
.index-main {
  max-width: 1152px;
  padding-bottom: 70px;
  border-top: 1px solid #d9dde1;
}
.index-main, .screening-box {
  width: 100%;
  position: relative;
}
.screening-box {
  padding: 20px 12px;
  box-sizing: border-box;
}
.screening-box .screening-time a {
  float: left;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 16px;
  color: #4d555d;
  height: 16px;
  margin-right: 12px;
  border-radius: 12px;
}
.screening-box .screening-time a:hover {
  color: #07111b;
}
.screening-box .screening-time a.on {
  background: #545c63;
  color: #fff;
}
.screening-box .screenjing-type .tool-item {
  float: left;
  vertical-align: middle;
  color: #4d555d;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 24px;
}
.screening-box .screenjing-type .tool-item .hide-learned {
  color: #4d555d;
}
.screening-box .screenjing-type .tool-item .tool-chk {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-left: 52px;
  background: url(/static/module/index/img/sw-off.png) no-repeat;
}
.screening-box .screenjing-type .tool-item .checked {
  background: url(/static/module/index/img/sw-on.png) no-repeat;
}
.screening-box .screenjing-type .go-back, .screening-box .screenjing-type .is-buy, .screening-box .screenjing-type .is-learn {
  float: left;
  height: 24px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 12px;
  box-sizing: border-box;
  margin-left: 24px;
}
.screening-box .screenjing-type .is-learn {
  background: #93999f;
  color: #fff;
}
.screening-box .screenjing-type .is-buy {
  color: #4d555d;
}
.screening-box .screenjing-type .is-buy:hover {
  color: #07111b;
}
.screening-box .screenjing-type .my-collect, .screening-box .screenjing-type .my-course {
  float: left;
  font-size: 12px;
  color: #c80;
  height: 24px;
  padding: 0 12px;
  line-height: 24px;
  border-radius: 12px;
  margin-left: 14px;
  background: rgba(204, 136, 0, 0.1);
  text-align: center;
  box-sizing: border-box;
}
.screening-box .screenjing-type .my-collect.cur, .screening-box .screenjing-type .my-collect:hover, .screening-box .screenjing-type .my-course.cur, .screening-box .screenjing-type .my-course:hover {
  background: #c80;
  color: #fff;
}
.screening-box .screenjing-type .my-course {
  color: #f04b4b;
  background: rgba(240, 75, 75, 0.06);
}
.screening-box .screenjing-type .my-course.cur, .screening-box .screenjing-type .my-course:hover {
  background: #f04b4b;
  color: #fff;
}
.screening-box .screenjing-type .go-back {
  color: #fff;
  border: 1px solid #93999f;
  background: #93999f;
}
.screening-box .screenjing-type .go-back:hover {
  border-color: #71777d;
  background: #71777d;
}
.screening-box .screening-foreshow a {
  border-radius: 12px;
  display: inline-block;
  font-size: 12px;
  color: #4d555d;
  text-align: left;
  line-height: 24px;
  margin-left: 24px;
}
.screening-box .screening-foreshow a:hover {
  color: #07111b;
}
.screening-box a.learn-path {
  background: rgba(204, 136, 0, 0.1);
  border-radius: 12px;
  display: inline-block;
  padding: 0 12px;
  font-size: 12px;
  color: #c80;
  text-align: left;
  line-height: 24px;
}
.foreshow-content {
  text-align: center;
  font-size: 0;
}
.foreshow-content h1 {
  margin: 6px auto 24px;
  font-size: 18px;
  color: #1c1f21;
  text-align: center;
  line-height: 28px;
  font-weight: 700;
}
.foreshow-content img {
  width: 168px;
  height: 168px;
  margin-bottom: 24px;
}
.foreshow-content p {
  font-size: 12px;
  color: #545c63;
  text-align: center;
  line-height: 22px;
}
.student-discount-box {
  display: block;
  width: 100%;
  height: 200px;
  background: #fff;
}
.student-discount-box .student-discount-wrap {
  margin: 0 auto;
  padding-top: 40px;
  padding-right: 199px;
  width: 1152px;
  height: 200px;
  box-sizing: border-box;
  background: url(/static/module/index/img/student-discount-bg.png);
}
.student-discount-box .student-discount-wrap .student-text-box {
  text-align: left;
}
.student-discount-box .student-discount-wrap .student-text-box .student-discount-title {
  font-size: 36px;
  color: #07111b;
  letter-spacing: 2px;
  line-height: 36px;
  margin-bottom: 8px;
}
.student-discount-box .student-discount-wrap .student-text-box .normal-text {
  font-size: 20px;
  color: #070000;
  letter-spacing: 4px;
  line-height: 36px;
  margin-bottom: 12px;
}
.student-discount-box .student-discount-wrap .student-text-box .go-student-act {
  display: inline-block;
  width: 80px;
  height: 32px;
  border: 1px solid #f01414;
  border-radius: 16px;
  font-size: 12px;
  color: #f01414;
  line-height: 32px;
  text-align: center;
}
.shizhan-skill-placeholder {
  width: 100%;
  padding: 24px 0 10px;
  position: relative;
}
.shizhan-skill-wrapper {
  width: 100%;
  max-height: 132px;
  overflow: hidden;
  background: #f8fafc;
}
.shizhan-skill-wrapper.active {
  box-shadow: 0 11px 16px 0 rgba(28, 31, 33, 0.2);
  height: auto;
  z-index: 5;
  padding-bottom: 10px;
}
.shizhan-skill {
  width: 1152px;
  margin: 0 auto;
}
.shizhan-skill a {
  float: left;
  margin-right: 20px;
  padding: 0 12px;
  font-size: 14px;
  color: #4d555d;
  line-height: 32px;
  border-radius: 6px;
  margin-bottom: 12px;
}
.shizhan-skill a:last-child {
  margin-right: 0;
}
.shizhan-skill a:hover {
  background: #d9dde1;
}
.shizhan-skill a.on {
  color: #c80;
  background: rgba(204, 136, 0, 0.1);
}
.waper {
  width: 1200px;
  margin: 0 auto;
}
.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.addZ-indexCode {
  z-index: 19;
}
.bindHintBox {
  background-color: #ffc;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 10px;
  top: 60px;
  width: 313px;
  height: 54px;
  z-index: 3;
  font-size: 12px;
  line-height: 54px;
  color: #07111b;
  padding: 0 15px;
}
.bindHintBox .closeBindHint {
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  left: 20px;
  cursor: pointer;
  background: url(/static/img/nlogin.png) no-repeat 0 0;
  transition: transform .2s;
  -webkit-transition: transform .2s;
  -moz-transition: transform .2s;
  -o-transition: transform .2s;
}
.bindHintBox .arrow {
  position: absolute;
  right: 15px;
  top: -10px;
  border-width: 0 10px 10px;
  border-color: transparent transparent #ffc;
  border-style: solid;
}
.linkToMall {
  font-size: 12px !important;
  color: #fff !important;
  opacity: 1 !important;
}
.search-area .search-input.w100 {
  width: 100%;
}
.search-area .hotTags a:hover {
  color: #f21f1f;
}
.search-area input::-webkit-input-placeholder {
  color: #a6a6a6;
}
.search-area input:-moz-placeholder, .search-area input::-moz-placeholder {
  color: #a6a6a6;
}
.search-area input:-ms-input-placeholder {
  color: #a6a6a6;
}
.search-area .btn_search {
  float: left;
  cursor: pointer;
  width: 30px;
  height: 38px;
  text-align: center;
  transition: background-color .3s;
}
.search-area .search-area-result.hot-hide {
  top: 47px;
}
.search-area .search-area-result.hot-hide .hot {
  display: none;
}
.search-area .search-area-result.hot-hide .history {
  border-top: 0;
}
.search-area .search-area-result h2 {
  font-size: 12px;
  color: #1c1f21;
  line-height: 12px;
  margin-bottom: 8px;
  font-weight: 700;
}
.search-area .search-area-result .hot {
  padding: 12px 0 8px 12px;
  box-sizing: border-box;
}
.search-area .search-area-result .hot .hot-item {
  background: rgba(84, 92, 99, 0.1);
  border-radius: 12px;
  padding: 4px 12px;
  line-height: 16px;
  margin-right: 4px;
  margin-bottom: 4px;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  color: #545c63;
}
.search-area .search-area-result .history {
  border-top: 1px solid rgba(28, 31, 33, 0.1);
  box-sizing: border-box;
}
.search-area .search-area-result .history li {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #787d82;
  cursor: pointer;
}
.search-area .search-area-result .history li .light, .search-area .search-area-result .history li:hover {
  color: #1c1f21;
  background-color: #edf0f2;
}
.my_message a span {
  display: none;
}
.my_message .msg_remind {
  width: 6px;
  height: 6px;
  background-color: #f01414;
  right: 14px;
  top: 14px;
}
.msg_icon, .my_message .msg_remind {
  display: none;
  position: absolute;
  border-radius: 50%;
}
.msg_icon {
  padding: 0 5px;
  height: 16px;
  left: 32px;
  top: 10px;
  line-height: 16px;
  background: #f01414;
  color: #fff;
  font-style: normal;
  font-size: 10px;
}
.my_mp span {
  display: block;
  line-height: 16px;
  color: #6c7072;
}
.my_mp .mp {
  padding-top: 12px;
  font-size: 12px;
}
.my_mp a:hover .mp_num {
  color: #fff;
}
.set_btn {
  right: 0;
}
#nav_list {
  display: none;
  z-index: 999;
  width: 140px;
  position: absolute;
  top: 60px;
  right: 0;
  background: #363c41;
  list-style: none;
}
#nav_list li a {
  border-top: 1px solid #4a5153;
  height: 39px;
  line-height: 39px;
  font-size: 14px;
  background-image: url(/static/img/menu_icon.png?t=10);
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  text-align: left;
  padding: 0;
  padding-left: 47px;
  width: auto;
}
#nav_list a:hover {
  color: #fff;
  background-color: #4d5559;
}
#nav_list #my_space {
  padding: 0 18px;
  background-image: none;
  border: 0;
  height: 49px;
  line-height: 49px;
  text-align: center;
}
#nav_list .my_message {
  background-position: 19px -46px;
}
#nav_list #my_note {
  background-position: 19px -90px;
}
#nav_list #my_question {
  background-position: 19px -128px;
}
#nav_list #my_setting {
  background-position: 19px -167px;
}
#nav_list #my_logout {
  background-position: 19px -207px;
}
.myspace_remind {
  width: 10px;
  height: 10px;
  background: url(/static/img/space-remind.png) no-repeat 0 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
.compatible-contianer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-width: 800px;
  height: 30px;
  line-height: 30px;
  background: url(/static/img/iebg.gif) repeat-x;
  z-index: 999999;
}
.cpt-ct {
  color: #363636;
  font-size: 12px;
  text-align: center;
}
.cpt-ct i {
  display: inline-block;
  width: 12px;
  height: 14px;
  vertical-align: -2px;
  margin-right: 5px;
  background: url(/static/img/iefixed-sprite.png) no-repeat 0 0;
}
.cpt-ct a {
  color: #39b94e;
}
.cpt-ct a:hover {
  text-decoration: underline;
}
.cpt-handle {
  position: absolute;
  right: 20px;
  top: 0;
  font-size: 12px;
  line-height: 27px;
}
.cpt-handle a {
  display: inline-block;
  vertical-align: middle;
}
.cpt-handle .cpt-agin {
  color: #656e73;
  margin-right: 5px;
}
.cpt-handle .cpt-agin:hover {
  color: #363d40;
}
.cpt-close {
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  border-radius: 50%;
  transition: .3s;
}
.cpt-close:hover {
  background-color: #fc8800;
}
.cpt-close i {
  display: inline-block;
  height: 8px;
  width: 8px;
  vertical-align: 1px;
  background: url(/static/img/iefixed-sprite.png) no-repeat 0 -24px;
}
.cpt-close:hover i {
  background-position: 0 -42px;
}
.ipt {
  color: #1c1f21;
  background-color: #fff;
  border: 1px solid #98a1a6;
  padding: 9px;
  font-size: 14px;
  border-radius: 0;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  border-color: #98a1a6;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.ipt, select.ipt {
  height: 20px;
  line-height: 20px;
}
.ipt:-moz-placeholder {
  color: #c8cdd2;
}
.ipt::-moz-placeholder {
  color: #c8cdd2;
  opacity: 1;
}
.ipt:-ms-input-placeholder {
  color: #c8cdd2;
}
.ipt::-webkit-input-placeholder {
  color: #c8cdd2;
}
.ipt.placeholder {
  color: #c8cdd2;
}
.ipt:focus {
  border-color: #1c1f21;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(28, 31, 33, 0.4);
}
textarea.ipt {
  height: auto;
}
.ipt-error {
  color: #ec1500;
  border-color: #ec1500;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.ipt-error:focus {
  border-color: #ec1500;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 21, 0, 0.4);
}
.visible-xs-block {
  display: none;
}
.lotterycomer {
  width: 100%;
  height: 50px;
  background-image: url(/static/img/act/lottery-top-02.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 9999;
}
.lotterycomer.hide {
  display: none !important;
}
.newcomer {
  width: 100%;
  height: 136px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.newcomer i {
  position: absolute;
  right: 20px;
  bottom: 48px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.newcomer i:hover {
  color: #fff;
}
.elevator-lottery {
  background: url(/static/img/act/lottery-float.png);
  width: 102px;
  height: 102px;
  background-size: cover;
  display: block;
}
.elevator-lottery i {
  float: right;
  color: #fff;
  margin: 3px;
}
.newcomer_mask {
  position: fixed;
  z-index: 998;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: rgba(7, 17, 27, 0.6);
}
.newcomer_modal {
  position: fixed;
  z-index: 999;
  left: 50%;
  margin-left: -198px;
  top: 50%;
  margin-top: -190px;
  width: 396px;
  height: 390px;
  background: #fff;
  box-shadow: 0 8px 16px 0 rgba(28, 31, 33, 0.2);
  border-radius: 12px;
  background-image: url(/static/img/newcomer_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 360px;
}
.newcomer_modal .get-btn {
  width: 320px;
  height: 48px;
  margin: 0 auto;
  margin-top: 280px;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  background-image: linear-gradient(-135deg, #f9662d 0, #f01414 100%);
  border-radius: 24px;
}
.newcomer_modal .next-time {
  font-size: 14px;
  color: #9199a1;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.newcomer_modal .next-time:hover {
  color: #545c63;
}
#septemberSchool {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(7, 17, 27, 0.6);
}
#septemberSchool .popup_box {
  position: fixed;
  color: #fff;
  width: 530px;
  height: 348px;
  background: url(/static/img/septemberSchool_bg.png);
  left: 50%;
  top: 50%;
  margin-left: -245px;
  margin-top: -210px;
}
#septemberSchool .popup_box .imv2-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  cursor: pointer;
}
#septemberSchool .popup_box .inner_text {
  position: relative;
  margin: 90px 97px;
  width: 296px;
  height: 162px;
  text-align: center;
}
#septemberSchool .popup_box .inner_text h1 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
}
#septemberSchool .popup_box .inner_text h2 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-top: 6px;
}
#septemberSchool .popup_box .inner_text h4 {
  font-size: 18px;
  line-height: 49px;
  margin-top: 6px;
}
#septemberSchool .popup_box .inner_text h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 6px;
  line-height: 18px;
  margin-bottom: 9px;
}
#septemberSchool .popup_box .inner_text .clock {
  text-align: center;
  width: 100%;
  height: 48px;
  padding: 7px 0;
  box-sizing: border-box;
  font-size: 20px;
  display: block;
  position: absolute;
  bottom: -48px;
  left: 0;
}
#septemberSchool .popup_box .inner_text .clock span {
  display: inline-block;
  font-size: 22px;
  color: #383d42;
  background: #fff;
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  margin: 0 6px;
}
#septemberSchool .popup_box .inner_text .get-btn {
  display: inline-block;
  background-image: linear-gradient(270deg, #fac200 0, #f28f00 100%);
  border-radius: 26px;
  font-size: 20px;
  color: #fff;
  line-height: 20px;
  padding: 12px 34px;
  position: absolute;
  bottom: -166px;
  left: 50%;
  margin-left: -74px;
}
#septemberSchool_finish {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(7, 17, 27, 0.6);
}
#septemberSchool_finish .popup_box {
  position: fixed;
  width: 900px;
  height: 450px;
  left: 50%;
  top: 50%;
  margin-left: -450px;
  margin-top: -225px;
  padding: 24px 22px;
  background: #fff;
  border: 1px solid #979797;
  box-shadow: 0 8px 16px 0 rgba(28, 31, 33, 0.2);
  border-radius: 12px;
  box-sizing: border-box;
}
#septemberSchool_finish .popup_box .imv2-close {
  position: absolute;
  top: 24px;
  right: 32px;
  font-size: 24px;
  color: #b2b8bd;
  cursor: pointer;
}
#septemberSchool_finish .popup_box .imv2-close:hover {
  color: #6d6d6d;
}
#septemberSchool_finish .popup_box .title {
  font-size: 16px;
  color: #1c1f21;
  text-align: center;
  line-height: 24px;
  font-weight: 600;
}
#septemberSchool_finish .popup_box .content {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: 32px;
}
#septemberSchool_finish .popup_box .content .item {
  height: 318px;
  border-radius: 12px;
}
#septemberSchool_finish .popup_box .content .item.coupon-box {
  width: 251px;
  background: #f2f2f2;
  margin-left: 24px;
  overflow: hidden;
}
#septemberSchool_finish .popup_box .content .item.coupon-box h3 {
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  padding: 14px 0;
  text-align: center;
}
#septemberSchool_finish .popup_box .content .item.coupon-box h3.cc {
  background: #f53d3d;
}
#septemberSchool_finish .popup_box .content .item.coupon-box h3.read {
  background: #0091ff;
}
#septemberSchool_finish .popup_box .content .item.coupon-box .coupon {
  display: block;
  width: 214px;
  height: 106px;
  margin: 16px auto;
  background-size: contain;
  background-position: center;
}
#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.a, #septemberSchool_finish .popup_box .content .item.coupon-box .coupon.b {
  background-image: url(/static/img/september_coupon_bg1.png);
}
#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.c, #septemberSchool_finish .popup_box .content .item.coupon-box .coupon.d {
  background-image: url(/static/img/september_coupon_bg2.png);
}
#septemberSchool_finish .popup_box .content .item.intro {
  margin-left: 36px;
}
#septemberSchool_finish .popup_box .content .item.intro .text {
  margin-top: 50px;
  margin-bottom: 36px;
}
#septemberSchool_finish .popup_box .content .item.intro .text h3 {
  font-size: 14px;
  color: #545c63;
  line-height: 20px;
  font-weight: 600;
}
#septemberSchool_finish .popup_box .content .item.intro .text p {
  font-size: 12px;
  color: #545c63;
  line-height: 20px;
  margin-top: 20px;
}
#septemberSchool_finish .popup_box .content .item.intro .sep-coupon-btn {
  display: inline-block;
  width: 126px;
  height: 36px;
  font-size: 14px;
  color: #fff;
  line-height: 35px;
  background: #383d42;
  border-radius: 26px;
  text-align: center;
}
#septemberSchool_finish .popup_box .content .item.intro .sep-coupon-btn:last-child {
  margin-left: 12px;
}
.icon-score_shop:before {
  content: "\e927";
}
.icon-receipt:before {
  content: "\e928";
}
.icon-set_key:before {
  content: "\e922";
}
.icon-set_sns:before {
  content: "\e923";
}
.icon-set_phone:before {
  content: "\e924";
}
.icon-set_email:before {
  content: "\e925";
}
.icon-remove_circle:before {
  content: "\e921";
}
.icon-set2:before {
  content: "\e920";
}
.icon-share2:before {
  content: "\e91f";
}
.icon-thumb_o:before {
  content: "\e91e";
}
.icon-check:before {
  content: "\e91d";
}
.icon-radiobu_on:before {
  content: "\e919";
}
.icon-radiobut_off:before {
  content: "\e91a";
}
.icon-checkbox_o:before {
  content: "\e91b";
}
.icon-checkbox:before {
  content: "\e91c";
}
.icon-group_add:before {
  content: "\e918";
}
.icon-exp_o:before {
  content: "\e917";
}
.icon-left3:before {
  content: "\e90a";
}
.icon-godown:before {
  content: "\e910";
}
.icon-goup:before {
  content: "\e912";
}
.icon-notifi:before {
  content: "\e909";
}
.icon-del:before {
  content: "\e60f";
}
.icon-edit:before {
  content: "\e60b";
}
.icon-drop_left:before {
  content: "\e915";
}
.icon-drop_right:before {
  content: "\e90b";
}
.icon-drop_up:before {
  content: "\e916";
}
.icon-drop_down:before {
  content: "\e90c";
}
.icon-notdisplay:before {
  content: "\e90d";
}
.icon-wiki:before {
  content: "\e608";
}
.icon-blog:before {
  content: "\e90e";
}
.icon-yuanwen:before {
  content: "\e90f";
}
.icon-plan:before {
  content: "\e609";
}
.icon-shizhan:before {
  content: "\e911";
}
.icon-tick:before {
  content: "\e600";
}
.icon-left2:before {
  content: "\e913";
}
.icon-right2:before {
  content: "\e914";
}
.icon-down2:before {
  content: "\e903";
}
.icon-up2:before {
  content: "\e904";
}
.icon-flag2:before {
  content: "\e902";
}
.icon-close2:before {
  content: "\e905";
}
.icon-star_outline:before {
  content: "\e901";
}
.icon-star2:before {
  content: "\e900";
}
.icon-show-pw:before {
  content: "\e648";
}
.icon-share-weibo:before {
  content: "\e645";
}
.icon-share-weichat:before {
  content: "\e646";
}
.icon-share-qq:before {
  content: "\e647";
}
.icon-home:before {
  content: "\e601";
}
.icon-clock:before {
  content: "\e602";
}
.icon-chat:before {
  content: "\e603";
}
.icon-msg:before {
  content: "\e604";
}
.icon-resp:before {
  content: "\e605";
}
.icon-addques:before {
  content: "\e606";
}
.icon-user:before {
  content: "\e607";
}
.icon-note:before {
  content: "\e60a";
}
.icon-share:before {
  content: "\e60c";
}
.icon-set:before {
  content: "\e60d";
}
.icon-camera:before {
  content: "\e60e";
}
.icon-search:before {
  content: "\e610";
}
.icon-key:before {
  content: "\e611";
}
.icon-smail:before {
  content: "\e613";
}
.icon-point:before {
  content: "\e614";
}
.icon-tick2:before {
  content: "\e616";
}
.icon-chapter:before {
  content: "\e617";
}
.icon-mobile:before {
  content: "\e618";
}
.icon-gotop:before {
  content: "\e619";
}
.icon-statistic:before {
  content: "\e61a";
}
.icon-code:before {
  content: "\e61b";
}
.icon-video:before {
  content: "\e61c";
}
.icon-test:before {
  content: "\e61d";
}
.icon-menu:before {
  content: "\e61e";
}
.icon-plus:before {
  content: "\e61f";
}
.icon-sub:before {
  content: "\e620";
}
.icon-close:before {
  content: "\e621";
}
.icon-exit:before {
  content: "\e626";
}
.icon-refresh:before {
  content: "\e627";
}
.icon-again:before {
  content: "\e628";
}
.icon-bell:before {
  content: "\e629";
}
.icon-nobell:before {
  content: "\e62a";
}
.icon-nolearn:before {
  content: "\e62b";
}
.icon-half:before {
  content: "\e62c";
}
.icon-full:before {
  content: "\e62d";
}
.icon-info:before {
  content: "\e926";
}
.icon-point-revert:before {
  content: "\e62e";
}
.icon-ques-revert:before {
  content: "\e62f";
}
.icon-tick-revert:before {
  content: "\e630";
}
.icon-flag:before {
  content: "\e631";
}
.icon-msg-revert:before {
  content: "\e632";
}
.icon-ad:before {
  content: "\e633";
}
.icon-imooc:before {
  content: "\e634";
}
.icon-thumb:before {
  content: "\e635";
}
.icon-thumb-revert:before {
  content: "\e636";
}
.icon-star:before {
  content: "\e637";
}
.icon-star-revert:before {
  content: "\e638";
}
.icon-heart:before {
  content: "\e639";
}
.icon-heart-revert:before {
  content: "\e63a";
}
.icon-qq:before {
  content: "\e63b";
}
.icon-weibo:before {
  content: "\e63c";
}
.icon-qqweibo:before {
  content: "\e63d";
}
.icon-weixin:before {
  content: "\e63e";
}
.icon-folder:before {
  content: "\e63f";
}
.icon-jian:before {
  content: "\e640";
}
.icon-ding:before {
  content: "\e641";
}
.icon-you:before {
  content: "\e642";
}
.icon-apple:before {
  content: "\e643";
}
.icon-android:before {
  content: "\e644";
}
.icon-mail:before {
  content: "\e612";
}
.icon-wxgzh:before {
  content: "\e907";
}
.icon-appdownload:before {
  content: "\e908";
}
.icon-feedback:before {
  content: "\e906";
}
.icon-shopping-cart:before {
  content: "\e929";
}
.icon-ques:before {
  content: "\e615";
}
.icon-down:before {
  content: "\e622";
}
.icon-left:before {
  content: "\e623";
}
.icon-top:before {
  content: "\e624";
}
.icon-right:before {
  content: "\e625";
}
.footer-link .friend {
  padding-bottom: 10px;
  color: #fff;
  font-size: 20px;
}
.find-box {
  border-bottom: 1px solid #393939;
  padding-bottom: 20px;
}
.footer {
  padding: 36px 0;
  background-color: #323232;
}
.container {
  width: 1152px;
  margin: 0 auto;
  position: relative;
}
.footer .footer-link {
  line-height: 20px;
  text-align: left;
  border: none;
  padding: 8px 0px;
}
.footer .footer-copyright {
  font-size: 12px;
  line-height: 14px;
  padding: 0;
  padding-left: 10px;
  text-align: left;
  margin-top: 8px;
  color: #93999f;
  line-height: 24px;
}
.footer-link a {
  margin: 0 10px;
  color: #99a1a6;
}
.footer-link a:hover {
  color: #fff;
}
.footer .beian {
  background: url(/static/img/beianicon.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
  margin-top: -4px;
}
.footer .footer-wrap {
  position: absolute;
  width: auto;
  right: 0;
  bottom: 0;
}
.idx-width {
  width: 1200px;
  margin: 0 auto;
}
.footer .footer-sns {
  padding: 0;
}
.footer .footer-sns > div:first-child {
  margin-right: 32px;
}
.footer .footer-sns a, .footer .footer-sns p {
  color: #d9dde1;
}
.footer-sns a {
  display: inline-block;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  background-image: url(/static/img/common/idx-btm.png);
  background-repeat: no-repeat;
  margin: 0 9px;
}
.footer {
  border-color: #0091ff;
  color: #0091ff;
  text-decoration: none;
  border-top-width: 5px;
  border-top-style: solid;
}
.search-warp {
  position: relative;
  float: right;
  margin: 19px 10px 12px 0;
}
.search-warp .search-area {
  height: 36px;
  width: 180px !important;
  background: #f3f5f6;
  border-radius: 8px;
  box-sizing: border-box;
  padding-right: 34px;
  border: 1px solid #f3f5f6;
  margin: 0;
  transition: .3s all linear;
}
.search-warp .search-area.suggest-active {
  border: none;
}
.search-area .search-input {
  padding-left: 16px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  color: #a6a6a6;
  line-height: 24px;
  height: 35px;
  width: 100%;
  float: left;
  border: 0;
  transition: background-color .3s;
  background-color: transparent;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.search-warp .showhide-search {
  width: 56px;
  height: 36px;
  text-align: center;
  top: 0;
  right: 0;
  padding: 0;
  border-radius: inherit;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: .3s all linear;
  width: 20px;
  height: 24px;
  text-align: right;
  position: absolute;
  display: inline-block;
  bottom: 24px;
  padding: 0 8px;
  border-radius: 18px;
}
.search-warp .showhide-search:hover {
  background: 0 0;
}
.search-warp .showhide-search i {
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 24px;
  transition: .3s all linear;
  display: block;
  height: 24px;
  color: #545c63;
  cursor: pointer;
  font-size: 20px;
  line-height: 47px;
  width: 20px;
}
.search-warp.search-active .showhide-search {
  background: 0 0;
}
.search-warp.search-active i {
  color: #757a7e;
}
.search-warp.search-active .search-area {
  background: #fff;
  border: 1px solid #545c63;
  box-shadow: 0 0 0 4px rgba(28, 31, 33, 0.1);
}
.search-warp.search-active .showhide-search {
  background: #383d42;
}
.search-warp.search-active .showhide-search i {
  color: #fff;
}
.search-warp .search-area-result {
  width: 358px;
  top: 40px;
}
.search-area .hotTags {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 40px;
}
.search-area .hotTags a {
  display: inline-block;
  padding: 4px 8px;
  height: 16px;
  font-size: 14px;
  color: #545c63;
  line-height: 16px;
  margin-top: 8px;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vl-notify.vl-notify-alert h2.vl-notice-title .icon-remove {
  line-height: inherit;
  color: #333;
}
.rl-model-footer {
  padding: 20px 30px 4px;
}
.rl-modal-header h1 span {
  float: left;
  width: 80px;
  text-align: center;
  height: 49px;
  line-height: 49px;
  cursor: pointer;
}
.rl-modal-header .active-title:after, .rl-modal-header span:hover:after {
  content: " ";
  width: 16px;
  height: 4px;
  line-height: 4px;
  background: #0091ff;
  border-radius: 2px;
  display: block;
  margin: 0 auto;
}
.errorHint {
  height: 25px;
  line-height: 20px;
  font-size: 12px;
  color: #f01414;
}
.imv2-visibility_off:before {
  content: "\e8f5";
}
.vright {
  text-align: center;
  color: #b5b9bc;
  font-size: 12px;
  line-height: 50px;
}
.vright a {
  margin: 0 5px;
  color: #b5b9bc;
}
.moco-emoji {
  width: 18px;
  height: 18px;
  display: inline !important;
  margin: 0 !important;
}
.js-back {
  cursor: pointer;
}
.login-wrap .rl-modal {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  z-index: 0;
}
.rl-modal-header {
  position: relative;
  padding: 0 20px 25px;
}
.moco-btn-lg {
  padding: 11px 32px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 24px;
}
.moco-btn-red:link, .moco-btn-red:visited {
  color: #fff;
}
.sig-head {
  margin-top: 30px;
  height: 120px;
  text-align: center;
}
.sig-img {
  display: inline-block;
  width: 384px;
  height: 46px;
  background: url(/static/img/common/signlogo.png) no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 50px;
}
.rl-modal-header .active-title, .rl-modal-header span:hover {
  color: #0091ff;
}
.erweima, .pcLogin {
  background: url(/static/img/erweima.png) no-repeat 0 0;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  border-radius: 0 0 12px 0;
}
.forgot-send-result {
  text-align: center;
}
.forgot-modal {
  padding: 22px 32px 0;
}
.forgot-send-result .icon-send-success {
  width: 96px;
  height: 96px;
  line-height: 96px;
  border-radius: 50%;
  background: rgba(28, 31, 33, 0.1);
  display: inline-block;
  font-size: 64px;
  color: #1c1f21;
}
.forgot-send-result p {
  font-size: 16px;
  color: #1c1f21;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  padding: 16px 0 5px;
}
.forgot-send-result .get-info {
  font-size: 14px;
  color: #545c63;
  text-align: center;
  line-height: 22px;
}
.forgot-send-result .get-info a {
  color: #0091ff;
}
.forgot-title {
  padding: 22px 32px 0;
}
.forgot-title h2 {
  font-size: 20px;
  color: #1c1f21;
  line-height: 30px;
  font-weight: 700;
}
.forgot-title p {
  margin-bottom: 20px;
  font-size: 14px;
  color: #545c63;
  letter-spacing: 0;
  line-height: 22px;
}
.main_con .left_essay {
  width: 100%;
}
.main_video_con .left_essay {
  width: 100%;
}
.left_essay .part_essay {
  background: #fff;
  box-shadow: 0 8px 16px 8px rgba(7, 17, 27, 0.05);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 40px 40px 24px;
  position: relative;
}
.left_essay .part_essay .detail-path {
  font-size: 12px;
  color: #9199a1;
  line-height: 24px;
}
.left_essay .part_essay .detail-path .imooc {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.left_essay .part_essay .detail-path i {
  font-size: 20px;
  line-height: 16px;
  vertical-align: text-bottom;
}
.imv2-imooc:before {
  content: "\e915";
}
.left_essay .part_essay .detail-path a {
  color: #9199a1;
}
.left_essay .part_essay .detail-path a:hover {
  color: #0091ff !important;
}
.detail-content h1, .detail-content h2, .detail-content h3, .detail-content h4, .detail-content h5, .detail-content h6, .detail-title {
  font-family: SourceHanSerif-1dbbdc95ea1f2cf !important;
}
.left_essay .part_essay .detail-title-wrap .detail-title .d-t {
  font-weight: 700;
}
.left_essay .part_essay .detail-title-wrap .detail-title {
  font-size: 32px;
  color: #1c1f21;
  line-height: 40px;
  margin: 8px 0;
  word-wrap: break-word;
  word-break: break-all;
}
.left_essay .part_essay .detail-title-wrap .dc-profile .spacer {
  margin-right: 24px;
}
.left_essay .part_essay .detail-title-wrap .dc-profile span {
  vertical-align: middle;
}
.left_essay .part_essay .detail-title-wrap .dc-profile {
  font-size: 12px;
  color: #9199a1;
  line-height: 24px;
}
.left_essay .part_essay .detail-content-wrap {
  overflow: hidden;
  padding-top: 24px;
}
.left_essay .part_essay .detail-content-wrap .detail-content.long-content {
  overflow-y: hidden;
  position: relative;
}
.left_essay .part_essay .detail-content-wrap .detail-content {
  font-family: Open Sans,Helvetica Neue,Helvetica,Arial,STHeiti,Microsoft Yahei,sans-serif;
  font-size: 16px;
  line-height: 32px;
  word-wrap: break-word;
  color: #1c1f21;
  font-family: PingFang SC,微软雅黑,Microsoft YaHei,Helvetica,Helvetica Neue,Tahoma,Arial,sans-serif;
  line-height: 36px;
}
.left_essay .part_essay .detail-content-wrap .cat-box {
  margin-top: 24px;
  width: 100%;
  text-align: center;
}
.left_essay .part_essay .detail-content-wrap .cat-box .cat-wrap {
  display: inline-block;
}
.left_essay .part_essay .detail-content-wrap .cat-box .cat {
  display: inline-block;
  margin-right: 12px;
  padding: 4px 12px;
  background: rgba(84, 92, 99, 0.1);
  border-radius: 12px;
  font-size: 12px;
  color: #545c63;
  line-height: 16px;
}
.left_essay .part_essay .detail-content-wrap .cat-box .original {
  display: inline-block;
}
.left_essay .part_essay .detail-content-wrap .cat-box .original, .left_essay .part_essay .detail-content-wrap .cat-box p {
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  color: #9199a1;
  line-height: 18px;
}
.left_essay .part_essay .detail-content-wrap .detail-content p img {
  cursor: pointer;
  display: block;
  margin: 10px auto 14px;
  max-width: 100% !important;
  transform: none !important;
}
.left_essay .part_essay .detail-content-wrap .praise-box {
  position: relative;
  width: 100%;
  margin: 48px 0 0;
  text-align: center;
}
.left_essay .part_essay .detail-content-wrap .praise-box button {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 170, 0, 0.1);
  border: none;
  position: relative;
  display: block;
  margin: 0 auto;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.left_essay .part_essay .detail-content-wrap .praise-box button .imv2-thumb_up {
  line-height: 72px;
  position: relative;
  display: inline-block;
  font-size: 36px;
  color: #fa0;
  cursor: pointer;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.left_essay .part_essay .detail-content-wrap .praise-box .num-person {
  margin-top: 4px;
  font-size: 14px;
  color: #545c63;
  line-height: 22px;
  cursor: pointer;
}
address, caption, cite, code, dfn, em, optgroup, strong, th, var {
  font-style: normal;
  font-weight: 400;
}
#articleReply {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 899;
  margin-top: 24px;
  border-radius: 12px;
  display: none;
  box-shadow: 0 4px 8px 0 rgba(28, 31, 33, 0.1);
  line-height: 0;
}
#articleReply img {
  width: 100%;
  height: auto;
}
.df-title {
  margin: 24px 0 16px;
  font-weight: 700;
  color: #07111b;
  line-height: 24px;
  font-size: 16px;
}
.df-title span i {
  font-style: normal;
}
.detail-feedback-wrap {
  margin: 0 0 24px;
  background: #fff;
  border-radius: 12px;
  padding-bottom: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
}
.detail-feedback-wrap .df-ipt-wrap {
  padding: 28px 0;
  margin: 0 32px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(56, 61, 66, 0.1);
}
.detail-feedback-wrap .df-ipt-wrap .feeds-author {
  width: 48px;
  height: 48px;
  line-height: 48px;
  margin-right: 16px;
  text-align: center;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  color: #1c1f21;
}
.detail-feedback-wrap .df-ipt-wrap .fadeInput {
  width: 526px;
  height: 48px;
  padding: 12px 16px;
  box-sizing: border-box;
  background: #f3f5f6;
  border-radius: 6px;
  font-size: 16px;
  color: #9199a1;
  line-height: 24px;
}
.comment-box {
  background: #fff;
  padding: 28px 0;
  margin: 0 32px;
  border-bottom: 1px solid rgba(56, 61, 66, 0.1);
  width: inherit;
  position: relative;
  cursor: pointer;
}
.comment-box .feed-author {
  width: 48px;
  margin-right: 16px;
}
.comment-box .feed-author a img {
  border-radius: 50%;
  opacity: .8;
}
.comment-box .feed-author a .com-floor {
  font-size: 12px;
  color: #b7bbbf;
  line-height: 24px;
}
.comment-box .feed-author a {
  display: inline-block;
  text-align: center;
}
.feed-list-content .nick {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #07111b;
  line-height: 24px;
  font-weight: 700;
}
.feed-list-content p {
  font-size: 16px;
  color: #1c1f21;
  line-height: 28px;
  word-wrap: break-word;
}
.feed-list-content .comment-footer .agree-with {
  height: 32px;
  background: rgba(28, 31, 33, 0.08);
  border-radius: 16px;
  line-height: 32px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  padding: 0 16px;
  margin-right: 24px;
}
.feed-list-content .comment-footer .agree-with b {
  display: inline-block;
  margin-right: 5px;
  font-size: 16px;
  color: #545c63;
}
.feed-list-content .comment-footer .agree-with em {
  color: #545c63;
  font-size: 12px;
}
.feed-list-content .comment-footer .reply-btn, .feed-list-content .comment-footer .report-btn {
  float: left;
  font-size: 12px;
  color: #9199a1;
  line-height: 32px;
  cursor: pointer;
  margin-right: 24px;
}
.feed-list-content .comment-footer .report-btn {
  display: none;
}
.feed-list-content .comment-footer .feed-list-times {
  font-size: 12px;
  color: #9199a1;
  line-height: 32px;
  position: absolute;
  right: 0;
}
.feed-list-content .comment-footer {
  margin: 12px 0 0;
  line-height: 32px;
  position: relative;
}
.feed-list-content {
  word-break: break-all;
  color: #14191e;
  font-size: 16px;
  line-height: 36px;
  margin-left: 64px;
}
.reply-box {
  margin: 32px 0 0 64px;
}
.hide {
  display: none;
}
.release-reply {
  display: none;
  position: relative;
  margin-left: 64px;
  margin-top: 24px;
}
.release-reply .user-head {
  float: left;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 24px;
}
.release-reply .user-head img {
  display: block;
  height: 100%;
}
.release-reply .replay-con {
  width: 450px;
}
.release-reply .textarea-wrap {
  position: relative;
  border: 1px solid #d9dde1;
  border-radius: 4px;
  padding: 8px 12px;
  background: #fff;
  font-size: 14px;
  color: #93999f;
  line-height: 22px;
}
.release-reply textarea {
  width: 100%;
  min-height: 58px;
  resize: none;
}
.release-reply .errtip {
  height: 30px;
  font-size: 12px;
  color: #f01400;
  text-align: left;
  line-height: 20px;
}
.release-reply .reply-ctrl {
  position: relative;
}
.release-reply .reply-ctrl .captcha-verify-box {
  position: absolute;
  right: -134px;
  bottom: 80px;
  padding: 6px;
  width: 320px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #d0d6d9;
  z-index: 9;
}
.release-reply .reply-ctrl .btn-wrap {
  float: right;
  margin-bottom: 20px;
}
.release-reply .reply-ctrl .cancel-btn {
  color: #93999f;
  border: 1px solid #d9dde1;
  border-radius: 18px;
}
.release-reply .reply-ctrl .cancel-btn, .release-reply .reply-ctrl .release-reply-btn {
  display: inline-block;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  padding: 0 16px;
  text-align: center;
  cursor: pointer;
}
.release-reply .reply-ctrl .release-reply-btn {
  color: #fff;
  background: #0091ff;
  border-radius: 18px;
  margin-left: 12px;
}
.moreBtn {
  width: 656px;
  height: 200px;
  position: absolute;
  padding-top: 148px;
  box-sizing: border-box;
  left: -32px;
  bottom: -20px;
  text-align: center;
  font-size: 14px;
  color: #0091ff;
  line-height: 20px;
  background-image: linear-gradient(-180deg, rgba(248, 250, 252, 0) 0, #f8fafc 57%);
}
.left_essay .part_essay .detail-content-wrap .detail-content.long-content .showMore {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 56px;
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  background: #fff;
  box-shadow: 0 -10px 120px 54px #fff;
  border-bottom: 1px solid rgba(28, 31, 33, 0.1);
}
.left_essay .part_essay .detail-content-wrap .detail-content.long-content .showMore span {
  cursor: pointer;
  color: #0091ff;
  display: block;
  margin-top: 10px;
}
.main_con {
  position: relative;
  width: 1200px;
  margin: 32px auto 0;
}
.main_video_con {
  position: relative;
  width: 1200px;
  margin: 20px auto 0;
}
.active-box {
  position: fixed;
  top: 190px;
  left: 50%;
  margin-left: -546px;
  z-index: 88;
}
.active-box, .share-wrap {
  text-align: center;
}
body ol, body ul {
  margin: 0;
  padding: 0;
}
.active-box .small-share .weichat-posi {
  height: auto;
  padding-left: 0;
}
.active-box .weichat-posi {
  width: 36px;
  height: 262px;
}
.share-wrap .weichat-posi {
  position: relative;
  padding-left: 5px;
}
.small-share li {
  width: auto;
  padding: 0 2px;
}
.share-wrap li {
  display: inline-block;
  width: 112px;
  padding: 0 36px;
}
.active-box .small-share .weichat-posi .praise-box button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 170, 0, 0.1);
  border: none;
  position: relative;
  display: block;
  margin: 0 auto;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.active-box .small-share .weichat-posi .praise-box {
  position: relative;
  width: 100%;
  left: -2px;
  text-align: center;
  padding-bottom: 12px;
}
.active-box .small-share .weichat-posi .praise-box button .imv2-thumb_up {
  line-height: 24px;
  position: relative;
  display: inline-block;
  font-size: 24px;
  color: #fa0;
  cursor: pointer;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.imv2-thumb_up:before {
  content: "\e8dc";
}
.active-box .icon-warp {
  padding-bottom: 12px;
}
.active-box .weichat-posi span {
  font-size: 12px;
  color: #9199a1;
  line-height: 18px;
}
.active-box .small-share .weichat-posi .line {
  width: 24px;
  height: 1px;
  margin: 4px auto 8px;
  background: rgba(28, 31, 33, 0.1);
}
.small-share .weichat-style {
  float: left;
}
.share-wrap .weichat-style {
  text-align: center;
}
.active-box .sharetext {
  margin-bottom: 8px;
  font-size: 12px;
  color: #9199a1;
}
.active-box .icon-warp2 {
  width: 36px;
  padding-bottom: 16px;
  position: relative;
}
.active-box .small-share .weichat-posi .icon-nav {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #b2b8bd;
  line-height: 24px;
  border-radius: 50%;
}
.nodata a {
  color: #f01400;
}
.centerlist {
  width: 960px;
}
.bannerBox {
  width: 100%;
  margin-bottom: 16px;
}
.bannerBox .leftImg {
  width: 74%;
  position: relative;
  border-radius: 12px 0 0 12px;
  overflow: hidden;
}
.bannerBox .rightImg {
  width: 25%;
}
.bannerBox .leftImg img {
  width: 100%;
  height: 100%;
}
.bannerBox .leftImg .bannerDescription {
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  padding: 24px 16px 12px;
  background-image: linear-gradient(-180deg, rgba(28, 31, 33, 0) 0, #1c1f21 100%);
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bannerBox .rightImg .topImg {
  position: relative;
  width: 100%;
  border-radius: 0 12px 0 0;
  overflow: hidden;
  margin-bottom: 15px;
}
.bannerBox .rightImg .topImg img {
  width: 100%;
  height: 100%;
  border-radius: 0 12px 0 0;
}
.bannerBox .rightImg .topImg .bannerDescription2 span {
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
.bannerBox .rightImg .topImg .bannerDescription2 {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  padding: 8px 12px;
  background-image: linear-gradient(-180deg, transparent 0, #000 100%);
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bannerBox .rightImg .bottomImg {
  position: relative;
  width: 100%;
  border-radius: 0 0 12px 0;
  overflow: hidden;
}
.bannerBox .rightImg .bottomImg img {
  width: 100%;
  height: 100%;
}
.bannerBox .rightImg .bottomImg .bannerDescription2 span {
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.bannerBox .rightImg .bottomImg .bannerDescription2 {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  padding: 8px 12px;
  background-image: linear-gradient(-180deg, transparent 0, #000 100%);
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.centerlist .padding-block {
  padding: 5px 0;
}
.article-lwrap, .centerlist .articleCon {
  background: #fff;
}
.article-lwrap {
  width: 100%;
  height: 80px;
  padding: 0 4px;
  box-sizing: border-box;
  margin-bottom: 0;
  box-shadow: unset;
  border-radius: 0;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.article-lwrap .imgCon {
  width: 108px;
  height: 70px;
  border-radius: 8px;
  margin: 8px 16px 6px;
}
.article-lwrap .imgCon img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.article-lwrap .list-content {
  width: 800px;
  height: 83px;
  padding-top: 10px;
  border-bottom: 1px solid rgba(28, 31, 33, 0.1);
  position: relative;
}
.article-lwrap .list-content .title p {
  margin-bottom: 4px;
  font-size: 16px;
  color: #1c1f21;
  line-height: 30px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-lwrap:hover .list-content .title p {
  color: #0091ff;
}
.article-lwrap .list-content .collect, .article-lwrap .list-content .title p {
  font-weight: 700;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.article-lwrap .list-content .collect {
  position: absolute;
  top: 14px;
  right: 0;
  font-size: 14px;
  color: #0091ff;
  text-align: right;
  line-height: 24px;
  opacity: 0;
  cursor: pointer;
}
.article-lwrap .list-content .list-bottom {
  width: 100%;
  height: 24px;
}
.article-lwrap .list-content .list-bottom .createTime {
  font-size: 12px;
  color: #9199a1;
  line-height: 18px;
  padding-top: 3px;
}
.article-lwrap .list-content .list-bottom .label {
  margin-right: 16px;
}
.article-lwrap .list-content .list-bottom .browseNum i {
  padding-right: 4px;
  font-size: 12px;
}
.article-lwrap .list-content .list-bottom .browseNum {
  margin-right: 16px;
  font-size: 12px;
  color: #9199a1;
  line-height: 18px;
  padding-top: 3px;
}
.article-lwrap .list-content .list-bottom .labels-area {
  max-width: 460px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-lwrap .list-content .list-bottom .nickName {
  margin-right: 16px;
  font-size: 12px;
  color: #9199a1;
  line-height: 18px;
  cursor: pointer;
  padding-top: 3px;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.article-lwrap .list-content .list-bottom .skill {
  padding-top: 3px;
  white-space: nowrap;
  vertical-align: middle;
}
.article-lwrap .list-content .list-bottom .skill a {
  color: #9199a1;
}
.article-lwrap .list-content .list-bottom .skill a span {
  font-size: 12px;
  color: #9199a1;
  line-height: 18px;
  padding-top: 3px;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.feed-loading {
  display: none;
  border-radius: 8px;
  font-size: 12px;
  color: #9199a1;
  text-align: center;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
  padding-left: 300px;
}
.feed-loading i {
  margin-right: 5px;
  font-size: 16px;
  color: #93999f;
  line-height: 50px;
  animation: spin 1s linear infinite;
}
.feed-loading i, .feed-loading span {
  float: left;
  height: 50px;
}
.article.container {
  margin: 0 auto;
  padding-top: 12px;
}
.article.container .centerlist {
  position: relative;
}
.left_menu {
  width: 104px;
  margin-right: 24px;
  text-align: center;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px 0 rgba(28, 31, 33, 0.1);
}
.left_menu .m_item.active {
  background: rgba(51, 119, 255, 0.1);
  font-weight: 700;
}
.left_menu .m_item:first-child {
  margin-top: 8px;
}
.left_menu .m_item {
  width: 88px;
  line-height: 20px;
  border-radius: 6px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 8px 0;
  font-size: 14px;
  position: relative;
  margin-bottom: 8px;
}
.left_menu .m_item.active a.url, .left_menu .m_item.active i {
  color: #0091ff;
}
.left_menu .m_item a.url {
  display: inline-block;
  width: 74px;
  line-height: 20px;
  color: #1c1f21;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
:link, :visited, ins {
  text-decoration: none;
}
a, button, input {
  outline: 0;
}
.left_menu .m_item:hover a.url, .left_menu .m_item:hover i {
  color: #0091ff;
}
.main {
  padding: 0;
}
.bd_weixin_popup {
  position: absolute;
  left: 50%;
  top: 40%;
  padding: 10px;
  width: 280px !important;
  height: 340px !important;
  margin-left: -309px;
  margin-right: -200px;
  background: #fff;
  border: 1px solid #d8d8d8;
  z-index: 11001;
  font-size: 12px;
}
.bd_weixin_popup .bd_weixin_popup_head {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  line-height: 16px;
  height: 16px;
  position: relative;
  color: #000;
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
  text-decoration: none;
  font-size: 16px;
}
.bd_weixin_popup .bd_weixin_popup_main {
  padding: 15px 10px;
  min-height: 150px;
}
.bd_weixin_popup .bd_weixin_popup_foot {
  font-size: 12px;
  text-align: left;
  line-height: 22px;
  color: #666;
}
.course-infos {
  position: relative;
  background-color: #172a34;
}
.course-infos .w {
  height: 200px;
}
.pr {
  position: relative;
}
.course-infos .path {
  position: relative;
  z-index: 1;
  padding-top: 16px;
  padding-bottom: 24px;
  line-height: 24px;
  font-size: 12px;
  opacity: 1;
}
.course-infos .path, .course-infos .path a {
  color: rgba(255, 255, 255, 0.5);
}
.path .path-split {
  margin: 0 8px;
  font-style: normal;
}
.course-infos .path span {
  color: rgba(255, 255, 255, 0.5);
}
.course-infos .hd {
  clear: both;
}
.course-infos h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  line-height: 48px;
  font-size: 32px;
  color: #fff;
}
.course-infos .statics {
  color: #fff;
  font-size: 0;
  position: relative;
  z-index: 3;
  margin-right: 320px;
}
.course-infos .statics .teacher-info {
  position: relative;
  padding-left: 56px;
  padding-right: 60px;
  line-height: 12px;
  font-size: 12px;
}
.course-infos .statics .teacher-info img {
  float: left;
  margin-left: -56px;
  width: 48px;
  height: 48px;
  border-radius: 100%;
}
.course-infos .statics .teacher-info .tit {
  display: block;
  margin-top: 3px;
}
.course-infos .statics .teacher-info .tit a {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: #fff;
}
.course-infos .statics .teacher-info .icon-imooc {
  color: #f01400;
  font-size: 16px;
  margin: 0 0 0 8px;
  vertical-align: -2px;
}
.course-infos .statics .teacher-info .job {
  font-size: 12px;
  line-height: 18px;
}
.course-infos .statics .static-item {
  display: inline-block;
  position: relative;
  margin-right: 16px;
  font-size: 12px;
  top: 15px;
}
.course-infos .statics .static-item .meta {
  padding-right: 8px;
  line-height: 12px;
  font-size: 12px;
  font-weight: 700;
}
.course-infos .extra {
  position: absolute;
  right: 0;
  top: 24px;
  z-index: 1;
}
.bdshare-button-style0-16 {
  zoom: 1;
}
.course-infos .extra .share {
  display: inline-block;
  float: none;
  cursor: pointer;
  padding: 0;
  line-height: normal;
  margin: 0 12px;
  width: auto;
  height: auto;
  vertical-align: middle;
  background-image: none;
  font-size: 24px;
  background-repeat: no-repeat;
  color: rgba(255, 255, 255, 0.6);
}
.course-infos .extra .share span {
  margin-top: 2px;
  margin-left: 5px;
  font-size: 12px;
  line-height: 24px;
  float: right;
}
.course-infos .info-bg, .course-infos .info-bg .cover-canvas, .course-infos .info-bg .cover-img-wrap, .course-infos .info-bg .cover-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.course-infos .info-bg {
  overflow: hidden;
  z-index: 0;
}
.course-infos .statics .static-item .score-wrap {
  display: none;
  position: absolute;
  top: -120px;
  left: 0;
  color: #fff;
  z-index: 1;
}
.course-infos .statics .static-item .score-wrap .score-box {
  width: 192px;
  padding: 16px 20px;
  background: #fff;
  color: #545c63;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
  border-radius: 8px;
}
.course-infos .statics .static-item .score-wrap .score-box .person-num {
  font-size: 14px;
  color: #545c63;
}
.course-infos .statics .static-item .score-wrap .score-box .evaluation-btn {
  font-size: 12px;
  color: #fa0;
  cursor: pointer;
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box {
  margin-top: 30px;
  clear: both;
}
.course-infos .statics .static-item .score-wrap .score-box .icon-drop_down {
  width: 100%;
  position: absolute;
  font-size: 50px;
  top: 84px;
  color: #fff;
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item .meta-value {
  color: #1c1f21;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  opacity: 1;
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item span {
  display: block;
  margin-top: 0;
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item .meta {
  margin-top: 10px;
  padding-right: 0;
  font-size: 12px;
  color: #545c63;
  font-weight: 200;
}
.course-info-menu {
  height: 68px;
  line-height: 68px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(28, 31, 33, 0.1);
}
.course-info-menu .w {
  position: relative;
}
.course-info-menu .course-menu li {
  float: left;
  text-align: center;
  position: relative;
}
.course-info-menu .course-menu a {
  margin-right: 80px;
  padding: 0;
}
.moco-change-big-btn.active {
  position: relative;
  color: #0091ff !important;
  cursor: default;
}
.moco-change-big-btn:hover {
  color: #0091ff;
}
.moco-change-big-btn {
  display: inline-block;
  padding: 0 16px;
  font-size: 16px;
  color: #545c63;
  line-height: 37px;
  font-weight: 700;
  cursor: pointer;
}
.moco-change-big-btn.active:after {
  margin: 0 auto;
  content: '';
  display: block;
  width: 16px;
  border-radius: 2px;
  height: 3px;
  background: #0091ff;
}
.course-info-menu .course-menu li span {
  position: absolute;
  font-size: 12px;
  font-weight: 200;
  color: #9199a1;
  line-height: 18px;
  top: 10px;
  left: 64px;
}
.nodata {
  padding-top: 150px;
}
.nodata p {
  font-size: 16px;
  color: #9199a1;
  text-align: center;
  line-height: 24px;
  margin-bottom: 4px;
}
.nodata p i {
  font-size: 48px;
  color: #b2b8bd;
  line-height: 48px;
}
.course-info-menu .course-menu1 li {
  float: left;
  text-align: center;
  position: relative;
}
.course-info-menu .course-menu1 a {
  margin-right: 80px;
  padding: 0;
}
.course-info-menu .course-menu1 li span {
  position: absolute;
  font-size: 12px;
  font-weight: 200;
  color: #9199a1;
  line-height: 18px;
  top: 10px;
  left: 64px;
}
.evaluate {
  margin-bottom: 8px;
  padding: 24px 32px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
  border-radius: 12px;
}
.evaluate .evaluate-item {
  padding: 10px 0 15px;
}
.evaluate .evaluate-item .evaluate-title {
  float: left;
  width: 64px;
  font-weight: 700;
  line-height: 22px;
}
.evaluate .evaluate-item li {
  float: left;
  margin-right: 45px;
}
.evaluate .evaluate-item li h3 {
  line-height: 20px;
  font-size: 12px;
  color: #4d555d;
  text-align: left;
}
.evaluate .evaluate-item li .star-box, .evaluate .evaluate-item li h3 {
  display: inline-block;
  height: 20px;
}
.star-box.js-star {
  cursor: pointer;
  position: relative;
  overflow: visible;
}
.star-box i.active {
  color: #ffb200;
}
.moco-label {
  padding: 4px 12px;
  font-size: 12px;
  color: #545c63;
  line-height: 16px;
  background: rgba(84, 92, 99, 0.1);
  border-radius: 12px;
  cursor: pointer;
}
.evaluate .user-head {
  display: inline-block;
  width: 64px;
  overflow: hidden;
  text-align: left;
}
.evaluate .user-head img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.evaluate .textarea-box {
  margin-left: 64px;
  position: relative;
  padding: 8px 10px;
  border: 1px solid rgba(51, 51, 51, 0.4);
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
}
.evaluate .textarea-box textarea {
  display: block;
  width: 100%;
  height: 82px;
  resize: none;
}
.evaluate .textarea-box .num-tip {
  position: absolute;
  right: 10px;
  bottom: 6px;
  font-size: 12px;
  color: #b5b9bc;
  line-height: 20px;
}
.evaluate-succ {
  height: 100px;
  background-color: #f6f6f6;
  color: #787d82;
  font-size: 14px;
  text-align: center;
  line-height: 100px;
}
.evaluate-succ i {
  position: relative;
  top: 4px;
  color: #07b540;
  font-size: 20px;
  margin-right: 10px;
}
.evaluation-list {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}
.evaluation-list .evaluation-con {
  position: relative;
  padding-left: 64px;
}
.evaluation-list .evaluation-con .img-box {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f01400;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.evaluation-list .evaluation-con .img-box img {
  display: block;
  height: 100%;
}
.evaluation-list .evaluation-con .content-box .user-info .username {
  float: left;
  margin-right: 10px;
  color: #787d82;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
  font-weight: 700;
}
.evaluation-list .evaluation-con .content-box .user-info .star-box {
  float: right;
}
.evaluation-list .evaluation-con .content-box .info {
  margin-top: 10px;
  color: #b5b9bc;
  font-size: 12px;
  line-height: 20px;
}
.evaluation-list .do-reply {
  margin-top: 30px;
  margin-left: 64px;
}
.evaluation-list .do-reply .textarea-box {
  position: relative;
  margin-left: 0;
}
.evaluation-list .do-reply .textarea-box textarea {
  display: block;
  width: 100%;
  height: 62px;
  resize: none;
}
.evaluation-list .do-reply .ctrl {
  margin-top: 20px;
}
.evaluation-list .do-reply .ctrl p.errtip {
  float: left;
  color: #f01400;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
}
.evaluation-list .do-reply .ctrl .btn-box {
  float: right;
}
.course-info-main {
  margin-bottom: 40px;
}
.w {
  max-width: 1152px;
  margin: 0 auto;
}
.course-info-main .content-wrap {
  padding-right: 352px;
  margin-bottom: 29px;
  overflow: visible;
}
.course-info-main .content {
  float: left;
  padding-top: 36px;
  width: 100%;
  word-break: break-all;
}
.course-info-main .content-wrap .course-wrap img {
  vertical-align: bottom;
  max-width: 100%;
}
.course-description {
  line-height: 28px;
}
.course-chapters .chapter h3 {
  color: #1c1f21;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.course-chapters .chapter .chapter-description {
  margin-top: 2px;
  font-size: 12px;
  color: #545c63;
  line-height: 18px;
}
.course-chapters .chapter .video {
  padding-top: 10px;
}
.course-chapters .chapter .video li {
  position: relative;
  padding-left: 12px;
  height: 48px;
  line-height: 48px;
  list-style: none;
}
.course-chapters .chapter .video li:hover {
  background: rgba(13, 105, 242, 0.13);
  border-radius: 4px;
  color: #0091ff;
}
.course-chapters .chapter .video li:hover .laststudy {
  color: #f20d0d;
}
.course-chapters .chapter .video li:last-child {
  border: none;
}
.course-chapters .chapter .video li .done, .course-chapters .chapter .video li .ing {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -9px;
  font-size: 16px;
  color: #00b43c;
}
.course-chapters .chapter .video li .start {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -9px;
  font-size: 16px;
  color: #d9dde1;
}
.course-chapters .chapter .video li a {
  color: #1c1f21;
  display: block;
  overflow: hidden;
  word-break: break-all;
  width: 100%;
}
.course-chapters .chapter .video li a .imv2-tick {
  color: #0091ff !important;
}
.course-chapters .chapter .video li a .type {
  font-size: 24px;
  color: #0091ff;
  line-height: 24px;
  position: relative;
  top: 11px;
  margin-right: 4px;
}
.course-chapters .chapter .video li a .type {
  color: #ddd;
}
.course-chapters .chapter .video li.unclick a .type {
  color: #ddd;
}
.course-chapters .chapter .video li a .preview-btn {
  margin: 12px;
  height: 24px;
  padding: 0 12px;
  font-size: 12px;
}
.course-chapters .chapter .video li a:hover, .course-chapters .chapter .video li a:hover i {
  color: #0091ff !important;
}
.course-chapters .chapter .video li a:hover .preview-btn {
  display: block;
}
.course-chapters .chapter .video li a.practise, .course-chapters .chapter .video li a.programme, .course-chapters .chapter .video li a.studyvideo {
  background: url(/static/img/learnicon.png?v3.1) no-repeat 0 -121px;
}
.course-chapters .chapter .video li a.practise {
  background-position: 0 -157px;
}
.course-chapters .chapter .video li a.programme {
  background-position: 0 -194px;
}
.course-chapters .chapter .video li a .course-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 460px;
  display: block;
  float: left;
  margin-right: 2px;
}
.imv2-code_circle:before {
  content: "\e94b";
}
.course-info-main .aside {
  margin-top: -148px;
  margin-right: -352px;
  width: 320px;
  position: relative;
  z-index: 2;
}
.course-aside-info {
  margin-bottom: 32px;
  min-height: 150px;
}
.course-wrap {
  margin-bottom: 8px;
  padding: 24px 32px 32px;
  background: #fff;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.1);
  border-radius: 12px;
}
.moco-btn-red:link, .moco-btn-red:visited {
  color: #fff;
}
.course-info-main .aside .course-info-tip {
  padding-top: 24px;
}
.course-info-main .aside .course-info-tip dl.first {
  margin-bottom: 24px;
}
.autowrap {
  word-wrap: break-word;
  word-break: break-all;
}
.course-info-main .aside .course-info-tip dt {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 14px;
}
.course-info-main .aside .course-info-tip dd {
  font-size: 12px;
  line-height: 24px;
  color: #545c63;
  white-space: pre-line;
}
#coursechapterlistRight {
  max-height: 160px;
  min-height: 60px;
  width: 100%;
  overflow: hidden;
  margin: -8px 0 24px;
  cursor: pointer;
  position: relative;
  z-index: 899;
  display: none;
  line-height: 0;
  border-radius: 12px;
}
#coursechapterlistRight img {
  width: 100%;
}
.mb40 {
  margin-bottom: 40px;
}
.recom-course-list-box h4 {
  margin-bottom: 12px;
}
.moco-aside-course li .aside-course-img .aside-course-type {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  padding: 2px 4px;
  background: #1c1f21;
  border-radius: 6px 0 6px 0;
}
.moco-aside-course li .aside-course-content .aside-course-price {
  font-weight: 700;
}
.imv2-dot_samll:before {
  content: "\e94c";
}
.all-attention-box h4 {
  margin-bottom: 12px;
}
.all-attention .style4 {
  color: #fff;
  background: rgba(255, 51, 0, 0.5);
}
.all-attention a {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 16px;
}
.all-attention .style3 {
  color: #f60;
  background: rgba(255, 102, 0, 0.1);
}
.all-attention .style2 {
  color: #fff;
  background: rgba(255, 153, 0, 0.5);
}
.all-attention .style1 {
  color: #f30;
  background: rgba(255, 51, 0, 0.1);
}
.all-attention .style5 {
  color: #f90;
  background: rgba(255, 153, 0, 0.1);
}
.recom-course-list-box {
  box-sizing: border-box;
}
.course-info-main .aside h4 {
  font-weight: 700;
  font-size: 14px;
}
.moco-aside-course {
  background: #f8fafc;
}
.moco-aside-course li {
  margin-bottom: 8px;
}
.moco-aside-course li .aside-course-img {
  float: left;
  overflow: hidden;
  position: relative;
}
.moco-aside-course li .aside-course-img, .moco-aside-course li .aside-course-img img {
  width: 80px;
  height: 60px;
  border-radius: 6px;
}
.moco-aside-course li .aside-course-content a.aside-course-name {
  padding-top: 8px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  margin-bottom: 4px;
  cursor: pointer;
  color: #545c63;
  background: #f8fafc;
  transition: all .3s;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moco-aside-course li .aside-course-content .aside-course-dot, .moco-aside-course li .aside-course-content .aside-course-grade, .moco-aside-course li .aside-course-content .aside-course-people, .moco-aside-course li .aside-course-content .aside-course-price {
  float: left;
}
.moco-aside-course li .aside-course-content .aside-course-dot {
  margin-left: 1px;
  margin-right: 1px;
}
.moco-aside-course li .aside-course-content {
  margin-left: 96px;
  height: 67px;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  color: #545c63;
  line-height: 18px;
  border-bottom: 1px solid rgba(43, 51, 59, 0.1);
}
.course-info-main .aside .buy a, .course-info-main .aside .learn-btn a {
  display: block;
}
.moco-btn, .moco-btn-red1 {
  cursor: pointer;
  -weibkit-transition: all .3s;
  transition: all .3s;
  opacity: 1;
}
.container {
  width: 1200px;
  margin: 0 auto;
}
.course-tool-bar {
  position: relative;
  padding-top: 26px;
  padding-bottom: 16px;
  overflow: hidden;
  height: 14px !important;
  margin-top: -1px;
  padding-right: 15px;
  font-size: 12px;
}
.course-tool-bar .tool-right {
  margin-top: -5px;
  color: #787d82;
}
.moco-change-smalle-btn.active {
  color: #fff;
  background: #9199a1;
  cursor: default;
}
.moco-change-smalle-btn {
  padding: 4px 12px;
  font-size: 12px;
  color: #545c63;
  line-height: 16px;
  background: #fff;
  border-radius: 12px;
  cursor: pointer;
}
.course-tool-bar .tool-item {
  display: inline-block;
  line-height: 20px;
  margin: 0 8px;
  vertical-align: middle;
}
.moco-course-list {
  margin: 0 0 0 0px;
}
.course-card-container {
  width: 23%;
  height: 256px;
  position: relative;
  transition: .3s all linear;
  float: left;
  margin: 0 0 18px 18px;
  z-index: 0;
  background-color: #FFFFFF;
  border-radius: 8px;
}
.course-card-container-live {
  height: 296px;
}
.course-card-container .course-card-top {
  width: 100%;
  position: relative;
  border-radius: 8px;
  transition: all .3s;
  overflow: hidden;
}
.course-card-container .course-card-top .course-banner {
  width: 100%;
  min-height: 154px;
  background-color: #f3f5f7;
  border-radius: 8px;
}
.course-card-container .course-card-top .course-label {
  position: absolute;
  bottom: 6px;
  left: 8px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
}
.course-card-container .course-card-top .course-label label {
  display: inline-block;
  background: rgba(28, 31, 33, 0.6);
  border-radius: 4px;
  padding: 4px 8px;
  margin-right: 4px;
  margin-bottom: 2px;
  margin-right: 0;
  font-weight: 200;
}
.course-card-container .course-card-content {
  padding: 8px;
}
.course-card-container .course-card-content .course-card-name {
  font-size: 16px;
  color: #07111b;
  line-height: 24px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all .3s;
  font-weight: 700;
  height: 28px;
}
.course-card-container:hover .course-card-content .course-card-name {
  color: #0091ff;
}
.course-card-container .course-stat.hot {
  background-color: #f02930;
  background-image: linear-gradient(90deg, #f68688 0, #f02930 100%);
}
.course-card-container .course-stat.upgrade {
  background-color: #9447eb;
  background-image: linear-gradient(90deg, #bd89f8 6%, #9447eb 93%);
}
.course-card-container .course-stat.new {
  background-color: #fa0;
  background-image: linear-gradient(90deg, #fa0 17%, #f76b1c 100%);
}
.course-card-container .course-stat {
  position: absolute;
  top: 8px;
  left: -8px;
  z-index: 4;
  padding: 0 8px;
  border: 2px solid #fff;
  border-radius: 12px;
  color: #fff;
  font-size: 12px;
  font-family: dincondm;
  line-height: 20px;
}
.course-card-container .course-card-content .course-card-info {
  font-size: 14px;
  color: #93999f;
  line-height: 24px;
  margin-top: 10px;
  font-weight: 400;
}
.course-card-container .course-card-content .course-card-info span {
  display: inline-block;
  margin-right: 12px;
}
.course-card-container .course-card-content .course-card-desc {
  font-size: 12px;
  font-weight: 300;
  color: #9199a1;
  line-height: 18px;
  margin-top: 4px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 36px;
}
.course-card-price .price-box {
  line-height: 24px;
}
.course-card-price .price-box .cost-price, .course-card-price .price-box .price {
  color: #4d555d;
  margin-right: 8px;
  font-size: 12px;
  line-height: 24px;
}
.course-card-price .price-box .collect {
  float: right;
  color: #b7bbbf;
}
.course-card-price .price-box .collect i {
  font-size: 16px;
  line-height: 24px;
  float: left;
}
.course-card-price .price-box .collect > span {
  font-size: 12px;
  line-height: 24px;
  margin-left: 2px;
  float: left;
}
.course-card-price .sales-tip, .page a {
  display: inline-block;
  padding: 0 4px;
  text-align: center;
}
.course-card-price .sales-tip {
  box-sizing: border-box;
  background: rgba(242, 13, 13, 0.6);
  border-radius: 4px;
  color: #fff;
  position: relative;
}
.wrap {
  width: 100%;
  background-color: #fff;
  padding-bottom: 12px;
}
.wrap .top {
  max-width: 1200px;
  margin: auto;
}
.wrap .top .course-top {
  padding-top: 20px;
  clear: both;
  border-bottom: 1px solid rgba(28, 31, 33, 0.2);
}
.wrap .top .course-top .top-header {
  float: left;
}
#courseIndexBanner {
  max-width: 240px;
  min-width: 60px;
  height: 60px;
  margin-left: 16px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 899;
  display: none;
  float: left;
  line-height: 0;
}
#courseIndexBanner img {
  height: 60px;
}
.wrap .top .course-top .course-top-search {
  position: relative;
  float: right;
  width: 520px;
  margin: 8px 0;
}
.wrap .top .course-top .course-top-search .search-area {
  float: right;
  padding-right: 40px;
  margin: 12px 0;
  width: 466px;
  height: 36px;
  line-height: 36px;
  background: #f3f5f6;
  border-radius: 8px;
  border: 0;
  position: relative;
}
.wrap .top .course-top .course-top-search .search-area .search-input {
  width: 100%;
  padding: 0 16px;
  color: #1c1f21;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.search-area .btn_search {
  float: left;
  cursor: pointer;
  width: 30px;
  height: 38px;
  text-align: center;
  transition: background-color .3s;
}
.wrap .top .course-top .course-top-search .search-area .search-area-result {
  top: 40px;
  width: 100%;
}
.search-area .search-area-result {
  position: absolute;
  left: 0;
  top: 57px;
  width: 300px;
  margin-bottom: 20px;
  border-top: none;
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
  font-size: 12px;
  overflow: hidden;
  display: none;
  z-index: 800;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.wrap .top .course-top .course-top-search .showhide-search {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #9199a1;
  text-align: right;
  position: absolute;
  display: inline-block;
  right: 16px;
  bottom: 18px;
  cursor: pointer;
}
.wrap .top .course-top .course-top-search .showhide-search .icon-search {
  float: left;
}
.course-content {
  float: none;
  width: 100%;
  box-shadow: none;
}
.course-nav-row {
  position: relative;
  padding: 16px 0 5px;
  border-bottom: 1px solid #edf1f2;
}
.course-nav-row .hd {
  width: 52px;
  height: 20px;
  line-height: 30px;
  font-weight: 700;
  font-size: 14px;
  color: #07111b;
  text-align: left;
}
.course-nav-row .bd {
  margin-left: 50px;
}
.course-nav-item {
  display: inline-block;
  margin: 0 4px;
}
.course-nav-item.on a {
  background: #e9f3fd;
  border-radius: 6px;
  font-weight: 700;
  color: #0091ff;
}
.course-nav-item a {
  display: block;
  line-height: 14px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 14px;
}
.course-nav-item a:hover {
  color: #0091ff;
}
.course-nav-skills {
  max-height: 132px;
}
.course-nav-skills .bd {
  max-height: 132px;
  overflow: hidden;
}
.course-skills-box {
  top: -14px;
  margin: 0 -10px;
  padding: 16px 9px;
  background: #fff;
  border-radius: 8px;
}
.course-skills-box:hover {
  top: -17px;
  margin: 0 -10px;
  padding: 16px 9px;
  background: #fff;
  border: 1px solid rgba(28, 31, 33, 0.1);
  box-shadow: 0 8px 16px 0 rgba(28, 31, 33, 0.2);
  border-radius: 8px;
}
.course-skills-box:hover .bd {
  max-height: 100%;
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-name: skillIn;
}
.course-skills-box {
  position: relative;
  z-index: 1;
}
#main {
  padding-top: 0 !important;
  padding: 20px 0;
  min-height: calc(100% - 140px);
}
#help-title {
  width: 100%;
  height: 115px;
  background: url(/static/img/help/help-bg.png) no-repeat;
  background-size: cover;
  background-position: top center;
}
#help-title .wrap {
  padding-top: 33px;
  background-color: transparent;
  padding-bottom: 0;
  box-shadow: 0 0px 0px 0 rgba(28, 31, 33, 0.1);
}
#help-title .wrap h2 {
  font-size: 32px;
  color: #fff;
  line-height: 48px;
  margin: 0 auto 33px;
  text-align: center;
}
.help-layout {
  width: 1152px;
  margin: 24px auto;
}
.help-layout .help-aside {
  width: 200px;
  float: left;
  display: inline-block;
}
.help-layout .help-aside .title {
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 12px;
}
.help-layout .help-aside .class-box .menus.active {
  display: block;
}
.help-layout .help-aside .class-box .class-title {
  width: 200px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  font-size: 14px;
  color: #1c1f21;
  font-weight: 700;
}
.help-layout .help-aside .class-box .class-title span {
  display: inline-block;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.help-layout .help-aside .class-box .class-title i {
  font-size: 20px;
  color: #9199a1;
  line-height: 32px;
  float: right;
  display: none;
}
.help-layout .help-aside .class-box .class-title i.active {
  display: inline-block;
}
.help-layout .help-aside .class-box .menus li {
  width: 200px;
  height: 32px;
  box-sizing: border-box;
  margin-top: 4px;
  cursor: pointer;
  position: relative;
}
.help-layout .help-aside .class-box .menus li.active {
  background: rgba(28, 31, 33, 0.06);
  border-radius: 6px;
}
.help-layout .help-aside .class-box .menus li a {
  font-size: 14px;
  color: #545c63;
  display: inline-block;
  padding-left: 23.5px;
  width: 200px;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.help-layout .help-aside .class-box .menus li.active a {
  color: #1c1f21;
}
.help-layout .help-main {
  width: 928px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  display: inline-block;
  padding: 36px 32px;
  box-sizing: border-box;
  min-height: 700px;
  float: right;
}
.help-layout .help-main .breadcrumb {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
}
.help-layout .help-main .breadcrumb span {
  font-size: 14px;
  color: #9199a1;
  line-height: 22px;
}
.help-detail .detail-content {
  color: #14191e;
  line-height: 1.76em;
  font-size: 14px;
  font-family: Microsoft Yahei,Hiragino Sans GB,Helvetica,Helvetica Neue,微软雅黑,Tahoma,Arial,sans-serif;
  word-break: break-all;
  white-space: normal;
}
.help-detail .feedback h5 {
  margin-top: 24px;
  font-size: 16px;
  color: #1c1f21;
  line-height: 24px;
}
.help-detail .feedback h5 span.yes {
  margin-left: 32px;
  cursor: pointer;
}
.help-detail .feedback h5 span {
  font-size: 14px;
  color: #9199a1;
  line-height: 22px;
}
.types-content .course-card-container {
  width: 270px;
  height: 238px;
  position: relative;
  transition: .3s all linear;
}
.types-content .course-card-container .course-card-top.hashadow {
  overflow: hidden;
}
.types-content .course-card-container .course-card-top {
  width: 270px;
  height: 148px;
  position: relative;
  border-radius: 8px;
  transition: all .3s;
}
.types-content .course-card-container .course-card-top .course-banner {
  width: 100%;
  height: 100%;
  background-color: #f3f5f7;
  border-radius: 8px;
}
.course-card-container .course-card-top .course-banner {
  transition: .8s;
  -webkit-transition: .8s;
}
.course-card-container:hover .course-card-top .course-banner {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.course-card-container:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.types-content .course-card-container .course-card-top .course-label {
  position: absolute;
  bottom: 6px;
  left: 8px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
}
.types-content .course-card-container .course-card-top .course-label label {
  display: inline-block;
  background: rgba(28, 31, 33, 0.6);
  border-radius: 4px;
  padding: 4px 8px;
  margin-right: 4px;
  margin-bottom: 2px;
  margin-right: 0;
  font-weight: 200;
}
.types-content .course-card-container .course-card-content {
  padding: 8px;
}
.types-content .course-card-container .course-card-content .course-card-bottom {
  position: relative;
  height: 44px;
  overflow: hidden;
}
.types-content .course-card-container .course-card-content .course-card-info {
  font-size: 12px;
  color: #9199a1;
  line-height: 18px;
  margin-top: 4px;
  font-weight: 400;
}
.course-card-price {
  font-size: 12px;
  color: #545c63;
}
.course-card-price .price-box .price.red {
  color: #f20d0d;
}
.course-card-price .price-box .cost-price {
  text-decoration: line-through;
}
#main {
  display: block;
  padding: 0;
}
.clear {
  clear: both;
}
.bg000 {
  box-shadow: 0 2px 4px 0 rgba(7, 17, 27, 0.06);
}
.clearfix:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.container-types {
  width: 1152px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 36px 0 38px;
}
.container-types .types-title {
  position: relative;
  font-size: 24px;
  color: #1c1f21;
  letter-spacing: 0;
  line-height: 32px;
}
.container-types .types-title span {
  float: left;
  font-weight: 700;
}
.container-rank h3 .rank-info i {
  font-size: 22px;
  color: #b2b8bd;
  letter-spacing: 3.3px;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  margin-left: 6px;
}
.container-types .types-content {
  margin-top: 24px;
  margin-left: -24px;
}
.container-types .index-card-container {
  float: left;
  margin-left: 24px;
  border-radius: 8px;
  margin-bottom: 12px;
  box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);
}
.headimg1 {
  text-align: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #d9dde1;
}
.tpl-avator .avator-mode {
  width: 192px;
  height: 192px;
  background-color: #d9dde1;
  text-align: center;
  margin: 0 auto 30px;
  border: 4px solid #d9dde1;
  border-radius: 96px;
  overflow: hidden;
}
.tpl-avator .w140 {
  margin: 0 auto;
}
.tpl-avator .avator-wapper a {
  color: inherit;
}
.w140 {
  width: 140px !important;
}
.tpl-avator .avator-wapper {
  color: #008cc8;
  margin-bottom: 20px;
}
.tpl-avator a {
  cursor: pointer;
}
.moco-btn-blue:link, .moco-btn-blue:visited {
  color: #fff;
}
.edit-info .wlfg-wrap .numCanInput {
  font-size: 12px;
  line-height: 26px;
  color: #b7bbbf;
  margin-bottom: 6px;
}
.edit-info .wlfg-wrap textarea {
  height: 70px;
}
.h16 {
  height: 16px !important;
}
.edit-info .wlfg-wrap .rlf-radio-group label {
  margin-right: 26px;
}
.edit-info .wlfg-wrap .profile-address select {
  display: inline-block;
  margin-right: 10px;
  width: 84px;
  padding: 6px 0;
}
.moco-form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #1c1f21;
  background-color: #fff;
  background-image: none;
  border: 1px solid #9199a1;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all .3s;
}
.moco-modal-blackout {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(7, 17, 27, 0.6);
}
.settings-cont .setting-right-wrap {
  min-height: 550px;
}
[class^=icon-] {
  font-family: icomoon;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-note:before {
  content: "\e60a";
}
.setting-profile .info-wapper {
  margin: 24px auto 24px 40px;
}
.setting-profile .info-box {
  margin-bottom: 12px;
}
.setting-profile .info-box label {
  width: 120px;
  line-height: 20px;
  padding: 20px 0;
  text-align: center;
  background-color: #f3f5f7;
  color: #07111b;
  font-weight: 700;
}
.pull-left {
  float: left;
}
.setting-profile .info-box div {
  width: 708px;
  margin-left: 8px;
  line-height: 20px;
  padding: 20px 0 20px 22px;
  border-bottom: 1px solid #d9dde1;
}
.title-box {
  padding-top: 36px;
  padding-bottom: 24px;
}
.title-box .goods-info-title {
  margin-left: 12px;
  color: #07111b;
  font-size: 16px;
  line-height: 16px;
}
.title-box a {
  color: #93999f;
  font-size: 12px;
  line-height: 16px;
}
.r {
  float: right;
}
.detail-box {
  width: 100%;
}
.detail-box ul {
  width: 100%;
  padding-bottom: 36px;
  border-bottom: 1px solid #d9dde1;
}
.detail-box ul li:last-child {
  margin-bottom: 0;
}
.detail-box ul li {
  padding: 24px;
  box-sizing: border-box;
  background: #f3f5f7;
  margin-bottom: 1px;
}
a {
  background-color: transparent;
}
.detail-box ul li img {
  width: 160px;
  height: 90px;
  margin-right: 24px;
}
.detail-box ul li .text-info-box {
  width: 462px;
  height: 90px;
  margin-right: 96px;
}
.detail-box ul li .text-info-box .package-title {
  margin-top: 8px;
  font-size: 12px;
  color: #07111b;
  line-height: 24px;
}
.detail-box ul li .text-info-box .package-info-title {
  margin: 0;
  font-size: 16px;
  color: #07111b;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-box ul li .text-info-box .info-del {
  font-size: 12px;
  color: #93999f;
  line-height: 24px;
  font-weight: 200;
}
em {
  font-style: normal;
}
.detail-box ul li .info-price .price {
  display: inline-block;
  width: 85px;
}
.detail-box ul li .info-price {
  position: relative;
  margin-top: 35px;
  width: 286px;
  font-size: 16px;
  color: #f01414;
}
.coupons-box {
  padding-bottom: 31px;
  border-bottom: 1px solid #d9dde1;
}
.coupons-box .coupon-title-box {
  margin: 27px 0 0 12px;
}
.coupons-box .coupon-title-box .coupon-title {
  color: #07111b;
  font-size: 16px;
  line-height: 16px;
}
.coupons-box .coupon-title-box .coupon-title i {
  position: relative;
  top: 5px;
  margin-left: 12px;
  font-size: 24px;
  color: #d9dde1;
  cursor: pointer;
}
.coupons-box .coupon-title-box a {
  height: 25px;
  color: #93999f;
  font-size: 12px;
  line-height: 34px;
}
.coupons-box .coupon-del-box {
  width: 100%;
  padding: 24px 24px 0;
  box-sizing: border-box;
}
.coupons-box .coupon-del-box .coupon-switch-box {
  margin-bottom: 16px;
}
.coupons-box .coupon-del-box .coupon-switch-box .switch-btn.checked {
  border: 2px solid #f01414;
}
.coupons-box .coupon-del-box .coupon-switch-box .switch-btn {
  position: relative;
  display: inline-block;
  width: 138px;
  height: 58px;
  line-height: 20px;
  border: 1px solid #d9dde1;
  border-radius: 8px;
  padding: 18px 0;
  color: #1c1f21;
  text-align: center;
  font-size: 16px;
  margin-right: 16px;
  box-sizing: border-box;
  cursor: pointer;
}
.coupons-box .coupon-del-box .coupon-content.ticket .no-coupons {
  font-size: 14px;
  color: #4d555d;
  line-height: 14px;
}
.coupons-box .coupon-del-box .coupon-switch-box .switch-btn em {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  line-height: 54px;
  border-left-width: 20px;
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom-width: 20px;
  border-bottom-style: solid;
  border-bottom-color: #f01414;
}
.coupons-box .coupon-del-box .coupon-switch-box .switch-btn em i {
  color: #fff;
  position: absolute;
  bottom: -20px;
  right: 0;
  font-size: 12px;
}
.coupons-box .coupon-del-box .coupon-content {
  position: relative;
  background: #f3f5f7;
  border-radius: 8px;
  padding: 24px;
}
.coupons-box .coupon-del-box .coupon-content.code {
  display: none;
  padding-left: 38px;
}
.coupons-box .coupon-del-box .coupon-content.code .input-box {
  position: relative;
  left: -12px;
  margin-top: 12px;
}
.coupons-box .coupon-del-box .coupon-content.code .input-box .convert-input {
  background: #fff;
  border: 1px solid #9199a1;
  width: 356px;
  height: 48px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #07111b;
  letter-spacing: 2px;
  line-height: 24px;
  padding: 12px 16px;
  box-sizing: border-box;
  vertical-align: middle;
}
.coupons-box .coupon-del-box .coupon-content.code .input-box .convert-btn {
  display: inline-block;
  width: 124px;
  height: 48px;
  line-height: 22px;
  font-size: 16px;
  color: #fff;
  padding: 12px;
  background: #f01414;
  border-radius: 8px;
  margin-left: 24px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.coupons-box .coupon-del-box .coupon-content.code .converted-box {
  display: none;
}
.coupons-box .coupon-del-box .coupon-content.code .converted-box .cancel-btn {
  background: #fff;
  border: 1px solid #d9dde1;
  line-height: 20px;
  padding: 2px 12px;
  text-align: center;
  border-radius: 4px;
  color: #f01414;
  font-size: 14px;
  margin-left: 16px;
  cursor: pointer;
}
.coupons-box .coupon-del-box .coupon-content.code .converted-box .c_name, .coupons-box .coupon-del-box .coupon-content.code .converted-box .code-num {
  padding-left: 8px;
}
.coupons-box .coupon-del-box .coupon-content.code .converted-box p {
  line-height: 24px;
  font-size: 16px;
  color: #07111b;
}
.coupons-box .coupon-del-box .coupon-content.code .converted-box .course-title .discount-cash {
  margin-left: 12px;
  color: #f01414;
}
.coupons-box .coupon-del-box .coupon-content.code .converted-box .course-title {
  font-size: 14px;
  color: #07111b;
  font-weight: 600;
  margin-top: 12px;
}
.coupons-box .coupon-del-box .coupon-content.code .error-msg {
  font-size: 14px;
  color: #f01414;
  margin-top: 8px;
  line-height: 20px;
  height: 20px;
}
.coupons-box .coupon-del-box .coupon-content.code .tip {
  font-size: 14px;
  color: #93999f;
  margin-top: 8px;
  line-height: 20px;
}
.pay-box.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background-color: #fff;
  z-index: 1;
  box-shadow: 10px -2px 12px rgba(7, 17, 27, 0.2);
}
.pay-box {
  margin-top: 36px;
  position: relative;
}
.pay-box.fixed .row-bottom {
  max-width: 1150px;
  position: relative;
  margin: 0 auto;
}
.pay-box.fixed .row-bottom .row {
  float: left;
}
.pay-box.fixed .goods-total-price-box {
  width: auto;
}
.pay-box .bargain-discount-box, .pay-box .coupons-discount-box, .pay-box .goods-total-price-box, .pay-box .package-discount-box, .pay-box .student-discount-box {
  margin-bottom: 12px;
  line-height: 26px;
}
.pay-box .bargain-discount-box .price-num, .pay-box .coupons-discount-box .price-num, .pay-box .goods-total-price-box .price-num, .pay-box .package-discount-box .price-num, .pay-box .student-discount-box .price-num {
  position: relative;
  font-size: 14px;
  color: #07111b;
}
.pay-box .bargain-discount-box .price-text, .pay-box .coupons-discount-box .price-text, .pay-box .goods-total-price-box .price-text, .pay-box .package-discount-box .price-text, .pay-box .student-discount-box .price-text {
  text-align: right;
  font-size: 14px;
  color: #07111b;
}
.pay-box.fixed .row-bottom .bargain-discount-box, .pay-box.fixed .row-bottom .coupons-discount-box, .pay-box.fixed .row-bottom .js-total-hide, .pay-box.fixed .row-bottom .package-discount-box {
  display: none;
}
.pay-box .bargain-discount-box .price-text span, .pay-box .coupons-discount-box .price-text span, .pay-box .goods-total-price-box .price-text span, .pay-box .package-discount-box .price-text span, .pay-box .student-discount-box .price-text span {
  margin-left: 4px;
  margin-right: 4px;
}
.pay-box.fixed .pay-price-box {
  width: auto;
  margin-left: 20px;
}
.pay-box .pay-price-box {
  color: #07111b;
}
.pay-box.fixed .price, .pay-box.fixed .price-num, .pay-box.fixed .price-text {
  line-height: 80px;
}
.pay-box.fixed .rw {
  text-align: left;
  width: auto;
}
.pay-box .pay-price-box .price {
  position: relative;
  color: #f01414;
  font-size: 24px;
  font-weight: 700;
}
.pay-box .rw {
  width: 140px;
  box-sizing: border-box;
  text-align: right;
}
.pay-box.fixed .pay-add-sign {
  position: static !important;
  margin-left: 20px;
}
.pay-box.fixed .bargain-discount-box, .pay-box.fixed .coupons-discount-box, .pay-box.fixed .goods-total-price-box, .pay-box.fixed .package-discount-box, .pay-box.fixed .pay-add-sign, .pay-box.fixed .pay-price-box {
  float: left;
  margin-bottom: 0;
}
.pay-box .pay-add-sign {
  text-align: right;
  position: absolute;
  top: -10px;
}
.pay-box.fixed .pay-add-sign li {
  float: left;
  padding: 0 12px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #f01414;
  border-radius: 18px;
  font-size: 12px;
  color: #f01414;
  margin: 27px 20px 27px 0;
}
.pay-box .pay-add-sign li.drawback {
  position: relative;
}
.pay-box .pay-add-sign li.drawback .imv2-ques {
  position: absolute;
  top: -4px;
  right: -2px;
  background: #fff;
  color: #d7dbdf;
  font-size: 14px;
  display: inline-block;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.pay-box.fixed .submit-btn {
  margin-top: 16px;
  width: 148px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  border-radius: 24px;
}
.pay-box .submit-btn {
  padding: 0;
  width: 140px;
  height: 40px;
  margin-top: 12px;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
}
.course-action .pay-now {
  margin: 12px auto;
  display: block;
  width: 120px;
  height: 36px;
  color: #fff;
  background: #0091ff;
  border-radius: 18px;
  line-height: 36px;
}
.course-action .order-cancel {
  color: #93999f;
  display: block;
  font-size: 12px;
  line-height: 12px;
}
.course-action .order-cancel:hover {
  color: #0091ff;
}
.myOrder {
  width: 100%;
}
.myOrder-list li {
  padding: 32px;
  padding-top: 0;
  box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
  background: #fff;
  border-radius: 8px;
  position: relative;
}
.myOrder-list li:hover {
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.1);
}
.myOrder-number {
  padding: 28px 0 19px;
  font-weight: 700;
  color: #4d555d;
  border-bottom: 1px solid #b7bbbf;
  font-size: 12px;
  line-height: 12px;
  box-sizing: border-box;
}
.imv2-receipt:before {
  content: "\e8b0";
}
.myOrder-number i.imv2-delete {
  float: right;
  margin-left: 28px;
  color: #93999f;
  cursor: pointer;
  display: none;
}
.myOrder-number i.imv2-delete, .myOrder-number i.imv2-receipt {
  float: left;
  margin-top: -2px;
  margin-right: 10px;
  font-size: 16px;
  color: #f01414;
}
.myOrder-number a {
  display: none;
}
.myOrder-number a, .myOrder-number span {
  color: #93999f;
  font-weight: 500;
  margin-left: 24px;
}
.myOrder-course {
  position: relative;
  margin-top: 25px;
}
.course-del {
  width: 520px;
  border-right: 1px solid #d9dde1;
  position: relative;
}
.myOrder-list li dd:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.myOrder-list li dd {
  margin-top: 24px;
  padding-top: 24px;
  position: relative;
  box-sizing: border-box;
  border-top: 1px solid #d9dde1;
}
.myOrder-list li dd a {
  display: block;
}
.del-box {
  margin-left: 16px;
  width: 340px;
}
.del-box .course-name {
  word-break: break-word;
  color: #07111b;
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 22px;
}
.del-box .price-btn-box {
  font-size: 12px;
  line-height: 12px;
}
.del-box .price-btn-box .truepay-text {
  color: #93999f;
  margin-right: 5px;
}
.del-box .price-btn-box .course-little-price {
  color: #f01414;
}
.pt15 {
  padding-top: 15px;
}
.course-money {
  width: 150px;
  height: 100%;
  padding-left: 24px;
  text-align: center;
  color: #93999f;
  font-size: 16px;
  box-sizing: border-box;
  line-height: 16px;
}
.course-money .mb10 {
  margin-bottom: 10px;
}
.course-money .type-box {
  line-height: 12px;
}
.course-money .type-box .type-text {
  margin-right: 5px;
}
.course-money .type-box .type-price, .course-money .type-box .type-text {
  font-size: 12px;
  color: #93999f;
}
.course-money .type-box .line-though {
  text-decoration: line-through;
}
.course-money .type-box .type-price .RMB, .course-money .type-box .type-text .RMB {
  font-size: 12px;
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: top;
  line-height: 12px;
}
.course-money .total-box .type-price {
  color: #f01414;
}
.course-action {
  position: absolute;
  top: 0;
  width: 200px;
  height: 100%;
  border-left: 1px solid #d9dde1;
  right: 0;
  text-align: center;
}
.course-action .order-close {
  color: #93999f;
  margin-top: 36px;
  line-height: 14px;
}
.pay-tip-modal .icon-send-success {
  width: 96px;
  height: 96px;
  line-height: 96px;
  border-radius: 50%;
  background: rgba(28, 31, 33, 0.1);
  display: inline-block;
  font-size: 64px;
  color: #1c1f21;
}
.pay-tip-modal .error {
  color: #f20d0d;
  border: 0px;
}
.pay-tip-modal {
  padding: 36px 0 32px;
  background: #fff;
  box-shadow: 0 12px 24px 0 rgba(7, 17, 27, 0.2);
  border-radius: 12px;
  width: 320px;
  text-align: center;
}
.pay-tip-modal .wait-img {
  width: 96px;
  height: 96px;
  background: #f3f5f6;
  border-radius: 50%;
  margin: 0 auto 12px;
}
.pay-tip-modal .wait-img span {
  font-size: 64px;
  color: #b2b8bd;
  line-height: 96px;
}
.pay-tip-modal h3 {
  font-size: 16px;
  font-weight: 700;
  color: #1c1f21;
  line-height: 24px;
}
.pay-tip-modal p {
  margin: 4px auto 16px;
  font-size: 12px;
  color: #9199a1;
  line-height: 18px;
}
.pay-tip-modal .btnwarp {
  display: inline-block;
}
.pay-tip-modal .success-btn {
  padding: 8px 52px;
  cursor: pointer;
  background: #383d42;
  border-radius: 24px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
.pay-tip-modal .restart-btn {
  margin-top: 16px;
  cursor: pointer;
  font-size: 14px;
  color: #9199a1;
  line-height: 24px;
}
.pay-tip-modal .restart-btn span {
  font-size: 16px;
  color: #9199a1;
  line-height: 24px;
  margin-right: 8px;
}
.body-main {
  min-height: 750px;
}
.cart-header {
  height: 160px;
  background-color: #e3e6e9;
  background: url(/static/module/pay/myorder/img/cart-header-bg.jpg) repeat-x left bottom;
}
.cart-header .cart-header-warp {
  width: 1104px;
  height: 120px;
  line-height: 120px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}
.cart-header .cart-title {
  color: #4d555d;
  font-weight: 200;
  font-size: 14px;
}
.cart-header .left {
  float: left;
}
.cart-header .cart-title h1 {
  font-size: 32px;
  line-height: 115px;
  margin-right: 25px;
  color: #07111b;
  font-weight: 200;
}
#orderCartBanner {
  max-width: 600px;
  height: 56px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 899;
  padding-top: 32px;
  padding-left: 70px;
  display: none;
  float: left;
  line-height: 0;
}
.cart-header .right {
  float: right;
}
.cart-body {
  width: 1152px;
  padding: 0 36px 32px;
  background-color: #fff;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.1);
  border-radius: 8px;
  box-sizing: border-box;
}
.cart-body .cart-body-title {
  border-bottom: 0;
  min-height: 88px;
  line-height: 88px;
  border-bottom: 1px solid #b7bbbf;
  box-sizing: border-box;
}
.cart-body .cart-body-title .trade-title {
  line-height: 16px;
  padding-top: 36px;
  padding-bottom: 24px;
}
.cart-body .cart-body-title .num {
  font-size: 16px;
  color: #070000;
}
.cart-body .right {
  float: right !important;
}
.cart-body .item-ul {
  height: 0;
  overflow: hidden;
}
.cart-body .item {
  height: 88px;
  padding: 24px;
  background-color: #f3f5f7;
  border-bottom: 2px solid #fff;
}
.cart-body .item-left {
  line-height: 22px;
}
.cart-body .cart-body-title a {
  font-size: 14px;
  color: #f01414;
}
.cart-body .item-left img {
  margin-right: 20px;
}
.cart-body .item-left dl {
  width: 462px;
  height: 90px;
}
.cart-body .left {
  float: left !important;
}
.cart-body .item-left dd {
  font-size: 12px;
  color: #93999f;
  line-height: 24px;
  font-weight: 200;
}
.cart-body .item-left dt {
  margin: 0;
  font-size: 16px;
  color: #07111b;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart-body .item-right {
  width: 28%;
}
.cart-body .item-right .price .price-text {
  font-size: 14px;
  color: #93999f;
}
.cart-body .item-right .price em {
  margin-top: -3px;
}
.cart-body .item-right .price {
  font-size: 16px;
}
.cart-body .price {
  color: #f01414;
}
.cart-body .pay-method {
  padding: 30px 12px 48px;
  border-top: 1px solid #d9dde1;
  border-bottom: 1px solid #d9dde1;
}
.cart-body .pay-method .pay-method-title {
  height: 46px;
  line-height: 30px;
  font-size: 16px;
  color: #07111b;
}
.cart-body .pay-method .pay-way.active {
  border-color: #f01414;
}
.cart-body .pay-method .alipay {
  background-position: 33px -304px;
  background-repeat: no-repeat;
}
.cart-body .pay-method li {
  float: left;
  margin-right: 18px;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  width: 192px;
  height: 86px;
  background-color: #f3f5f7;
  border: 2px solid #f3f5f7;
  cursor: pointer;
  background-image: url(/static/module/pay/center/img/pay_s.png);
}
.cart-body .pay-method .bottomright {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.cart-body .pay-method .pay-way.active .bottomright {
  display: block;
}
.cart-body .pay-method .triangle {
  width: 0;
  height: 0;
  border-bottom: 20px solid red;
  border-left: 20px solid transparent;
}
.cart-body .pay-method .bottomright i {
  position: absolute;
  right: -1px;
  bottom: 0;
  color: #fff;
  font-size: 12px;
}
.cart-body .pay-method .wxpay {
  background-position: 30px -423px;
  background-repeat: no-repeat;
}
.cart-body .pay-method li.yue {
  background: #f3f5f7;
}
.cart-body .pay-method li:last-child {
  margin-right: 0;
}
.cart-body .pay-method li.yue .leftImg {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-image: url(/static/module/pay/center/img/yue.png);
  background-size: 100%;
  margin: 20px 8px 22px 22px;
}
.cart-body .pay-method li.yue .rightInfo {
  display: inline-block;
  vertical-align: top;
  margin-top: 22px;
}
.cart-body .pay-method li.yue .rightInfo h2 {
  font-size: 20px;
  color: #1c1f21;
  line-height: 28px;
  font-weight: 700;
}
.cart-body .pay-method li.yue .rightInfo p {
  font-size: 12px;
  color: #9199a1;
  line-height: 18px;
}
.cart-body .pay-method .jingdong {
  background-image: url(/static/module/pay/center/img/jdpay.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.cart-body .pay-method .huabei .small-tips, .cart-body .pay-method .jingdong .small-tips {
  position: absolute;
  right: 0;
  top: 0;
  background: #f01414;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  font-weight: 200;
  border-top-right-radius: 4px;
}
.cart-body .pay-method .huabei, .cart-body .pay-method .jingdong {
  position: relative;
}
.cart-body .pay-method .huabei {
  background-image: url(/static/module/pay/center/img/huabeifenqi.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.cart-body .pay-summary i {
  font-size: 20px;
  position: relative;
  top: 3px;
}
.cart-body .pay-summary .warning {
  font-size: 14px;
  color: #f90;
  padding-top: 32px;
  line-height: 20px;
  float: left;
}
.cart-body .pay-summary .summary {
  float: right;
  padding-top: 36px;
}
.cart-body .pay-summary .total {
  height: 24px;
}
.cart-body .pay-summary .total .label {
  line-height: 26px;
}
.cart-body .pay-summary .label {
  width: 96px;
  color: #07111b;
}
.cart-body .pay-summary .label, .cart-body .pay-summary .price {
  font-size: 14px;
  height: 20px;
  text-align: right;
  float: left;
  line-height: 20px;
}
.cart-body .pay-summary .price {
  color: #f01414;
}
.cart-body .pay-summary .total .price {
  font-size: 24px;
  line-height: 24px;
  height: 24px;
}
.cart-body .pay-summary .submit-warp {
  margin-top: 32px;
  margin-bottom: 16px;
}
.cart-body .pay-summary .pay-summary-submit {
  float: right;
  width: 140px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background-color: #0091ff;
  border-radius: 6px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.cart-body .pay-summary .feedback-href a {
  float: right;
  font-size: 12px;
  color: #4d555d;
}
.moco-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  z-index: 99999;
}
.moco-modal-layer {
  position: absolute;
  background: #fff;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
  border-radius: 12px;
  box-shadow: 8px 0 16px 0 rgba(7, 17, 27, 0.2);
  border-radius: 4px;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  height: auto !important;
}
.moco-modal-title {
  margin-bottom: -8px;
  padding: 24px 32px 0;
  line-height: 20px;
}
.moco-modal-title div {
  font-size: 16px;
  font-weight: 700;
  color: #1c1f21;
}
.moco-modal-title a.moco-modal-close {
  font-size: 24px;
  position: absolute;
  right: 32px;
  top: 24px;
  color: #b2b8bd;
  display: block;
  text-decoration: none;
}
.forgot-modal {
  padding: 22px 32px 0;
}
.forgot-send-result .icon-send-success {
  width: 96px;
  height: 96px;
  line-height: 96px;
  border-radius: 50%;
  background: rgba(28, 31, 33, 0.1);
  display: inline-block;
  font-size: 64px;
  color: #1c1f21;
}
.forgot-send-result {
  text-align: center;
}
.forgot-send-result p {
  font-size: 16px;
  color: #1c1f21;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  padding: 16px 0 5px;
}
.forgot-send-result .get-info {
  font-size: 14px;
  color: #545c63;
  text-align: center;
  line-height: 22px;
}
.forgot-send-result .moco-btn-lg {
  margin-top: 36px;
  margin-bottom: 20px;
}
.forgot-send-result .get-info a {
  color: #0091ff;
}
.login-wrap .rl-modal {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  z-index: 0;
}
.rl-modal {
  position: fixed;
  background: #fff;
  z-index: 100000;
  width: 384px;
  padding-top: 10px;
  padding-bottom: 20px;
  left: 50%;
  top: 50%;
  margin: -192px 0 0 -192px;
  box-shadow: 0 12px 24px 0 rgba(28, 31, 33, 0.1);
  border-radius: 12px;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
}
.rl-modal-body {
  padding: 0 32px;
}
.rl-modal .ipt {
  width: 100%;
  height: 48px;
  line-height: 20px;
  box-sizing: border-box;
  padding: 14px;
  box-shadow: 2px 0 5px 0 #fff;
  background: rgba(28, 31, 33, 0.06);
  border-radius: 8px;
  border: 0;
}
a, button, input {
  outline: 0;
}
.ipt {
  color: #1c1f21;
  background-color: #fff;
  border: 1px solid #98a1a6;
  height: 20px;
  padding: 9px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  border-color: #98a1a6;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.rlf-tip-wrap {
  clear: both;
  font-size: 12px;
  height: 20px;
}
.errorHint {
  height: 25px;
  line-height: 20px;
  font-size: 12px;
  color: #f01414;
}
.rl-modal .form-control {
  position: relative;
}
.btn-full {
  width: 100%;
}
.btn-full, .moco-btn {
  box-sizing: border-box;
}
.moco-btn-lg {
  padding: 11px 32px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 24px;
}
.pop-login-sns a {
  font-size: 14px;
  margin-right: 21px;
  height: 20px;
  line-height: 20px;
  color: #c8cdd2;
  transition: color .2s;
}
.pop-login-sns i {
  font-size: 24px;
  vertical-align: -3px;
  transition: color .2s;
  color: #b5b9bc;
}
.privacy_tip a, .privacy_tip a:visited {
  font-size: 12px;
  color: #0091ff;
}
.verify-img-wrap {
  position: absolute;
  right: 2px;
  top: 8px;
  width: 84px;
  height: 32px;
}
.rl-modal-header h1 {
  font-size: 16px;
  line-height: 49px;
  font-weight: 700;
  height: 49px;
  color: #787d82;
}
.moco-btn-red:link, .moco-btn-red:visited {
  color: #fff;
}
.rl-model-signup .rl-model-footer span {
  color: #9199a1;
}
.areacode-box .code-tab li {
  display: inline-block;
  margin-right: 9px;
  cursor: pointer;
}
.areacode-box .code-title span {
  margin-top: -10px;
  position: relative;
  font-size: 12px;
  color: #9199a1;
  background: #fff;
  float: left;
  width: 36px;
}
.areacode-box .code-list li {
  padding-left: 16px;
  font-size: 16px;
  color: #545c63;
  text-align: left;
  line-height: 48px;
  cursor: pointer;
}
.forgot-title {
  padding: 22px 32px 0;
}
.forgot-title h2 {
  font-size: 20px;
  color: #1c1f21;
  line-height: 30px;
  font-weight: 700;
}
.forgot-title p {
  margin-bottom: 20px;
  font-size: 14px;
  color: #545c63;
  letter-spacing: 0;
  line-height: 22px;
}
.u-r-all-box {
  padding: 5px;
}
.u-sys-news li {
  border-bottom: 1px dashed #ccc;
  margin-top: 5px;
  padding: 5px 20px;
  position: relative;
}
.u-s-l-txt {
  margin: 5px 0;
  padding-right: 45px;
  position: relative;
}
.u-s-l-txt p {
  line-height: 24px;
}
.u-s-l-txt a:hover {
  color: #0091ff;
}
.hover-a-blue a:hover {
  color: #0091ff !important;
}
.wd-ico {
  display: block;
  width: 44px;
  height: 16px;
  position: absolute;
  top: 4px;
  right: -4px;
}
.wd-ico img {
  display: block;
  width: 100%;
  height: 100%;
}
.u-s-l-sc-ico {
  position: absolute;
  width: 30px;
  height: 30px;
  display: none;
  background-position: -537px -228px;
  top: 0;
  right: 0;
}
.hLh30 {
  height: 30px;
  line-height: 30px;
}
.clearfix {
  display: block;
}
.fl {
  float: left;
}
.c-999 {
  color: #999;
}
.fsize14 {
  font-size: 14px;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: visible;
}
.nodata a {
  color: #f01400;
}
.nodata {
  padding-top: 150px;
}
.nodata p {
  font-size: 16px;
  color: #9199a1;
  text-align: center;
  line-height: 24px;
  margin-bottom: 4px;
}
.nodata p i {
  font-size: 48px;
  color: #b2b8bd;
  line-height: 48px;
}
.c-tab {
  font-size: 16px;
  color: #545c63;
  height: 52px;
  line-height: 52px;
  border-bottom: 1px solid #d9dde1;
}
.c-tab .tool-left .active, .c-tab .tool-left .sort-item:hover {
  color: #0091ff;
  border-bottom: 2px solid #0091ff;
}
.c-tab .sort-item {
  margin-right: 64px;
  display: inline-block;
  color: #545c63;
}
.all-course-main {
  margin-top: 28px;
}
.allcourse-content {
  width: 100%;
  box-sizing: border-box;
}
.courseitem:first-child {
  margin-top: 0;
}
.courseitem {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-top: 28px;
}
.courseitem .img-box {
  width: 200px;
  margin-right: 30px;
}
.courseitem .img-box img {
  vertical-align: top;
  border-radius: 8px;
}
.courseitem .info-box {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d9dde1;
  position: relative;
  padding-bottom: 28px;
  width: 660px;
}
.courseitem .info-box .title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.courseitem .info-box .title span:first-child {
  background: #f5f7fa;
  border-radius: 2px;
  width: 62px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #9199a1;
  font-weight: 400;
  margin-right: 12px;
}
.courseitem .info-box .title .hd {
  font-size: 20px;
  color: #07111b;
  font-weight: 700;
  line-height: 36px;
  max-width: 315px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.courseitem:hover .info-box .title .hd {
  color: #0091ff;
}
.courseitem .info-box .study-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.courseitem .info-box .study-info span.i-left {
  color: #0091ff;
}
.courseitem .info-box .study-info span {
  line-height: 24px;
  font-size: 14px;
  color: #4d555d;
  margin-right: 24px;
}
.courseitem .info-box .catog-points {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.courseitem .info-box .catog-points span {
  font-size: 14px;
  line-height: 36px;
  color: #4d555d;
  margin-right: 36px;
}
.courseitem .info-box .catog-points span a {
  color: #4d555d;
}
.courseitem .info-box .catog-points span i {
  color: #93999f;
  font-style: normal;
}
.moco-ico-btn {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  text-decoration: none;
  box-sizing: border-box;
  background-image: none;
  border-radius: 0;
  -webkit-appearance: none;
  white-space: nowrap;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  -weibkit-transition: all .3s;
  transition: all .3s;
  color: #545c63;
  background-color: transparent;
  border: 1px solid #9199a1;
  opacity: 1;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 18px;
}
.courseitem .info-box .catog-points .continute-btn {
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 14px;
  border: none;
  color: #fff;
  width: 104px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: rgba(0, 145, 255, 0.8);
  border-radius: 18px;
}
.courseitem .info-box .catog-points .continute-btn:hover {
  background-color: #0091ff;
}
.qa-comment-page {
  margin-bottom: 58px;
}
.qa-comment-page .page {
  margin-bottom: 0;
}
.page {
  margin: 25px 0;
  overflow: hidden;
  clear: both;
  text-align: center;
}
.page span, .page-disabled {
  display: inline-block;
  padding: 0 4px;
  min-width: 24px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #c8cdd2;
  text-align: center;
}
.page a.text-page-tag.active {
  background: #0091ff;
  color: #fff;
}
.page a {
  display: inline-block;
  margin: 0 8px;
  padding: 0 4px;
  min-width: 24px;
  line-height: 32px;
  font-size: 14px;
  color: #4d555d;
  text-align: center;
  border-radius: 16px;
  transition: border-color .2s;
}
.page a:hover {
  color: #0091ff;
}
.courseitem .info-box .study-info .follow-desc {
  font-size: 14px;
  color: #4d555d;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.courseitem .info-box .op {
  text-align: right;
}
.courseitem .info-box .op .all_follow_f {
  font-size: 14px;
  color: #1c1f21;
  line-height: 20px;
}
.recomment-body {
  width: 100%;
  margin-top: 48px;
  padding-bottom: 40px;
}
.recomment-body h4 {
  font-size: 16px;
  color: #1c1f21;
  line-height: 18px;
}
.recomment-body ul {
  clear: both;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.recomment-body ul li:first-child {
  margin-left: 0;
}
.recomment-body ul li {
  width: 216px;
  margin-bottom: 8px;
  margin-left: 32px;
}
.recomment-body ul li .recommend-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.recomment-body ul li .img {
  position: relative;
  margin-bottom: 8px;
}
.recomment-body ul li .content {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
}
.recomment-body ul li .content p.title {
  margin-top: 0;
  font-size: 16px;
  color: #1c1f21;
  line-height: 22px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 4px;
  max-height: 44px;
  overflow: hidden;
}
.recomment-body ul li .content .info span:first-child {
  font-weight: 700;
}
.recomment-body ul li .content .info span.imv2-set-sns {
  margin-right: 0;
}
.recomment-body ul li .content .info span {
  margin-right: 12px;
}
.recomment-body ul li .content .info {
  font-size: 12px;
  color: #545c63;
  text-align: left;
  line-height: 18px;
}
.bg-other {
  background: url(/static/img/u/temp1.png) no-repeat center top #000;
  background-size: cover;
}
.user-head-info .user-info {
  position: relative;
  width: 1152px;
  margin: 0 auto;
  padding-bottom: 48px;
}
.clearfix:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.user-head-info .user-info .user-pic {
  float: left;
  width: 148px;
  height: 148px;
}
.user-head-info .user-info .user-pic .user-pic-bg {
  border: 4px solid #fff;
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
  width: 140px;
  height: 140px;
  position: relative;
  border-radius: 50%;
  background: #fff;
  top: 24px;
}
.user-head-info .user-info .user-pic .user-pic-bg .img {
  text-align: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
}
.user-head-info .user-info .user-info-right {
  float: right;
  width: 980px;
}
.user-head-info .user-info .user-name .signicon, .user-head-info .user-info .user-name span {
  float: left;
}
.user-head-info .user-info .user-name {
  font-weight: 600;
  text-align: left;
  font-size: 24px;
  color: #fff;
  line-height: 28px;
  margin-top: 48px;
}
.user-head-info .user-info .about-info span {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
.user-head-info .user-info .about-info {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  text-align: left;
  margin-top: 6px;
}
.user-head-info .user-info .about-info a.more-user-info {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 16px;
  display: inline-block;
  height: 16px;
  padding-left: 16px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.user-head-info .user-info .about-info a.more-user-info i {
  display: inline-block;
  margin-right: 2px;
}
.user-head-info .study-info {
  position: absolute;
  top: 48px;
  right: 10px;
  min-width: 200px;
  text-align: right;
}
.user-head-info .study-info .follows {
  margin-right: 24px;
}
.user-head-info .study-info .item {
  line-height: 48px;
  vertical-align: middle;
  height: 48px;
  float: left;
}
.user-head-info .study-info .item em {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 28px;
}
.user-head-info .study-info .item span {
  display: block;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 20px;
  margin-top: 4px;
}
.hide {
  display: none;
}
.user-head-info .study-info .set-btn {
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 18px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 20px;
  height: 20px;
}
.user-head-info .study-info .set-btn i {
  font-size: 16px;
  display: inline-block;
  margin-right: 4px;
}
address, caption, cite, code, dfn, em, optgroup, strong, th, var {
  font-style: normal;
  font-weight: 400;
}
.uc-wrap {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.slider {
  position: absolute;
  width: 172px;
  left: 24px;
  top: 0px;
  background: #fff;
  border-radius: 10px;
  padding: 10px 0;
  box-shadow: 0 2px 20px 0 rgba(66, 65, 76, 0.06);
}
.slider ul li {
  height: 48px;
  width: 160px;
  margin: 0 auto 8px;
}
.slider ul a {
  position: relative;
  display: block;
  height: 48px;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #787d82;
  padding-left: 54px;
  text-align: left;
}
.slider ul a.active i {
  color: #fff;
}
.slider ul a i {
  position: absolute;
  left: 20px;
  top: 0;
  font-size: 20px;
  color: #93999f;
  line-height: 48px;
}
.slider ul a.active {
  color: #fff;
  background: #0091ff;
  border-radius: 8px;
}
.slider ul a:hover {
  color: #fff;
  background: #0091ff;
  border-radius: 8px;
}
.slider ul a:hover i {
  color: #fff;
}
.page-settings .setting .bingd .color_blue {
  color: #08c !important;
}
.page-settings .setting .bingd .itemBox .center .accountBox .icon-qq, .page-settings .setting .bingd .itemBox .center .accountBox .icon-weibo, .page-settings .setting .bingd .itemBox .center .accountBox .icon-weixin {
  float: left;
  color: #c8cdd2;
  width: 80px;
  height: 80px;
  font-size: 80px;
}
.moco-control-input {
  width: 258px !important;
  position: relative;
}
.moco-control-label {
  width: 170px !important;
}
.reSend.active {
  right: 14px;
  color: #1481b8 !important;
  cursor: pointer;
}
.reSend {
  top: 18px;
  right: 14px;
  font-size: 14px;
  color: #9199a1;
  line-height: 14px;
}
.moco-btn {
  margin-right: 10px;
}
.u-container {
  margin-left: 240px;
  min-height: 589px;
  margin-top: 25px;
  background: #fff;
  border-radius: 10px;
  padding: 0 30px 70px;
  box-shadow: 0 2px 20px 0 rgba(66, 65, 76, 0.06);
}
.oplog-tip {
  line-height: 40px;
  font-size: 12px;
  color: #f56108;
  background-color: #fff4e5;
  padding: 0 20px;
  margin-bottom: 20px;
}
.oplog-tip a {
  color: #008cc8;
}
.oplog-tip .tip-close {
  font-size: 12px;
  cursor: pointer;
}
.pull-right {
  float: right;
}
.common-title {
  line-height: 40px;
  font-size: 16px;
  font-weight: 700;
}
.common-title .title-tips {
  font-size: 12px;
  color: #93999f;
  margin-left: 18px;
  font-weight: 400;
}
.color-red {
  color: #ef1300 !important;
}
.page-settings .common-title a {
  font-size: 12px;
}
.common-title a {
  color: #93999f;
  font-weight: 400;
  font-size: 14px;
}
.page-settings .common-title i {
  font-size: 14px;
}
.common-title a i {
  color: #008cc8;
  margin-right: 4px;
  vertical-align: middle;
}
.line {
  height: 1px;
  background-color: #d0d6d9;
  margin-top: 12px;
}
.page-settings .setting .bingd .itemBox {
  height: 88px;
  overflow: hidden;
  margin: auto;
  border-bottom: 1px solid #d9dde1;
}
.page-settings .setting .bingd .itemBox .left {
  width: 60px;
  float: left;
  font-size: 36px;
  color: #d9dde1;
  line-height: 98px;
  padding-left: 24px;
}
.icon-set_email:before {
  content: "\e925";
}
.page-settings .setting .bingd .itemBox .center {
  padding-top: 22px;
  width: 510px;
  float: left;
}
.page-settings .setting .bingd .itemBox .font1 {
  color: #2b333b;
  font-size: 16px;
  font-weight: 700;
}
.page-settings .setting .bingd .itemBox .font3 {
  color: #2b333b;
  font-size: 14px;
}
.page-settings .setting .bingd .itemBox .font4 {
  color: #f01414;
  font-size: 14px;
}
.page-settings .setting .bingd .itemBox .font2 {
  color: #93999f;
  font-size: 14px;
}
.page-settings .setting .bingd .itemBox .right {
  float: right;
  padding-right: 12px;
  margin-top: 28px;
}
.page-settings .setting .bingd .itemBox .right .moco-btn-normal {
  padding-left: 15px;
  padding-right: 15px;
}
.moco-btn-normal:link, .moco-btn-normal:visited {
  color: #545c63;
}
.icon-set_phone:before {
  content: "\e924";
}
.icon-set_key:before {
  content: "\e922";
}
.icon-feedback:before {
  content: "\e906";
}
.page-settings .setting .bingd .itemBox .center .accountBox {
  width: 680px;
  margin-top: 19px;
}
.page-settings .setting .bingd .itemBox .center .accountBox .inner-i-box {
  width: 200px;
  float: left;
  margin-right: 24px;
}
.icon-weixin:before {
  content: "\e63e";
}
.page-settings .setting .bingd .itemBox .center .accountBox .inner-i-box .bind-name {
  font-size: 16px;
  font-weight: 700;
}
.page-settings .mr87 {
  margin-left: 87px;
}
.page-settings .setting .bingd .itemBox p {
  line-height: 24px;
  font-size: 12px;
}
.page-settings .red {
  color: #f01414;
}
.page-settings .setting .bingd .itemBox .center .accountBox .inner-i-box .btn {
  display: block;
  width: 62px;
  height: 22px;
  color: #07111b;
  line-height: 22px;
  font-size: 12px;
  border: 1px solid #d9dde1;
}
.page-settings .setting .bingd .h380 {
  height: 190px !important;
}
.icon-weibo:before {
  content: "\e63c";
}
.icon-qq:before {
  content: "\e63b";
}
.setting-right-wrap {
  padding-top: 18px;
}

/*滚动条样式*/
html {
  scrollbar-face-color: #dee3e7;
  scrollbar-highlight-color: #fff;
  scrollbar-shadow-color: #dee3e7;
  scrollbar-3dlight-color: #d1d7dc;
  scrollbar-arrow-color: #069;
  scrollbar-track-color: #efefef;
  scrollbar-darkshadow-color: #98aab1;
}
::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px transparent;
}
::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.01);
}
::-webkit-scrollbar-track:active {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.6);
}
.star-box i {
  font-size: 16px;
  color: #d0d6d9;
}
.section-list .sec-li:hover a, .section-list .sec-li:hover i {
  color: #0091ff !important;
}
.section-list .sec-li i.finish, .section-list .sec-li i.half {
  color: #0091ff !important;
}
.articleright_right_tab_Idiconfont {
  font-size: 36px;
  color: #DADEE0;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.video.container {
  margin: 0 auto;
  padding-top: 12px;
}
.videocontainer {
  width: 100%;
  padding-top: 0px;
  display: -webkit-flex;
  justify-content: flex-start;
}
.videoleft {
  width: 845px;
  margin-right: 15px;
  padding: 20px;
  border-radius: 12px;
}
.videoleft_tab {
  position: relative;
  height: 47px;
  border-bottom: 1px solid rgba(218, 222, 224, 0.5);
}
.videoleft_title {
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 15px;
  border-right: 1px solid rgba(218, 222, 224, 0.5);
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #2a2a2a;
}
.videoleft_tablist {
  display: flex;
  padding-left: 60px;
}
.videoleft_tablist > div {
  cursor: pointer;
  padding: 0 15px 23px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #2a2a2a;
}
.videoleft_tablist > div.active {
  color: #0091ff !important;
  border-bottom: 4px solid #0091ff !important;
}
.videoleft_tablist > div.active > a {
  color: #0091ff !important;
}
.videoleft_tablist > div:hover {
  color: #0091ff !important;
  border-bottom: 4px solid #0091ff !important;
}
.videoleft_tablist > div:hover > a {
  color: #0091ff !important;
}
.video_card {
  width: 825px;
  margin-left: -20px;
  padding: 30px;
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}
.video_card:hover {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
  border-radius: 6px;
}
.video_card:hover .article_card_right .article_card_right_title {
  color: #0091ff !important;
}
.video_card:hover .article_card_left img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.video_card_left {
  width: 255px;
  height: 160px;
  margin-right: 30px;
  border-radius: 5px;
}
.video_card_left img {
  width: 255px;
  height: 160px;
  border-radius: 6px;
  transition: .8s;
  -webkit-transition: .8s;
}
.video_card_right {
  height: 165px;
  width: 535px;
  display: flex;
  flex-direction: column;
}
.video_card_right_title {
  cursor: pointer;
  margin-top: 3px;
  font-size: 20px;
  height: 28px;
  flex-shrink: 0;
  line-height: 28px;
  font-weight: 600;
  color: #2a2a2a;
  margin-bottom: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.video_card_right_describe {
  width: 534px;
  height: 60px;
  flex-grow: 1;
  font-weight: 400;
  color: #707478;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.video_card_right_bottom {
  webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.video_card_right_type {
  font-weight: 500;
  color: #93999f;
  font-size: 12px;
}
.video_card_right_date {
  font-size: 12px;
  font-weight: 400;
  color: #93999f;
  margin-left: 30px;
}
.articleright_right_tablist:nth-child(1) .articleright_right_tab_Idiconfont {
  color: #F74427;
}
.articleright_right_tablist:nth-child(2) .articleright_right_tab_Idiconfont {
  color: #FC6E25;
}
.articleright_right_tablist:nth-child(3) .articleright_right_tab_Idiconfont {
  color: #FF8B20;
}
.articlecontainer {
  width: 100%;
  padding-top: 2px;
  display: -webkit-flex;
  justify-content: flex-start;
}
.articleleft {
  width: 845px;
  margin-right: 15px;
  padding: 20px;
  border-radius: 12px;
}
.articleleft_tab {
  position: relative;
  height: 47px;
  border-bottom: 1px solid rgba(218, 222, 224, 0.5);
}
.articleleft_title {
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 15px;
  border-right: 1px solid rgba(218, 222, 224, 0.5);
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #2a2a2a;
}
.articleleft_tablist {
  display: flex;
  padding-left: 60px;
}
.articleleft_tablist > div {
  cursor: pointer;
  padding: 0 15px 23px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #2a2a2a;
}
.articleleft_tablist > div.active {
  color: #0091ff !important;
  border-bottom: 4px solid #0091ff !important;
}
.articleleft_tablist > div.active > a {
  color: #0091ff !important;
}
.articleleft_tablist > div:hover {
  color: #0091ff !important;
  border-bottom: 4px solid #0091ff !important;
}
.articleleft_tablist > div:hover > a {
  color: #0091ff !important;
}
.article_card {
  width: 825px;
  margin-left: -20px;
  padding: 30px 10px 30px 10px;
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}
.article_card:hover {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
  border-radius: 6px;
}
.article_card:hover .article_card_right .article_card_right_title {
  color: #0091ff !important;
}
.article_card:hover .article_card_left img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.article_card_left {
  width: 120px;
  height: 120px;
  margin-right: 30px;
  border-radius: 5px;
}
.article_card_left img {
  width: 120px;
  height: 120px;
  border-radius: 6px;
  transition: .8s;
  -webkit-transition: .8s;
}
.article_card_right {
  height: 120px;
  width: 550px;
  display: flex;
  flex-direction: column;
}
.article_card_right_title {
  cursor: pointer;
  margin-top: 3px;
  font-size: 20px;
  height: 28px;
  flex-shrink: 0;
  line-height: 28px;
  font-weight: 600;
  color: #2a2a2a;
  margin-bottom: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.article_card_right_describe {
  width: 534px;
  height: 60px;
  flex-grow: 1;
  font-weight: 400;
  color: #707478;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.article_card_right_bottom {
  webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.article_card_right_type {
  font-weight: 500;
  color: #93999f;
  font-size: 12px;
}
.article_card_right_date {
  font-size: 12px;
  font-weight: 400;
  color: #93999f;
  margin-left: 30px;
}
.moco-btn {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 7px 20px;
  outline: 0;
  border-radius: 18px;
  background-color: transparent;
  background-image: none;
  color: #ffffff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  opacity: 1;
  cursor: pointer;
  transition: all .3s;
  touch-action: manipulation;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -weibkit-transition: all .3s;
}
.btn_comm {
  width: 100px;
  height: 40px;
  background: #0091ff;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  margin-left: 20px;
}
.moco-btn-red {
  cursor: pointer;
  -weibkit-transition: all .3s;
  transition: all .3s;
  color: #fff;
  background-color: #0091ff;
  border: 1px solid #0091ff;
  opacity: 1;
}
.moco-btn-red.active, .moco-btn-red.focus, .moco-btn-red:active, .moco-btn-red:focus, .moco-btn-red:hover {
  color: #fff;
  border-color: #0091ff;
  background: #0091ff;
  opacity: 1;
}
.float_right {
  float: right;
}
.rc_cord_bg1 {
  color: #0091ff;
}
.d_tips {
  width: 100%;
}
.ex_001 {
  width: 253px;
  height: 300px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  top: 50%;
  margin: -150px auto 0;
  text-align: center;
}
.ex_font {
  color: #000;
  font-size: 12px;
  margin-top: 28px;
}
.ex_b_comm2, .ex_b_comm {
  height: 30px;
  border-radius: 15px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  font-size: 14px;
}
.co_l {
  width: 839px;
  float: left;
  padding-bottom: 100px;
  margin-top: 30px;
}
.as_h_title {
  color: #333333;
  font-size: 18px;
  margin-left: 20px;
}
.as_h_br {
  color: #999999;
  font-size: 16px;
  margin-left: 44px;
}
.as_box_topic {
  width: 100%;
  background: #ffffff;
  margin-top: 20px;
  padding-bottom: 42px;
}
.rt_topic {
  padding-top: 37px;
}
.rt_t_title {
  color: #333333;
  font-size: 18px;
  margin-left: 10px;
  padding-left: 13px;
  position: relative;
  display: inline-block;
}
.rt_t_title:after {
  content: "";
  width: 4px;
  height: 19px;
  background-color: #0091ff;
  position: absolute;
  left: 0;
  border-radius: 6px;
}
.rt_topic_num {
  padding: 0 38px 0 23px;
  margin-top: 23px;
}
.rt_topic_con {
  margin-top: 13px;
  padding-left: 23px;
  padding-right: 23px;
}
.float_left {
  float: left;
}
.dia_love {
  color: #999999;
  font-size: 14px;
  margin-left: 22px;
  padding-left: 10px;
  margin-top: 6px;
  cursor: pointer;
}
.dia_love:hover {
  color: #0091ff;
}
.dia_err_img {
  margin-right: 10px;
  margin-top: -3px;
}
.clear_b {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.cm_options {
  cursor: pointer;
  margin-top: 18px;
  padding-left: 16px;
  padding-right: 31px;
  border-bottom: 1px solid #e6e6e6;
}
.cm_op_box {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  margin-bottom: 10px;
  line-height: 26px;
  border-radius: 6px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.cm_op_box:hover {
  cursor: pointer;
  background: #f4f4f4;
}
.cm_op_l {
  border-radius: 50%;
  line-height: 26px;
  position: absolute;
  top: 5px;
  left: 3px;
}
.cm_op_d, .cm_op_l {
  width: 26px;
  height: 26px;
  font-size: 14px;
  background: #eaeaea;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
}
.cm_op_font {
  color: #333333;
  font-size: 14px;
  display: inline-block;
  width: 80%;
}
.tk_number {
  color: #333333;
  font-size: 14px;
  margin-bottom: 21px;
}
.tk_number_input {
  border: none;
  border-bottom: 1px solid #333333;
  text-indent: 3px;
}
.cm_area {
  width: 100%;
  height: 147px;
  text-indent: 15px;
  padding-top: 11px;
  background-color: #f5f5f5;
}
.rt_jx {
  padding: 0 30px;
  height: 59px;
  background: #f5f5f5;
  line-height: 59px;
}
.rt_comm_d {
  display: inline-block;
  color: #999;
  font-size: 14px;
  margin-right: 54px;
}
.rt_answer {
  color: #29a935;
  font-size: 18px;
  font-weight: 700;
}
.rt_comm_d {
  display: inline-block;
  color: #999;
  font-size: 14px;
  margin-right: 54px;
}
.rt_answer_bg {
  color: #e63b3b;
}
.rc_cord_bg {
  color: #e63b3b;
}
.reSou {
  margin-top: 30px;
}
.re_s_box {
  padding-left: 49px;
  margin-bottom: 13px;
  color: #999;
}
.re_l_mo {
  width: 61px;
  display: inline-block;
  color: #999;
  font-size: 14px;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.re_l_con {
  width: 82.5%;
  display: inline-block;
  padding: 6px 15px 6px 6px;
  font-size: 14px;
  margin-left: 22px;
  vertical-align: middle;
}
.bge6 {
  background-color: #e6e6e6;
}
.ver_top {
  display: inline-block;
  vertical-align: top;
}
.re_l_con1 {
  width: 85%;
  padding-left: 0;
}
.re_l_con {
  width: 82.5%;
  display: inline-block;
  padding: 6px 15px 6px 6px;
  font-size: 14px;
  margin-left: 22px;
  vertical-align: middle;
}
.re_note {
  width: 100%;
  height: 88px;
  padding-top: 10px;
  text-indent: 15px;
  background-color: #f5f5f5;
}
textarea {
  overflow: auto;
}
.note_save, .see_jx {
  background: #0091ff;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.note_save {
  width: 66px;
  height: 30px;
  line-height: 30px;
  margin-left: auto;
  margin-top: 29px;
  display: none;
}
.rt_jx {
  margin-top: 25px;
}
.co_r {
  width: 340px;
  float: left;
  z-index: 9999;
  margin-left: 20px;
  margin-top: 20px;
}
.co_r_f {
  position: fixed;
  top: 0;
  margin-left: 859px;
  margin-top: 0;
}
.as_head {
  width: 100%;
  height: 87px;
  background-color: #ffffff;
  margin-top: 10px;
  line-height: 87px;
}
.as_head2 {
  margin-top: 0;
}
.co_r_font {
  color: #333333;
  font-size: 16px;
  text-align: center;
  padding-top: 19px;
}
.co_r_big {
  width: 189px;
  height: 16px;
  background: #f0f0f0;
  border-radius: 8px;
  margin: 13px auto 0;
}
.co_r_b {
  height: 16px;
  background-color: #0091ff;
  border-radius: 8px;
}
.co_r_font1 {
  color: #333333;
  font-size: 14px;
  margin-right: 23px;
  margin-top: -17px;
}
.ex_time {
  width: 340px;
  margin-top: 20px;
  background-color: #ffffff;
}
.ex_h {
  padding-top: 13px;
  margin-left: 22px;
  color: #999999;
  font-size: 14px;
  line-height: 18px;
}
.count_down {
  margin-top: 18px;
  text-align: center;
  color: #0091ff;
  font-size: 30px;
  font-weight: 700;
}
.fun_box {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
}
.ex_as {
  width: 340px;
  background-color: #fff;
  margin-top: 20px;
}
.as_h {
  padding-top: 22px;
  margin: 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e6e6e6;
  color: #999;
  font-size: 12px;
}
.as_title {
  color: #666;
  font-size: 16px;
}
.as_br {
  margin-top: 17px;
  margin-left: 12px;
}
.as_br_box {
  display: inline-block;
  margin-left: 12px;
}
.as_box_md {
  width: 11px;
  height: 11px;
  background-color: #0091ff;
  border: 1px solid #0091ff;
  display: inline-block;
  border-radius: 2px;
}
.as_b_font {
  color: #999;
  font-size: 14px;
  margin-left: 9px;
}
.as_box_md1 {
  background-color: #fff;
  border: 1px solid #999;
}
.as_box_md2 {
  border: 1px solid #999;
  background: url(data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAJAAgDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAcI/8QAJhAAAAQDBwUAAAAAAAAAAAAAAQIDBQARMQQGBxIhMjVRYXFzsv/EABUBAQEAAAAAAAAAAAAAAAAAAAIF/8QAGxEBAAICAwAAAAAAAAAAAAAAAQAEAgMRMVH/2gAMAwEAAhEDEQA/AN4YYXAO7Lg/PBRUSE2dBNXUVTT3m7Tp18VRWWri7H6SfIQhKrKNy5ts7XPJ4Og8J//Z) 0 0 no-repeat;
}
.as_all_ops {
  height: 240px;
  overflow-x: auto;
  margin-top: 3px;
  padding-left: 19px;
  padding-bottom: 20px;
}
.as_ops_md {
  margin-top: 12px;
}
.as_o_h {
  color: #999;
  font-size: 12px;
  margin-bottom: 12px;
}
.as_o_title {
  color: #333;
  font-size: 14px;
}
.score_co {
  color: #999;
}
.as_c_num {
  padding-left: 10px;
}
.as_ops_num {
  width: 19px;
  height: 19px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 2px;
  margin-right: 20px;
  color: #999;
  font-size: 12px;
  text-align: center;
  line-height: 19px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 12px;
}
.as_ops_num_hover:hover {
  background-color: #0091ff !important;
  border: 1px solid #0091ff;
  color: #fff;
}
.as_ops_num1 {
  width: 21px;
  height: 21px;
  background-color: #0091ff;
  color: #fff;
  border: none;
  line-height: 21px;
}
.co_l {
  width: 839px;
  float: left;
  padding-bottom: 100px;
  margin-top: 30px;
}
.as_head3 {
  margin-top: 0;
  line-height: 20px;
}
.rt_t_title {
  color: #333333;
  font-size: 18px;
  margin-left: 10px;
  padding-left: 13px;
  position: relative;
  display: inline-block;
}
.rt_t_title:after {
  content: "";
  width: 4px;
  height: 19px;
  background-color: #0091ff;
  position: absolute;
  left: 0;
  border-radius: 6px;
}
.num_topic {
  width: 25px;
  height: 27px;
  background: url(/static/img/exam/exam-corner-background.png);
  text-align: center;
  line-height: 20px;
  color: #ffffff;
  font-size: 14px;
}
.love_bg {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 2px;
  width: 16px;
  height: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2RjdCQ0U5OEE4MzExRUE5NzY1RENCQkVCM0FEQjIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2RjdCQ0VBOEE4MzExRUE5NzY1RENCQkVCM0FEQjIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzZGN0JDRTc4QTgzMTFFQTk3NjVEQ0JCRUIzQURCMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzZGN0JDRTg4QTgzMTFFQTk3NjVEQ0JCRUIzQURCMjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4LPOGtAAABIklEQVR42pTSzysEYRzH8WdZVi4cHJWDPfoDlJuDEiVH5bpTysVl2wM54KT2bg4uUpKcUHLguAfFkSPltNLmZ1Ee7299hseUNfutV9N8Z76fZ+aZyXnvXRzHTjWJebyjijP1R1BGFzawb80oilyb+6kt7OABzzjAkgaP8Yp7bGIvGcrruIhZdONNvV7coAMDqKuf0wIrtkDyBAuYDoatGuhRaD3oe4xhzk6SgEecuux1rtf5DrBNK7QQ0I6PMOAJpRYCZvAZBixjVRuUpdaxFgYc4gi3GYZruMRuGGA1ob04aTK8jX6Mpv+DpAYVYqsMp67ZU46nFv19oupEH66C3gWGtPvuvwCrIq7xoi90p7/Rp2/MN3nfKe20rVr566YvAQYAzs48ApzbqbcAAAAASUVORK5CYII=) no-repeat;
}
.love_bg_ed {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE3OTY1QjJBOEE4MzExRUFCQkJDQUUyQkJGMTA2QjhDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE3OTY1QjJCOEE4MzExRUFCQkJDQUUyQkJGMTA2QjhDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTc5NjVCMjg4QTgzMTFFQUJCQkNBRTJCQkYxMDZCOEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTc5NjVCMjk4QTgzMTFFQUJCQkNBRTJCQkYxMDZCOEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7npYIeAAAA5UlEQVR42mL8X8fEAAVsQOwLxD5ALAbEp4B4ORA/BuJoIHYGYg4gPg3EC4D4GUgTI9QAkOY9QGzLgAreA/FHIFbAIh4CxPtYoAKrsGgGAUEoxiYOspANZL0uEDsykA4YgbicCeo8PgbygAvIgN9A/J9MA76CDLgKxG/INGA5EzSaNpCh+TMQL4UlgjRYvBIJ/kLTBgMTcoCQ4JUmIN6MbsB1aEokFKCToAYwoBsAAieAWB8aLthAORAXIQswYVF0GYjNgPggkthbaNLtgvofDlhw2PQCGib5QKwFxPVA/ASbQoAAAwDS2iyQVP26XQAAAABJRU5ErkJggg==) no-repeat;
}
.cm_score {
  color: #0091ff;
}
.sign_bg {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 2px;
  width: 16px;
  height: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAABCklEQVQoU52RsUrEUBBFz7zUguiyhSD+gWhj4xeoLAii+Ad5Ielt8w02Lw+NW1vYWliIYC/aiiCiphE7bUJ4I1lcCBbuslNNcbj3zh1xzvWBbRF5F5HVEEKIouiuqqrbPM8DnRHn3IEx5hz4VtV7ETHAOvAUQjiOougNWAghHIr3fhcYNk2znKbpVyvkve+p6hEwEJF54BNYGcNlHMeLXcu/e1EUz1PD3vvXmeAhUAJrrb2IPNR17bMsexzH6SpfAFeqemOMQVW3gE3gWlVfgL6IDEYxVPXUWtvrHuWc2zDG7LUtAB8icjl15lG8354nVjcTvK+qZ9bauf+eMlIuy3KpruudJElOJsE/kiOC2QvIwg0AAAAASUVORK5CYII=) no-repeat;
}
.cm_t_title {
  color: #333333;
  font-size: 16px;
}
.cm_t_title {
  padding-right: 30px;
}
.cm_t_title {
  line-height: 22px;
}
.clear_b {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.cm_op_bg {
  background-color: #0091ff;
  color: #ffffff;
}
.tk_number {
  color: #333;
  font-size: 14px;
  margin-bottom: 21px;
}
.tk_number_input {
  border: none;
  border-bottom: 1px solid #333;
  text-indent: 3px;
}
.cm_area {
  width: 100%;
  height: 147px;
  text-indent: 15px;
  padding-top: 11px;
  background-color: #f5f5f5;
}
.sign_bg_ed {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAxUlEQVQoU2N8P+dQwL9/f24zMbGoMjL9F2f8x/jkz7cvh4XzvD4xoAHGj/MO/UcX/P///0cmBsapf///X/Pv399fzMwsGgyMDN5YFaNrhvL/D2XFoBB5+J/h/wcGBgZRRgZGaSyehHjw////lQLJ9h0gBf///2f8OP9wMAMDQzYjA4MlAwMDG8N/hucMjAwroYoZ0gSS7Wajm3Z//n4O/l9/2IXSXT+C5PAqxhqD//9jN5lCxXMPfWZgZEzjT7JdjiOa4cIAjSp1tt/HAl0AAAAASUVORK5CYII=) no-repeat;
}
.ex_h {
  padding-top: 13px;
  margin-left: 22px;
  color: #999999;
  font-size: 14px;
  line-height: 18px;
}
.count_down {
  margin-top: 18px;
  text-align: center;
  color: #0091ff;
  font-size: 30px;
  font-weight: 700;
}
.submit_btn {
  width: 281px;
  height: 35px;
  background: #0091ff;
  border-radius: 5px;
  margin: 25px auto 0;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  color: #ffffff;
  font-size: 14px;
}
.submit_btn:hover {
  box-shadow: 0 2px 15px 0 #b3d4ff;
}
.fun_box {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
}
.fun_b_f {
  display: inline-block;
  text-align: center;
  margin-right: 69px;
  cursor: pointer;
}
.fun_b_f:hover {
  color: #0091ff;
}
.fun_b_f:last-child {
  margin-right: 0;
}
.score_co {
  color: #999;
}
.as_br {
  margin-top: 17px;
  margin-left: 12px;
}
.as_br_box {
  display: inline-block;
  margin-left: 12px;
}
.as_box_md {
  width: 11px;
  height: 11px;
  background-color: #0091ff;
  border: 1px solid #0091ff;
  display: inline-block;
  border-radius: 2px;
}
.as_b_font {
  color: #999;
  font-size: 14px;
  margin-left: 9px;
}
.as_box_md1 {
  background-color: #fff;
  border: 1px solid #999;
}
.as_box_md2 {
  border: 1px solid #999;
  background: url(data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAJAAgDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAcI/8QAJhAAAAQDBwUAAAAAAAAAAAAAAQIDBQARMQQGBxIhMjVRYXFzsv/EABUBAQEAAAAAAAAAAAAAAAAAAAIF/8QAGxEBAAICAwAAAAAAAAAAAAAAAQAEAgMRMVH/2gAMAwEAAhEDEQA/AN4YYXAO7Lg/PBRUSE2dBNXUVTT3m7Tp18VRWWri7H6SfIQhKrKNy5ts7XPJ4Og8J//Z) 0 0 no-repeat;
}
.as_all_ops {
  height: 240px;
  overflow-x: auto;
  margin-top: 3px;
  padding-left: 19px;
  padding-bottom: 20px;
}
.as_ops_md {
  margin-top: 12px;
}
.as_o_h {
  color: #999;
  font-size: 12px;
  margin-bottom: 12px;
}
.as_o_title {
  color: #333;
  font-size: 14px;
}
.as_c_num {
  padding-left: 10px;
}
.ex_mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 50;
}
.ex_b_comm2 {
  width: 100px;
  background: #0091ff;
  margin: 31px auto 0;
  color: #fff;
}
.rt_h_title {
  color: #333;
  font-size: 18px;
  margin-left: 20px;
  margin-right: 10px;
}
.rt_head {
  width: 100%;
  height: 87px;
  background-color: #fff;
  margin-top: 30px;
  line-height: 87px;
}
.rt_h_box {
  display: inline-block;
  width: 511px;
  height: 16px;
  background: #f0f0f0;
  border-radius: 8px;
  position: relative;
  top: 1.5px;
}
.rt_h_big {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 8px;
  background-color: #0091ff;
}
.rt_num {
  color: #333;
  font-size: 14px;
  margin-left: 16px;
}
.fr_box {
  display: inline-block;
  text-align: center;
  margin-top: 16px;
  cursor: pointer;
  margin-right: 41px;
  line-height: 14px;
}
.fr_b_font {
  color: #999;
  font-size: 14px;
  margin-top: 13px;
}
.rt_con {
  width: 100%;
  margin-top: 20px;
  background-color: #fff;
  margin-bottom: 97px;
}
.rt_t_title {
  color: #333;
  font-size: 18px;
  margin-left: 10px;
  padding-left: 13px;
  position: relative;
  display: inline-block;
}
.rt_t_br {
  color: #999;
  font-size: 14px;
  margin-left: 3px;
}
.rt_jx {
  padding: 0 30px;
  height: 59px;
  background: #f5f5f5;
  line-height: 59px;
}
.rt_jx {
  margin-top: 25px;
}
.rt_comm_d {
  display: inline-block;
  color: #999;
  font-size: 14px;
  margin-right: 54px;
}
.rt_r_t {
  color: #999;
  font-size: 14px;
}
.rt_answer {
  color: #29a935;
  font-size: 18px;
  font-weight: 700;
}
.rt_answer_bg {
  color: #0091ff;
}
.rc_cord_bg {
  color: #0091ff;
}
.reSou {
  margin-top: 30px;
}
.re_s_box {
  padding-left: 49px;
  margin-bottom: 13px;
  color: #999;
}
.re_l_mo {
  width: 61px;
  display: inline-block;
  color: #999;
  font-size: 14px;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.re_l_con {
  width: 87%;
  display: inline-block;
  padding: 6px 15px 6px 6px;
  font-size: 14px;
  margin-left: 22px;
}
.bge6 {
  background-color: #e6e6e6;
}
.c333 {
  color: #333;
}
.topic_btn {
  padding: 0 38px 38px 41px;
}
.submit_btn {
  margin-left: auto;
}
.btn_comm {
  width: 100px;
  height: 40px;
  background: #0091ff;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.btn_box {
  margin-top: 50px;
}
.clear_b {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.re_note {
  width: 98.5%;
  height: 88px;
  padding-top: 10px;
  text-indent: 15px;
  background-color: #f5f5f5;
}
.note_save {
  width: 66px;
  height: 30px;
  background: #0091ff;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  margin-left: auto;
  margin-top: 29px;
  margin-right: 16px;
  cursor: pointer;
  display: none;
}
img {
  border-style: none;
}
.sel_direction {
  color: #666666;
  font-size: 14px;
}
.sel_dr_bg {
  display: inline-block;
  color: #0091ff;
  cursor: pointer;
}
.sel_dr_bg:hover .modular_dt {
  display: block;
}
.sel_dr_bg:hover .sel_dr_down {
  transform: rotateX(180deg);
}
.sel_dr_down {
  margin-left: 13px;
  transition: all .3s linear;
  margin-top: -3px;
}
.sel_direction_flex {
  color: #666666;
  font-size: 14px;
  display: flex;
}
.subject_flex {
  margin-top: 0px;
  position: relative;
}
.sj_box_title {
  padding: 0 19px;
  height: 30px;
  background: transparent;
  text-align: center;
  line-height: 30px;
  border-radius: 6px;
  color: #333333;
  font-size: 14px;
  float: left;
  margin-bottom: 3px;
}
.sj_box_flex {
  padding: 0 19px;
  height: 30px;
  background: transparent;
  text-align: center;
  line-height: 30px;
  border-radius: 6px;
  color: #333333;
  font-size: 14px;
  cursor: pointer;
  float: left;
  margin-bottom: 3px;
}
.modular_dt {
  display: none;
  width: 100px;
  box-shadow: 0 0 7px -2px #999999;
  margin-top: 1px;
  position: absolute;
  background-color: #ffffff;
  z-index: 1;
}
.mo_dt_box {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #1c1c1c;
  cursor: pointer;
}
.mo_dt_box:hover, .mo_dt_sel {
  background-color: #0091ff;
  color: #ffffff;
}
.subject {
  margin-top: 21px;
  position: relative;
}
.sj_box {
  padding: 0 19px;
  height: 30px;
  background: transparent;
  text-align: center;
  line-height: 30px;
  border-radius: 6px;
  color: #333333;
  font-size: 14px;
  cursor: pointer;
  float: left;
  margin-bottom: 3px;
}
.sj_box_bg {
  background: #e9f3fd;
  color: #0091ff;
}
.clear_b {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.home_u {
  width: 100%;
  position: relative;
  margin-top: 25px;
  height: 318px;
}
.home_u_box {
  width: 285px;
  height: 308px;
  background: #ffffff;
  box-shadow: 0 4px 20px 0 rgba(153, 153, 153, 0.3);
  margin-right: 20px;
  float: left;
  position: relative;
  border-radius: 8px;
}
.home_u_box:hover .btn_home {
  box-shadow: 0 2px 15px 0 #b3d4ff;
}
.home_b_img {
  margin-top: 20px;
}
.home_title {
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  margin-top: 15px;
}
.home_sh {
  margin-top: 15px;
  text-align: left;
}
.home_br {
  color: #666666;
  font-size: 14px;
  line-height: 21px;
}
.btn_home {
  width: 130px;
  height: 40px;
  background: #0091ff;
  border: 1px solid #0091ff;
  border-radius: 20px;
  margin: 21px auto 0;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
  cursor: pointer;
}
.u_head {
  height: 52px;
  position: relative;
  line-height: 52px;
  margin-top: 15px;
  margin-bottom: 24px;
}
.u_img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  vertical-align: middle;
}
.u_name {
  color: #333333;
  font-size: 18px;
  margin-left: 26px;
}
.u_font_b {
  line-height: 26px;
  color: #999999;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.u_font_b {
  line-height: 26px;
  color: #999999;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.u_f_bg {
  color: #0091ff;
}
.time_s {
  height: 24px;
}
.u_font_b {
  line-height: 26px;
  color: #999999;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.u_font_b {
  line-height: 26px;
  color: #999999;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.u_box {
  position: relative;
  height: 80px;
  margin-top: 15px;
}
.u_box_x {
  text-align: center;
  float: left;
  margin-right: 20%;
  cursor: pointer;
}
.u_box_font {
  color: #000000;
  margin-top: 15px;
}
.u_box_x:last-child {
  margin: 0;
}
.evaluation {
  position: relative;
  height: 643px;
  margin-top: 30px;
  margin-bottom: 60px;
}
.eva_left {
  width: 100%;
  height: 100%;
}
.eva_title {
  color: #333;
  font-size: 22px;
  font-weight: 700;
  padding-top: 12px;
  text-align: center;
}
.eva_br {
  color: #999;
  font-size: 14px;
  text-align: center;
  margin-top: 11px;
}
.eva_su {
  width: 100%;
  height: 554px;
  margin-top: 29px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(153, 153, 153, 0.3);
  position: relative;
}
.eva_cord {
  position: relative;
  height: 68px;
  padding: 60px 60px 0;
}
.eva_c_box {
  float: left;
  margin-right: 250px;
  text-align: center;
}
.eva_b_num {
  color: #333;
  font-size: 14px;
}
.eva_b_font {
  margin-top: 20px;
  color: #333;
  font-size: 16px;
}
.eva_num_c1 {
  color: #0091ff;
  font-size: 24px;
}
.eva_num_c2 {
  color: #e63b3b;
  font-size: 24px;
}
.eva_num_c3 {
  color: #22ac38;
  font-size: 24px;
}
.eva_num_c4 {
  color: #ff7e03;
  font-size: 24px;
}
.eva_right {
  width: 285px;
  height: 100%;
  margin-left: 20px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(153, 153, 153, 0.3);
}
.news_title {
  padding: 12px 0 11px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.news_con {
  margin-top: 19px;
}
.news_title_font {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.news_title_m {
  color: #999;
  font-size: 14px;
  cursor: pointer;
}
.new_box {
  height: 36px;
  margin-bottom: 25px;
  position: relative;
}
.eva_c_box:last-child {
  margin: 0;
}
.data_num {
  margin-top: 140px;
}
.data_num_box_bg {
  border: 1px solid #0091ff;
  color: #0091ff;
}
.data_num_box {
  width: 92px;
  height: 39px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  line-height: 39px;
  color: #999;
  cursor: pointer;
  margin-bottom: 10px;
}
.new_box_num {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #999;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  float: left;
  font-size: 14px;
}
.new_num_bg {
  background: #0091ff;
}
.new_box_font {
  width: 207px;
  height: 44px;
  margin-left: 16px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
  float: left;
  overflow: hidden;
  cursor: pointer;
  margin-top: -5px;
}
.news_time {
  color: #b9b7b7;
  font-size: 12px;
  margin-top: 6px;
}
.home_u_box:last-child {
  margin-right: 0;
}
.seven_echarts {
  margin-top: 39px;
  height: 379px;
  width: 85%;
  float: left;
}
.list_box {
  width: 285px;
  height: 313px;
  background: #fff;
  box-shadow: 0 3px 13px 0 rgba(66, 65, 76, 0.09);
  border-radius: 10px;
  position: relative;
  margin-right: 15px;
  margin-bottom: 20px;
  float: left;
}
.list_box2 {
  background: url(/static/img/exam/exam-list-background.png) 100% 0 no-repeat;
}
.l_b2_font {
  transform: rotate(45deg);
  font-size: 10px;
  color: #fff;
  position: absolute;
  right: 0;
  top: 11px;
}
.li_title {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  padding-top: 30px;
  text-align: center;
  margin-bottom: 6px;
}
.l_box {
  padding: 0 35px;
  margin-top: 18px;
}
.l_box_w {
  display: inline-block;
  width: 48.7%;
  text-align: left;
  color: #666;
  font-size: 14px;
}
.l_time1 {
  font-size: 12px;
  color: #333;
  text-align: center;
  margin-top: 15px;
}
.l_btn1 {
  background-color: #0091ff;
}
.l_btn_comm {
  width: 160px;
  height: 40px;
  border-radius: 5px;
  margin: 15px auto 0;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.as_con {
  background-color: #ffffff;
  margin: 20px 0 100px;
  padding: 0 72px;
  text-align: center;
}
.as_head_title {
  color: #333333;
  font-size: 30px;
  margin-top: 23px;
  padding-bottom: 11px;
  position: relative;
  text-align: center;
}
.as_c_time {
  width: 184px;
  height: 43px;
  background: #f0f0f0;
  text-align: center;
  line-height: 43px;
  color: #999999;
  font-size: 14px;
  margin: 50px auto 76px;
}
.as_c_i {
  width: 100%;
  text-align: center;
}
.as_c_box {
  width: 240px;
  display: inline-block;
  text-align: left;
}
.as_c_img {
  display: inline-block;
  vertical-align: top;
}
.as_c_r {
  display: inline-block;
  margin-left: 34px;
}
.as_r_num {
  color: #0091ff;
  font-size: 34px;
  margin-top: 13px;
}
.as_r_font {
  color: #333333;
  font-size: 18px;
  margin-top: 8px;
  display: inline-block;
}
.as_c_rate {
  margin-top: 94px;
}
.as_ra_box {
  display: inline-block;
  padding: 0 62px;
  border-right: 1px solid #e6e6e6;
}
.as_ra_n {
  color: #999;
  font-size: 16px;
}
.as_ra_new {
  color: #29a935;
  font-size: 30px;
}
.as_ra_te {
  color: #999;
  font-size: 16px;
  margin-top: 17px;
}
.as_ra_new1 {
  color: #e63b3b;
}
.as_ra_new1 {
  color: #e63b3b;
}
.as_c_btn {
  margin-top: 100px;
  padding-bottom: 100px;
}
.as_c_btn_comm {
  width: 120px;
  height: 36px;
  background: #0091ff;
  border-radius: 4px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
  margin-right: 50px;
  display: inline-block;
  cursor: pointer;
}
.ex003 {
  width: 552px;
  height: 420px;
  background: #fff;
  position: relative;
  top: 60%;
  margin: -274px auto 0;
}
.ex_title {
  padding-top: 36px;
  color: #333;
  font-size: 20px;
  text-align: center;
}
.ex_br {
  margin-top: 10px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.ex_box {
  margin-top: 24px;
  padding: 0 31px;
}
.ex_b_title {
  color: #333;
  font-size: 18px;
}
.ex_b_ops {
  margin-top: 22px;
  position: relative;
}
.ex_radio_bg {
  width: 15px;
  height: 15px;
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABn0lEQVQ4T6WTT0iTcRjHP8/7bgbhwWgjOlmHkjBh0OYlRE0PYnSyNUMHO9QOUUcPwaZThA4d+wOBB0E03fCQh+qQbRBetEBheZiH1aVDs/QQgu3PI+9e3Fbrkv5OD8/D9/t8n+f3fYSapzEclAiADIH4gCZgF3QN1TlM5iVG4RAih4E+5CJOWeBcl4f2e9DcASddsLcNXz/A6nP4klonrwF5RMbClcEa4QIO5wrXn7m5cgekwlnVpQqfpuD1gxz5/asyyZbYUmWNGy88eO/WTvHv2CJYCq9jqE80yjDnu2cILVc7phOQGocfGTjdAl1RuHzLJrMUTPdANhkUjcobAvE+Wm/axXQcErfru/pfVgk+L8KC/63oqJFj5JuLxjM24Gkb5Dbrwe5LcD9t5399h8dnt0WjRoHYbxPDtAvjDVAq1oMNB4zt23mrHmsoHrezNXOij9aBI8xc3va1GULvarYdh+QE/NwCVwt0Rv7adi9k3weP9s+vwhuY6q06zHlihf4n/+ewY3u7QmBZtchg+apEvMApYAfVj5g6C39e1QFNpLd8SdwYbwAAAABJRU5ErkJggg==);
}
.ex_radio {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #999;
  border-radius: 50%;
}
.ex_ra_font {
  color: #666;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
}
.ex_b_title {
  color: #333;
  font-size: 18px;
}
.ex_b_ops {
  margin-top: 22px;
  position: relative;
}
.txt_con {
  width: 100%;
  height: 96px;
  border: 1px solid #e6e6e6;
  padding-top: 17px;
  color: #1c1c1c;
  text-indent: 15px;
  font-size: 14px;
}
.submit_b {
  background-color: #0091ff;
  color: #fff;
  margin-right: 42px;
}
.ex_b_comm {
  width: 70px;
  margin-top: 31px;
}
.close_b2 {
  margin-right: 153px;
}
.close_b {
  background-color: #e6e6e6;
  color: #999;
  margin-left: 42px;
}
.ex_b_comm {
  width: 70px;
  margin-top: 31px;
}
.submit_b2 {
  margin-left: 153px;
}
.close_b2 {
  margin-right: 153px;
}
.ex_img {
  margin-top: 22px;
}
.noLogin_mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3;
}
.go_login_font {
  font-size: 15px;
  color: #333;
  top: 40%;
}
.go_login {
  width: 130px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  background-color: #0091ff;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  letter-spacing: 1px;
  font-weight: 500;
  top: 50%;
  margin: -20px auto 0;
  font-family: PingFang SC;
}
.go_login, .go_login_font {
  text-align: center;
  position: relative;
}
.as_box_md_error {
  background-color: #e63b3b !important;
  border: 1px solid #e63b3b;
  color: #fff;
}
.as_box_md_right {
  background-color: #39b54a !important;
  border: 1px solid #39b54a;
  color: #fff;
}
.as_box_md_blue {
  background-color: #0091ff !important;
  border: 1px solid #0091ff;
  color: #fff;
}
.as_ops_bg {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MkIyRDMwOTQzRDExRUE4MkVFRDBGQTY2NjZDMzhFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ3MkIyRDMxOTQzRDExRUE4MkVFRDBGQTY2NjZDMzhFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDcyQjJEMkU5NDNEMTFFQTgyRUVEMEZBNjY2NkMzOEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDcyQjJEMkY5NDNEMTFFQTgyRUVEMEZBNjY2NkMzOEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Jkr2ZAAAAj0lEQVR42mL8MO8gIwMDQz0Q5wCxMAN+MIkFSBRANRACm4C4iAlIZBOh+CwQRwLxX5AGZQKKnwBxABB/A3GYCCj+CMReUE0MhDT8BeIYIL6MLIhPQy4Qb0EXxKWhH4inY5NgwhF8pbisRddwEhZ8xGgAhUQILPgIacAIPnwaQNZHoAcfPg2g4NvBQCQACDAARmwcXlnvxWIAAAAASUVORK5CYII=) 0 0 no-repeat;
}
.cm_op_bg {
  background-color: #0091ff;
  color: #ffffff;
}