@charset "UTF-8";
/* 屏蔽bootstrap的点击出现边框效果 */
* {
  outline: 0;
}

body {
  background-color: #f7f8fa;
  word-break: break-all;
}

@font-face {
  font-family: "barlow-bold";
  src: url("//oss.toujianyun.com/web_static/font/antonio-bold/BARLOW-BOLD.TTF") format("truetype");
}
.barlow-bold {
  font-family: "barlow-bold" !important;
}

/* 默认链接颜色 */
a {
  color: #3e454d;
}
a:hover {
  color: #0f6af3;
  text-decoration: none;
}
a.disabled {
  cursor: not-allowed;
  color: #9399a5;
}

a.link,
span.link {
  cursor: pointer;
  color: #0f6af3;
}
a.link:hover,
span.link:hover {
  color: #0f6af3;
  text-decoration: underline;
}

iframe {
  border: none;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

i,
em {
  font-style: normal;
}

.cursor-disable {
  cursor: not-allowed !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer;
}

.text-alignR {
  text-align: right !important;
}

.text-red {
  color: #eb392f !important;
}

.text-red1 {
  color: #F53945 !important;
}

.text-black {
  color: #000 !important;
}

.font20 {
  font-size: 20px;
}

.font18 {
  font-size: 18px;
}

.font16 {
  font-size: 16px;
}

.font14 {
  font-size: 14px !important;
}

.font12 {
  font-size: 12px !important;
}

.text-color333 {
  color: #3e454d !important;
}

.text-color666 {
  color: #676c73 !important;
}

.text-color999 {
  color: #9399a5 !important;
}

.text-blue {
  color: #0f6af3 !important;
}

.text-orange {
  color: #ff7a45 !important;
}

.text-green {
  color: #2bc8a0 !important;
}

.text-wrong {
  color: #ff5a5a !important;
}

.text-yellow {
  color: #FFB327 !important;
}

.border-underline {
  border-bottom: 1px solid #0f6af3;
}

.bgc-white {
  background-color: #fff;
}

.border-yellow {
  border: 1px solid #FFE58F !important;
}

.border-blue {
  border: 1px solid #0f6af3 !important;
}

.c-disabled {
  color: #9399a5 !important;
}

.badge-red {
  background-color: #eb4d3d !important;
}

.color-orange {
  color: #ff7a45;
}

.link-color, .link-color:hover {
  color: #0f6af3;
}

.op07 {
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.zindex2 {
  z-index: 2;
}

.text-mid {
  padding-left: 15px;
  display: inline-block;
  color: #888;
}
.text-mid .iconfont {
  margin-right: 5px;
  font-size: 14px;
  color: #9399a5;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.link-btn-dropdown {
  position: relative;
}
.link-btn-dropdown:hover .link-btn-dropdown-layer {
  display: block;
}
.link-btn-dropdown.button-dropdown .link-btn-dropdown-layer {
  top: 100%;
  left: 0;
  right: auto;
  padding-top: 6px;
  min-width: 100%;
}
.link-btn-dropdown.button-dropdown .link-btn-dropdown-layer.layer-direction-up {
  top: auto;
  padding-top: 0;
  bottom: 100%;
  padding-bottom: 6px;
}
.link-btn-dropdown.component-switch {
  display: inline-block;
}
.link-btn-dropdown.component-switch .cs-text {
  cursor: pointer;
}
.link-btn-dropdown.component-switch .cs-text .text {
  position: relative;
  color: #676c73;
  padding-left: 12px;
}
.link-btn-dropdown.component-switch .cs-text .text:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  font-size: 0;
  background-color: #52c41a;
  border-radius: 50%;
  content: "";
}
.link-btn-dropdown.component-switch .cs-text .text.off:before {
  background-color: #eb4d3d;
}
.link-btn-dropdown.component-switch .cs-text .text.delete:before {
  background-color: #dcdfe6;
}
.link-btn-dropdown.component-switch .cs-text .iconfont {
  font-size: 12px;
  margin-left: 10px;
  color: #bfbfbf;
  display: inline-block;
  transition: ease-in 0.15s;
}
.link-btn-dropdown.component-switch:hover .cs-text .iconfont {
  transform: rotate(180deg);
}
.link-btn-dropdown.component-switch .link-btn-dropdown-layer {
  top: 100%;
  left: 0;
  right: auto;
  padding-top: 10px;
  min-width: 100%;
}
.link-btn-dropdown.component-switch .link-btn-dropdown-layer.layer-direction-up {
  top: auto;
  padding-top: 0;
  bottom: 100%;
  padding-bottom: 10px;
}

.link-btn-dropdown-layer {
  position: absolute;
  top: 80%;
  right: 0;
  z-index: 2;
  display: none;
  cursor: default;
  padding-top: 15px;
}
.link-btn-dropdown-layer.layer-direction-up {
  top: auto;
  padding-top: 0;
  bottom: 80%;
  padding-bottom: 15px;
}
.link-btn-dropdown-layer .layer-inner {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.link-btn-dropdown-layer .layer-inner > * {
  display: block;
  padding-left: 18px;
  padding-right: 18px;
  text-align: center;
  line-height: 38px;
  margin-bottom: 0;
  font-weight: normal;
  max-width: none;
}
.link-btn-dropdown-layer .layer-inner > *:hover {
  text-decoration: none;
  background-color: #fafafa;
  color: #0f6af3;
}

/* 文本溢出省略（单行） */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis-multiple,
.ellipsis-multiple-l2,
.ellipsis-multiple-l3,
.ellipsis-multiple-l4 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

/* 两行 */
.ellipsis-multiple-l2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

/* 三行 */
.ellipsis-multiple-l3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

/* 四行 */
.ellipsis-multiple-l4 {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

.popover-toggle {
  display: inline-block;
  margin-left: 5px;
}
.popover-toggle > .iconfont {
  color: #888;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.popover-toggle > .iconfont:hover {
  color: #0f6af3;
}

.rounddot {
  position: relative;
  line-height: 1;
  z-index: 1;
}
.rounddot:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -6px;
  padding: 3px;
  z-index: 9999999;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  border-width: 1px;
  border-style: solid;
}
.rounddot.rounddot-red:after {
  background-color: #eb4d3d;
  border-color: #eb4d3d;
}

video::-webkit-media-controls {
  display: none !important;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

.has-video-controls::-webkit-media-controls, .has-video-controls::-webkit-media-controls-start-playback-button {
  display: -webkit-flex !important;
}

.rich-text-uploding-videos {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: #000;
  opacity: 0.7;
  width: 100%;
  z-index: 1000000;
  top: 0;
}
.rich-text-uploding-videos .rich-text-uploding-videos-spinner {
  border: 8px solid #f3f3f3;
  /* Light grey */
  border-top: 8px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.table-layout-fixed {
  table-layout: fixed;
}

.label-table {
  display: table;
  width: 100%;
}
.label-table .label-tr {
  display: table-row;
}
.label-table .label-td {
  display: table-cell;
  vertical-align: middle;
}
.label-table .label-td.top {
  vertical-align: top;
}
.label-table .label-td.bottom {
  vertical-align: bottom;
}

.they-are-learning > img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: relative;
  vertical-align: top;
}
.they-are-learning > img + img {
  margin-left: -10px;
  z-index: 2;
}

.cover-label {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  height: 28px;
  border-radius: 4px;
  overflow: hidden;
}
.cover-label .bg-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.cover-label .text {
  position: relative;
  z-index: 2;
  line-height: 28px;
  color: #fff;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 580px) {
  .cover-label {
    transform: scale(0.7142857143);
    transform-origin: right top;
    top: 6px;
    right: 6px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1230px;
  }
}
.import-container .section + .section {
  margin-top: 40px;
}
.import-container .section-title {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  border-left: 3px solid;
  padding-left: 10px;
  border-left-color: #0f6af3;
}
.import-container .section-content {
  padding-left: 20px;
  margin-top: 30px;
}
.import-container .step-title .step-num {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  background-color: #0f6af3;
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
}
.import-container .step-intro {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #9399a5;
  padding: 10px 0 10px 40px;
}
.import-container .step-intro > p {
  margin-bottom: 5px;
}
.import-container .step-intro > p:last-child {
  margin-bottom: 0;
}
.import-container .step-intro:after {
  position: absolute;
  top: 0;
  left: 15px;
  width: 0;
  height: 100%;
  border-left: 1px dashed #e5e5e5;
  content: "";
}
.import-container .text-chose {
  color: #888;
  padding-left: 15px;
}
.import-container .confirm {
  margin-top: 30px;
  padding-left: 114px;
  position: relative;
}
.import-container .confirm .loading {
  position: absolute;
  top: -8px;
  left: 260px;
  font-size: 12px;
  color: #0f6af3;
  text-align: center;
}

@font-face {
  font-family: "iconfont";
  /* Project id 1599936 */
  src: url("/assets/iconfont/iconfont.eot?t=1719546050500");
  /* IE9 */
  src: url("/assets/iconfont/iconfont.eot?t=1719546050500#iefix") format("embedded-opentype"), url("/assets/iconfont/iconfont.woff2?t=1719546050500") format("woff2"), url("/assets/iconfont/iconfont.woff?t=1719546050500") format("woff"), url("/assets/iconfont/iconfont.ttf?t=1719546050500") format("truetype"), url("/assets/iconfont/iconfont.svg?t=1719546050500#iconfont") format("svg");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zhengshu-xianxing:before {
  content: "\E70B";
}

.icon-luxian-1:before {
  content: "\E70A";
}

.icon-luxian-2:before {
  content: "\E901";
}

.icon-luxian-3:before {
  content: "\E706";
}

.icon-luxian-4:before {
  content: "\E707";
}

.icon-luxian-5:before {
  content: "\EB60";
}

.icon-luxian-6:before {
  content: "\E708";
}

.icon-tingzhiyaoqing:before {
  content: "\E705";
}

.icon-jindu1:before {
  content: "\E704";
}

.icon-shijian:before {
  content: "\E855";
}

.icon-xiangshangjiantou:before {
  content: "\E703";
}

.icon-qiandao:before {
  content: "\E701";
}

.icon-saomaqiandao:before {
  content: "\E702";
}

.icon-biaoqian:before {
  content: "\E700";
}

.icon-shangyi:before {
  content: "\E6FF";
}

.icon-xiayi:before {
  content: "\F063";
}

.icon-zijianju:before {
  content: "\E8B2";
}

.icon-kechengjihua:before {
  content: "\E9AF";
}

.icon-fasong:before {
  content: "\E6FD";
}

.icon-tingzhi:before {
  content: "\E6FC";
}

.icon-ciyuntu:before {
  content: "\E6FB";
}

.icon-zhishitupu:before {
  content: "\E88A";
}

.icon-changjing:before {
  content: "\E6FA";
}

.icon-erweimashezhi:before {
  content: "\E6F8";
}

.icon-shoujishumadiannao:before {
  content: "\E6F9";
}

.icon-dingbu:before {
  content: "\E76C";
}

.icon-jiubanweixuan:before {
  content: "\E6F6";
}

.icon-tiyanxinban:before {
  content: "\E6F5";
}

.icon-xiangmujingli:before {
  content: "\E6F4";
}

.icon-zhiyezige:before {
  content: "\E6F0";
}

.icon-hexinsuyangpingjia:before {
  content: "\E6F2";
}

.icon-ceping-weixuanzhong:before {
  content: "\E6F3";
}

.icon-filter:before {
  content: "\E6EF";
}

.icon-zhengfu:before {
  content: "\E6ED";
}

.icon-zhiye:before {
  content: "\E897";
}

.icon-loading1:before {
  content: "\E6EC";
}

.icon-yidong1:before {
  content: "\E6EB";
}

.icon-zuzhijiagou1:before {
  content: "\E6E9";
}

.icon-jiaoseguanli:before {
  content: "\E878";
}

.icon-gangwei:before {
  content: "\E6E8";
}

.icon-yonghuzu:before {
  content: "\E709";
}

.icon-jiangbei:before {
  content: "\ED14";
}

.icon-gengduo1:before {
  content: "\E6E7";
}

.icon-guanbiyinle:before {
  content: "\E6E4";
}

.icon-yinle:before {
  content: "\E6E5";
}

.icon-shuaxin:before {
  content: "\E6E3";
}

.icon-duoxuanti:before {
  content: "\E6DE";
}

.icon-paixu1:before {
  content: "\E6DB";
}

.icon-panduan:before {
  content: "\E6DC";
}

.icon-jiandati:before {
  content: "\E822";
}

.icon-danxuan:before {
  content: "\E6DF";
}

.icon-tiankong:before {
  content: "\E6E1";
}

.icon-duoxiangtiankong:before {
  content: "\E6E2";
}

.icon-xuexilujing:before {
  content: "\E6DA";
}

.icon-yewuhuanjiehangai:before {
  content: "\E6D9";
}

.icon-manyi:before {
  content: "\E778";
}

.icon-bumanyi:before {
  content: "\E779";
}

.icon-yiban:before {
  content: "\E77A";
}

.icon-jinru:before {
  content: "\E6D5";
}

.icon-zhexiantu:before {
  content: "\E6CD";
}

.icon-bingzhuangtu:before {
  content: "\E6D3";
}

.icon-tiaoxingtu:before {
  content: "\E928";
}

.icon-zhuzhuangtu:before {
  content: "\E929";
}

.icon-huanzhuangbingtu:before {
  content: "\E79E";
}

.icon-biaoge:before {
  content: "\EE15";
}

.icon-xuexiditu1:before {
  content: "\E6D7";
}

.icon-mn_wendang:before {
  content: "\E6D6";
}

.icon-zhengshu2:before {
  content: "\E6D2";
}

.icon-jiacu:before {
  content: "\E6CE";
}

.icon-xieti:before {
  content: "\E6CF";
}

.icon-xiahuaxian:before {
  content: "\E6D1";
}

.icon-daochu:before {
  content: "\E6CC";
}

.icon-tuichu:before {
  content: "\E6C8";
}

.icon-xiayijie:before {
  content: "\E6C9";
}

.icon-shangyijie:before {
  content: "\E6CA";
}

.icon-erji-mian:before {
  content: "\E6C6";
}

.icon-yinpin:before {
  content: "\E6C7";
}

.icon-qiehuan1:before {
  content: "\E789";
}

.icon-remen:before {
  content: "\E6C2";
}

.icon-loading:before {
  content: "\E8FD";
}

.icon-qiehuan:before {
  content: "\E6C5";
}

.icon-xiaoxi:before {
  content: "\E6C3";
}

.icon-icon_qingtian:before {
  content: "\E6C4";
}

.icon-shouye-zhibo:before {
  content: "\E6C1";
}

.icon-renzheng:before {
  content: "\E6C0";
}

.icon-dayinji2:before {
  content: "\E6BF";
}

.icon-xiaoshi:before {
  content: "\E6BE";
}

.icon-duxue:before {
  content: "\E6BD";
}

.icon-liebiao:before {
  content: "\E818";
}

.icon-bili:before {
  content: "\E6BC";
}

.icon-flag:before {
  content: "\E6BB";
}

.icon-detail:before {
  content: "\E6B9";
}

.icon-shengli:before {
  content: "\E6BA";
}

.icon-people:before {
  content: "\E6B8";
}

.icon-attache-case:before {
  content: "\E6B7";
}

.icon-tuandui:before {
  content: "\E6B5";
}

.icon-pinglun:before {
  content: "\E6B6";
}

.icon-dengdai:before {
  content: "\E6B4";
}

.icon-shoujihao:before {
  content: "\E6B3";
}

.icon-tixing:before {
  content: "\E6B2";
}

.icon-daijiao:before {
  content: "\E6B0";
}

.icon-yaoqingyouli:before {
  content: "\E6AE";
}

.icon-xuexiditu:before {
  content: "\E6AC";
}

.icon-zuzhijiagou:before {
  content: "\E6AB";
}

.icon-xiazai:before {
  content: "\E6AA";
}

.icon-dianji-shouzhi:before {
  content: "\E6A9";
}

.icon-weixiao:before {
  content: "\E6A8";
}

.icon-home:before {
  content: "\E7AC";
}

.icon-caigou:before {
  content: "\E6A7";
}

.icon-baoming:before {
  content: "\E6A6";
}

.icon-xiuxi:before {
  content: "\E7BA";
}

.icon-jietu:before {
  content: "\E6A4";
}

.icon-kedan:before {
  content: "\E69F";
}

.icon-zuigaofen:before {
  content: "\E6A0";
}

.icon-zongfen:before {
  content: "\E6A1";
}

.icon-yaoqing:before {
  content: "\E6EA";
}

.icon-taolun:before {
  content: "\E6CB";
}

.icon-eye-close:before {
  content: "\E69B";
}

.icon-sudian:before {
  content: "\E69D";
}

.icon-mulu:before {
  content: "\E699";
}

.icon-biji:before {
  content: "\E69A";
}

.icon-integral:before {
  content: "\E9AE";
}

.icon-wodemingpian:before {
  content: "\E698";
}

.icon-wodetiwen:before {
  content: "\E697";
}

.icon-fabu:before {
  content: "\E696";
}

.icon-exam:before {
  content: "\E695";
}

.icon-chapter:before {
  content: "\E6EE";
}

.icon-wodeketang:before {
  content: "\E694";
}

.icon-shijianjindu:before {
  content: "\E693";
}

.icon-jiangpinpeizhi:before {
  content: "\E711";
}

.icon-zanwu-hui:before {
  content: "\E69C";
}

.icon-weizhongjiangx:before {
  content: "\E691";
}

.icon-wj-fill:before {
  content: "\E690";
}

.icon-lock-fill:before {
  content: "\E68F";
}

.icon-guanbi:before {
  content: "\E7B7";
}

.icon-youhuiquan:before {
  content: "\E68E";
}

.icon-yiguoqi:before {
  content: "\E68B";
}

.icon-yishiyong:before {
  content: "\E68C";
}

.icon-yilingqu:before {
  content: "\E68D";
}

.icon-paixu-shang:before {
  content: "\E688";
}

.icon-paixu-xia:before {
  content: "\F062";
}

.icon-red-packet:before {
  content: "\E687";
}

.icon-xunlianying:before {
  content: "\E692";
}

.icon-bianji:before {
  content: "\E686";
}

.icon-gengduo:before {
  content: "\E924";
}

.icon-zuoye:before {
  content: "\E685";
}

.icon-wenjianjia:before {
  content: "\E6A5";
}

.icon-fujian:before {
  content: "\E6E0";
}

.icon-xiala1:before {
  content: "\E684";
}

.icon-down-pop:before {
  content: "\F061";
}

.icon-upload:before {
  content: "\E67E";
}

.icon-xuexi:before {
  content: "\E682";
}

.icon-xingzhuang7292kaobei2:before {
  content: "\E681";
}

.icon-yiwen:before {
  content: "\E680";
}

.icon-hege:before {
  content: "\E67F";
}

.icon-fankui:before {
  content: "\E64B";
}

.icon-siweidaotu:before {
  content: "\E67D";
}

.icon-msg:before {
  content: "\E67B";
}

.icon-gonggao1:before {
  content: "\E8D5";
}

.icon-qiye:before {
  content: "\E67A";
}

.icon-address2:before {
  content: "\E679";
}

.icon-time:before {
  content: "\E671";
}

.icon-address1:before {
  content: "\E670";
}

.icon-paixingbang:before {
  content: "\E6AD";
}

.icon-minus:before {
  content: "\E66E";
}

.icon-jichuxinxi:before {
  content: "\E815";
}

.icon-xuexibaogao1:before {
  content: "\E678";
}

.icon-weixin:before {
  content: "\E61F";
}

.icon-chenggong:before {
  content: "\E677";
}

.icon-image:before {
  content: "\E676";
}

.icon-bangdingweixin:before {
  content: "\E675";
}

.icon-xuexirenwu-hover:before {
  content: "\E674";
}

.icon-jindu:before {
  content: "\E6FE";
}

.icon-xitongguanli:before {
  content: "\E66B";
}

.icon-renwuguanli:before {
  content: "\E66C";
}

.icon-ziyuanguanli:before {
  content: "\E6A3";
}

.icon-gonggao:before {
  content: "\ED51";
}

.icon-fuzhu_youyong:before {
  content: "\E667";
}

.icon-dianzan-2:before {
  content: "\E66A";
}

.icon-guaduan:before {
  content: "\E666";
}

.icon-tonghuao:before {
  content: "\E725";
}

.icon-danmukai:before {
  content: "\E665";
}

.icon-gengduocaozuo:before {
  content: "\E663";
}

.icon-danmuguanbi:before {
  content: "\E664";
}

.icon-shipin:before {
  content: "\E65F";
}

.icon-xianluqiehuan:before {
  content: "\E661";
}

.icon-liaotian:before {
  content: "\E662";
}

.icon-yidong:before {
  content: "\E6D8";
}

.icon-fuzhi:before {
  content: "\E66F";
}

.icon-ziliao1:before {
  content: "\E65E";
}

.icon-zhankai:before {
  content: "\E65C";
}

.icon-shouqi:before {
  content: "\E65D";
}

.icon-duigou:before {
  content: "\E65A";
}

.icon-cuo:before {
  content: "\E65B";
}

.icon-fanhuidingbu3:before {
  content: "\E659";
}

.icon-ziliao:before {
  content: "\E658";
}

.icon-kecheng:before {
  content: "\E654";
}

.icon-kefu:before {
  content: "\E6D0";
}

.icon-huiyuan:before {
  content: "\E655";
}

.icon-team:before {
  content: "\E656";
}

.icon-kefu-2:before {
  content: "\EAA1";
}

.icon-arrow-down:before {
  content: "\E69E";
}

.icon-close-2:before {
  content: "\E669";
}

.icon-paixu:before {
  content: "\E64A";
}

.icon-yanzhengma:before {
  content: "\E619";
}

.icon-zhanghao:before {
  content: "\E760";
}

.icon-xuexibaogao:before {
  content: "\E649";
}

.icon-wodekecheng:before {
  content: "\E64C";
}

.icon-xuexijilu:before {
  content: "\E64D";
}

.icon-wodedingdan:before {
  content: "\E650";
}

.icon-wj:before {
  content: "\E657";
}

.icon-live:before {
  content: "\E648";
}

.icon-warning-2:before {
  content: "\E647";
}

.icon-offline:before {
  content: "\E744";
}

.icon-image-2:before {
  content: "\E77B";
}

.icon-face:before {
  content: "\E63B";
}

.icon-money:before {
  content: "\E63F";
}

.icon-tuiguang:before {
  content: "\E63D";
}

.icon-doctor-hat:before {
  content: "\E6B1";
}

.icon-address:before {
  content: "\E6D4";
}

.icon-video-fill:before {
  content: "\E646";
}

.icon-user-fill-2:before {
  content: "\E639";
}

.icon-book-fill-2:before {
  content: "\E660";
}

.icon-book-fill:before {
  content: "\E63A";
}

.icon-clock-2:before {
  content: "\E653";
}

.icon-video-2:before {
  content: "\E6A2";
}

.icon-live-2:before {
  content: "\E638";
}

.icon-experience:before {
  content: "\E64F";
}

.icon-certificate:before {
  content: "\E637";
}

.icon-add-2:before {
  content: "\E636";
}

.icon-ok-2:before {
  content: "\E6AF";
}

.icon-read:before {
  content: "\E6F1";
}

.icon-remove-fill:before {
  content: "\E633";
}

.icon-right:before {
  content: "\E652";
}

.icon-doubt-fill:before {
  content: "\E616";
}

.icon-player-pause:before {
  content: "\E628";
}

.icon-player-fullscreen-shrink:before {
  content: "\E629";
}

.icon-player-volume:before {
  content: "\E62A";
}

.icon-player-play:before {
  content: "\E62D";
}

.icon-player-fullscreen-expand:before {
  content: "\E62F";
}

.icon-player-volume-mute:before {
  content: "\E632";
}

.icon-pdf:before {
  content: "\E627";
}

.icon-play-2:before {
  content: "\E626";
}

.icon-horn-circle-fill:before {
  content: "\E6F7";
}

.icon-statistics:before {
  content: "\E615";
}

.icon-notice:before {
  content: "\E716";
}

.icon-phone:before {
  content: "\E645";
}

.icon-phone-fill:before {
  content: "\E66D";
}

.icon-fullscreen-shrink:before {
  content: "\E611";
}

.icon-zoom-out:before {
  content: "\E613";
}

.icon-fullscreen-expand:before {
  content: "\E6DD";
}

.icon-zoom-in:before {
  content: "\E620";
}

.icon-wechat-pay:before {
  content: "\E631";
}

.icon-doc:before {
  content: "\E624";
}

.icon-video:before {
  content: "\E8AD";
}

.icon-bought:before {
  content: "\E6E6";
}

.icon-refresh:before {
  content: "\E63C";
}

.icon-play-1:before {
  content: "\E62E";
}

.icon-add:before {
  content: "\E630";
}

.icon-wechat:before {
  content: "\E621";
}

.icon-delete:before {
  content: "\E623";
}

.icon-remove-circle:before {
  content: "\E61D";
}

.icon-add-circle:before {
  content: "\E651";
}

.icon-password-circle:before {
  content: "\E61C";
}

.icon-position-fill:before {
  content: "\E642";
}

.icon-calendar:before {
  content: "\E610";
}

.icon-windows:before {
  content: "\E668";
}

.icon-apple:before {
  content: "\E60D";
}

.icon-search:before {
  content: "\E60C";
}

.icon-users-fill:before {
  content: "\E641";
}

.icon-exam-fill:before {
  content: "\E609";
}

.icon-clock-fill:before {
  content: "\E607";
}

.icon-book-2:before {
  content: "\E618";
}

.icon-count-down-fill:before {
  content: "\E758";
}

.icon-user-fill:before {
  content: "\E60B";
}

.icon-play:before {
  content: "\E61B";
}

.icon-paper:before {
  content: "\E617";
}

.icon-bell:before {
  content: "\E643";
}

.icon-arrow-down-fill:before {
  content: "\E63E";
}

.icon-arrow-right-fill:before {
  content: "\E603";
}

.icon-folder-fill:before {
  content: "\E673";
}

.icon-prev-circle-2:before {
  content: "\F05F";
}

.icon-next-circle:before {
  content: "\F060";
}

.icon-prev-circle:before {
  content: "\E612";
}

.icon-next-circle-2:before {
  content: "\E614";
}

.icon-warning-fill:before {
  content: "\E625";
}

.icon-star:before {
  content: "\E60F";
}

.icon-star-empty:before {
  content: "\E60E";
}

.icon-ok:before {
  content: "\E62C";
}

.icon-photo:before {
  content: "\E61E";
}

.icon-required:before {
  content: "\E634";
}

.icon-close:before {
  content: "\E601";
}

.icon-ask:before {
  content: "\E67C";
}

.icon-count-down:before {
  content: "\E672";
}

.icon-done:before {
  content: "\E644";
}

.icon-user:before {
  content: "\E635";
}

.icon-clock:before {
  content: "\E606";
}

.icon-show-pwd:before {
  content: "\E622";
}

.icon-hide-pwd:before {
  content: "\E64E";
}

.icon-excel:before {
  content: "\E640";
}

.icon-share:before {
  content: "\E62B";
}

.icon-round-dot:before {
  content: "\E61A";
}

.icon-doubt:before {
  content: "\E60A";
}

.icon-warning:before {
  content: "\E608";
}

.icon-fail:before {
  content: "\E604";
}

.icon-success:before {
  content: "\E605";
}

.icon-progress:before {
  content: "\E683";
}

.icon-article:before {
  content: "\F05B";
}

.icon-file:before {
  content: "\E68A";
}

.icon-next:before {
  content: "\E600";
}

.icon-prev:before {
  content: "\F05C";
}

.icon-down:before {
  content: "\F05D";
}

.icon-up:before {
  content: "\F05E";
}

.icon-quotation:before {
  content: "\E602";
}

.icon-quotation-reverse:before {
  content: "\E729";
}

.icon-book:before {
  content: "\E689";
}

.icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.icon:after {
  position: absolute;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--calendar {
  background-color: #fff;
}
.icon--calendar .form-control {
  position: relative;
  background-color: transparent !important;
}
.icon--calendar .form-control[disabled], .icon--calendar .form-control[readonly] {
  background-color: #eee !important;
}
.icon--calendar.time:after {
  content: "\E671";
}
.icon--calendar:after {
  top: 50%;
  right: 8px;
  margin-top: -6px;
  line-height: 1;
  color: #676c73;
  font-size: 12px;
  content: "\E610";
}

.label-icon {
  font-weight: 400;
  display: inline-block;
  padding: 0.3em 0.5em;
}
.label-icon.label-icon-blue {
  background-color: #eef4fe;
  color: #0f6af3;
}
.label-icon.label-icon-blue-plain {
  border: 1px solid #0f6af3;
  color: #0f6af3;
}
.label-icon.label-icon-green {
  background-color: #f0f9f7;
  color: #25ac8a;
}
.label-icon.label-icon-green-plain {
  border: 1px solid #25ac8a;
  color: #25ac8a;
}
.label-icon.label-icon-red {
  background-color: #fef1f0;
  color: #eb392f;
}
.label-icon.label-icon-red-plain {
  border: 1px solid #eb392f;
  color: #eb392f;
}
.label-icon.label-icon-yellow {
  background-color: #fff5ef;
  color: #ff7a45;
}
.label-icon.label-icon-yellow-plain {
  border: 1px solid #ff7a45;
  color: #ff7a45;
}
.label-icon.label-icon-skyblue {
  background-color: rgba(30, 186, 219, 0.07);
  color: #1ebadb;
}
.label-icon.label-icon-skyblue-plain {
  border: 1px solid #1ebadb;
  color: #1ebadb;
}
.label-icon.label-icon-hot {
  background-color: #ff4d4c;
  background-image: linear-gradient(to right, #ff4d4c 0%, #ff886a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFF4D4C", endColorstr="#FFFF886A", GradientType="1");
  color: #fef0db;
}

.label-title-status {
  font-weight: 400;
  display: inline-block;
  padding: 0.25em 0.4em;
  margin-top: 0.2em;
  vertical-align: top;
  border-radius: 4px;
  color: #fff;
}
.label-title-status.plain {
  padding: calc(0.25em - 1px) calc(0.4em - 1px);
  border-width: 1px;
  border-style: solid;
}
.label-title-status.label-title-status-01 {
  background-color: #5897f7;
}
.label-title-status.label-title-status-02 {
  background-color: #ff7a45;
  background-image: linear-gradient(to right, #ff7a45 0%, #f3390e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFF7A45", endColorstr="#FFF3390E", GradientType="1");
  position: relative;
  padding-left: 1.8em;
}
.label-title-status.label-title-status-02 > span {
  position: absolute;
  top: 0.15em;
  left: 0.4em;
  width: 1em;
  height: 1em;
  background: url(/assets/images/icon/living-01.gif) no-repeat center center/100% 100%;
}
.label-title-status.label-title-status-02 {
  padding-left: 0.4em\9 ;
}
.label-title-status.label-title-status-02 > span {
  display: none\9 ;
}
.label-title-status.label-title-status-03 {
  background-color: #ccc;
}
.label-title-status.label-title-status-04 {
  color: #ff7a45;
  background-color: #fff2ec;
}
.label-title-status.label-title-status-05 {
  color: #0f6af3;
  background-color: #e5eeff;
}
.label-title-status.label-title-status-05.plain {
  background-color: #fff;
}
.label-title-status.label-title-status-06 {
  color: #9399a5;
  background-color: #f5f7fa;
}
.label-title-status.label-title-status-06.plain {
  background-color: #fff;
}
.label-title-status.label-title-status-07 {
  background-color: #f30e0e;
}
.label-title-status.label-title-status-08 {
  background-color: #f30e0e;
  display: inline-block !important;
}
.label-title-status.label-title-status-09 {
  background-color: #0f6af3;
}
.label-title-status.label-title-status-10 {
  background-color: #ff7a45;
}
.label-title-status.label-title-status-11 {
  background-color: #8f7bf7;
}

.label-icon-text {
  height: 20px;
  line-height: 20px;
  border-radius: 0;
  font-size: 16px;
  margin-left: 20px;
  font-weight: 400;
  padding: 0;
}
.label-icon-text .iconfont {
  font-size: 16px;
  margin-right: 5px;
}
.label-icon-text.label-icon-text-01 {
  color: #ff7a45 !important;
}
.label-icon-text.label-icon-text-01:hover {
  color: #ff7a45 !important;
}
.label-icon-text.label-icon-text-02 {
  color: #9399a5 !important;
}
.label-icon-text.label-icon-text-02:hover {
  color: #9399a5 !important;
}

/* 雪碧图图标 */
.__icons {
  background-image: url(../images/icon/icons.png);
  background-repeat: no-repeat;
  background-size: 112px auto;
}

.sort-toggle {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-top: -4px;
}
.sort-toggle .up,
.sort-toggle .down {
  position: relative;
  width: 20px;
  height: 10px;
  cursor: pointer;
}
.sort-toggle .up:before,
.sort-toggle .down:before {
  color: #888;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1;
  position: absolute;
  left: 0;
  font-family: "iconfont" !important;
  font-size: 12px;
  transform: scale(0.8333333333);
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sort-toggle .up:hover:before, .sort-toggle .up.active:before,
.sort-toggle .down:hover:before,
.sort-toggle .down.active:before {
  color: #0f6af3;
}
.sort-toggle .up:before {
  content: "\E688";
}
.sort-toggle .down:before {
  content: "\F062";
}

.label-v2 {
  height: 20px;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  border-radius: 10px 2px 10px 2px;
}
.label-v2__green {
  background: linear-gradient(90deg, #62DEA7, #2CC783);
}
.label-v2__red {
  background: linear-gradient(90deg, #F53945, #FD8C93);
}
.label-v2__orange {
  background: linear-gradient(270deg, #FF9844, #FF6E3C);
}

body *,
.scrollbar {
  scrollbar-arrow-color: #e0e0e0;
  scrollbar-face-color: #e6e6e6;
  scrollbar-highlight-color: #e6e6e6;
  scrollbar-shadow-color: #e6e6e6;
  scrollbar-track-color: #f7f7f7;
  scrollbar-3dlight-color: #e6e6e6;
  scrollbar-darkshadow-color: #e6e6e6;
  scrollbar-base-color: #e6e6e6;
}
body *::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  overflow: auto;
}
body *::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #dee0e2;
  min-height: 25px;
  width: 6px;
  border-radius: 3px;
}
body *::-webkit-scrollbar-button,
.scrollbar::-webkit-scrollbar-button {
  height: 0;
}

/*
    字体文件引用自 iconfont.cn
*/
/* 单选框和多选框样式，颜色、大小等请根据实际情况调整 */
.checkbox,
.radio {
  padding-left: 16px;
  height: 16px;
  line-height: 16px;
}
.checkbox label,
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkbox.input-right,
.radio.input-right {
  padding-left: 0;
  padding-right: 16px;
}
.checkbox.input-right label,
.radio.input-right label {
  padding-left: 0;
  padding-right: 5px;
}
.checkbox.input-right label:before, .checkbox.input-right label:after,
.radio.input-right label:before,
.radio.input-right label:after {
  left: auto !important;
  margin-right: -16px !important;
  right: 0;
}
.checkbox.hide-label > label,
.radio.hide-label > label {
  padding-left: 0;
}
.checkbox.only-label > label:before, .checkbox.only-label > label:after,
.radio.only-label > label:before,
.radio.only-label > label:after {
  display: none !important;
}

.checkbox label:before,
.radio.radio-square label:before {
  border-radius: 2px;
}

.radio label:before,
.checkbox.checkbox-circle label:before {
  border-radius: 50%;
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
  opacity: 0;
  z-index: -1;
}
.checkbox input[type=checkbox] + label:before, .checkbox input[type=checkbox] + label:after,
.radio input[type=radio] + label:before,
.radio input[type=radio] + label:after {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-left: -16px;
}
.checkbox input[type=checkbox] + label:before,
.radio input[type=radio] + label:before {
  top: 0;
  content: "";
  border: 1px solid #ccc;
  background-color: #fff;
}
.checkbox input[type=checkbox] + label:after,
.radio input[type=radio] + label:after {
  top: 1px;
  text-align: center;
  color: #fff;
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.checkbox input[type=checkbox].checked + label:before, .checkbox input[type=checkbox]:checked + label:before,
.radio input[type=radio].checked + label:before,
.radio input[type=radio]:checked + label:before {
  border-width: 0;
  background-color: #0f6af3;
}
.checkbox input[type=checkbox].checked + label:after, .checkbox input[type=checkbox]:checked + label:after,
.radio input[type=radio].checked + label:after,
.radio input[type=radio]:checked + label:after {
  content: "\E62C";
}
.checkbox input[type=checkbox].disabled, .checkbox input[type=checkbox].disabled-2, .checkbox input[type=checkbox]:disabled,
.radio input[type=radio].disabled,
.radio input[type=radio].disabled-2,
.radio input[type=radio]:disabled {
  cursor: default;
}
.checkbox input[type=checkbox].disabled + label, .checkbox input[type=checkbox].disabled-2 + label, .checkbox input[type=checkbox]:disabled + label,
.radio input[type=radio].disabled + label,
.radio input[type=radio].disabled-2 + label,
.radio input[type=radio]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type=checkbox].disabled + label, .checkbox input[type=checkbox].disabled + label:before, .checkbox input[type=checkbox].disabled + label:after, .checkbox input[type=checkbox].disabled-2 + label, .checkbox input[type=checkbox].disabled-2 + label:before, .checkbox input[type=checkbox].disabled-2 + label:after, .checkbox input[type=checkbox]:disabled + label, .checkbox input[type=checkbox]:disabled + label:before, .checkbox input[type=checkbox]:disabled + label:after,
.radio input[type=radio].disabled + label,
.radio input[type=radio].disabled + label:before,
.radio input[type=radio].disabled + label:after,
.radio input[type=radio].disabled-2 + label,
.radio input[type=radio].disabled-2 + label:before,
.radio input[type=radio].disabled-2 + label:after,
.radio input[type=radio]:disabled + label,
.radio input[type=radio]:disabled + label:before,
.radio input[type=radio]:disabled + label:after {
  cursor: default;
}
.checkbox input[type=checkbox].disabled + label, .checkbox input[type=checkbox]:disabled + label,
.radio input[type=radio].disabled + label,
.radio input[type=radio]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type=checkbox].disabled-2 + label,
.radio input[type=radio].disabled-2 + label {
  opacity: 1;
}
.checkbox input[type=checkbox].disabled-2 + label:before,
.radio input[type=radio].disabled-2 + label:before {
  border-width: 1px;
  border-color: #ccc;
  background-color: #f2f2f2;
}
.checkbox input[type=checkbox].disabled-2 + label:after,
.radio input[type=radio].disabled-2 + label:after {
  color: #ccc;
}

.radio.radio-dot input[type=radio].checked + label:before, .radio.radio-dot input[type=radio]:checked + label:before {
  border-width: 1px;
  border-color: #0f6af3;
  background-color: #fff;
}
.radio.radio-dot input[type=radio].checked + label:after, .radio.radio-dot input[type=radio]:checked + label:after {
  left: 3px;
  top: 3px;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #0f6af3;
  border-radius: 50%;
}
.radio.radio-dot input[type=radio].disabled-2 + label {
  opacity: 1;
}
.radio.radio-dot input[type=radio].disabled-2 + label:before {
  border-color: #ccc;
}
.radio.radio-dot input[type=radio].disabled-2 + label:after {
  content: "";
}
.radio.radio-dot input[type=radio].disabled-2:checked + label:after {
  background-color: #ccc;
}

.checkbox-container > div {
  display: inline-block;
}
.checkbox-container > div + div {
  margin-left: 20px;
}

.checkbox-switch {
  display: inline-block;
  vertical-align: text-bottom;
  width: 32px;
  height: 16px;
  line-height: 16px;
}
.checkbox-switch input[type=checkbox] {
  opacity: 0;
  z-index: 1;
  display: none;
}
.checkbox-switch input[type=checkbox]:checked + label {
  color: #0f6af3;
}
.checkbox-switch input[type=checkbox]:checked + label:before {
  margin-left: 16px;
}
.checkbox-switch input[type=checkbox]:disabled + label {
  opacity: 0.5;
  cursor: not-allowed;
}
.checkbox-switch input[type=checkbox] + label {
  display: inline-block;
  width: 32px;
  height: 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  background-color: currentColor;
  box-sizing: border-box;
  color: #dcdfe6;
  transition: all 0.2s;
  cursor: pointer;
  margin-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkbox-switch input[type=checkbox] + label:before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  transition: margin-left 0.2s;
}

/* 基于 bootstrap 按钮，自定义按钮，可使用 bootstrap 的按钮尺寸 */
.btn-blue {
  color: #fff;
  background-color: #0f6af3;
  border-color: #0f6af3;
}
.btn-blue.focus {
  color: #fff;
  background-color: #0b63e6;
  border-color: #0b63e6;
}
.btn-blue:hover {
  color: #fff;
  background-color: #0b63e6;
  border-color: #0b63e6;
}
.btn-blue:active, .btn-blue.active {
  color: #fff;
  background-color: #0b63e6;
  border-color: #0b63e6;
  background-image: none;
}
.btn-blue:active:hover, .btn-blue.active:hover, .btn-blue:active.focus, .btn-blue.active.focus {
  color: #fff;
  background-color: #0b5edb;
  border-color: #0b5edb;
}
.btn-blue.disabled:hover, .btn-blue[disabled]:hover, .btn-blue.disabled.focus, .btn-blue[disabled].focus {
  background-color: #0f6af3;
  border-color: #0f6af3;
}
.btn-blue .badge {
  color: #0f6af3;
  background-color: #fff;
}
.btn-blue.btn-blue-plain, .btn-blue.btn-blue-plain[disabled] {
  background-color: #fff !important;
  color: #0f6af3 !important;
}

.open > .dropdown-toggle.btn-blue {
  color: #fff;
  background-color: #0b63e6;
  border-color: #0b63e6;
  background-image: none;
}
.open > .dropdown-toggle.btn-blue:hover, .open > .dropdown-toggle.btn-blue.focus {
  color: #fff;
  background-color: #0b5edb;
  border-color: #0b5edb;
}

fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue.focus {
  background-color: #0f6af3;
  border-color: #0f6af3;
}

.btn-orange {
  color: #fff;
  background-color: #ff7a45;
  border-color: #ff7a45;
}
.btn-orange.focus {
  color: #fff;
  background-color: #ff6e34;
  border-color: #ff6e34;
}
.btn-orange:hover {
  color: #fff;
  background-color: #ff6e34;
  border-color: #ff6e34;
}
.btn-orange:active, .btn-orange.active {
  color: #fff;
  background-color: #ff6e34;
  border-color: #ff6e34;
  background-image: none;
}
.btn-orange:active:hover, .btn-orange.active:hover, .btn-orange:active.focus, .btn-orange.active.focus {
  color: #fff;
  background-color: #ff6628;
  border-color: #ff6628;
}
.btn-orange.disabled:hover, .btn-orange[disabled]:hover, .btn-orange.disabled.focus, .btn-orange[disabled].focus {
  background-color: #ff7a45;
  border-color: #ff7a45;
}
.btn-orange .badge {
  color: #ff7a45;
  background-color: #fff;
}
.btn-orange.btn-orange-plain, .btn-orange.btn-orange-plain[disabled] {
  background-color: #fff !important;
  color: #ff7a45 !important;
}

.open > .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #ff6e34;
  border-color: #ff6e34;
  background-image: none;
}
.open > .dropdown-toggle.btn-orange:hover, .open > .dropdown-toggle.btn-orange.focus {
  color: #fff;
  background-color: #ff6628;
  border-color: #ff6628;
}

fieldset[disabled] .btn-orange:hover, fieldset[disabled] .btn-orange.focus {
  background-color: #ff7a45;
  border-color: #ff7a45;
}

.btn-dark-gray {
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
.btn-dark-gray.focus {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}
.btn-dark-gray:hover {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}
.btn-dark-gray:active, .btn-dark-gray.active {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
  background-image: none;
}
.btn-dark-gray:active:hover, .btn-dark-gray.active:hover, .btn-dark-gray:active.focus, .btn-dark-gray.active.focus {
  color: #fff;
  background-color: #2d2d2d;
  border-color: #2d2d2d;
}
.btn-dark-gray.disabled:hover, .btn-dark-gray[disabled]:hover, .btn-dark-gray.disabled.focus, .btn-dark-gray[disabled].focus {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
.btn-dark-gray .badge {
  color: #3b3b3b;
  background-color: #fff;
}
.btn-dark-gray.btn-dark-gray-plain, .btn-dark-gray.btn-dark-gray-plain[disabled] {
  background-color: #fff !important;
  color: #3b3b3b !important;
}

.open > .dropdown-toggle.btn-dark-gray {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
  background-image: none;
}
.open > .dropdown-toggle.btn-dark-gray:hover, .open > .dropdown-toggle.btn-dark-gray.focus {
  color: #fff;
  background-color: #2d2d2d;
  border-color: #2d2d2d;
}

fieldset[disabled] .btn-dark-gray:hover, fieldset[disabled] .btn-dark-gray.focus {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}

.btn-red {
  color: #fff;
  background-color: #eb392f;
  border-color: #eb392f;
}
.btn-red.focus {
  color: #fff;
  background-color: #ea2b20;
  border-color: #ea2b20;
}
.btn-red:hover {
  color: #fff;
  background-color: #ea2b20;
  border-color: #ea2b20;
}
.btn-red:active, .btn-red.active {
  color: #fff;
  background-color: #ea2b20;
  border-color: #ea2b20;
  background-image: none;
}
.btn-red:active:hover, .btn-red.active:hover, .btn-red:active.focus, .btn-red.active.focus {
  color: #fff;
  background-color: #e72116;
  border-color: #e72116;
}
.btn-red.disabled:hover, .btn-red[disabled]:hover, .btn-red.disabled.focus, .btn-red[disabled].focus {
  background-color: #eb392f;
  border-color: #eb392f;
}
.btn-red .badge {
  color: #eb392f;
  background-color: #fff;
}
.btn-red.btn-red-plain, .btn-red.btn-red-plain[disabled] {
  background-color: #fff !important;
  color: #eb392f !important;
}

.open > .dropdown-toggle.btn-red {
  color: #fff;
  background-color: #ea2b20;
  border-color: #ea2b20;
  background-image: none;
}
.open > .dropdown-toggle.btn-red:hover, .open > .dropdown-toggle.btn-red.focus {
  color: #fff;
  background-color: #e72116;
  border-color: #e72116;
}

fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red.focus {
  background-color: #eb392f;
  border-color: #eb392f;
}

.btn-default {
  color: #3e454d;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default.focus {
  color: #3e454d;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #0f6af3;
  background-color: #fff;
  border-color: #0f6af3;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #0f6af3;
  background-color: #fff;
  border-color: #0f6af3;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #0f6af3;
  background-color: #fff;
  border-color: #0f6af3;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  color: #3e454d;
  background-color: #fff;
  border-color: #ccc;
}

/* 禁止使用按钮 */
.btn-disabled {
  cursor: default;
}
.btn-disabled, .btn-disabled.focus, .btn-disabled:hover, .btn-disabled:active, .btn-disabled.active, .btn-disabled:active:hover, .btn-disabled.active:hover, .btn-disabled:active.focus, .btn-disabled.active.focus {
  color: #9399a5;
  background-color: #eee;
  border-color: #eee;
}
.btn-disabled:active, .btn-disabled.active {
  background-image: none;
}
.btn-disabled.disabled:hover, .btn-disabled[disabled]:hover, .btn-disabled.disabled.focus, .btn-disabled[disabled].focus {
  background-color: #eee;
  border-color: #eee;
}

.open > .dropdown-toggle.btn-disabled {
  background-image: none;
}
.open > .dropdown-toggle.btn-disabled, .open > .dropdown-toggle.btn-disabled:hover, .open > .dropdown-toggle.btn-disabled.focus {
  color: #9399a5;
  background-color: #eee;
  border-color: #eee;
}

fieldset[disabled] .btn-disabled:hover,
fieldset[disabled] .btn-disabled.focus {
  background-color: #eee;
  border-color: #eee;
}

.btn-disabled .badge {
  color: #eee;
  background-color: #9399a5;
}

/* 按钮 */
.btn {
  padding: 7px 18px;
  min-width: 94px;
}
.btn[loading] {
  cursor: not-allowed;
  font-size: 14px;
}
.btn[loading]:before {
  content: "\E8FD";
  display: inline-block;
  -webkit-animation: 3s loading-rotate infinite cubic-bezier(0, 0, 1, 1);
          animation: 3s loading-rotate infinite cubic-bezier(0, 0, 1, 1);
  margin-right: 3px;
}
@-webkit-keyframes loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn.mwa {
  min-width: auto;
}
.btn.btn-lg {
  min-width: 160px;
  line-height: 1.4285714286;
  font-size: 18px;
  padding: 8px 27px;
  border-radius: 4px;
}
@media (max-width: 1199px) {
  .btn.btn-lg {
    min-width: auto;
    padding: 7px 24px;
  }
}
@media (max-width: 991px) {
  .btn.btn-lg {
    font-size: 16px;
    padding: 6px 21px;
  }
}
@media (max-width: 767px) {
  .btn.btn-lg {
    font-size: 14px;
    padding: 5px 18px;
  }
}

@media (min-width: 992px) {
  .btn-list {
    font-size: 16px;
    padding: 8px 17px;
  }
}
/* 按钮容器 */
.btn-wrapper {
  padding-top: 50px;
  text-align: center;
}
.btn-wrapper .btn + .btn {
  margin-left: 80px;
}
@media (max-width: 767px) {
  .btn-wrapper .btn + .btn {
    margin-left: 50px;
  }
}
@media (max-width: 375px) {
  .btn-wrapper .btn + .btn {
    margin-left: 20px;
  }
}

/* 按钮常用圆角度数 */
.btn-round2 {
  border-radius: 2px;
}

.btn-round4 {
  border-radius: 4px;
}

.btn-round8 {
  border-radius: 8px;
}

.btn-round17 {
  border-radius: 17px;
}

.btn-round-auto {
  border-radius: 50%;
}

/* 输入框 */
.form-control-icon-wrapper {
  border: 1px solid #ccc;
  padding-right: 34px;
  position: relative;
}
.form-control-icon-wrapper .form-control {
  border: none;
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.form-control-icon-wrapper .form-control-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #9399a5;
  cursor: pointer;
}
.form-control-icon-wrapper .form-control-icon .iconfont {
  font-size: 14px;
}
.form-control-icon-wrapper .form-control-icon:hover {
  color: #0f6af3;
}

.form-control {
  display: inline-block;
  width: 300px;
  height: 36px;
  padding: 7px 9px;
  vertical-align: top;
  border-color: #ccc;
}
.form-control.smaller {
  height: 22px;
  padding: 0 3px;
  width: 40px;
  font-size: 12px;
  text-align: center;
}

.form-switch-wrapper {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  overflow: hidden;
}
.form-switch-wrapper .form-switch,
.form-switch-wrapper .form-switch-text,
.form-switch-wrapper .form-switch-input {
  float: left;
  font-size: 14px;
  line-height: 16px;
  height: 16px;
}
.form-switch-wrapper .form-switch {
  position: relative;
  width: 32px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #dcdfe6;
  transition: 0.1s linear;
}
.form-switch-wrapper .form-switch i {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  transition: 0.1s linear;
}
.form-switch-wrapper .form-switch-text {
  margin-left: 10px;
  display: none;
}
.form-switch-wrapper .form-switch-input {
  margin-left: 35px;
}
.form-switch-wrapper .form-switch-input .form-control {
  height: 20px;
  margin-right: 10px;
}
.form-switch-wrapper .form-switch-on {
  background-color: #0f6af3;
}
.form-switch-wrapper .form-switch-on i {
  left: 100%;
  margin-left: -14.5px;
}

/* 下拉框 */
.select-wrapper {
  width: 120px;
  vertical-align: top;
  line-height: 0;
}
.select-wrapper .select {
  width: 100%;
}
.select-wrapper .select::-moz-placeholder {
  color: #555;
}
.select-wrapper .select:-ms-input-placeholder {
  color: #555;
}
.select-wrapper .select::-webkit-input-placeholder {
  color: #555;
}
.select-wrapper.select-icon-arrow, .select-wrapper.select-icon-remove {
  position: relative;
}
.select-wrapper.select-icon-arrow > input, .select-wrapper.select-icon-remove > input {
  padding-right: 22px;
}
.select-wrapper.select-icon-arrow:after, .select-wrapper.select-icon-remove:after {
  cursor: pointer;
  position: absolute;
  right: 6px;
}
.select-wrapper.select-icon-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #9399a5;
  top: 0;
  bottom: 0;
  margin: auto;
}
.select-wrapper.select-icon-remove:after {
  width: 12px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
  line-height: 12px;
  transform: scale(0.7);
  content: "\E601";
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.select-wrapper + .select-wrapper,
.select-wrapper + .form-control {
  margin-left: 20px;
}

.form-number-wrapper {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}
.form-number-wrapper .form-number__decrease,
.form-number-wrapper .form-number__increase {
  position: absolute;
  top: 1px;
  width: 34px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
}
.form-number-wrapper .form-number__decrease.disabled,
.form-number-wrapper .form-number__increase.disabled {
  color: #e5e5e5;
  cursor: not-allowed;
}
.form-number-wrapper .form-number__decrease .iconfont,
.form-number-wrapper .form-number__increase .iconfont {
  font-size: 14px;
}
.form-number-wrapper .form-number__decrease {
  left: 1px;
}
.form-number-wrapper .form-number__increase {
  right: 1px;
}
.form-number-wrapper .form-control {
  padding-left: 34px;
  padding-right: 34px;
  text-align: center;
  width: 130px;
}

.form-textarea {
  position: relative;
  background-color: #fff;
  border: 1px #ccc solid;
  border-radius: 2px;
}
.form-textarea .textarea-wrapper {
  padding: 8px 8px 26px;
}
.form-textarea .textarea-wrapper,
.form-textarea .textarea-wrapper .textarea {
  width: 100%;
  height: 100%;
}
.form-textarea .textarea-wrapper .textarea {
  height: 134px;
  min-height: 20px;
  padding: 0;
  resize: none;
  border: none;
}
.form-textarea .content-number {
  position: absolute;
  bottom: 6px;
  right: 10px;
  line-height: 1;
  color: #9399a5;
}

/* bootstrap3-dialog 样式 */
.bootstrap-dialog .modal-body,
.bootstrap-dialog .modal-footer {
  padding: 20px;
}
.bootstrap-dialog .modal-header {
  padding: 16px 20px;
}
.bootstrap-dialog .modal-header .bootstrap-dialog-title {
  font-size: 16px;
}
.bootstrap-dialog .modal-header .close {
  font-weight: normal;
  color: #888;
  filter: alpha(opacity=100);
  opacity: 1;
}
.bootstrap-dialog .modal-header .close:hover {
  color: #3e454d;
}
.bootstrap-dialog .modal-content {
  border-radius: 4px;
}
.bootstrap-dialog .modal-footer {
  border-top: none;
  text-align: center;
}
.bootstrap-dialog .modal-footer .btn + .btn {
  margin-left: 20px;
}
.bootstrap-dialog .modal-footer .btn.hidden + .btn {
  margin-left: 0;
}
.bootstrap-dialog .bootstrap-dialog-message {
  position: relative;
}

/* affirm */
.bootstrap-dialog-affirm .modal-content {
  text-align: center;
}
.bootstrap-dialog-affirm .modal-content .bootstrap-dialog-message .affirm-icon .iconfont {
  font-size: 54px;
  line-height: 1.5;
  color: #0f6af3;
}
.bootstrap-dialog-affirm .modal-content .bootstrap-dialog-message .affirm-msg {
  padding: 25px 0 40px;
  line-height: 28px;
  font-size: 16px;
}
.bootstrap-dialog-affirm .modal-content .bootstrap-dialog-message .affirm-msg .input {
  margin-top: 15px;
}
.bootstrap-dialog-affirm .modal-content .modal-footer {
  padding: 0;
  border-top: none;
}
.bootstrap-dialog-affirm .modal-content .modal-footer .btn {
  width: 50%;
  height: 60px;
  line-height: 60px;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  float: left;
}
.bootstrap-dialog-affirm .modal-content .modal-footer .btn + .btn {
  margin-left: 0;
}
.bootstrap-dialog-affirm .modal-content .modal-footer .btn.btn-ok {
  color: #fff;
  background-color: #0f6af3;
}
.bootstrap-dialog-affirm .modal-content .modal-footer .btn.btn-cancel {
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  .bootstrap-dialog-affirm .modal-dialog {
    width: 400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 767px) {
  .bootstrap-dialog-affirm .modal-dialog {
    margin-left: 30px;
    margin-right: 30px;
  }
  .bootstrap-dialog-affirm .modal-content .bootstrap-dialog-message .affirm-icon .iconfont {
    font-size: 46px;
  }
  .bootstrap-dialog-affirm .modal-content .bootstrap-dialog-message .affirm-msg {
    padding: 15px 0 25px;
    line-height: 28px;
    font-size: 14px;
  }
  .bootstrap-dialog-affirm .modal-content .bootstrap-dialog-message .affirm-msg .input > input {
    width: 100%;
  }
  .bootstrap-dialog-affirm .modal-content .modal-footer .btn {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}

/* toast */
.bootstrap-dialog-toast .modal-dialog {
  margin-left: auto !important;
  margin-right: auto !important;
}
.bootstrap-dialog-toast .modal-content {
  text-align: center;
  background: #676c73 \0 ;
  /* IE8+ CSS Hack */
}
.bootstrap-dialog-toast .bootstrap-dialog-message {
  color: #fff;
}
.bootstrap-dialog-toast .bootstrap-dialog-message .toast-icon .iconfont {
  font-size: 30px;
  line-height: 42px;
}
.bootstrap-dialog-toast .bootstrap-dialog-message .toast-text {
  margin-top: 15px;
}

:root .bootstrap-dialog-toast .modal-content {
  background: rgba(0, 0, 0, 0.5);
}

/* 模拟常见手机弹窗-居底、宽度100% */
.modal-mobile-bottom {
  overflow: unset !important;
}
.modal-mobile-bottom .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, 25%);
  width: 100% !important;
  margin-top: 0 !important;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.modal-mobile-bottom .modal-dialog .modal-content {
  border-radius: 14px 14px 0 0;
}

.modal-mobile-bottom__common .modal-dialog {
  height: 85%;
}
.modal-mobile-bottom__common .modal-content,
.modal-mobile-bottom__common .modal-body,
.modal-mobile-bottom__common .bootstrap-dialog-body,
.modal-mobile-bottom__common .bootstrap-dialog-message {
  height: 100%;
}
.modal-mobile-bottom__common .modal-header {
  padding: 0;
  height: 0;
  border-bottom: none;
}
.modal-mobile-bottom__common .modal-header .bootstrap-dialog-title {
  display: none;
}
.modal-mobile-bottom__common .modal-header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #9399a5;
  z-index: 10;
  background-color: transparent;
}
.modal-mobile-bottom__common .modal-body {
  padding: 15px 0 15px 15px;
}
.modal-mobile-bottom__common .bootstrap-dialog-message {
  padding-top: 42px;
}
.modal-mobile-bottom__common .\--title-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-right: 15px;
}
.modal-mobile-bottom__common .\--title-wrapper .\--title {
  text-align: center;
  font-size: 16px;
  line-height: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}

/* 通用------弹窗-多图片上传 */
.modal-multiple-img-upload .modal-dialog {
  width: 830px;
}
.modal-multiple-img-upload .modal-body {
  min-height: 360px;
}
.modal-multiple-img-upload .bootstrap-dialog-body,
.modal-multiple-img-upload .bootstrap-dialog-message,
.modal-multiple-img-upload .modal-item-list {
  height: 100%;
}
.modal-multiple-img-upload .modal-item-list {
  overflow-y: auto;
  margin-left: -10px;
  margin-top: -10px;
}
.modal-multiple-img-upload .modal-item-wrapper {
  width: 144px;
  margin-left: 10px;
  margin-top: 10px;
  overflow: hidden;
  float: left;
}
.modal-multiple-img-upload .modal-item-wrapper .text {
  height: 42px;
  text-align: center;
  font-size: 12px;
  line-height: 32px;
  color: #777;
}
.modal-multiple-img-upload .img-wrapper,
.modal-multiple-img-upload .img-upload-wrapper {
  width: 100%;
  height: 81px;
  cursor: pointer;
}
.modal-multiple-img-upload .img-wrapper {
  overflow: hidden;
  position: relative;
}
.modal-multiple-img-upload .img-wrapper > img {
  width: 100%;
  height: 100%;
}
.modal-multiple-img-upload .img-wrapper .cover-mask,
.modal-multiple-img-upload .img-wrapper .cover-text {
  display: none;
}
.modal-multiple-img-upload .img-wrapper .cover-text .iconfont {
  font-size: 28px;
}
.modal-multiple-img-upload .img-wrapper:hover .cover-mask,
.modal-multiple-img-upload .img-wrapper:hover .cover-text, .modal-multiple-img-upload .img-wrapper.active .cover-mask,
.modal-multiple-img-upload .img-wrapper.active .cover-text {
  display: block;
}
.modal-multiple-img-upload .img-upload-wrapper {
  background-color: #f9f9f9;
  text-align: center;
}
.modal-multiple-img-upload .img-upload-wrapper > p {
  line-height: 1;
  margin-bottom: 0;
}
.modal-multiple-img-upload .img-upload-wrapper .line-icon {
  color: #bdbdbd;
  padding-top: 20px;
  padding-bottom: 10px;
}
.modal-multiple-img-upload .img-upload-wrapper .line-icon .iconfont {
  font-size: 18px;
}
.modal-multiple-img-upload .img-upload-wrapper .line-text {
  color: #9399a5;
  font-size: 12px;
}

/* 弹窗-升级浏览器 */
/* 弹窗-不规则形状，带关闭按钮 */
.modal-irregular-shape .modal-content {
  background: none;
}
.modal-irregular-shape .modal-body {
  padding: 0;
}
.modal-irregular-shape .bootstrap-dialog-message .icon-close-wrapper {
  position: absolute;
  bottom: -60px;
  left: 50%;
  margin-left: -20px;
}
.modal-irregular-shape .bootstrap-dialog-message .icon-close-wrapper > i {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 40px;
  line-height: 1;
}
.modal-irregular-shape .bootstrap-dialog-message .icon-close-wrapper.top-right {
  top: -20px;
  right: -60px;
  bottom: auto;
  left: auto;
}
@media (max-width: 767px) {
  .modal-irregular-shape .bootstrap-dialog-message .icon-close-wrapper.top-right.top-right-flexible {
    top: auto;
    right: auto;
    bottom: -60px;
    left: 50%;
  }
}
.modal-irregular-shape.modal-certificate .modal-dialog {
  width: 476px;
  height: 471px;
}
.modal-irregular-shape.modal-certificate .certificate-back {
  width: 100%;
  height: 100%;
}
.modal-irregular-shape.modal-certificate .certificate-content {
  position: absolute;
  left: 50%;
  top: 10.1910828025%;
  z-index: 1;
  margin-left: -42.0168067227%;
  width: 84.0336134454%;
}
.modal-irregular-shape.modal-certificate .certificate-content.is_vertical {
  top: unset;
  bottom: 0;
}
.modal-irregular-shape.modal-certificate .certificate-front {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
}

@media (max-width: 767px) {
  .modal-irregular-shape .modal-dialog {
    margin: 30px auto;
  }
}
@media (max-width: 580px) {
  .modal-irregular-shape .bootstrap-dialog-message .icon-close-wrapper {
    bottom: -52px;
    margin-left: -18px;
  }
  .modal-irregular-shape .bootstrap-dialog-message .icon-close-wrapper > i {
    font-size: 36px;
  }
  .modal-irregular-shape.modal-certificate .modal-dialog {
    width: 72.4137931034%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .modal-irregular-shape .bootstrap-dialog-message .icon-close-wrapper {
    bottom: -44px;
    margin-left: -16px;
  }
  .modal-irregular-shape .bootstrap-dialog-message .icon-close-wrapper > i {
    font-size: 32px;
  }
}
/* 弹窗-选择任务 */
.modal-chose-task .modal-dialog {
  width: 416px;
}
.modal-chose-task .modal-content {
  overflow: hidden;
}
.modal-chose-task .modal-body {
  padding: 0;
}
.modal-chose-task .\--head {
  width: 100%;
  height: 100px;
  background: url(/assets/images/task/chose-modal-bg.png) center no-repeat;
  background-size: cover;
  line-height: 100px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.modal-chose-task .\--body {
  padding: 30px 20px;
}
.modal-chose-task .\--body ul {
  width: 100%;
  height: 202px;
  overflow-y: auto;
}
.modal-chose-task .\--body ul li {
  width: 100%;
  float: left;
  line-height: 0;
}
.modal-chose-task .\--body ul li + li {
  margin-top: 20px;
}
.modal-chose-task .\--body ul li > a {
  display: inline-block;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  height: 54px;
  line-height: 54px;
  background-color: #f7f8fa;
}
@media (max-width: 767px) {
  .modal-chose-task .modal-dialog {
    margin: 30px auto;
  }
}
@media (max-width: 520px) {
  .modal-chose-task .modal-dialog {
    width: 90%;
  }
  .modal-chose-task .\--head {
    height: 80px;
    line-height: 80px;
    font-size: 18px;
  }
  .modal-chose-task .\--body {
    padding: 20px 15px;
  }
  .modal-chose-task .\--body ul {
    height: 162px;
  }
  .modal-chose-task .\--body ul li + li {
    margin-top: 15px;
  }
  .modal-chose-task .\--body ul li > a {
    height: 44px;
    line-height: 44px;
  }
}

/* 弹窗-生成二维码 */
.modal-create-qrcode .modal-dialog {
  width: 316px;
}
.modal-create-qrcode .bootstrap-dialog-message {
  height: 250px;
  text-align: center;
}
.modal-create-qrcode .code {
  height: 196px;
}
.modal-create-qrcode .code > img {
  width: 196px;
  height: 100%;
}
.modal-create-qrcode .text1,
.modal-create-qrcode .text2 {
  line-height: 2;
}
.modal-create-qrcode .text1 {
  padding-top: 2px;
  font-size: 12px;
  color: #676c73;
}
.modal-create-qrcode .text2 {
  color: #0f6af3;
}
.modal-create-qrcode .tip {
  position: absolute;
  top: -16px;
  right: 0;
  left: 0;
  color: #eb392f;
}

.modal-chose-course-v1 .modal-dialog {
  width: 1040px;
}
.modal-chose-course-v1 .modal-body {
  position: static;
  padding: 0;
}
.modal-chose-course-v1 .modal-footer .bootstrap-dialog-footer-buttons {
  text-align: right;
}
.modal-chose-course-v1 .bootstrap-dialog-message {
  position: static;
  height: 574px;
}
.modal-chose-course-v1 .-msg-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 301px;
  height: 100%;
  padding-top: 55px;
}
.modal-chose-course-v1 .-msg-left .-msg-content {
  padding-top: 56px;
  padding-bottom: 20px;
  border-right: 1px solid #ccc;
}
.modal-chose-course-v1 .-msg-right {
  width: 100%;
  height: 100%;
  padding-left: 301px;
}
.modal-chose-course-v1 .-msg-right .-msg-content {
  padding: 20px 20px 0;
  border-bottom: 1px solid #ccc;
}
.modal-chose-course-v1 .-msg-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal-chose-course-v1 .laytree-name {
  position: absolute;
  top: 20px;
  left: 0;
  line-height: 1;
  font-size: 16px;
  color: #676c73;
  padding-left: 20px;
}
.modal-chose-course-v1 .laytree-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-chose-course-v1 .__layui-tree .__layui-tree-checkbox label {
  padding-right: 45px;
}
.modal-chose-course-v1 .__layui-tree .__layui-tree-checkbox input[type=checkbox] + label:before, .modal-chose-course-v1 .__layui-tree .__layui-tree-checkbox input[type=checkbox] + label:after,
.modal-chose-course-v1 .__layui-tree .__layui-tree-checkbox input[type=radio] + label:before,
.modal-chose-course-v1 .__layui-tree .__layui-tree-checkbox input[type=radio] + label:after {
  right: 20px;
}
.modal-chose-course-v1 .-msg-has-chose {
  position: absolute;
  left: 20px;
  bottom: -48px;
}
.modal-chose-course-v1 .-msg-has-chose > span {
  color: #0f6af3;
  font-size: 1.1428571429em;
  padding-left: 3px;
  padding-right: 3px;
  margin-right: 20px;
}
.modal-chose-course-v1 .-msg-table-wrapper {
  position: relative;
  height: 100%;
}
.modal-chose-course-v1 .-msg-loading {
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
  background-image: url(/assets/images/icon/loading.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.modal-chose-course-v1 .-msg-search {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
.modal-chose-course-v1 .-msg-search > input {
  width: 100%;
  border-radius: 2px;
  padding-right: 43px;
}
.modal-chose-course-v1 .-msg-search .btn-search {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border-left: 1px solid #ccc;
  color: #676c73;
  background-color: #f6f8fa;
}
.modal-chose-course-v1 .-msg-search .btn-search .iconfont {
  font-size: 16px;
}
.modal-chose-course-v1 .-msg-search .btn-search:hover {
  color: #0f6af3;
}
.modal-chose-course-v1 .-msg-search .popup {
  position: absolute;
  top: 36px;
  right: 0;
  left: 0;
  display: none;
}
.modal-chose-course-v1 .-msg-search .popup .section-toggle,
.modal-chose-course-v1 .-msg-search .popup .section-num {
  display: none;
}
.modal-chose-course-v1 .-msg-search .popup-content {
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.15);
}
.modal-chose-course-v1 .-msg-search .popup-content .-msg-table {
  max-height: 320px;
}
.modal-chose-course-v1 .-msg-search.active .popup {
  display: block;
}
.modal-chose-course-v1 .-msg-table-box {
  position: relative;
  z-index: 10;
  padding-top: 56px;
  height: 100%;
}
.modal-chose-course-v1 .-msg-table {
  height: 99%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal-chose-course-v1 .-msg-table .-msg-table-tr {
  padding: 5px 15px;
}
.modal-chose-course-v1 .-msg-table .-msg-data-entry {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.modal-chose-course-v1 .-msg-table .-msg-data-entry > label {
  width: 100%;
}
.modal-chose-course-v1 .-msg-table-thead {
  position: relative;
  z-index: 2;
}
.modal-chose-course-v1 .-msg-table-thead .-msg-table-tr {
  background-color: #f6f8fa;
}
.modal-chose-course-v1 .-msg-table-thead .-msg-data-entry > label {
  font-weight: 700;
}
.modal-chose-course-v1 .-msg-table-thead .-msg-data-entry .choose-level-box {
  position: relative;
}
.modal-chose-course-v1 .-msg-table-thead .-msg-data-entry .choose-level-box:after {
  content: "\F05D";
  font-size: 12px;
  margin-left: 4px;
  display: inline-block;
  transition: 0.2s transform ease-in-out;
}
.modal-chose-course-v1 .-msg-table-thead .-msg-data-entry .choose-level-box.iconfont {
  font-size: inherit;
}
.modal-chose-course-v1 .-msg-table-thead .-msg-data-entry .choose-level-box.hover:after {
  transform: rotate(-180deg);
}
.modal-chose-course-v1 .-msg-table-thead .-msg-data-entry .choose-level-box .link-btn-dropdown-layer {
  right: 20%;
}
.modal-chose-course-v1 .-msg-table-tbody .-msg-table-tr {
  border-bottom: 1px solid #e5e5e5;
}
.modal-chose-course-v1 .-msg-table-tbody .-msg-table-tr:hover {
  background-color: #fbfbfb;
}
.modal-chose-course-v1 .-msg-data-entry input + label {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 25px;
}
.modal-chose-course-v1 .-msg-data-entry input + label:before {
  top: 7px;
}
.modal-chose-course-v1 .-msg-data-entry input + label:after {
  top: 8px;
}
.modal-chose-course-v1 .-msg-data-entry label > div {
  float: left;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.modal-task-content-chose .modal-dialog {
  width: 1100px;
}
.modal-task-content-chose .modal-body {
  padding-bottom: 0;
}
.modal-task-content-chose .modal-footer .bootstrap-dialog-footer-buttons {
  text-align: right;
}
.modal-task-content-chose .bootstrap-dialog-message {
  height: 554px;
}
.modal-task-content-chose .-msg-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 100%;
}
.modal-task-content-chose .-msg-left .-msg-content {
  padding-left: 8px;
  padding-right: 8px;
}
.modal-task-content-chose .-msg-right {
  width: 100%;
  height: 100%;
  padding-left: 320px;
}
.modal-task-content-chose .-msg-right .-msg-content {
  padding: 20px 20px 0;
}
.modal-task-content-chose .-msg-content {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.modal-task-content-chose .-msg-moreinfo {
  position: absolute;
  left: 0;
  bottom: -48px;
}
.modal-task-content-chose .-msg-moreinfo .checkbox {
  margin: 0;
}
.modal-task-content-chose .-msg-has-chose {
  display: inline-block;
}
.modal-task-content-chose .-msg-has-chose > span {
  color: #0f6af3;
}
.modal-task-content-chose .-msg-table-wrapper {
  position: relative;
  height: 100%;
}
.modal-task-content-chose .-msg-table-wrapper.no-search .-msg-search {
  display: none;
}
.modal-task-content-chose .-msg-table-wrapper.no-search .-msg-table-box {
  padding-top: 0 !important;
}
.modal-task-content-chose .-msg-table-wrapper .time {
  font-size: 12px;
  color: #9399a5;
  margin-left: 4px;
}
.modal-task-content-chose .-msg-table-wrapper .section-toggle {
  margin-left: 10px;
  color: #676c73;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.modal-task-content-chose .-msg-table-wrapper .section-toggle,
.modal-task-content-chose .-msg-table-wrapper .section-toggle .iconfont {
  font-size: 12px;
}
.modal-task-content-chose .-msg-table-wrapper .section-toggle > span {
  padding-left: 4px;
  text-decoration: underline;
}
.modal-task-content-chose .-msg-table-wrapper .section-toggle:hover {
  color: #0f6af3;
}
.modal-task-content-chose .-msg-table-wrapper .section-wrapper {
  padding-left: 58px !important;
}
.modal-task-content-chose .-msg-table-wrapper .section-wrapper > div {
  margin-top: 10px;
}
.modal-task-content-chose .-msg-table-wrapper .section-wrapper > div:first-child {
  margin-top: 6px;
}
.modal-task-content-chose .-msg-table-wrapper .section-wrapper > div:last-child {
  margin-bottom: 6px;
}
.modal-task-content-chose .-msg-table-wrapper .section-wrapper .checkbox,
.modal-task-content-chose .-msg-table-wrapper .section-wrapper .radio {
  height: auto;
}
.modal-task-content-chose .-msg-loading {
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
  background-image: url(/assets/images/icon/loading.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.modal-task-content-chose .-msg-search-wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  display: flex;
}
.modal-task-content-chose .-msg-search-wrap .-msg-search {
  position: relative;
  flex: 1;
}
.modal-task-content-chose .-msg-search {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
.modal-task-content-chose .-msg-search > input {
  width: 100%;
  border-radius: 2px;
  padding-right: 43px;
}
.modal-task-content-chose .-msg-search .btn-search {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border-left: 1px solid #ccc;
  color: #676c73;
  background-color: #f6f8fa;
}
.modal-task-content-chose .-msg-search .btn-search .iconfont {
  font-size: 16px;
}
.modal-task-content-chose .-msg-search .btn-search:hover {
  color: #0f6af3;
}
.modal-task-content-chose .-msg-search .popup {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: none;
}
.modal-task-content-chose .-msg-search .popup .section-toggle,
.modal-task-content-chose .-msg-search .popup .section-num {
  display: none;
}
.modal-task-content-chose .-msg-search .popup-content {
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.15);
}
.modal-task-content-chose .-msg-search .popup-content .-msg-table {
  max-height: 320px;
}
.modal-task-content-chose .-msg-search.active .popup {
  display: block;
}
.modal-task-content-chose .-msg-table-box {
  position: relative;
  z-index: 10;
  padding-top: 56px;
  height: 100%;
}
.modal-task-content-chose .-msg-table {
  height: 99%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal-task-content-chose .-msg-table .-msg-table-tr {
  padding: 5px 15px;
}
.modal-task-content-chose .-msg-table .-msg-data-entry {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.modal-task-content-chose .-msg-table .-msg-data-entry > label {
  width: 100%;
}
.modal-task-content-chose .-msg-table-thead {
  position: relative;
  z-index: 2;
}
.modal-task-content-chose .-msg-table-thead .-msg-table-tr {
  background-color: #f6f8fa;
}
.modal-task-content-chose .-msg-table-thead .-msg-data-entry > label {
  font-weight: 700;
}
.modal-task-content-chose .-msg-table-tbody .-msg-table-tr {
  border-bottom: 1px solid #e5e5e5;
}
.modal-task-content-chose .-msg-table-tbody .-msg-table-tr:hover {
  background-color: #fbfbfb;
}
.modal-task-content-chose .-msg-data-entry input + label {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 25px;
}
.modal-task-content-chose .-msg-data-entry input + label:before {
  top: 7px;
}
.modal-task-content-chose .-msg-data-entry input + label:after {
  top: 8px;
}
.modal-task-content-chose .-msg-data-entry label > div {
  float: left;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.modal-task-content-chose .-msg-importuser-wrapper .importuser-errinfo {
  min-height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.modal-task-content-chose .-msg-importuser-wrapper .intro .intro-title {
  line-height: 1;
  font-size: 16px;
  padding-left: 10px;
  border-left: 3px #0f6af3 solid;
}
.modal-task-content-chose .-msg-importuser-wrapper .intro .intro-content {
  padding-top: 25px;
  padding-left: 13px;
  color: #555;
}
.modal-task-content-chose .-msg-importuser-wrapper .intro .intro-content p {
  margin-bottom: 5px;
}
.modal-task-content-chose.chose-user-v1 .-msg-left {
  left: auto;
  right: 0;
}
.modal-task-content-chose.chose-user-v1 .-msg-left .-msg-content {
  padding: 20px;
}
.modal-task-content-chose.chose-user-v1 .-msg-right {
  padding-left: 0;
  padding-right: 320px;
}
.modal-task-content-chose.chose-user-v1 .-msg-chose-user {
  padding-top: 18px;
  height: 100%;
  position: relative;
}
.modal-task-content-chose.chose-user-v1 .-msg-chose-user_title {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
}
.modal-task-content-chose.chose-user-v1 .-msg-chose-user_list {
  width: 274px;
  height: 100%;
  overflow-y: auto;
  margin-left: -16px;
}
.modal-task-content-chose.chose-user-v1 .-msg-chose-user_list--item {
  display: inline-block;
  background-color: #f6f8fa;
  border-radius: 2px;
  line-height: 30px;
  padding-left: 16px;
  padding-right: 8px;
  margin-top: 16px;
  margin-left: 16px;
}
.modal-task-content-chose.chose-user-v1 .-msg-chose-user_list--item .iconfont {
  display: inline-block;
  width: 28px;
  text-align: center;
  transform: scale(0.9);
  font-size: 12px;
  cursor: pointer;
  color: #9399a5;
  margin-left: 5px;
}

/* 弹窗-复制链接-生成二维码 */
.modal-link-qrcode .modal-dialog {
  width: 460px;
}
.modal-link-qrcode .bootstrap-dialog-message {
  height: 272px;
}
.modal-link-qrcode .copy-wrapper {
  position: relative;
}
.modal-link-qrcode .copy-wrapper .form-control {
  width: 100%;
  padding-right: 131px;
  background-color: #fff;
}
.modal-link-qrcode .copy-wrapper .btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.modal-link-qrcode .code {
  padding-top: 20px;
  padding-bottom: 10px;
  height: 198px;
}
.modal-link-qrcode .code > img {
  margin-left: -10px;
  width: 168px;
  height: 168px;
}

.modal-knowledge-share .modal-header .bootstrap-dialog-title {
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.modal-knowledge-share .modal-body {
  padding-top: 10px;
  padding-bottom: 70px;
}
.modal-knowledge-share .title {
  color: #3e454d;
  margin-top: 10px;
}
.modal-knowledge-share .title span {
  display: inline-block;
  background-color: #0f6af3;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
}
.modal-knowledge-share .title-mode {
  margin-top: 20px;
}
.modal-knowledge-share .content {
  padding-left: 28px;
}
.modal-knowledge-share .button {
  margin-left: 26px;
}
.modal-knowledge-share .copy-wrapper {
  margin-top: 20px;
  margin-left: 26px;
}
.modal-knowledge-share .copy-wrapper .form-control {
  background-color: #f7f8fa;
  border: none;
}
.modal-knowledge-share .code {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 140px;
}
.modal-knowledge-share .code img {
  width: 130px;
  height: 130px;
}
@media (max-width: 767px) {
  .modal-knowledge-share .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
@media (max-width: 540px) {
  .modal-knowledge-share .modal-body .button {
    display: none;
  }
  .modal-knowledge-share .modal-body .content .code img {
    width: 160px;
    height: 160px;
  }
  .modal-knowledge-share .modal-body .title-mode {
    margin-top: 40px;
  }
}

.modal-deduct-contribute .modal-dialog {
  width: 500px;
}
@media (max-width: 540px) {
  .modal-deduct-contribute .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
.modal-deduct-contribute .title {
  font-size: 16px;
  color: #1F2329;
  line-height: 1;
}
.modal-deduct-contribute .tip {
  margin-top: 16px;
  font-size: 12px;
  color: #9399a5;
  line-height: 1;
}
.modal-deduct-contribute .file {
  margin-top: 24px;
  background: #F6F8FA;
  border-radius: 8px;
  padding: 20px 16px;
  display: flex;
  align-items: center;
}
.modal-deduct-contribute .file__left {
  margin-right: 12px;
}
.modal-deduct-contribute .file__left img {
  width: 22px;
}
.modal-deduct-contribute .file__right {
  flex: 1;
  width: 0;
  line-height: 1;
}
.modal-deduct-contribute .file__title {
  color: #3e454d;
}
.modal-deduct-contribute .file__attr {
  margin-top: 10px;
  font-size: 12px;
  color: #9399a5;
  line-height: 1;
}

.modal-share-qrcode .modal-dialog {
  width: 640px;
}
.modal-share-qrcode .code {
  height: 120px;
}
.modal-share-qrcode .code > img {
  max-width: 120px !important;
  max-height: 120px !important;
}
.modal-share-qrcode .table-user-info .title {
  width: 70px;
}

/* affirm-第2版 */
.modal-affirm-v2 {
  text-align: center;
}
.modal-affirm-v2 .modal-dialog {
  width: 380px;
  margin-left: auto;
  margin-right: auto;
}
.modal-affirm-v2 .modal-header {
  height: 0;
  padding: 0;
  position: relative;
  z-index: 100;
  border-bottom: none;
}
.modal-affirm-v2 .modal-header .close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 0;
}
.modal-affirm-v2 .modal-body {
  padding-bottom: 0;
}
.modal-affirm-v2 .bootstrap-dialog-message {
  padding-top: 20px;
}
.modal-affirm-v2 .modal-footer {
  padding-bottom: 40px;
}
.modal-affirm-v2.has_checkbox .modal-footer {
  padding-bottom: 60px;
}
.modal-affirm-v2 .\--icon {
  line-height: 1;
}
.modal-affirm-v2 .\--icon + .\--title {
  margin-top: 20px;
}
.modal-affirm-v2 .\--icon .iconfont {
  font-size: 50px;
  color: #0f6af3;
}
.modal-affirm-v2 .\--title {
  font-size: 20px;
  line-height: 1;
}
.modal-affirm-v2 .\--msg {
  padding-top: 27px;
  padding-bottom: 7px;
}
.modal-affirm-v2 .\--checkbox-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -92px;
}
.modal-affirm-v2 .\--checkbox-wrapper .checkbox,
.modal-affirm-v2 .\--checkbox-wrapper .radio {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.modal-affirm-v2 .\--checkbox-wrapper label {
  color: #676c73;
}
@media (max-width: 410px) {
  .modal-affirm-v2 .modal-dialog {
    width: 90%;
  }
}

.task-appraise-dialog .modal-dialog {
  width: 340px;
}
.task-appraise-dialog .modal-content {
  border-radius: 22px;
  position: relative;
  background-image: url("/assets/images/task/dialog-bg-icon.png");
  background-size: 106% 106%;
  background-position: -4px -5px;
  background-repeat: no-repeat;
}
.task-appraise-dialog .modal-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid #FAFDFF;
  border-radius: 22px;
  transform: rotate(5deg);
  pointer-events: none;
}
.task-appraise-dialog .\--title {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 3;
  display: inline-block;
  width: 65%;
  height: 0;
  padding-bottom: 47.4576271186%;
  background-image: url("/assets/images/task/dialog-head-icon.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  transform: translate(-50%, -53%);
}
.task-appraise-dialog .bootstrap-dialog-message::after {
  display: inline-block;
  width: 100%;
  height: 0;
  padding-bottom: 51.6262261229%;
  position: absolute;
  left: 50%;
  top: -20px;
  background-image: url("/assets/images/task/dialog-linght-icon.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.task-appraise-dialog .\--msg {
  font-size: 30px;
  font-weight: 600;
  background: linear-gradient(47deg, #496CEA 0%, #81B2F9 50%, #B0A5FF 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 20px;
  padding-top: 75px;
  padding-bottom: 30px;
}
.task-appraise-dialog .bootstrap-dialog-footer-buttons button.btn.hidden {
  display: none;
}
.task-appraise-dialog .bootstrap-dialog-footer-buttons button.btn.btn-blue {
  width: 70%;
  height: 0;
  padding: 8.8%;
  margin: 0 auto;
  background-image: url("/assets/images/task/dialog-btn-icon.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: transparent;
  border-color: transparent;
  line-height: 0;
  font-size: 22px;
}
.task-appraise-dialog .\--checkbox-wrapper {
  bottom: -110px;
}
.task-appraise-dialog .\--checkbox-wrapper .checkbox input,
.task-appraise-dialog .\--checkbox-wrapper .checkbox input[type=checkbox] + label:before {
  display: none;
}
.task-appraise-dialog .\--checkbox-wrapper .checkbox label {
  padding-left: 0;
  font-size: 16px;
}
.task-appraise-dialog .\--checkbox-wrapper .checkbox label:hover {
  color: #0f6af3;
}
.task-appraise-dialog .bottom_close_btn {
  position: absolute;
  bottom: -60px;
  left: 50%;
  font-size: 36px;
  color: #fff;
  transform: translateX(-50%);
  cursor: pointer;
}
@media (max-width: 500px) {
  .task-appraise-dialog .modal-dialog {
    width: 300px;
  }
  .task-appraise-dialog .\--msg {
    font-size: 27px;
  }
  .task-appraise-dialog .bootstrap-dialog-footer-buttons button.btn.btn-blue {
    font-size: 20px;
  }
}
@media (max-width: 410px) {
  .task-appraise-dialog .modal-dialog {
    width: 280px;
  }
  .task-appraise-dialog .\--msg {
    font-size: 24px;
  }
  .task-appraise-dialog .bootstrap-dialog-footer-buttons button.btn.btn-blue {
    font-size: 18px;
  }
}

.task-detail-modules-dialog .modal-dialog {
  width: 70%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.task-detail-modules-dialog.rank .modal-dialog {
  max-width: 720px;
}
.task-detail-modules-dialog.rank .modal-body {
  padding: 0;
}
.task-detail-modules-dialog .bootstrap-dialog-message {
  max-height: 620px;
  overflow-y: auto;
}
.task-detail-modules-dialog .iframe-el {
  width: 100%;
  height: 600px;
  border: none;
  display: block;
}

/* 弹窗-服务即将/已到期提醒 */
.modal-service-expire .bootstrap-dialog-message {
  height: 255px;
}
.modal-service-expire .bootstrap-dialog-message .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
}
.modal-service-expire .bootstrap-dialog-message .bg > img {
  width: 100%;
  height: 100%;
}
.modal-service-expire .bootstrap-dialog-message .fe {
  position: relative;
  z-index: 2;
  text-align: center;
}
.modal-service-expire .bootstrap-dialog-message .title {
  padding-top: 45px;
  padding-bottom: 45px;
  color: #fff;
  font-size: 24px;
  white-space: nowrap;
}
.modal-service-expire .bootstrap-dialog-message .title em {
  color: #ffe721;
}
.modal-service-expire .bootstrap-dialog-message .sub-title {
  padding-top: 40px;
  padding-bottom: 24px;
  color: #3e454d;
  font-size: 16px;
}
.modal-service-expire .bootstrap-dialog-message .phone {
  line-height: 1;
  color: #0f6af3;
}
.modal-service-expire .bootstrap-dialog-message .phone,
.modal-service-expire .bootstrap-dialog-message .phone .iconfont {
  font-size: 16px;
}
.modal-service-expire .bootstrap-dialog-message .phone .iconfont {
  margin-right: 8px;
}
@media (min-width: 601px) {
  .modal-service-expire .modal-dialog {
    width: 548px;
  }
}
@media (max-width: 600px) {
  .modal-service-expire .modal-dialog {
    width: 88%;
  }
  .modal-service-expire .bootstrap-dialog-message .bg > img {
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .modal-service-expire .bootstrap-dialog-message .title,
.modal-service-expire .bootstrap-dialog-message .sub-title {
    line-height: 1.5;
  }
  .modal-service-expire .bootstrap-dialog-message .title i,
.modal-service-expire .bootstrap-dialog-message .sub-title i {
    display: none;
  }
  .modal-service-expire .bootstrap-dialog-message .title > span,
.modal-service-expire .bootstrap-dialog-message .sub-title > span {
    display: block;
  }
  .modal-service-expire .bootstrap-dialog-message .title {
    padding-top: 37.5px;
    padding-bottom: 37.5px;
    font-size: 20px;
  }
  .modal-service-expire .bootstrap-dialog-message .sub-title {
    padding-top: 20px;
    padding-bottom: 14px;
    color: #3e454d;
    font-size: 15px;
  }
  .modal-service-expire .bootstrap-dialog-message .phone,
.modal-service-expire .bootstrap-dialog-message .phone .iconfont {
    font-size: 14px;
  }
  .modal-service-expire .bootstrap-dialog-message .phone .iconfont {
    margin-right: 6px;
  }
}

.modal-signin .modal-dialog {
  width: 294px;
}
.modal-signin .bootstrap-dialog-message {
  height: 304px;
}
.modal-signin .\--img {
  position: relative;
  z-index: 2;
}
.modal-signin .\--body {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 220px;
  margin-top: -26px;
  background-color: #fff;
  border-radius: 10px;
  padding-top: 56px;
}
.modal-signin .\--body .title .inner-title {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #292929;
}
.modal-signin .\--body .title .inner-title > em {
  font-size: 28px;
  color: #ef8134;
  margin-left: 3px;
  margin-right: 3px;
}
.modal-signin .\--body .title .inner-title:before, .modal-signin .\--body .title .inner-title:after {
  position: absolute;
  top: 15px;
  content: "";
  width: 20px;
  height: 14px;
  background-image: url(/assets/images/user/signin-icon.png);
  background-repeat: no-repeat;
}
.modal-signin .\--body .title .inner-title:before {
  left: -26px;
  background-position: 0 0;
}
.modal-signin .\--body .title .inner-title:after {
  right: -26px;
  background-position: -20px 0;
}
.modal-signin .\--body .ftitle {
  color: #8b8b8b;
  margin-top: 5px;
}
.modal-signin .\--body .btn-wrapper {
  padding-top: 36px;
}
.modal-signin .\--body .btn-wrapper .btn {
  width: 130px;
  color: #fff;
  background-color: #f6cb4b;
  font-size: 18px;
  padding: 0;
  line-height: 32px;
  border-radius: 16px;
}

.modal-editor .modal-dialog {
  width: 800px;
}
.modal-editor .modal-body {
  padding-bottom: 0;
}
.modal-editor .bootstrap-dialog-message {
  height: 480px;
}

.modal-examination-questions-feedback .modal-dialog {
  width: 550px;
}
@media (max-width: 767px) {
  .modal-examination-questions-feedback .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
  }
}
.modal-examination-questions-feedback .modal-body {
  padding-bottom: 0;
}
.modal-examination-questions-feedback .modal-footer {
  margin-top: -10px;
}
.modal-examination-questions-feedback .bootstrap-dialog-message {
  height: 280px;
}
.modal-examination-questions-feedback .attachment-intro {
  color: #9399a5;
  font-size: 12px;
}
.modal-examination-questions-feedback .files-wrapper {
  padding-top: 12px;
  padding-bottom: 12px;
}
.modal-examination-questions-feedback .files-wrapper .item {
  width: 64px;
  height: 64px;
  float: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px dashed #ccc;
}
.modal-examination-questions-feedback .files-wrapper .item + .item {
  margin-left: 20px;
}
.modal-examination-questions-feedback .files-wrapper .file {
  position: relative;
}
.modal-examination-questions-feedback .files-wrapper .file .img-wrapper {
  display: block;
}
.modal-examination-questions-feedback .files-wrapper .file .img-wrapper,
.modal-examination-questions-feedback .files-wrapper .file .img-wrapper > img {
  width: 100%;
  height: 100%;
}
.modal-examination-questions-feedback .files-wrapper .file .img-wrapper > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-examination-questions-feedback .files-wrapper .file .img-remove {
  position: absolute;
  top: -10px;
  right: -10px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  font-size: 18px;
  color: #f01414;
  cursor: pointer;
}
.modal-examination-questions-feedback .uploader-btn {
  width: 100%;
  height: 100%;
  line-height: 64px;
  text-align: center;
  cursor: pointer;
}
.modal-examination-questions-feedback .uploader-btn .iconfont {
  font-size: 24px;
  color: #888;
}
.modal-examination-questions-feedback .uploader-btn:hover .iconfont {
  color: #0f6af3;
}

.modal-course-menu .modal-dialog {
  width: 400px;
}
.modal-course-menu .modal-body {
  padding-right: 0px;
}
.modal-course-menu .-bottom-add {
  margin-top: 15px;
  width: 100%;
  height: 36px;
  padding-right: 20px;
}
.modal-course-menu .-bottom-add > a {
  border: 1px solid #ccc;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  padding: 0px 10px;
  font-size: 12px;
  color: #9399a5;
}
.modal-course-menu .-bottom-add > a i {
  font-size: 12px;
  margin-right: 7px;
}
.modal-course-menu .-bottom-add .new_menu_info {
  height: 100%;
}
.modal-course-menu .-bottom-add .new_menu_info .form-control {
  width: 255px;
}
.modal-course-menu .-bottom-add .new_menu_info .form-control::-webkit-input-placeholder {
  font-size: 12px;
}
.modal-course-menu .-bottom-add .new_menu_info .btn-blue {
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  height: 100%;
  line-height: 36px;
}
.modal-course-menu .-bottom-add .new_menu_info .cancel {
  margin-left: 10px;
  font-size: 12px;
  color: #9399a5;
}
.modal-course-menu .-msg-table {
  height: 205px;
  padding-right: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal-course-menu .-msg-table .-msg-table-tr {
  padding: 10px 0;
}
.modal-course-menu .-msg-table .-msg-table-tr .-msg-data-entry {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.modal-course-menu .-msg-table .-msg-table-tr .-msg-data-entry input + label {
  padding-left: 15px;
}
.modal-course-menu .-msg-table .-msg-table-tr .-msg-data-entry input + label:before {
  top: 1px;
}
.modal-course-menu .-msg-table .-msg-table-tr .-msg-data-entry input + label:after {
  top: 2px;
}
.modal-course-menu .-msg-table .-msg-table-tr .-msg-data-entry > label {
  width: 100%;
}
.modal-course-menu .-msg-table .-msg-table-tr .-msg-data-entry > label > div {
  float: left;
  line-height: 20px;
}
.modal-course-menu .-msg-table .-msg-table-tr .-msg-data-entry > label .section-num {
  text-align: right;
}
.modal-course-menu .-msg-table .empty-wrapper {
  padding-top: 20px;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .modal-course-menu .modal-dialog {
    left: 50%;
    margin-left: -200px;
  }
}
@media (max-width: 450px) {
  .modal-course-menu .modal-dialog {
    width: 350px;
    margin-left: -175px;
  }
  .modal-course-menu .-bottom-add .new_menu_info .form-control {
    width: 200px;
  }
}
.modal-course-input .modal-dialog {
  width: 450px;
}
.modal-course-input .input-box {
  line-height: 36px;
}
.modal-course-input .input-box .input-wrapper {
  display: inline-block;
  position: relative;
  border: 1px solid #e5e5e5;
  padding-right: 20px;
  width: 290px;
  margin-left: 15px;
}
.modal-course-input .input-box .input-wrapper .form-control {
  width: 100%;
  border: none;
}
.modal-course-input .input-box .input-wrapper .tips {
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 12px;
  color: #9399a5;
}

.study_map_task .modal-dialog {
  width: 610px;
}
.study_map_task .modal-dialog .modal-body {
  border: 1px solid #e5e5e5;
}
.study_map_task .modal-dialog .input-box div {
  padding-top: 15px;
}
.study_map_task .modal-dialog .input-box div .work_top {
  color: #3e454d;
  font-weight: bold;
}

.modal-date-plan .modal-dialog {
  width: 440px;
}
.modal-date-plan .modal-body {
  padding-left: 0;
  padding-right: 0;
}
.modal-date-plan .modal-header .title {
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
}
.modal-date-plan .modal-header .title a {
  position: relative;
}
.modal-date-plan .modal-header .title .left-a {
  padding-right: 52px;
}
.modal-date-plan .modal-header .title .right-a {
  padding-left: 40px;
}
.modal-date-plan .modal-header .title .left,
.modal-date-plan .modal-header .title .right {
  position: absolute;
  top: 3px;
  font-size: 12px;
  color: #9399a5;
}
.modal-date-plan .date-content .week ul {
  width: 100%;
}
.modal-date-plan .date-content .week ul li {
  float: left;
  font-size: 16px;
  width: 14.28%;
  text-align: center;
  height: 70px;
}
.modal-date-plan .date-content .day ul {
  width: 100%;
}
.modal-date-plan .date-content .day ul li {
  float: left;
  width: 14.28%;
  text-align: center;
  height: 55px;
}
.modal-date-plan .date-content .day ul li.finish, .modal-date-plan .date-content .day ul li.no-finish {
  position: relative;
}
.modal-date-plan .date-content .day ul li.finish:after, .modal-date-plan .date-content .day ul li.no-finish:after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -2px;
}
.modal-date-plan .date-content .day ul li.finish:after {
  background-color: #0f6af3;
}
.modal-date-plan .date-content .day ul li.no-finish:after {
  background-color: #eb4d3d;
}
.modal-date-plan .date-content .day ul li.before-day a {
  color: #bbbbbb;
}
.modal-date-plan .date-content .day ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.modal-date-plan .date-content .day ul li a.active, .modal-date-plan .date-content .day ul li a.active2 {
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin: 0 auto;
  margin-top: -5px;
  border-radius: 50%;
}
.modal-date-plan .date-content .day ul li a.active {
  background-color: #0f6af3;
  color: #fff;
}
.modal-date-plan .date-content .day ul li a.active2 {
  background-color: #fff;
  border: 1px solid #0f6af3;
  color: #0f6af3;
}
.modal-date-plan .date-content .learn-info {
  padding: 0 20px;
  font-size: 18px;
  color: #676c73;
}
.modal-date-plan .date-content .learn-info img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: text-top;
}
.modal-date-plan .date-content .learn-info .defult {
  color: #3e454d;
}

@media (max-width: 768px) {
  .modal-date-plan .modal-dialog {
    width: 350px;
    left: 50%;
    margin-left: -175px;
  }
  .modal-date-plan .date-content .week ul li {
    height: 50px;
  }

  .modal-course-input .modal-dialog {
    width: 340px;
    left: 50%;
    margin-left: -170px;
  }
  .modal-course-input .input-box .input-wrapper {
    margin-left: 0;
  }
}
.modal-admission-notice .modal-dialog {
  width: 460px;
}
.modal-admission-notice .modal-dialog img {
  width: 100%;
}
.modal-admission-notice .modal-content {
  height: 608px;
}
.modal-admission-notice .admission-notice-wrapper {
  position: relative;
}
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper {
  position: absolute;
  left: 50%;
  top: 80px;
  margin-left: -170px;
  height: 295px;
  width: 340px;
}
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper p {
  margin-bottom: 0;
}
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .title {
  font-size: 24px;
  text-align: center;
  color: #c48b4f;
  font-weight: bold;
  line-height: 1;
}
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .msg {
  margin-top: 35px;
  font-size: 18px;
  color: #665e58;
  text-align: center;
  line-height: 1.6;
}
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .inscribe-box {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
}
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .inscribe {
  text-align: right;
  font-size: 18px;
  color: #665e58;
  line-height: 1;
}
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .inscribe + .inscribe {
  margin-top: 15px;
}
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .btn {
  margin-top: 34px;
}
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .btn-linear {
  color: #fff !important;
  background-color: #eabc7f;
  background-image: linear-gradient(to right, #eabc7f 0%, #c48c4f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEABC7F", endColorstr="#FFC48C4F", GradientType="1");
  border: none;
  width: 240px;
  height: 48px;
  padding: 0;
  line-height: 48px;
  border-radius: 24px;
  font-size: 18px;
}
@media (max-width: 1280px) {
  .modal-admission-notice .modal-content {
    height: 460px;
  }
  .modal-admission-notice .modal-dialog {
    width: 360px;
  }
  .modal-admission-notice .admission-notice-wrapper .notice-text-wrapper {
    width: 240px;
    margin-left: -120px;
    top: 40px;
    height: 250px;
  }
  .modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .msg {
    margin-top: 20px;
  }
  .modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .inscribe,
.modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .msg {
    font-size: 14px;
  }
  .modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .title {
    font-size: 18px;
  }
  .modal-admission-notice .admission-notice-wrapper .notice-text-wrapper .btn-linear {
    width: 160px;
    height: 40px;
    line-height: 40px;
    margin-top: 36px;
    font-size: 16px;
  }
}

.modal-joining_group .modal-dialog {
  width: 448px;
  height: 604px;
}
.modal-joining_group .modal-dialog img {
  width: 100%;
}
.modal-joining_group .modal-content {
  height: 604px;
}
.modal-joining_group .joining_group-wrapper {
  position: relative;
}
.modal-joining_group .joining_group-wrapper .notice-text-wrapper {
  width: 360px;
  position: absolute;
  left: 50%;
  margin-left: -180px;
  top: 200px;
  height: 295px;
}
.modal-joining_group .joining_group-wrapper .notice-text-wrapper p {
  margin-bottom: 0;
}
.modal-joining_group .joining_group-wrapper .notice-text-wrapper .title {
  font-size: 18px;
  text-align: left;
  color: #c48b4f;
  line-height: 1;
}
.modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg {
  text-indent: 2em;
  margin-top: 13px;
  font-size: 18px;
  color: #665e58;
  text-align: left;
  line-height: 1.6;
}
.modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg.msg-bottom {
  margin-top: -2px;
}
.modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg.msg-bottom .active-talent {
  color: #b37948;
}
.modal-joining_group .joining_group-wrapper .notice-text-wrapper .img-code {
  width: 100%;
  text-align: center;
  margin-top: 36px;
}
.modal-joining_group .joining_group-wrapper .notice-text-wrapper .img-code .inscribe-box {
  width: 132px;
  height: 132px;
  margin: 0 auto;
  text-align: center;
  border: 6px solid #dec0a7;
  border-radius: 6px;
}
.modal-joining_group .joining_group-wrapper .notice-text-wrapper .wechat {
  text-align: center;
  font-size: 14px;
  color: #b5b1ad;
  margin-top: 24px;
}
@media (max-width: 1280px) {
  .modal-joining_group .modal-dialog {
    width: 334px;
    height: 450px;
  }
  .modal-joining_group .modal-dialog img {
    width: 100%;
  }
  .modal-joining_group .modal-content {
    height: 450px;
  }
  .modal-joining_group .joining_group-wrapper {
    position: relative;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper {
    width: 260px;
    position: absolute;
    left: 50%;
    margin-left: -130px;
    top: 151px;
    height: 295px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper p {
    margin-bottom: 0;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .title {
    font-size: 14px;
    text-align: left;
    color: #c48b4f;
    line-height: 1;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg {
    text-indent: 2em;
    margin-top: 10px;
    font-size: 14px;
    color: #665e58;
    text-align: left;
    line-height: 1.6;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg.msg-bottom {
    margin-top: -2px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg.msg-bottom .active-talent {
    color: #b37948;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .img-code {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .img-code .inscribe-box {
    width: 96px;
    height: 96px;
    margin: 0 auto;
    text-align: center;
    border: 2px solid #dec0a7;
    border-radius: 2px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .wechat {
    text-align: center;
    font-size: 12px;
    color: #b5b1ad;
    margin-top: 14px;
  }
}
@media (max-width: 660px) {
  .modal-joining_group .modal-dialog {
    width: 280px;
    height: 378px;
  }
  .modal-joining_group .modal-dialog img {
    width: 100%;
  }
  .modal-joining_group .modal-content {
    height: 378px;
  }
  .modal-joining_group .joining_group-wrapper {
    position: relative;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper {
    width: 220px;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    top: 118px;
    height: 295px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper p {
    margin-bottom: 0;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .title {
    font-size: 12px;
    text-align: left;
    color: #c48b4f;
    line-height: 1;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg {
    text-indent: 2em;
    margin-top: 2px;
    font-size: 12px;
    color: #665e58;
    text-align: left;
    line-height: 1.6;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg.msg-bottom {
    margin-top: -2px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg.msg-bottom .active-talent {
    color: #b37948;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .img-code {
    width: 100%;
    text-align: center;
    margin-top: 0px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .img-code .inscribe-box {
    width: 96px;
    height: 96px;
    margin: 0 auto;
    text-align: center;
    border: 2px solid #dec0a7;
    border-radius: 2px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .wechat {
    text-align: center;
    font-size: 12px;
    color: #b5b1ad;
    margin-top: 10px;
  }
}
@media (max-width: 450px) {
  .modal-joining_group .modal-dialog {
    width: 250px;
    height: 378px;
  }
  .modal-joining_group .modal-dialog img {
    width: 100%;
  }
  .modal-joining_group .modal-content {
    height: 378px;
  }
  .modal-joining_group .joining_group-wrapper {
    position: relative;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper {
    width: 194px;
    position: absolute;
    left: 50%;
    margin-left: -94px;
    top: 102px;
    height: 295px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper p {
    margin-bottom: 0;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .title {
    font-size: 12px;
    text-align: left;
    color: #c48b4f;
    line-height: 1;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg {
    text-indent: 2em;
    margin-top: 0px;
    font-size: 12px;
    color: #665e58;
    text-align: left;
    line-height: 1.4;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg.msg-bottom {
    margin-top: -2px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .msg.msg-bottom .active-talent {
    color: #b37948;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .img-code {
    width: 100%;
    text-align: center;
    margin-top: 8px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .img-code .inscribe-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    border: 2px solid #dec0a7;
    border-radius: 2px;
  }
  .modal-joining_group .joining_group-wrapper .notice-text-wrapper .wechat {
    text-align: center;
    font-size: 12px;
    color: #b5b1ad;
    margin-top: 6px;
  }
}

.modal-rule .modal-content .modal-body .input-wrapper {
  vertical-align: top;
  border: none;
  width: 329px;
  padding-right: 0px;
}
.modal-rule .modal-content .modal-body .input-wrapper .exercise .grade {
  color: #9399a5;
  font-size: 14px;
}
.modal-rule .modal-content .modal-body .input-wrapper .smaller {
  width: 56px;
  vertical-align: middle;
  border: 1px solid #ccc;
  text-align: left;
  padding-left: 10px;
}

.rank-body p {
  margin: 0px;
  display: inline-block;
}
.rank-body .rank-input {
  display: inline-block;
  margin-left: 20px;
  vertical-align: text-bottom;
}
.rank-body .input-wrapper .first-page {
  margin-left: 46px;
}

.modal-studymap-select .modal-dialog {
  width: 1128px;
  margin-left: auto;
  margin-right: auto;
}
.modal-studymap-select .swiper-container {
  width: 972px;
}
.modal-studymap-select .swiper-slide {
  overflow: hidden;
  width: 342px;
  height: 392px;
  transition: transform 1s;
  transform: scale(0.8316326531) !important;
  border-radius: 6px;
}
.modal-studymap-select .swiper-slide .item {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 190px;
}
.modal-studymap-select .swiper-slide .item .title-wrapper,
.modal-studymap-select .swiper-slide .item .img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 190px;
}
.modal-studymap-select .swiper-slide .item .img {
  overflow: hidden;
}
.modal-studymap-select .swiper-slide .item .img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-studymap-select .swiper-slide .item .title-wrapper {
  display: table;
}
.modal-studymap-select .swiper-slide .item .title-wrapper .title {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 24px;
  padding-left: 36px;
  padding-right: 36px;
}
.modal-studymap-select .swiper-slide .item .title-wrapper .operation {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.modal-studymap-select .swiper-slide .item .title-wrapper .operation .operation-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 0;
}
.modal-studymap-select .swiper-slide .item .title-wrapper .operation .text {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 16px;
  line-height: 2;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}
.modal-studymap-select .swiper-slide .item .info {
  background-color: #fff;
  padding: 22px 16px;
  height: 100%;
  position: relative;
}
.modal-studymap-select .swiper-slide .item .info .duration {
  line-height: 1;
  font-size: 20px;
}
.modal-studymap-select .swiper-slide .item .info .duration > span {
  color: #676c73;
}
.modal-studymap-select .swiper-slide .item .info .profile {
  margin-top: 16px;
  color: #9399a5;
  line-height: 1.8;
  word-break: break-all;
}
.modal-studymap-select .swiper-slide .item .info .bottom {
  position: absolute;
  right: 0px;
  bottom: 0;
  left: 0;
  padding: 0 16px 20px;
}
.modal-studymap-select .swiper-slide .current-flag {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-width: 18px;
  border-style: solid;
  border-color: #fff #0f6af3 #0f6af3 #fff;
}
.modal-studymap-select .swiper-slide .current-flag .iconfont {
  position: absolute;
  right: -16px;
  bottom: -16px;
  width: 16px;
  height: 16px;
  line-height: 1;
  color: #fff;
}
.modal-studymap-select .swiper-slide-active {
  border: 2px solid #0f6af3;
  transform: scale(1) !important;
}
.modal-studymap-select .swiper-slide-active .current-flag {
  display: block;
  z-index: 1;
}
@media (max-width: 1199px) {
  .modal-studymap-select .modal-dialog {
    width: 98%;
  }
  .modal-studymap-select .swiper-container {
    width: 86.170212766%;
  }
}
@media (max-width: 468px) {
  .modal-studymap-select .swiper-slide {
    transform: scale(0.9) !important;
  }
  .modal-studymap-select .swiper-slide-active {
    transform: scale(0.9) !important;
  }
}
@media (min-width: 469px) {
  .modal-studymap-select .swiper-slide .item:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 10;
  }
  .modal-studymap-select .they-are-learning {
    font-size: 16px;
    line-height: 2;
  }
  .modal-studymap-select .they-are-learning > img {
    width: 32px;
    height: 32px;
  }
}
.modal-studymap-select .swiper-slide-active .item:after {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 0;
  height: 0;
  background: none;
}
.modal-studymap-select .swiper-button-prev,
.modal-studymap-select .swiper-button-next {
  width: 48px;
  height: 48px;
  border-radius: 0;
  background: none;
  line-height: 1;
}
.modal-studymap-select .swiper-button-prev .iconfont,
.modal-studymap-select .swiper-button-next .iconfont {
  font-size: 48px;
  color: #fff;
}
.modal-studymap-select .swiper-button-prev {
  left: 0;
}
.modal-studymap-select .swiper-button-next {
  right: 0;
}
@media (max-width: 767px) {
  .modal-studymap-select .swiper-button-prev,
.modal-studymap-select .swiper-button-next {
    width: 32px;
    height: 32px;
  }
  .modal-studymap-select .swiper-button-prev .iconfont,
.modal-studymap-select .swiper-button-next .iconfont {
    font-size: 32px;
  }
}
.modal-studymap-select .go-to-study {
  padding-top: 40px;
  padding-bottom: 10px;
  text-align: center;
}
.modal-studymap-select .go-to-study .btn {
  width: 342px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 22px;
}
@media (max-width: 468px) {
  .modal-studymap-select .go-to-study {
    transform: scale(0.9) !important;
    padding-top: 10px;
    padding-bottom: 0;
  }
  .modal-studymap-select .go-to-study .btn {
    width: 86.170212766%;
    font-size: 20px;
  }
}

.modal-studymap-popover .modal-dialog {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .modal-studymap-popover .modal-dialog {
    width: 360px;
  }
}
@media (max-width: 768px) and (max-width: 600px) {
  .modal-studymap-popover .modal-dialog {
    width: 320px;
  }
}
@media (max-width: 768px) and (max-width: 600px) and (max-width: 500px) {
  .modal-studymap-popover .modal-dialog {
    width: 280px;
  }
}
.modal-studymap-popover .modal-dialog .bg-study-popover {
  background-color: #fff;
  width: 100%;
  border-radius: 10px;
  padding: 30px 20px;
  background-image: url(/assets/images/com-toggle-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .bg-study-popover-title {
  text-align: center;
  color: #3e454d;
  font-size: 18px;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .bg-study-popover-content {
  width: 100%;
  margin-top: 20px;
  height: auto;
  max-height: 421px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 2px;
}
@media (max-width: 768px) {
  .modal-studymap-popover .modal-dialog .bg-study-popover .bg-study-popover-content {
    max-height: 280px;
  }
}
.modal-studymap-popover .modal-dialog .bg-study-popover .goto-study {
  margin-top: 30px;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .goto-study a {
  width: 100%;
  border-radius: 26px;
  font-size: 18px;
  color: #fff;
  padding: 13px;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item {
  position: relative;
  padding: 15px 20px;
  border-radius: 4px;
  border: 1px solid #b9c3d7;
  cursor: pointer;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item + .com-toggle-item {
  margin-top: 20px;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item .item-title {
  color: #9399a5;
  font-size: 14px;
}
@media (max-width: 600px) {
  .modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item .item-title {
    font-size: 12px;
  }
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item .item-title .analysis {
  margin-top: 6px;
}
@media (max-width: 500px) {
  .modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item .item-title .analysis {
    margin-top: 3px;
  }
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item .item-title .analysis .preset-time {
  margin-right: 20px;
  position: relative;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item .item-title .analysis .preset-time:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #9399a5;
  right: -17%;
  top: 16%;
}
@media (max-width: 500px) {
  .modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item {
    padding: 7px 10px;
  }
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item:hover, .modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item.active {
  border-color: #0f6af3;
  background-color: #fff;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item:hover .item-img, .modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item.active .item-img {
  color: #0f6af3;
  background-color: #e7f0fe;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item.active .current-flag {
  display: block;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item .item-title-top {
  color: #3e454d;
  font-size: 16px;
}
@media (max-width: 600px) {
  .modal-studymap-popover .modal-dialog .bg-study-popover .com-toggle-item .item-title-top {
    font-size: 14px;
  }
}
.modal-studymap-popover .modal-dialog .bg-study-popover .current-flag {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-color: transparent #0f6af3 #0f6af3 transparent;
  border-style: solid;
  border-width: 13px;
}
.modal-studymap-popover .modal-dialog .bg-study-popover .current-flag .iconfont {
  position: absolute;
  right: -12px;
  bottom: -12px;
  line-height: 1;
  color: #fff;
  font-size: 12px;
}
.modal-studymap-popover .modal-dialog .bg-study-popover:after {
  position: absolute;
  bottom: 0;
  left: -10px;
  line-height: 1;
  color: #0f6af3;
  opacity: 0.05;
  content: "\E6AC";
  font-family: "iconfont" !important;
  font-size: 130px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-studymap-popover .J-modal-irregular-shape-close {
  font-size: 30px !important;
}

.modal-course-audit-process .modal-dialog {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.modal-course-audit-process .label-table:last-child .audit-item {
  height: 50px;
  padding-bottom: 0;
}
.modal-course-audit-process .label-table:last-child .audit-item:before {
  display: none;
}
.modal-course-audit-process .avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: #ccc;
  border-radius: 50%;
  color: #fff;
  line-height: 50px;
  text-align: center;
}
.modal-course-audit-process .avatar .avatar-text {
  font-size: 18px;
}
.modal-course-audit-process .avatar .avatar-icon .iconfont {
  font-size: 22px;
}
.modal-course-audit-process .avatar .avatar-status {
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 22px;
  height: 22px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #52c41b;
  color: #fff;
  text-align: center;
  line-height: 18px;
}
.modal-course-audit-process .avatar .avatar-status .iconfont {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.75);
}
.modal-course-audit-process .status {
  font-size: 16px;
}
.modal-course-audit-process .time {
  color: #9399a5;
}
.modal-course-audit-process .username {
  color: #9399a5;
}
.modal-course-audit-process .audit-item {
  position: relative;
  padding-left: 70px;
  height: 112px;
  padding-bottom: 62px;
}
.modal-course-audit-process .audit-item:before {
  position: absolute;
  bottom: 6px;
  left: 25px;
  width: 0;
  height: calc(100% - 62px);
  content: "";
  border-left: 1px solid #ccc;
}
.modal-course-audit-process .audit-item.active-line:before {
  border-color: #0f6af3;
}
.modal-course-audit-process .audit-item.active .avatar {
  background-color: #0f6af3;
}
.modal-course-audit-process .audit-item.success .avatar-status {
  background-color: #52c41a;
}
.modal-course-audit-process .audit-item.success .status {
  color: #52c41a;
}
.modal-course-audit-process .audit-item.waiting .avatar-status {
  background-color: #ff7a45;
}
.modal-course-audit-process .audit-item.waiting .status {
  color: #ff7a45;
}
.modal-course-audit-process .audit-item.error .avatar-status {
  background-color: #eb4d3d;
}
.modal-course-audit-process .audit-item.error .status {
  color: #eb4d3d;
}
@media (max-width: 480px) {
  .modal-course-audit-process .modal-dialog {
    width: 98%;
  }
}

.modal-title-tabs .modal-dialog {
  margin-left: auto;
  margin-right: auto;
}
.modal-title-tabs .modal-header {
  display: block !important;
  height: 0;
  padding: 0;
  position: relative;
  z-index: 100;
  border-bottom: none;
}
.modal-title-tabs .modal-header .close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 0;
  margin-top: 0;
}
.modal-title-tabs .modal-header .bootstrap-dialog-title {
  display: none;
}
.modal-title-tabs .modal-body {
  padding-top: 0;
}
.modal-title-tabs .nav {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.modal-title-tabs .nav > li + li {
  margin-left: 30px;
}
.modal-title-tabs .nav > li > a {
  font-size: 16px;
  padding-top: 16px;
  padding-bottom: 13px;
}
.modal-title-tabs .tab-content {
  padding-top: 20px;
}

.modal-com-toggle .modal-dialog {
  width: 400px;
}
.modal-com-toggle .modal-content {
  border-radius: 10px;
  background-image: url(/assets/images/com-toggle-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.modal-com-toggle .modal-content:after {
  position: absolute;
  bottom: 0;
  left: -10px;
  line-height: 1;
  color: #0f6af3;
  opacity: 0.05;
  content: "\E744";
  font-family: "iconfont" !important;
  font-size: 130px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-com-toggle .com-toggle-title {
  line-height: 1;
  font-size: 20px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 30px;
}
.modal-com-toggle .com-toggle-item {
  position: relative;
  padding: 15px 20px;
  border-radius: 4px;
  border: 1px solid #b9c3d7;
  cursor: pointer;
}
.modal-com-toggle .com-toggle-item + .com-toggle-item {
  margin-top: 20px;
}
.modal-com-toggle .com-toggle-item:hover, .modal-com-toggle .com-toggle-item.active {
  border-color: #0f6af3;
}
.modal-com-toggle .com-toggle-item:hover .item-img, .modal-com-toggle .com-toggle-item.active .item-img {
  color: #0f6af3;
  background-color: #e7f0fe;
}
.modal-com-toggle .com-toggle-item:hover .item-title, .modal-com-toggle .com-toggle-item.active .item-title {
  color: #0f6af3;
}
.modal-com-toggle .com-toggle-item.active .current-flag {
  display: block;
}
.modal-com-toggle .current-flag {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-color: transparent #0f6af3 #0f6af3 transparent;
  border-style: solid;
  border-width: 13px;
}
.modal-com-toggle .current-flag .iconfont {
  position: absolute;
  right: -12px;
  bottom: -12px;
  line-height: 1;
  color: #fff;
  font-size: 12px;
}
.modal-com-toggle .item-title {
  font-size: 16px;
}
.modal-com-toggle .modal-footer {
  padding-bottom: 10px;
}
.modal-com-toggle .modal-footer .btn {
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 48px;
  padding: 0;
  border-radius: 24px;
}
.modal-com-toggle .modal-footer .btn + .btn {
  margin-left: 0;
  margin-top: 5px;
}
.modal-com-toggle .modal-footer .btn-default {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #9399a5;
}
@media (max-width: 767px) {
  .modal-com-toggle .modal-dialog {
    margin-left: auto;
    margin-right: auto;
  }
  .modal-com-toggle .modal-content:after {
    font-size: 100px;
  }
  .modal-com-toggle .com-toggle-title {
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .modal-com-toggle .com-toggle-item {
    padding: 12px 10px;
  }
  .modal-com-toggle .com-toggle-item + .com-toggle-item {
    margin-top: 15px;
  }
  .modal-com-toggle .current-flag {
    border-width: 10px;
  }
  .modal-com-toggle .current-flag .iconfont {
    right: -10px;
    bottom: -11px;
  }
  .modal-com-toggle .item-title {
    font-size: 14px;
  }
  .modal-com-toggle .modal-footer {
    padding-top: 10px;
  }
  .modal-com-toggle .modal-footer .btn {
    font-size: 14px;
    line-height: 36px;
    border-radius: 18px;
  }
}
@media (max-width: 520px) {
  .modal-com-toggle .modal-dialog {
    width: 90%;
  }
}

.modal-bind-phone .modal-dialog {
  width: 420px;
}
.modal-bind-phone .\--msg {
  padding-top: 15px;
  padding-bottom: 10px;
}
.modal-bind-phone .\--msg > div {
  position: relative;
  display: inline-block;
}
.modal-bind-phone .\--msg .text {
  line-height: 36px;
  padding-right: 10px;
}
.modal-bind-phone .\--msg .form-control {
  width: 256px;
}
.modal-bind-phone .\--msg .get-code {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 36px;
  color: #0f6af3;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.modal-bind-phone .\--msg .get-code.disabled {
  color: #9399a5;
  cursor: not-allowed;
}

.modal-assign-tutors .modal-dialog {
  width: 640px;
}
.modal-assign-tutors .import-container {
  padding-top: 10px;
}
.modal-assign-tutors .manual .table-user-info .title {
  width: 100px;
}
.modal-assign-tutors .manual .select-wrapper {
  width: 100%;
}
.modal-assign-tutors .manual .modal-footer {
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 100%;
}

.modal-about-ta-in-teaching.type_0 .modal-dialog {
  width: 520px;
}
.modal-about-ta-in-teaching.type_1 .modal-dialog {
  width: 620px;
}
.modal-about-ta-in-teaching .modal-dialog {
  margin-left: auto;
  margin-right: auto;
}
.modal-about-ta-in-teaching .msg-list {
  margin-top: 10px;
  min-height: 180px;
  max-height: 360px;
  overflow-y: auto;
}
.modal-about-ta-in-teaching .msg-list_item {
  padding-top: 20px;
  padding-bottom: 20px;
}
.modal-about-ta-in-teaching .msg-list_item + .msg-list_item {
  border-top: 1px solid #e5e5e5;
}
.modal-about-ta-in-teaching .msg-list .content {
  position: relative;
  padding-left: 62px;
  min-height: 50px;
  padding-top: 4px;
}
.modal-about-ta-in-teaching .msg-list .content .avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.modal-about-ta-in-teaching .msg-list .content .td1 {
  width: 100%;
}
.modal-about-ta-in-teaching .msg-list .content .td1-info1 .text1 {
  font-size: 16px;
}
.modal-about-ta-in-teaching .msg-list .content .td1-info1 .text2 {
  font-size: 12px;
  color: #9399a5;
}
.modal-about-ta-in-teaching .msg-list .content .td1-info2 .text1 {
  color: #9399a5;
}
.modal-about-ta-in-teaching .msg-list .content .td2-info1 {
  width: 220px;
  text-align: right;
  padding-right: 10px;
}
.modal-about-ta-in-teaching .msg-list .content .info3 {
  display: none;
  margin-top: 15px;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 7px 10px;
}

.modal-comment-detail-in-teaching {
  text-align: left;
}
.modal-comment-detail-in-teaching .modal-dialog {
  width: 620px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 640px) {
  .modal-comment-detail-in-teaching .modal-dialog {
    width: 96%;
  }
}
.modal-comment-detail-in-teaching .wrapper {
  max-height: 440px;
  overflow-y: auto;
}
.modal-comment-detail-in-teaching .panel-section .section-content {
  padding-top: 20px;
}
.modal-comment-detail-in-teaching .table-user-info .title,
.modal-comment-detail-in-teaching .table-user-info .content {
  line-height: 1.4285714286;
}
.modal-comment-detail-in-teaching .table-user-info .title {
  width: 50px;
}
.modal-comment-detail-in-teaching .label-table .td1 {
  text-align: right;
  width: 50px;
  color: #555;
}
.modal-comment-detail-in-teaching .label-table .title,
.modal-comment-detail-in-teaching .label-table .content {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.4285714286;
}
.modal-comment-detail-in-teaching .label-table .content {
  padding-left: 20px;
  padding-right: 20px;
}

.modal-comment-add-in-teaching {
  text-align: left;
}
.modal-comment-add-in-teaching .modal-dialog {
  width: 620px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 640px) {
  .modal-comment-add-in-teaching .modal-dialog {
    width: 96%;
  }
  .modal-comment-add-in-teaching input.form-control {
    width: 80%;
  }
}
.modal-comment-add-in-teaching .table-user-info .title {
  width: 50px;
}
.modal-comment-add-in-teaching .textarea {
  width: 100%;
  height: 120px;
  resize: vertical;
}
.modal-comment-add-in-teaching .label-table .td1 {
  text-align: right;
  width: 50px;
  color: #555;
}
.modal-comment-add-in-teaching .label-table .title,
.modal-comment-add-in-teaching .label-table .content {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 36px;
}
.modal-comment-add-in-teaching .label-table .content {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 640px) {
  .modal-comment-add-in-teaching .label-table .content {
    padding-left: 10px;
    padding-right: 0;
  }
}

.modal-task-teacher-unbind {
  text-align: left;
}
.modal-task-teacher-unbind .modal-dialog {
  width: 460px;
}
.modal-task-teacher-unbind .bootstrap-dialog-message {
  padding-left: 15px;
  padding-right: 15px;
}
.modal-task-teacher-unbind .intro {
  color: #676c73;
  line-height: 24px;
}

.modal-upload-progress .modal-dialog {
  width: 420px;
}
.modal-upload-progress .modal-body {
  padding: 30px 50px 40px;
}
.modal-upload-progress .bootstrap-dialog-message {
  text-align: center;
}
.modal-upload-progress .bootstrap-dialog-message .\--title {
  display: none;
}
.modal-upload-progress .bootstrap-dialog-message .\--msg {
  padding-top: 0;
  padding-bottom: 0;
}
.modal-upload-progress .img-wrapper {
  min-height: 64px;
}
.modal-upload-progress .progress--label {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}
.modal-upload-progress .progress--label .progress--bar {
  width: 82%;
  margin-top: -5px;
}
.modal-upload-progress .progress--label .progress--bar .progress,
.modal-upload-progress .progress--label .progress--bar .progress-bar {
  height: 10px;
}
.modal-upload-progress .progress--label .progress--text {
  font-size: 16px;
}
.modal-upload-progress .text-wrapper {
  font-size: 16px;
}

.modal-diy-content-show-preview .modal-dialog {
  width: 840px;
}
.modal-diy-content-show-preview .bootstrap-dialog-message iframe {
  width: 100%;
  height: 100%;
}

.modal-permission .whether-bottom {
  margin-bottom: 10px;
}
.modal-permission .whether-top {
  margin-top: 14px;
}
.modal-permission .whether-top .pattern-wrapper-input {
  line-height: 1;
}
.modal-permission .whether-top .pattern-wrapper-input .dynamic {
  vertical-align: middle;
  border: 1px solid #ccc;
  height: 36px;
  padding-top: 0px;
}
.modal-permission .whether-top .pattern-wrapper-input .phone-taost {
  color: #676c73;
  font-size: 12px;
  line-height: 1;
  margin-top: 10px;
}
.modal-permission .whether-top .pattern-wrapper-input .myself {
  margin-left: 0px;
}
.modal-permission .forbidden {
  color: #777;
  cursor: no-drop;
}

.zmodem-modal {
  text-align: left;
}
.zmodem-modal .\--title {
  display: none;
}
.zmodem-modal .bootstrap-dialog-header {
  display: none;
}
.zmodem-modal .modal-body {
  padding: 0px;
}
.zmodem-modal .modal-content {
  width: 320px;
  margin: auto;
}
.zmodem-modal .\--msg {
  padding-top: 4px;
  padding-bottom: 0px;
}
.zmodem-modal .zmodem {
  background-color: #fff;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
}
.zmodem-modal .zmodem .zmodem-bg {
  width: 60%;
  height: 36px;
  line-height: 36px;
  background: linear-gradient(to right, #ff9605, #ff6f05, #fff);
}
.zmodem-modal .zmodem .imgage-top {
  margin-top: 24px;
}
.zmodem-modal .zmodem .imgage-right {
  width: 18px;
  height: 18px;
  margin-left: 24px;
}
.zmodem-modal .zmodem .imgage-right img {
  width: 100%;
  vertical-align: text-bottom;
}
.zmodem-modal .zmodem .system {
  font-size: 18px;
  color: #ffffff;
  margin-left: 6px;
}
.zmodem-modal .zmodem .universal {
  margin-top: 20px;
  font-size: 14px;
  color: #3e454d;
  padding-left: 24px;
  padding-right: 24px;
}
.zmodem-modal .modal-footer {
  padding-top: 0px;
  padding-bottom: 24px;
}

.modal-jigsaw .modal-dialog {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}
.modal-jigsaw .bootstrap-dialog-title {
  font-size: 20px;
}

.modal-integralmall-order-detail .modal-dialog {
  width: 540px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 580px) {
  .modal-integralmall-order-detail .modal-dialog {
    width: 96%;
  }
}
.modal-integralmall-order-detail .head > .label-td {
  vertical-align: top;
}
.modal-integralmall-order-detail .head > .label-td:first-child {
  padding-right: 15px;
}
.modal-integralmall-order-detail .head > .label-td:last-child {
  width: 100%;
}
.modal-integralmall-order-detail .head .img {
  width: 150px;
  height: 150px;
  border-radius: 4px;
  overflow: hidden;
}
.modal-integralmall-order-detail .head .img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-integralmall-order-detail .head .title {
  font-size: 16px;
}
.modal-integralmall-order-detail .head .intro {
  margin-top: 4px;
  font-size: 12px;
  color: #9399a5;
}
.modal-integralmall-order-detail .head .intro .label-td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.modal-integralmall-order-detail .body {
  margin-top: 30px;
}
.modal-integralmall-order-detail .body .panel-section .section-content {
  padding-top: 16px;
}
.modal-integralmall-order-detail .body .panel-section:last-child .section-content {
  padding-bottom: 0;
}
.modal-integralmall-order-detail .body .label-td {
  vertical-align: top;
  padding-top: 6px;
  padding-bottom: 6px;
}
.modal-integralmall-order-detail .body .label-td > div {
  display: flex;
}
.modal-integralmall-order-detail .body .label-td:last-child {
  width: 100%;
}
.modal-integralmall-order-detail .body .w-276 {
  width: 276px;
}
.modal-integralmall-order-detail .body .title {
  white-space: nowrap;
  padding-left: 11px;
  color: #555;
}
.modal-integralmall-order-detail .body .content {
  padding-left: 10px;
  padding-right: 10px;
}

.modal-my-address-list .modal-dialog {
  width: 660px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 680px) {
  .modal-my-address-list .modal-dialog {
    width: 96%;
  }
  .modal-my-address-list .modal-dialog .table thead {
    display: none;
  }
  .modal-my-address-list .modal-dialog .table tbody td:nth-child(1) {
    display: block;
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }
  .modal-my-address-list .modal-dialog .table tbody td:nth-child(2), .modal-my-address-list .modal-dialog .table tbody td:nth-child(3), .modal-my-address-list .modal-dialog .table tbody td:nth-child(4) {
    display: none;
  }
  .modal-my-address-list .modal-dialog .table tbody td:nth-child(5) {
    position: relative;
    width: 0;
    padding: 0;
  }
  .modal-my-address-list .modal-dialog .table tbody td .operation {
    position: absolute;
    bottom: 0;
    right: 0;
    white-space: nowrap;
    padding: 0 0 10px;
  }
}
.modal-my-address-list .empty-wrapper {
  padding-top: 50px;
  padding-bottom: 60px;
}

.modal-my-address-edit .modal-dialog {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 520px) {
  .modal-my-address-edit .modal-dialog {
    width: 96%;
  }
}
.modal-my-address-edit .label-td {
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 15px;
}
.modal-my-address-edit .label-td:first-child {
  text-align: right;
  color: #555;
  white-space: nowrap;
  line-height: 36px;
}
.modal-my-address-edit .label-td:last-child {
  padding-left: 10px;
  width: 100%;
}
@media (max-width: 440px) {
  .modal-my-address-edit .label-td .form-control {
    width: 100% !important;
  }
}
.modal-my-address-edit .modal-footer {
  padding-top: 0px;
}

.modal-chose-position .modal-dialog {
  border-radius: 12px;
}
.modal-chose-position .modal-dialog .modal-content {
  border-radius: 12px;
}
.modal-chose-position .modal-dialog .modal-header {
  height: 74px;
  background-color: #fff;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: none;
  border-radius: 12px;
}
.modal-chose-position .modal-dialog .modal-header .close {
  font-size: 24px;
}
.modal-chose-position .modal-dialog .modal-header .bootstrap-dialog-title .title {
  font-size: 20px;
  color: #3e454d;
  margin-right: 20px;
}
.modal-chose-position .modal-dialog .modal-body {
  padding: 0;
}
.modal-chose-position .chose_position_box {
  background-color: #fff;
  width: 100%;
  height: 392px;
  margin: 0 auto;
  overflow-y: scroll;
  padding: 30px 20px 30px 20px;
  padding-top: 0;
}
.modal-chose-position .chose_position_box .chose_position_title {
  font-size: 24px;
  margin-bottom: 25px;
  padding-left: 20px;
}
.modal-chose-position .chose_position_box .chose_position_title p {
  margin: 0;
}
.modal-chose-position .chose_position_box .chose_position_title span {
  margin-left: 20px;
  font-size: 16px;
  color: #676c73;
}
.modal-chose-position .chose_position_box .chose_position_body {
  padding-left: 10px;
  width: 100%;
  -moz-column-gap: 5%;
       column-gap: 5%;
}
.modal-chose-position .chose_position_box .chose_position_body .position_item .body_title {
  font-size: 14px;
  padding-left: 14px;
  color: #9399a5;
  position: relative;
}
.modal-chose-position .chose_position_box .chose_position_body .position_item .body_title .rounddot-green {
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  background-color: #0f6af3;
  border-radius: 50%;
}
.modal-chose-position .chose_position_box .chose_position_body .position_item .body_content {
  padding: 14px 0px 6px 0px;
}
.modal-chose-position .chose_position_box .chose_position_body .position_item .body_content ul li {
  float: left;
  border: 1px solid #e9eaeb;
  border-radius: 14px;
  margin-left: 12px;
  margin-bottom: 12px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  color: #3e454d;
  padding: 0px 12px;
}
.modal-chose-position .chose_position_box .chose_position_body .position_item .body_content ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #3e454d;
  font-size: 14px;
}
.modal-chose-position .chose_position_box .chose_position_body .position_item .body_content ul li:hover, .modal-chose-position .chose_position_box .chose_position_body .position_item .body_content ul li.active {
  background-color: #0f6af3;
  border: 1px solid #0f6af3;
}
.modal-chose-position .chose_position_box .chose_position_body .position_item .body_content ul li:hover a, .modal-chose-position .chose_position_box .chose_position_body .position_item .body_content ul li.active a {
  color: #fff;
}
.modal-chose-position .chose_position_box .btn-wrapper {
  padding-top: 20px;
}
.modal-chose-position .chose_position_box .btn-wrapper .btn {
  border-radius: 22px;
  width: 180px;
  height: 44px;
  padding: 11px 18px;
}
.modal-chose-position .btn-wrapper {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px;
}
.modal-chose-position .btn-wrapper .btn {
  border-radius: 22px;
  width: 180px;
  height: 44px;
  padding: 11px 18px;
}
@media (min-width: 1199px) {
  .modal-chose-position .modal-dialog {
    width: 1060px;
  }
}
@media (max-width: 1125px) {
  .modal-chose-position .chose_position_box .chose_position_body .position_item .body_content ul li {
    margin-left: 15px;
  }
}
@media (max-width: 768px) {
  .modal-chose-position .modal-dialog {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) and (max-width: 500px) {
  .modal-chose-position .modal-dialog .modal-header {
    height: 87px;
  }
}
@media (max-width: 525px) {
  .modal-chose-position .chose_position_box {
    padding-bottom: 20px;
  }
  .modal-chose-position .chose_position_box .chose_position_title {
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 5px;
  }
  .modal-chose-position .chose_position_box .chose_position_title span {
    font-size: 12px;
    margin-left: 5px;
  }
  .modal-chose-position .chose_position_box .chose_position_body {
    padding-left: 5px;
  }
  .modal-chose-position .chose_position_box .chose_position_body .position_item .body_title {
    font-size: 14px;
  }
  .modal-chose-position .chose_position_box .chose_position_body .position_item .body_content {
    padding-top: 10px;
  }
  .modal-chose-position .chose_position_box .chose_position_body .position_item .body_content ul li {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .modal-chose-position .chose_position_box .chose_position_body .position_item .body_content ul li a {
    font-size: 12px;
  }
  .modal-chose-position .chose_position_box .btn-wrapper {
    padding-top: 15px;
  }
  .modal-chose-position .chose_position_box .btn-wrapper .btn {
    height: auto;
    padding: 7px 18px;
  }
}
@media (max-width: 430px) {
  .modal-chose-position .modal-dialog .modal-header .bootstrap-dialog-title .title {
    font-size: 17px;
  }
}

.modal-online-document {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  height: 100%;
  z-index: 9000;
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1440px) {
  .modal-online-document {
    width: 350px;
  }
}
.modal-online-document .windowOpener {
  width: 100%;
  height: 100%;
  position: relative;
  border: 1px solid transparent;
}
.modal-online-document .windowOpener .new-title {
  position: absolute;
  top: 0;
  font-size: 16px;
  color: #1f2329;
  width: 100%;
  padding: 24px;
}
.modal-online-document .windowOpener .new-title .hint-close {
  float: right;
}
.modal-online-document .windowOpener .new-title .hint-close .icon-close {
  color: #9399a5;
  font-size: 12px;
}
.modal-online-document .windowOpener .hint-content {
  margin-top: 60px;
  padding: 0px 24px;
  height: calc(100% - 170px);
  overflow-y: scroll;
}
.modal-online-document .windowOpener .hint-content .top-title {
  color: #1f2329;
  font-size: 24px;
  font-weight: bold;
  margin-top: 30px;
}
.modal-online-document .windowOpener .hint-content .hint-time {
  font-size: 14px;
  color: #9399a5;
  margin-top: 10px;
  margin-bottom: 20px;
}
.modal-online-document .windowOpener .hint-content .hint-time .icon-time {
  font-size: 14px;
  margin-right: 6px;
}
.modal-online-document .windowOpener .hint-content .hint-content-title {
  height: 100%;
}
.modal-online-document .windowOpener .hint-content .hint-content-title h2 {
  margin-top: 20px;
  color: #1f2329;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
.modal-online-document .windowOpener .hint-content .hint-content-title p {
  font-size: 14px;
  color: #3e454d;
  line-height: 1.6;
}
.modal-online-document .windowOpener .hint-content .hint-content-title img {
  width: 100%;
  max-height: 600px;
  height: auto;
  cursor: zoom-in;
}
.modal-online-document .windowOpener .help-online {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 20px 0px;
  width: 100%;
  border-top: 1px solid #e9eaeb;
}
.modal-online-document .windowOpener .help-online .comprehend {
  color: #0f6af3;
}

body .online-view .modal-dialog {
  width: auto;
}
body .online-view .bootstrap-dialog-message {
  text-align: center;
}
body .online-view img {
  max-width: 80%;
}

.diolog-satefy .modal-dialog {
  width: auto;
}
.diolog-satefy .bootstrap-dialog-message {
  text-align: center;
}
.diolog-satefy .bootstrap-dialog-message .icon-content .closeButton {
  font-size: 28px;
}
.diolog-satefy a {
  display: inline-block;
  margin-top: -50px;
  height: 473px;
}
@media (max-width: 1300px) {
  .diolog-satefy a {
    height: 384px;
  }
}
.diolog-satefy a img {
  width: 50%;
}
@media (max-width: 1300px) {
  .diolog-satefy a img {
    width: 260px;
  }
}

.corner {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10000;
}
.corner .samll-img a {
  display: inline-block;
}
.corner .samll-img a img {
  width: 120px;
}
.corner .turnoff {
  margin-top: 10px;
  text-align: center;
}
@-webkit-keyframes word {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    display: none;
    width: 0px;
  }
}
@keyframes word {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    display: none;
    width: 0px;
  }
}
.corner.transparency {
  -webkit-animation: word 0.2s linear normal;
          animation: word 0.2s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.modal-exam-rebuild .modal-dialog {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.modal-exam-rebuild .bootstrap-dialog-title {
  text-align: center;
}
.modal-exam-rebuild .modal-body {
  padding: 30px 40px 37px;
}
.modal-exam-rebuild .modal-footer {
  padding: 0 40px 40px;
}
.modal-exam-rebuild .mer-course {
  border-radius: 4px;
  background-color: #f7f8fa;
  padding: 20px;
}
.modal-exam-rebuild .mer-desc {
  margin-top: 27px;
}
@media (max-width: 660px) {
  .modal-exam-rebuild .modal-dialog {
    width: 96%;
  }
  .modal-exam-rebuild .modal-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal-exam-rebuild .mer-course .pull-left {
    width: calc(100% - 80px);
  }
  .modal-exam-rebuild .mer-course .pull-left .title {
    max-width: 100% !important;
  }
  .modal-exam-rebuild .mer-course .pull-right {
    width: 80px;
    text-align: center;
  }
}
@media (max-width: 460px) {
  .modal-exam-rebuild .modal-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .modal-exam-rebuild .mer-course {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.modal-show-task-detail .modal-dialog {
  height: auto;
}
.modal-show-task-detail .bootstrap-dialog-message {
  padding-right: 15px;
}
.modal-show-task-detail .\--content-wrapper {
  height: 100%;
}
.modal-show-task-detail .\--content-wrapper > * {
  width: 100%;
}
.modal-show-task-detail .\--content {
  flex: 1;
}
.modal-show-task-detail .\--content .title {
  color: #1f2329;
  font-size: 22px;
}
.modal-show-task-detail .\--content .time {
  margin-top: 8px;
  color: #676c73;
}
.modal-show-task-detail .\--content .attr-item {
  margin-top: 16px;
  font-size: 16px;
}
.modal-show-task-detail .\--content .attr-item__label {
  color: #676c73;
}
.modal-show-task-detail .\--content .compulsory__content {
  padding-left: 8px;
  color: #676c73;
  position: relative;
}
.modal-show-task-detail .\--content .compulsory__content + .compulsory__content {
  margin-top: 4px;
}
.modal-show-task-detail .\--content .compulsory__content::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "-";
}
.modal-show-task-detail .\--content .progress--label {
  width: auto;
  padding-left: 75px;
  display: inline-block;
  vertical-align: middle;
}
.modal-show-task-detail .\--content .progress--label .progress--bar {
  width: 70px;
  margin-top: -6px;
}
.modal-show-task-detail .\--content .progress--label .progress--bar .progress,
.modal-show-task-detail .\--content .progress--label .progress--bar .progress-bar {
  height: 8px;
}
.modal-show-task-detail .\--content .progress--label .progress--text {
  font-size: 16px;
}
.modal-show-task-detail .\--btn {
  margin-top: 32px;
}
.modal-show-task-detail .\--btn .btn {
  border-radius: 200px;
}

.modal-task-detail-mobile-show-modules .ifm-wrapper {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  font-size: 0;
}
.modal-task-detail-mobile-show-modules .ifm-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.modal-task-detail-mobile-show-modules.rank .ifm-wrapper {
  position: relative;
  overflow: hidden;
}
.modal-task-detail-mobile-show-modules.rank .ifm-wrapper iframe {
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 25px);
  height: calc(100% + 40px);
}

.modal_multistage_evaluation .modal-content {
  max-width: 464px;
  margin: auto;
  padding-left: 12px;
  padding-right: 0px;
}
.modal_multistage_evaluation .modal-content .pingjia {
  font-size: 24px;
  color: #3e454d;
  font-weight: 600;
}
.modal_multistage_evaluation .modal-content .introl {
  font-size: 16px;
  color: #9399a5;
  margin-top: 10px;
}
.modal_multistage_evaluation .modal-content .modal-header {
  border-bottom: none;
}
.modal_multistage_evaluation .modal-content .bootstrap-dialog-title {
  text-align: center;
}
.modal_multistage_evaluation .modal-content .modal-body {
  padding-right: 0px;
  text-align: left;
}
.modal_multistage_evaluation .modal-content .modal-body .all-body {
  height: 400px;
  overflow-y: scroll;
}
.modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .second-title {
  font-size: 16px;
  color: #3e454d;
  margin-bottom: 16px;
}
.modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .second-title::before {
  content: "";
  display: inline-block;
  background-color: #0f6af3;
  width: 3px;
  height: 12px;
  border: 1.5px;
  margin-right: 8px;
}
.modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage {
  max-width: 390px;
  border-radius: 8px;
  background-color: #f7f8fa;
  padding: 20px 16px;
  margin-bottom: 16px;
  position: relative;
}
.modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .item-title {
  font-size: 16px;
  color: #3e454d;
  margin-bottom: 10px;
}
.modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .each-container {
  width: calc(100% - 94px);
}
.modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .each-container .item-intron {
  font-size: 12px;
  color: #9399a5;
  display: inline-block;
  margin-right: 6px;
}
.modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .each-container .item-intron + .item-intron::before {
  display: inline-block;
  content: "";
  background-color: #e5e5e5;
  width: 1px;
  height: 8px;
  margin-right: 6px;
}
.modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .evaluation-jump {
  position: absolute;
  bottom: 18px;
  right: 16px;
  font-size: 14px;
  display: inline-block;
  color: #fff;
  border-radius: 12px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #0f6af3;
  padding-left: 10px;
  padding-right: 10px;
}
.modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .been-evaluated {
  background-color: #83b1f6;
}
@media (max-width: 500px) {
  .modal_multistage_evaluation .modal-content {
    width: 90%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .modal_multistage_evaluation .modal-content .pingjia {
    font-size: 20px;
  }
  .modal_multistage_evaluation .modal-content .introl {
    font-size: 14px;
    margin-top: 8px;
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body {
    padding-right: 20px;
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .second-title {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .second-title::before {
    content: "";
    display: inline-block;
    background-color: #0f6af3;
    width: 3px;
    height: 12px;
    border: 1.5px;
    margin-right: 8px;
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage {
    max-width: 390px;
    border-radius: 8px;
    background-color: #f7f8fa;
    padding: 10px 8px;
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .item-title {
    font-size: 14px;
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .each-container {
    width: calc(100% - 94px);
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .each-container .item-intron {
    font-size: 12px;
    color: #9399a5;
    display: inline-block;
    margin-right: 6px;
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .each-container .item-intron + .item-intron::before {
    display: inline-block;
    content: "";
    background-color: #e5e5e5;
    width: 1px;
    height: 8px;
    margin-right: 6px;
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .evaluation-jump {
    bottom: 10px;
    right: 8px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal_multistage_evaluation .modal-content .modal-body .all-body .successive-eras .item-stage .been-evaluated {
    background-color: #83b1f6;
  }
}

.modal_multistage_duojieduan .modal-content {
  max-width: 560px;
  margin: auto;
  padding-left: 12px;
  padding-right: 0px;
}
.modal_multistage_duojieduan .modal-content .pingjia {
  font-size: 24px;
  color: #3e454d;
  font-weight: 600;
}
.modal_multistage_duojieduan .modal-content .introl {
  font-size: 16px;
  color: #9399a5;
  margin-top: 10px;
}
.modal_multistage_duojieduan .modal-content .modal-header {
  border-bottom: none;
}
.modal_multistage_duojieduan .modal-content .bootstrap-dialog-title {
  text-align: center;
}
.modal_multistage_duojieduan .modal-content .modal-body {
  padding-right: 0px;
  text-align: left;
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body {
  height: 400px;
  overflow-y: scroll;
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .second-title {
  font-size: 16px;
  color: #3e454d;
  margin-bottom: 16px;
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .second-title::before {
  content: "";
  display: inline-block;
  background-color: #0f6af3;
  width: 3px;
  height: 12px;
  border: 1.5px;
  margin-right: 8px;
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage {
  max-width: 500px;
  border-radius: 8px;
  background-color: #f7f8fa;
  padding: 20px 16px;
  margin-bottom: 16px;
  position: relative;
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .item-title {
  font-size: 16px;
  color: #3e454d;
  margin-bottom: 10px;
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .each-container {
  width: calc(100% - 94px);
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .each-container .item-intron {
  font-size: 12px;
  color: #9399a5;
  display: inline-block;
  margin-right: 6px;
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .each-container .item-intron + .item-intron::before {
  display: inline-block;
  content: "";
  background-color: #e5e5e5;
  width: 1px;
  height: 8px;
  margin-right: 6px;
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .evaluation-jump {
  position: absolute;
  bottom: 18px;
  right: 16px;
  font-size: 14px;
  display: inline-block;
  color: #fff;
  border-radius: 12px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #0f6af3;
  padding-left: 10px;
  padding-right: 10px;
}
.modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .been-evaluated {
  background-color: #83b1f6;
}
@media (max-width: 500px) {
  .modal_multistage_duojieduan .modal-content {
    width: 90%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .modal_multistage_duojieduan .modal-content .pingjia {
    font-size: 20px;
  }
  .modal_multistage_duojieduan .modal-content .introl {
    font-size: 14px;
    margin-top: 8px;
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body {
    padding-right: 20px;
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .second-title {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .second-title::before {
    content: "";
    display: inline-block;
    background-color: #0f6af3;
    width: 3px;
    height: 12px;
    border: 1.5px;
    margin-right: 8px;
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage {
    max-width: 390px;
    border-radius: 8px;
    background-color: #f7f8fa;
    padding: 10px 8px;
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .item-title {
    font-size: 14px;
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .each-container {
    width: calc(100% - 94px);
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .each-container .item-intron {
    font-size: 12px;
    color: #9399a5;
    display: inline-block;
    margin-right: 6px;
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .each-container .item-intron + .item-intron::before {
    display: inline-block;
    content: "";
    background-color: #e5e5e5;
    width: 1px;
    height: 8px;
    margin-right: 6px;
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .evaluation-jump {
    bottom: 10px;
    right: 8px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal_multistage_duojieduan .modal-content .modal-body .all-body .successive-eras .item-stage .been-evaluated {
    background-color: #83b1f6;
  }
}

.reportDown .modal-header {
  border-bottom: none;
}
.reportDown .modal-dialog {
  width: 500px;
}
.reportDown .down-img {
  margin-top: 14px;
}
.reportDown .down-img img {
  width: 349.5px;
  height: 180px;
}
.reportDown .modal-content .bootstrap-dialog-title {
  font-weight: 600;
}
.reportDown .modal-content .modal-body {
  padding-top: 0px;
  padding-bottom: 0px;
}
.reportDown .modal-content .modal-footer .bootstrap-dialog-footer-buttons {
  text-align: end;
}

.dialog-aiupdown-file .modal-dialog {
  width: 800px;
}
.dialog-aiupdown-file .aiupdown {
  width: 760px;
  height: 202px;
  border: 1px dashed #dcdfe6;
  border-radius: 6px;
}
.dialog-aiupdown-file .aiupdown .aiupdown-file {
  text-align: center;
  margin-top: 4%;
}
.dialog-aiupdown-file .aiupdown .aiupdown-file .upload-button {
  font-size: 70px;
  color: #9399a5;
}
.dialog-aiupdown-file .aiupdown .intron {
  font-size: 14px;
  color: #606266;
  text-align: center;
}
.dialog-aiupdown-file .aiupdown:hover {
  border: 1px dashed #0f6af3;
}
.dialog-aiupdown-file .support-type {
  color: #606266;
  font-size: 12px;
  margin-top: 7px;
}
.dialog-aiupdown-file .item-file {
  margin-top: 10px;
}
.dialog-aiupdown-file .item-file .reveal {
  margin-bottom: 10px;
}
.dialog-aiupdown-file .item-file .progress-bar {
  margin-top: 6px;
  width: 100%;
  background-color: #e8f1ff;
  height: 6px;
  border-radius: 4px;
}
.dialog-aiupdown-file .item-file .progress-bar .progress-color {
  width: 0;
  height: 6px;
  border-radius: 4px;
  background-color: #0f6af3;
}

.modal-upload-progress-ai .number-progress {
  margin-top: 20px;
  margin-bottom: 4px;
}

/* 系列课购买走企业采购弹窗 */
.modal-purchase-pay .modal-dialog {
  width: 316px;
}
.modal-purchase-pay .modal-content .modal-header {
  padding-bottom: 0px;
  border-bottom: none;
}
.modal-purchase-pay .modal-body {
  min-height: 320px;
  padding-top: 0px;
}
.modal-purchase-pay .bootstrap-dialog-body,
.modal-purchase-pay .bootstrap-dialog-message {
  height: 100%;
}
.modal-purchase-pay .bootstrap-dialog-message {
  text-align: center;
}
.modal-purchase-pay .bootstrap-dialog-message .title {
  margin-top: 0px;
  font-size: 16px;
}
.modal-purchase-pay .bootstrap-dialog-message .title .iconfont {
  color: #09bb07;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: -2px;
}
.modal-purchase-pay .bootstrap-dialog-message .code-wrapper {
  margin-top: 20px;
}
.modal-purchase-pay .bootstrap-dialog-message .code-wrapper .code-box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.modal-purchase-pay .bootstrap-dialog-message .code-wrapper .code-box,
.modal-purchase-pay .bootstrap-dialog-message .code-wrapper .code-box > img {
  width: 190px;
  height: 190px;
}
.modal-purchase-pay .bootstrap-dialog-message .code-wrapper .code-box .cover-mask,
.modal-purchase-pay .bootstrap-dialog-message .code-wrapper .code-box .cover-text {
  cursor: pointer;
}
.modal-purchase-pay .bootstrap-dialog-message .code-wrapper .code-box .cover-mask {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.modal-purchase-pay .bootstrap-dialog-message .code-wrapper .code-box .cover-text {
  font-size: 16px;
}
.modal-purchase-pay .bootstrap-dialog-message .tips {
  padding: 10px 0 20px;
  line-height: 1;
  color: #676c73;
  font-size: 12px;
}
.modal-purchase-pay .bootstrap-dialog-message .reselect {
  cursor: pointer;
  margin-top: 30px;
}
.modal-purchase-pay .bootstrap-dialog-message .reselect,
.modal-purchase-pay .bootstrap-dialog-message .reselect .iconfont {
  color: #9399a5;
}
.modal-purchase-pay .bootstrap-dialog-message .reselect .iconfont {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .modal-purchase-pay .modal-dialog {
    margin-left: auto;
    margin-right: auto;
  }
}

.modal-push-record .modal-content .modal-header {
  border-bottom: transparent;
}
.modal-push-record .modal-content .modal-body {
  height: 400px;
  overflow-y: scroll;
}
.modal-push-record .modal-content .modal-body .table {
  max-height: 400px;
  overflow-y: scroll;
}
.modal-push-record .modal-content .modal-body .table thead tr {
  height: 40px;
  background-color: #f6f8fa;
}
.modal-push-record .modal-content .modal-body .table thead tr th {
  height: 40px;
  border-bottom: transparent;
}
.modal-push-record .modal-content .modal-body .table tbody tr {
  border-bottom: 1px solid #ccc;
  height: 40px;
}
.modal-push-record .modal-content .modal-body .table tbody tr td {
  height: 40px;
}
.modal-push-record .modal-content .modal-body .table tbody tr td span + span {
  margin-left: 16px;
}

.modal-photo-upload .modal-content {
  margin: auto;
  width: 360px;
}
.modal-photo-upload .modal-content .modal-header {
  border-bottom: transparent;
}
.modal-photo-upload .modal-content .modal-body {
  padding-top: 0px;
}
.modal-photo-upload .modal-content .modal-footer {
  padding-top: 0px;
}
.modal-photo-upload .user-avatar-upload-wrapper {
  text-align: center;
}
.modal-photo-upload .user-avatar-upload-wrapper .explain {
  text-align: left;
}
.modal-photo-upload .err-tip {
  text-align: center;
}
.modal-photo-upload .label-user-avatar {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.modal-photo-upload .label-user-avatar > img {
  width: 80px;
  height: 80px;
}
.modal-photo-upload .label-user-avatar .cover-text {
  line-height: 30px;
  margin-top: -15px;
}
.modal-photo-upload .label-user-avatar .cover-text i {
  font-size: 24px;
}
@media (min-width: 1200px) {
  .modal-photo-upload .label-user-avatar {
    cursor: pointer;
  }
  .modal-photo-upload .label-user-avatar .cover-mask,
.modal-photo-upload .label-user-avatar .cover-text {
    display: none;
  }
  .modal-photo-upload .label-user-avatar:hover .cover-mask,
.modal-photo-upload .label-user-avatar:hover .cover-text {
    display: block;
  }
}

.laytree-wrapper {
  width: 282px;
  height: 387px;
  border: 1px #ccc solid;
  background-color: #fff;
  overflow: hidden;
}
.laytree-wrapper .tree-head {
  height: 37px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 700;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px #e5e5e5 solid;
  background-color: #f6f8fa;
}
.laytree-wrapper .tree-body {
  height: 348px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.laytree-wrapper .tree-bottom {
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.__layui-tree {
  width: 100%;
  background: #fff;
  /* 全选 */
  /* checkbox 显示在最左侧 */
  /* 折叠按钮 */
}
.__layui-tree .__layui-tree-checkall {
  position: relative;
  background-color: #fafafa;
}
.__layui-tree .__layui-tree-checkall .text {
  width: 100%;
  padding-left: 10px;
  padding-right: 66px;
  min-height: 16px;
  line-height: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.__layui-tree .__layui-tree-checkall .text > div {
  position: relative;
  padding-left: 22px;
  max-width: 100%;
}
.__layui-tree .__layui-tree-checkall .text > div .iconfont {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #0f6af3;
}
.__layui-tree .__layui-tree-checkall .__layui-tree-checkbox {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  padding-left: 0;
}
.__layui-tree .__layui-tree-checkall .__layui-tree-checkbox label {
  padding-right: 30px;
}
.__layui-tree .__layui-tree-checkbox {
  position: relative;
  z-index: 1;
  width: 100%;
  float: left;
  line-height: 16px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.__layui-tree .__layui-tree-checkbox label {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 16px;
  width: 100%;
  padding-right: 35px;
  padding-left: 0;
}
.__layui-tree .__layui-tree-checkbox input[type=checkbox] + label:before, .__layui-tree .__layui-tree-checkbox input[type=checkbox] + label:after,
.__layui-tree .__layui-tree-checkbox input[type=radio] + label:before,
.__layui-tree .__layui-tree-checkbox input[type=radio] + label:after {
  left: auto;
  top: 10px;
  right: 10px;
  margin-left: 0;
}
.__layui-tree .__layui-tree-checkbox input[type=checkbox] + label:after,
.__layui-tree .__layui-tree-checkbox input[type=radio] + label:after {
  top: 11px;
}
.__layui-tree.checkbox-float-left .__layui-tree-checkbox label {
  padding-right: 0;
  padding-left: 0;
}
.__layui-tree.checkbox-float-left .__layui-tree-checkbox input[type=checkbox] + label:before, .__layui-tree.checkbox-float-left .__layui-tree-checkbox input[type=checkbox] + label:after,
.__layui-tree.checkbox-float-left .__layui-tree-checkbox input[type=radio] + label:before,
.__layui-tree.checkbox-float-left .__layui-tree-checkbox input[type=radio] + label:after {
  left: 10px;
  right: auto;
}
.__layui-tree .__layui-tree-set {
  width: 100%;
  position: relative;
}
.__layui-tree .__layui-tree-pack {
  display: none;
  position: relative;
}
.__layui-tree .__layui-tree-entry {
  line-height: 36px;
}
.__layui-tree .__layui-tree-entry:hover,
.__layui-tree .__layui-tree-entry.active {
  background-color: #fafafa;
}
.__layui-tree .__layui-tree-main {
  vertical-align: middle;
  position: relative;
  min-height: 36px;
  overflow: hidden;
}
.__layui-tree .__layui-tree-iconClick {
  display: block;
  float: left;
  margin-left: -32px;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  padding: 0 10px;
  font-size: 12px;
  color: #c0c4cc;
}
.__layui-tree .__layui-tree-icon {
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  vertical-align: top;
  font-size: 16px;
  color: #0f6af3;
}
.__layui-tree .__layui-tree-icon.icon-ziliao {
  color: #9fafc7;
}
.__layui-tree .__layui-tree-node-name {
  display: inline-block;
  width: calc(100% - 22px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.__layui-tree .__layui-tree-search-wrap {
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  line-height: 28px;
}
.__layui-tree .__layui-tree-search-wrap .__layui-tree-search-empty-btn,
.__layui-tree .__layui-tree-search-wrap .__layui-tree-search-search-btn {
  width: 5%;
  text-align: right;
  cursor: pointer;
  transition: 0.1s color ease-in-out;
}
.__layui-tree .__layui-tree-search-wrap .__layui-tree-search-empty-btn:hover,
.__layui-tree .__layui-tree-search-wrap .__layui-tree-search-search-btn:hover {
  color: #0f6af3;
}
.__layui-tree .__layui-tree-search-wrap .__layui-tree-search-empty-btn {
  font-size: 14px;
}
.__layui-tree .__layui-tree-search-wrap .__layui-tree-search-search-btn {
  font-size: 16px;
  color: #0f6af3;
}
.__layui-tree .__layui-tree-search {
  color: #676c73;
  width: 94%;
  border: 0;
  line-height: 1.6;
  padding: 6px 0 6px 10px;
}
.__layui-tree .__layui-tree-emptyText {
  text-align: center;
  color: #9399a5;
}
.__layui-tree .__layui-show {
  display: block;
}
.__layui-tree .__layui-hide {
  display: none;
}

/** 通用分页 **/
/* 禁用 */
.__layui-disabled, .__layui-disabled:hover {
  color: #a8abb2 !important;
  cursor: not-allowed !important;
  background-color: #f5f7fa !important;
}

/* 分页 */
.__layui-laypage {
  padding-top: 30px;
}
.__layui-laypage,
.__layui-laypage * {
  display: inline-block;
}
.__layui-laypage select,
.__layui-laypage input,
.__layui-laypage button,
.__layui-laypage .__layui-laypage-page {
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}
.__layui-laypage select,
.__layui-laypage input,
.__layui-laypage button {
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  background-color: #fff;
  color: #3e454d;
}
.__layui-laypage select option {
  display: block;
}
.__layui-laypage select {
  padding: 0 5px;
}
.__layui-laypage input {
  width: 40px;
  margin: 0 5px;
  text-align: center;
}
.__layui-laypage button {
  margin-left: 5px;
  padding: 0 10px;
}
.__layui-laypage .__layui-laypage-limits,
.__layui-laypage .__layui-laypage-count,
.__layui-laypage .__layui-laypage-skip {
  line-height: 30px;
  color: #676c73;
}
.__layui-laypage .__layui-laypage-limits,
.__layui-laypage .__layui-laypage-count,
.__layui-laypage .__layui-laypage-refresh,
.__layui-laypage .__layui-laypage-skip,
.__layui-laypage .__layui-laypage-page {
  margin: 0 8px;
}
.__layui-laypage .__layui-laypage-limits .iconfont,
.__layui-laypage .__layui-laypage-count .iconfont,
.__layui-laypage .__layui-laypage-refresh .iconfont,
.__layui-laypage .__layui-laypage-skip .iconfont,
.__layui-laypage .__layui-laypage-page .iconfont {
  font-size: 12px;
}
.__layui-laypage .__layui-laypage-skip .__layui-laypage-btn {
  display: none;
}
.__layui-laypage .__layui-laypage-page {
  line-height: 30px;
  padding: 0 11px;
  background-color: #f0f2f5;
  border: none;
}
.__layui-laypage .__layui-laypage-page + .__layui-laypage-page {
  margin-left: 0;
}
.__layui-laypage .__layui-laypage-page.__layui-laypage-spr {
  font-weight: 700;
}
.__layui-laypage .__layui-laypage-page.__layui-laypage-curr {
  color: #fff;
  background-color: #0f6af3;
  border-color: #0f6af3;
}
.__layui-laypage .__layui-laypage-page.__layui-laypage-next, .__layui-laypage .__layui-laypage-page.__layui-laypage-prev {
  padding: 0 8px;
}
.__layui-laypage .__layui-laypage-refresh i {
  font-size: 18px;
  line-height: 18px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .__layui-laypage {
    padding-top: 30px;
  }
}
@media (max-width: 420px) {
  .__layui-laypage {
    font-size: 12px;
  }
  .__layui-laypage select,
.__layui-laypage input,
.__layui-laypage button {
    height: 24px;
    line-height: 22px;
  }
  .__layui-laypage input {
    width: 32px;
    margin: 0 3px;
  }
  .__layui-laypage button {
    margin-left: 3px;
    padding: 0 6px;
  }
  .__layui-laypage .__layui-laypage-limits,
.__layui-laypage .__layui-laypage-count,
.__layui-laypage .__layui-laypage-skip {
    line-height: 24px;
  }
  .__layui-laypage .__layui-laypage-limits,
.__layui-laypage .__layui-laypage-count,
.__layui-laypage .__layui-laypage-refresh,
.__layui-laypage .__layui-laypage-skip,
.__layui-laypage .__layui-laypage-page {
    margin: 0 5px;
  }
  .__layui-laypage .__layui-laypage-page {
    line-height: 22px;
    padding: 0 9px;
  }
  .__layui-laypage .__layui-laypage-refresh i {
    font-size: 14px;
    line-height: 14px;
  }
}
.pager-wrapper {
  text-align: center;
  min-height: 1px;
}

.sqMessageWrap {
  position: fixed;
  bottom: 80px;
  right: 100px;
  padding: 10px;
  z-index: 6101;
  overflow: hidden;
}
.sqMessageWrap__hide {
  display: none;
}
.sqMessageWrap .sqMessage {
  background-color: bisque;
  padding: 15px 18px;
  position: relative;
  left: 0;
  opacity: 1;
  background-color: #fff;
  box-shadow: 0px 0px 10px -2px #9399a5;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: left, opacity;
}
.sqMessageWrap .sqMessage__hide {
  left: 170px;
  opacity: 0.1;
}
.sqMessageWrap .sqMessage .sqContent {
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}
.sqMessageWrap .sqMessage .sqContent p {
  text-align: left;
  margin: 0;
}
.sqMessageWrap .sqMessage .sqContent .toView {
  cursor: pointer;
}
.sqMessageWrap .sqMessage .sqCloseBtn {
  position: absolute;
  display: inline-block;
  right: -8px;
  top: -8px;
  cursor: pointer;
  color: #9399a5;
  background-color: #fff;
  line-height: 1;
  border-radius: 50%;
}
.sqMessageWrap .sqMessage em {
  color: #0f6af3;
}

.player-remind-install-app {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 110000;
  background-color: #1d1d1d;
  padding-left: 15px;
  padding-right: 15px;
}
.player-remind-install-app .label-table {
  width: 100%;
  height: 100%;
}
.player-remind-install-app .label-td {
  text-align: center;
}
.player-remind-install-app .pria-title {
  color: #fff;
  font-size: 16px;
  margin-bottom: 48px;
}
.player-remind-install-app .pria-btn .btn {
  color: #fff;
  padding: 9px 27px;
}
@media (max-width: 640px) {
  .player-remind-install-app .pria-title {
    font-size: 14px;
    margin-bottom: 28px;
  }
  .player-remind-install-app .pria-btn .btn {
    padding: 5px 14px;
  }
}

/* 通用表格列表样式 */
.table-list {
  margin-bottom: 0px !important;
}
.table-list thead > tr > th,
.table-list thead > tr > td,
.table-list tbody > tr > th,
.table-list tbody > tr > td {
  padding: 13px 15px;
  vertical-align: middle;
}
.table-list thead > tr > th .checkbox,
.table-list thead > tr > th .radio,
.table-list thead > tr > td .checkbox,
.table-list thead > tr > td .radio,
.table-list tbody > tr > th .checkbox,
.table-list tbody > tr > th .radio,
.table-list tbody > tr > td .checkbox,
.table-list tbody > tr > td .radio {
  margin-top: 0;
  margin-bottom: 0;
}
.table-list thead {
  background: #f6f8fa;
}
.table-list thead > tr > th,
.table-list thead > tr > td {
  border-bottom-width: 0;
  white-space: nowrap;
}
.table-list tbody > tr > th,
.table-list tbody > tr > td {
  color: #676c73;
  border-top: none;
  border-bottom: 1px #e5e5e5 solid;
}
.table-list tbody > tr:hover {
  background-color: #fbfbfb;
}

/* 通用卡片 */
.zy-card {
  background-color: #fff;
  border-radius: 4px;
}
.zy-card__header {
  padding: 24px;
  line-height: 1;
}
.zy-card__header .name {
  float: left;
  font-size: 18px;
}
.zy-card__header .more {
  float: right;
}
.zy-card__body {
  padding: 0 24px 24px;
}

@media (min-width: 1200px) {
  .mouse-in-effect {
    transition: 0.2s all ease-in;
  }
  .mouse-in-effect:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 20px 0 rgba(95, 101, 105, 0.1) !important;
    position: relative;
  }
  .mouse-in-effect:hover:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 8px;
    content: "";
  }
}

.title-left-border {
  line-height: 1;
  font-size: 16px;
  padding-left: 9px;
  border-left: 3px solid #0f6af3;
}

/* 评分功能 */
.rating-stars {
  line-height: 1;
}
.rating-stars .rating-stars-container,
.rating-stars .rating-text {
  display: inline-block;
  vertical-align: middle;
}
.rating-stars .rating-stars-container {
  overflow: hidden;
  font-size: 0px;
}
.rating-stars .rating-stars-container .rating-star {
  display: inline-block;
  cursor: pointer;
}
.rating-stars .rating-stars-container .rating-star i {
  color: #d0d6d9;
}
.rating-stars .rating-stars-container .rating-star.is--active i, .rating-stars .rating-stars-container .rating-star.is--hover i {
  color: #ffd061;
}
.rating-stars .rating-stars-container .rating-star.is--no-hover i {
  color: #d0d6d9;
}

/* 空状态 */
.empty-wrapper {
  background: #fff;
  overflow: hidden;
  padding-top: 95px;
  padding-bottom: 115px;
  text-align: center;
}
.empty-wrapper .empty-icon > img {
  max-width: 162px;
}
.empty-wrapper .empty-msg {
  padding-top: 30px;
  color: #3e454d;
}
@media (max-width: 767px) {
  .empty-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
  .empty-wrapper .empty-icon > img {
    width: 30%;
  }
}

.err-page-wrapper {
  text-align: center;
}
.err-page-wrapper .err-img {
  padding-top: 20px;
  padding-bottom: 60px;
}
.err-page-wrapper .err-msg {
  font-size: 18px;
}
.err-page-wrapper .btn-wrapper {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .err-page-wrapper .err-img > img {
    width: 90%;
  }
  .err-page-wrapper .err-msg {
    font-size: 16px;
  }
}
@media (max-width: 540px) {
  .err-page-wrapper .err-msg {
    font-size: 14px;
  }
}

.nav-underline > li {
  float: left;
}
.nav-underline > li + li {
  margin-left: 20px;
}
.nav-underline > li > a {
  padding: 0 0 12px;
  line-height: 1;
  color: #676c73;
  border-bottom: 3px #fff solid;
}
.nav-underline > li > a:hover, .nav-underline > li.active > a {
  background: none;
}
.nav-underline > li > a:hover, .nav-underline > li.active > a {
  color: #0f6af3;
  border-bottom-color: #0f6af3;
}

.nav-pills-extend {
  position: relative;
  border-bottom: 1px #e5e5e5 solid;
}
.nav-pills-extend > li + li {
  margin-left: 60px;
}
.nav-pills-extend > li > a {
  border-radius: 0;
  font-size: 20px;
  color: #555;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 3px transparent solid;
}
.nav-pills-extend > li > a:hover, .nav-pills-extend > li > a:hover:hover, .nav-pills-extend > li.active > a, .nav-pills-extend > li.active > a:hover {
  color: #0f6af3;
  background: none;
  border-bottom-color: #0f6af3;
}
@media (max-width: 767px) {
  .nav-pills-extend > li + li {
    margin-left: 50px;
  }
  .nav-pills-extend > li > a {
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .nav-pills-extend > li + li {
    margin-left: 40px;
  }
  .nav-pills-extend > li > a {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .nav-pills-extend > li + li {
    margin-left: 30px;
  }
}

/* 视频播放器 */
.prism-player {
  overflow: hidden;
}
.prism-player .unsupported-browser {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 28px;
  text-align: center;
  color: #fff;
}
@media (max-width: 991px) {
  .prism-player .unsupported-browser {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .prism-player .unsupported-browser {
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .prism-player .unsupported-browser {
    font-size: 14px;
  }
}

.img-fit {
  position: relative;
  display: none;
}

.no-show {
  display: none;
}

.weight {
  font-weight: 600;
}

.cursor {
  cursor: pointer;
}

.no-drop {
  cursor: no-drop !important;
  color: gray !important;
}

.inline-block {
  display: inline-block;
}

.visibility-hidden {
  visibility: hidden;
}

.block {
  display: block;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.w50 {
  width: 50px !important;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !important;
}

.w108 {
  width: 108px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w200 {
  width: 200px !important;
}

.w260 {
  width: 260px !important;
}

.w300 {
  width: 300px !important;
}

.w400 {
  width: 400px !important;
}

.w420 {
  width: 420px !important;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px !important;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.pt14 {
  padding-top: 14px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.fontsize-12 {
  font-size: 12px !important;
}

/* 全局头部 */
.g-header {
  border: none;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 0;
  border-radius: 0;
}
.g-header .container {
  position: relative;
  z-index: 8000;
  height: 100%;
}
@media (min-width: 1330px) {
  .g-header .container {
    width: 1330px;
  }
}
@media (max-width: 1199px) {
  .g-header .container {
    padding-bottom: 32px;
  }
}
.g-header .container.no-flexible {
  padding-bottom: 0 !important;
}
.g-header .navbar-header .navbar-brand {
  overflow: hidden;
  max-width: 194px;
  height: 42px;
  line-height: 42px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0;
  padding: 0;
  font-size: 0;
}
.g-header .navbar-header .navbar-brand > img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}
@media (max-width: 767px) {
  .g-header .navbar-header {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 430px) {
  .g-header .navbar-header .navbar-brand {
    max-width: 166.6666666667px;
    height: 36px;
    line-height: 36px;
  }
}
@media (max-width: 400px) {
  .g-header .navbar-header .navbar-brand {
    max-width: 148.1481481481px;
    height: 32px;
    line-height: 32px;
  }
}

/* 通知提醒 */
.badge-notifications {
  position: absolute;
  top: -9px;
  left: 94%;
  padding: 2px 5px;
  transform: scale(0.9166666667);
}

.badge-btn {
  position: relative;
}
.badge-btn .badge {
  position: absolute;
  right: -8px;
  top: -8px;
  padding: 2px 5px;
}

/* 全局头部 - 搜索部分 */
.g-header-search {
  position: relative;
}
.g-header-search .input {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #f7f8fa;
  border: 1px solid #f7f8fa;
  border-radius: 4px;
}
.g-header-search .input input {
  background-color: #f7f8fa;
  border-radius: 4px;
}
.g-header-search .input .hot {
  margin-top: 10px;
}
.g-header-search .search-charm-show {
  display: none;
}
.g-header-search .no-shows {
  display: none;
}
.g-header-search .form-control,
.g-header-search .btn {
  height: 32px;
  line-height: 30px;
}
.g-header-search .btn-search {
  line-height: 32px;
  margin-right: 10px;
}
.g-header-search .btn-search .iconfont {
  font-size: 19px !important;
  color: #1F2329;
}
@media (max-width: 500px) {
  .g-header-search .btn-search .iconfont {
    font-size: 14px !important;
  }
}
.g-header-search .btn-search:hover .iconfont {
  color: #0f6af3;
}
.g-header-search .btn-search:hover {
  color: #0f6af3;
}
.g-header-search .form-control {
  width: 140px;
  padding: 0 15px;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: all 0.3s;
}
.g-header-search .form-control.focus {
  width: 210px;
  opacity: 1;
  cursor: text;
}
.g-header-search .btn {
  width: 40px;
  padding: 0;
  min-width: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.g-header-search .hot {
  position: absolute;
  left: 0;
  top: 32px;
  padding: 16px;
  min-width: 100%;
  display: none;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.g-header-search .hot .hot-head {
  font-size: 12px;
  line-height: 1;
  height: 24px;
  color: #9399a5;
}
.g-header-search .hot .hot-body > a {
  display: inline-block;
  width: 100%;
  margin-top: 4px;
  line-height: 30px;
  white-space: nowrap;
}
.g-header-search .input-search {
  position: absolute;
  top: 15%;
  right: 2%;
}
.g-header-search .input-search:hover {
  color: #0f6af3;
  cursor: pointer;
}
.g-header-search .form-control.focus + .hot {
  display: block;
}
@media (max-width: 767px) {
  .g-header-search .no-shows {
    display: block;
  }
  .g-header-search .new-home-input,
.g-header-search .form-control {
    display: none;
  }
  .g-header-search .btn {
    background-color: #fff;
    border-color: #fff;
  }
  .g-header-search .btn-search-show {
    display: none;
  }
}

/* 全局头部 - 登录 */
.g-header-login {
  margin-left: 20px;
}

.g-header-manage {
  position: relative;
}
@media (max-width: 767px) {
  .g-header-manage {
    display: none;
  }
}

/* 全局头部 - 右侧部分 */
.g-header-right {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -16px !important;
}
.g-header-right .new-home-input {
  border: none;
}
.g-header-right .new-home-input:hover .search-initial .new-icon-search {
  color: #0f6af3;
}
.g-header-right .btn-user {
  min-width: auto;
}
.g-header-right .search-initial {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
}
.g-header-right .search-initial .new-icon-search {
  font-size: 19px;
  color: #1F2329;
}
.g-header-right .new-form-control {
  border-radius: 100px;
  width: 0;
  opacity: 0;
  cursor: pointer;
  height: 32px;
  line-height: 18px;
}
.g-header-right .btn-divider {
  position: relative;
}
.g-header-right .btn-divider + .btn-divider {
  margin-left: 16px;
}
.g-header-right .btn-divider:before {
  content: "";
  width: 1px;
  height: 12px;
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: -1;
  transform: translateY(-50%);
  background-color: #E9EAEB;
}
.g-header-right .btn-user-back {
  font-size: 16px;
  color: #1F2329;
  padding: 0px;
  height: 32px;
  line-height: 30px;
  min-width: auto;
  margin-left: 16px;
}
.g-header-right .btn-user-back:hover {
  color: #0f6af3;
}
@media (max-width: 500px) {
  .g-header-right .btn-user-back {
    font-size: 14px;
    margin-left: 12px;
  }
}
@media (max-width: 440px) {
  .g-header-right .btn-user-back {
    font-size: 13px;
  }
}
@media (max-width: 1199px) {
  .g-header-right {
    margin-top: -32px !important;
  }
}
.g-header-right.no-flexible {
  margin-top: -16px !important;
}

.g-header-notifications {
  position: relative;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 20px;
}
.g-header-notifications .messagelink .iconfont {
  font-size: 20px;
}
.g-header-notifications .badge-notifications {
  left: 60%;
  top: -3px;
}
@media (max-width: 500px) {
  .g-header-notifications {
    margin-left: 2px;
    margin-right: 12px;
  }
  .g-header-notifications .messagelink .iconfont {
    font-size: 16px;
  }
}

.g-header-logon {
  margin-left: 24px;
  position: relative;
}
.g-header-logon .logon-user-name {
  position: relative;
  line-height: 32px;
  display: inline-block;
}
.g-header-logon .logon-user-name > span,
.g-header-logon .logon-user-name .user-avatar {
  display: inline-block;
}
.g-header-logon .logon-user-name .user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  vertical-align: top;
}
@media (max-width: 500px) {
  .g-header-logon .logon-user-name .user-avatar {
    width: 24px;
    height: 24px;
    margin-top: 4px;
  }
}
.g-header-logon .logon-popup-wrapper {
  position: absolute;
  right: 0;
  top: 32px;
  padding-top: 15px;
  z-index: 2;
}
.g-header-logon .logon-popup {
  position: relative;
  width: 320px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  display: none;
}
.g-header-logon .logon-popup .logon-user-info-wrapper {
  border-radius: 4px 4px 0px 0px;
  background-image: url(/assets/images/setupname-bg.jpg?v=0.0.3);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 16px;
  min-height: 82px;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .logon-user-info {
  position: relative;
  padding-left: 64px;
  width: 100%;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-avatar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-avatar-wrapper .user-avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #fff;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 {
  position: relative;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .user-name {
  font-size: 16px;
  line-height: 32px;
  max-width: 82px;
  display: inline-block;
  vertical-align: middle;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-medal {
  max-width: 28.8px;
  height: 24px;
  line-height: 24px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-medal > img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name {
  font-size: 14px;
  line-height: 18px;
  border-radius: 9px;
  padding: 0 9px 0 9px;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-1 {
  background-color: #7f6e54;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-2 {
  background-color: #919eb4;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-3 {
  background-color: #93acf5;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-4 {
  background-color: #f5af33;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-5 {
  background-color: #d8804b;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-6 {
  background-color: #ae6a27;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-medal,
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name {
  transform: scale(0.8571428571);
  margin-left: 3px;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .signin {
  position: absolute;
  top: 6px;
  right: 0;
  background-color: #0f6af3;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  border-radius: 10px;
  padding-left: 8px;
  padding-right: 8px;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-score {
  line-height: 16px;
  color: #888;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-score,
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-score .iconfont {
  font-size: 12px;
}
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-score em {
  color: #0f6af3;
  font-size: 1.1666666667em;
  padding-left: 3px;
  padding-right: 3px;
}
.g-header-logon .logon-popup .logon-list {
  padding-top: 10px;
  padding-bottom: 10px;
}
.g-header-logon .logon-popup .logon-list .logon-item {
  position: relative;
}
.g-header-logon .logon-popup .logon-list .logon-item:hover {
  background-color: #f7f8fa;
}
.g-header-logon .logon-popup .logon-list .logon-item:hover .logon-item_children-wrapper {
  display: block;
}
.g-header-logon .logon-popup .logon-list .logon-item_link {
  display: block;
  padding: 10px 18px;
  line-height: 20px;
  color: #444;
}
.g-header-logon .logon-popup .logon-list .logon-item_link:hover {
  color: #0f6af3;
  background-color: #f7f8fa;
  border-radius: 12px;
}
.g-header-logon .logon-popup .logon-list .logon-item_self .iconfont {
  display: block;
  font-size: 1.1428571429em;
}
.g-header-logon .logon-popup .logon-list .logon-item_icon-left {
  margin-right: 10px;
}
.g-header-logon .logon-popup .logon-list .logon-item_text {
  position: relative;
  max-width: 240px;
}
.g-header-logon .logon-popup .logon-list .logon-item_icon-right {
  font-size: 1em !important;
}
.g-header-logon .logon-popup .logon-list .logon-item_children-wrapper {
  position: absolute;
  right: 100%;
  top: 50%;
  padding-right: 10px;
  display: none;
  transform: translateY(-50%);
  z-index: 2;
}
.g-header-logon .logon-popup .logon-list .logon-item_children {
  position: relative;
  width: 210px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
  padding-top: 10px;
  padding-bottom: 96px;
}
.g-header-logon .logon-popup .logon-list .logon-item_children-scroll {
  max-height: 388px;
  overflow-y: auto;
}
.g-header-logon .logon-popup .logon-list .logon-item_children-a {
  position: relative;
  font-size: 14px;
}
.g-header-logon .logon-popup .logon-list .logon-item_children-a.active {
  color: #0f6af3;
  background: #F7F8FA;
  border-radius: 12px;
}
.g-header-logon .logon-popup .logon-list .logon-item_children-a.active:after {
  position: absolute;
  top: 50%;
  right: 12px;
  content: "\E62C";
  font-size: 1em;
  transform: translateY(-50%);
}
.g-header-logon .logon-popup .logon-list .logon-item_children-a.active > span {
  display: block;
  max-width: 156px;
}
.g-header-logon .logon-popup .logon-list .logon-item_children-a.fixed1, .g-header-logon .logon-popup .logon-list .logon-item_children-a.fixed2 {
  position: absolute;
  left: 0;
  width: 100%;
}
.g-header-logon .logon-popup .logon-list .logon-item_children-a.fixed1 {
  bottom: 50px;
}
.g-header-logon .logon-popup .logon-list .logon-item_children-a.fixed1:before {
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 4px solid #F7F8FA;
  content: "";
}
.g-header-logon .logon-popup .logon-list .logon-item_children-a.fixed2 {
  bottom: 10px;
}
.g-header-logon .logon-popup .logout {
  position: absolute;
  bottom: 23px;
  right: 18px;
}
.g-header-logon .logon-popup .logout > span {
  height: 14px;
  line-height: 14px;
  display: block;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px #e5e5e5 solid;
}
.g-header-logon .logon-popup .logout > span:first-child {
  padding-left: 0;
}
.g-header-logon .logon-popup .logout > span:last-child {
  padding-right: 0;
  border-right: none;
}
.g-header-logon.active .logon-popup {
  display: block;
}
@media (max-width: 767px) {
  .g-header-logon {
    margin-left: 16px;
  }
}
@media (max-width: 600px) {
  .g-header-logon .logon-popup {
    width: 260px;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper {
    padding: 10px;
    min-height: 60px;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .logon-user-info {
    padding-left: 46px;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-avatar-wrapper {
    width: 36px;
    height: 36px;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-avatar-wrapper .user-avatar {
    border-width: 1px;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 {
    position: relative;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .user-name {
    font-size: 14px;
    line-height: 1;
    max-width: 82px;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-medal {
    max-width: 24px;
    height: 20px;
    line-height: 20px;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-medal > img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name {
    font-size: 12px;
    line-height: 15.4285714286px;
    border-radius: 7.7142857143px;
    padding: 0 7.7142857143px 0 7.7142857143px;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-1 {
    background-color: #7f6e54;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-2 {
    background-color: #919eb4;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-3 {
    background-color: #93acf5;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-4 {
    background-color: #f5af33;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-5 {
    background-color: #d8804b;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name.grade-name-6 {
    background-color: #ae6a27;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-medal,
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .grade-name {
    margin-left: 2px;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-info-row1 .signin {
    top: 1px;
    transform: scale(0.8333333333);
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-score,
.g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-score .iconfont {
    font-size: 10px;
  }
  .g-header-logon .logon-popup .logon-user-info-wrapper .user-info .user-score em {
    padding-left: 2px;
    padding-right: 2px;
  }
  .g-header-logon .logon-popup .logon-list {
    padding-top: 5px;
    padding-bottom: 30px;
    font-size: 12px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_link {
    padding: 6px 10px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_icon-left {
    margin-right: 6px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_text {
    max-width: 200px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_children-wrapper {
    padding-right: 6px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_children {
    width: 140px;
    padding-top: 5px;
    padding-bottom: 69px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_children-a {
    font-size: 12px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_children-a.active:after {
    right: 10px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_children-a.active > span {
    max-width: 105px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_children-a.fixed1 {
    bottom: 37px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_children-a.fixed2 {
    bottom: 5px;
  }
  .g-header-logon .logon-popup .logout {
    bottom: 14px;
    right: 12px;
  }
}
@media (max-width: 440px) {
  .g-header-logon .logon-popup .logon-list .logon-item_children-wrapper {
    right: 88%;
    padding-right: 0;
  }
}
@media (max-width: 400px) {
  .g-header-logon {
    margin-left: 12px;
  }
  .g-header-logon .logon-popup .logon-list .logon-item_children-wrapper {
    right: 78%;
  }
}

@media (min-width: 992px) {
  .btn-user {
    width: 88px;
    height: 32px;
    line-height: 30px;
    padding: 0;
  }
  .btn-user + .btn-user {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .btn-user {
    width: auto;
    height: auto;
    line-height: 32px;
    padding: 0;
    border: none;
    background: none !important;
    color: #3e454d !important;
    box-shadow: none !important;
  }
  .btn-user + .btn-user {
    margin-left: 15px;
  }
  .btn-user.btn-apply {
    color: #0f6af3 !important;
  }
}

/* 全局导航-S */
.g-header-nav.before-init {
  height: 1px;
  overflow: hidden;
}
.g-header-nav .nav-left {
  width: 640px;
}
.g-header-nav .nav-left .nav-item {
  float: left;
  position: relative;
}
.g-header-nav .nav-left .nav-item.current > a {
  color: #0f6af3;
}
.g-header-nav .nav-left .nav-item > a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #1F2329;
}
.g-header-nav .nav-left .nav-item > a .iconfont {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  width: 12px;
  height: 12px;
  line-height: 1;
  transition: ease-in 0.15s;
}
.g-header-nav .nav-left .nav-item:hover > a {
  color: #0f6af3;
}
.g-header-nav .nav-left .nav-item.active > a {
  color: #0f6af3;
}
.g-header-nav .nav-left .nav-item.active > a .iconfont {
  transform: rotate(180deg);
}
.g-header-nav .nav-left .nav-item.active .nav-left-panel-container {
  visibility: visible;
}
.g-header-nav .nav-left .nav-item .nav-left-panel-container {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 6px;
}
.g-header-nav .nav-left .nav-item .goofresh {
  position: absolute;
  width: 192px;
  background: linear-gradient(to left, #FFC96B 0%, #FF8A09 40%, #FF6E3C 100%);
  box-shadow: 0px 4px 20px 0px rgba(255, 139, 11, 0.2);
  border-radius: 4px;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  top: 44px;
}
.g-header-nav .nav-left .nav-item .goofresh .icon-tiyanxinban {
  font-size: 14px;
}
.g-header-nav .nav-left .nav-item .goofresh .enterInto {
  color: #fff;
}
.g-header-nav .nav-left .nav-item .goofresh .enterInto:hover {
  text-decoration: underline;
}
.g-header-nav .nav-left .nav-item .goofresh .icon-close {
  color: #FFE7C5;
  font-size: 12px;
  margin-left: 10px;
}
.g-header-nav .nav-left .nav-item .goofresh::before {
  position: absolute;
  top: -10px;
  display: inline-block;
  content: "";
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-bottom: 5px solid #ff7232;
  left: 20px;
}
.g-header-nav .nav-left .nav-item .nav-left-panel {
  padding: 10px 0;
  min-height: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.g-header-nav .nav-left .nav-item .nav-left-panel .panel-item .panel-item-title > a {
  white-space: nowrap;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  width: 100%;
  color: #676c73;
}
.g-header-nav .nav-left .nav-item .nav-left-panel .panel-item .panel-item-title > a .iconfont {
  font-size: 1.1428571429em;
  vertical-align: bottom;
  margin-right: 8px;
  color: #0f6af3;
}
.g-header-nav .nav-left .nav-item .nav-left-panel .panel-item .panel-item-title:hover > a {
  color: #0f6af3;
  background-color: #f7f8fa;
}
.g-header-nav .nav-left .nav-item .new-five-classify {
  display: none;
  position: absolute;
  top: 117%;
  left: -22px;
  background-color: #fff;
  box-shadow: 0px 4px 16px 0px rgba(25, 46, 76, 0.08);
  width: 928px;
  height: 420px;
  border-radius: 4px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .left-banner-classify {
  width: 156px;
  height: 100%;
  background-color: #f7f8fa;
  vertical-align: top;
}
.g-header-nav .nav-left .nav-item .new-five-classify .left-banner-classify ul li {
  width: 156px;
  height: 56px;
  padding-left: 24px;
  line-height: 56px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .left-banner-classify ul li .iconfont {
  margin-right: 8px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .left-banner-classify ul .active {
  background: #FFFFFF;
  color: #0F6AF3;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content {
  vertical-align: top;
  width: calc(100% - 160px);
  padding: 23px;
  height: 100%;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty {
  width: 100%;
  height: 100%;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job {
  width: 350px;
  height: 100%;
  vertical-align: top;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-top {
  margin-bottom: 20px;
  line-height: 34px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-top .title {
  font-size: 18px;
  font-weight: 600;
  color: #3E454D;
  line-height: 33px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-top .complete {
  width: 72px;
  height: 28px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-top .complete a {
  display: inline-block;
  font-size: 12px;
  color: #0F6AF3;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-content {
  height: 320px;
  overflow-y: scroll;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-content .item {
  width: 100%;
  margin-top: 10px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-content .item .title {
  color: #3e454d;
  font-weight: bold;
  display: inline-block;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-content .item .second-content {
  margin-top: 15px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-content .item .second-content .item-seconds {
  float: left;
  cursor: pointer;
  margin-bottom: 14px;
  margin-right: 12px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-content .item .second-content .item-seconds a {
  color: #9399a5;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-content .item .second-content .item-seconds:hover a {
  color: #0f6af3;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .job .job-content .item:first-child {
  margin-top: 0px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty {
  width: 328px;
  height: 100%;
  margin-left: 40px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .job-top {
  line-height: 34px;
  margin-bottom: 20px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .job-top .title {
  font-size: 18px;
  font-weight: 600;
  color: #3E454D;
  line-height: 33px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .job-top .complete {
  width: 72px;
  height: 28px;
  text-align: right;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .job-top .complete a {
  display: inline-block;
  font-size: 12px;
  color: #0F6AF3;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content {
  height: 320px;
  overflow-y: scroll;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item {
  width: 148px;
  background-color: #f8fafc;
  border-radius: 8px;
  padding: 12px;
  margin-top: 16px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item .img {
  vertical-align: top;
  width: 20px;
  height: 20px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item .img img {
  width: 100%;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item .right-intro {
  margin-left: 14px;
  vertical-align: top;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item .right-intro .intro-title {
  color: #3E454D;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item .right-intro .number {
  margin-top: 9px;
  font-size: 12px;
  color: #9399a5;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item:nth-child(2n) {
  margin-left: 16px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item:nth-child(1) {
  margin-top: 0px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item:nth-child(2) {
  margin-top: 0px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item:hover .right-intro .intro-title {
  color: #0f6af3;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .job-specialty .specialty .specialty-content .specialty-item:hover .right-intro .number {
  color: #0f6af3;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .studypath-item__icon {
  background-repeat: no-repeat;
  background-position: center;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .studypath-item__icon.spicon1 {
  background-color: #eff5ff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAMAAADbwBjtAAACW1BMVEUAAAB9vf8fo/Ytqvhztf9co/9AjP9lwv1YvfxDtPpIkf9orP9Qmf8/iv9Mo/19vf9ux/5NuPs5rvl3yv9DkP9Un/95w/98vP9jqP9vsf97vP9rvP92yv4hpPZepP97vP9ytP91yv5Nl/+F2P9hp/9Bjf9Rmf90tv93yv92yf4lpvdlqf8ipfZ9vf93uP9UnP95uv9orP9Dj/8bpfUfo/Z3yv95uv9AjP9rr/9yyP53yv9bof8ipPZ3yv5epP94uf////9FkP97u/9Ikv9Djv9UnP9KlP90tv9lqv9bof9Xnv9Rmf9rr/9hp/9epP9Nl/9ytP9vsf9orP9Bjv9gwP0zrPkgpPdoxP0mpvdyyP5sxf5kwv0vq/gsqfcjpff2+f89h/9Itvzj7v9Fkf9Dif9AiP9vx/4pp/c6hf9kwftmuvtgt/o8sPo1p/kbnPf0+P/l7/91yv+Twv89jP9wx/5Ulv1Nkf1NuPs6o/syq/ipzf+Zxf9itf9mrv9Kmv9Elv89kv85jf9Giv8whf9Zov5Ol/45h/5/zf1nyf1Wr/1anP1RuvxKqvxVu/tNvvpAs/oyn/oop/e11/+51v+w0/+t0f+kzf+eyP+OvP9ws/9prf9XpP9Sov9MlP80iP/B5v550f5csv5lpf1gof1Fjf2DzvxZufpAuPo3r/otnfpFsfkysfgjq/crrvYfqfX7/f/f6v/I4P/B2v+mz/+fyv+Fvv9Pn/9Pnv8tgf8kff8ie/9+0/6DtP6h2f1zzv1vzf1QrP1ZvfxEqPxCpvyW1PtXwvtQs/k4tPgspvikcyQQAAAAP3RSTlMAmWeZe3pSmZmZe3p6RRqhnpmZhW5aLB8H+vfz8e7p4NzX1cvIxbOyqqqgm5SQhoNycGdnZFpaWUg2NTInEglxwk6MAAACKUlEQVQ4y2LAAHy8IkYMuICdtai+mpKbs6OLqgQWrRaG2ipynl6u3v4gJcG8KLISZnrqCpI+QR6+fggl5sgqxOXt7d0DAtGUsCEr0XUiqISfsBJGcpXwElSSIUpISXCGtLKGsKmVLT4lNbsLgUBGUVNYDKeSBZEwYAlWYu8xe862urr6huLGec3Fc8FKSkrSgAgIBMBKfIomTZoyZerUqqppVdM9ix2DExbui4IBsJKA2vUOCLBpF0jJ/nAYYAcpcfeYXAAESWCwYU9zsktCZ0c0DICV2M9s8exyLW0tK1uyJCWhzQ2sJAQGIErcAfPx9WsB+qbVzdkl2NkZrKQ7EQR6Q0I4sIduwoGjaUvb29uXhncfhCixr509Z3tdfX1DI9DTwXOBSnqWzwe7fe+KXoiSwK2bp22ZXl1dXVRUNMM72NEltadvWRYILCvvFoR4Oh/J05N3gpXk5ILAqvJyQYinN8ZDQX5+/owdyS6ph/pyQkGgPzGRE2KR76JFixd3dZWWlpaVtTkDlRxe3psJAuU5/RAl7rNAfm71B0ZgcZsjSEnFGohzj4T1c8I9PQvJ00Alq49lg8Cq0BwhqJKZqOGSUnE8Ig8ETuSsgCkJRFeyOjS0EgiALmbGoWTC2hgYwK0kFgZwKlmTnj5x4sR0IGDGnhubVq6LgAEtBkYcSuJgQIdBTApTSVNDGBzI2gBLDwMWIODm5mYFAh4eHi4uLhEmYyYoMOFjAACXj1pQTVqsZQAAAABJRU5ErkJggg==);
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .studypath-item__icon.spicon2 {
  background-color: #fff3ec;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAMAAADbwBjtAAACZ1BMVEUAAAD1cEr+k2D9v1j6g1X4fVL3dU32ckv1cEr8j138i1v7iFn3eU/93Xr92HT9xV3/mWP/mWT9k2D9wVn94X7902/90Gv9zGf9yGP1cEr1cEr9w1b9vlb95oP/nGX2c0z/lWL1cUv1cEr1cUv/mmT97Ib91Gz+omD+mGP+vHP/mWT9r1z9v1f9v1f984n+l2P/m2X9v1b944P+mGP/m2X/m2X+l2L2c0z1cUv////2dU39lGH+mGP/mWT4fFL3d073eE/4elD9kV/9k2D9kF78jl36hVf//Pz7iFn3Zzj8jFz8ilv6g1X5gVT5f1P+l2T/+PX9lWP6h1n/k2X/kWP4gFX8kWH9g0v3dUr944H6nHz7nHf+uXD/nGX6iWX/j2H8jl/9wlj9hk/3aTr4ZDD+3dL933v90237km37jGf/jl/6h1r4fVX9iFP6ekf4ckf9ekL3b0L7dED6cTj6azT4ZzP/+vn/+ff/9PH9zrz8vKP8poL95Hv8oHv92Xb6lXT91nH+tmz+tGn9z2j+sWb9zGP+r2P9yGL9x179xFz5g1n9jFf7g1H6fEn6eEX4bj78eD37dTr3XCv3Wib/+/n/8Oz+7ef+6OD+5dz/49f/4NT+2cz80sT+1MP9xa/9spT7rZL7p4r95YL7nYH96ID94X393Hj933X92XH8mXD912390mj9z2X5h2L+rWH9x1n6gU/4eEz9gEb5bz34Vxz9yrj7taH9up3974f964T6oIT964P94X/+v3T93HL+t2791Gj/j2f+pWL6imD9y139tl39ylz5fVL5fFD7cDr3Yy/4ThD3QwXen0GBAAAANnRSTlMA4ab+pqam/Oempqam9PT0qAj+9fT09PT04q+mppmIfXhcOycSDwv++9G3pqWgnZh/bGVaSR5LkiU9AAACvklEQVQ4y43Ud1MTQRQAcE3ooKDYAcUC9q6BI5rk0sgBGo6YCsZUkpgQUulVQHpHitIEQapUe+/1Q7nJlWTGCeP7Y+9m9jf39t3u203/FYcPhISEREUFBwcHBQVFRkZEhIdTKJSYsxePEOJgWGhaGpMFMxjXr2XxcwSZGTwuezudJjx24jImDoWmpqT8Qzh0Gu3K1RjsO/tSA5Obl7xk70bk3DYPCfMnfL4505/s95LNJLGIf1it7W0CVUBiYdjXOpaXO6wFEpIkbvInDBhZGR8e0o/OdkklHIzQEpOSfQRm6Rb1kCfSn9ukKNtLbh8/k3AhCScsFiLu98yng6GsqxXFyNsXE/IEgtiRUjB5z1gGxqJcGx0jeS8n5HIiEaLsg0qGFX86nw5AUOlqAQ0jr+VvduCkEHkIQfd71j93/Pa8FEiFHnIr75F8ykfGQRqFrs3RPgJBQz4ylb8FJzKkGixC36tbnwXPB1INTiryScLSFg6Aqeqy8jFQ01gXF/WS9xX50wSBZT2ToJQ+CMqGoEHrqpDuJbUV01VbiYos9p5nEBaDZicHK/pG7eMqH4HF2t5JfREE9Y9+d3FRNkFmakjCYog7e+3GV4oW108eyuZg5M67mpqdfoehZQXRud2udpWER5IZg8GPiMUtZn5WjkqikkhIMmcw7CIIg+n+pXO7nE5nd3e3BsWXWz83X0cQFlNmUuSCqKysLC9ntxLkQ13dbvLvKkqKs7EoLh7RaLzbKKqfX2jwkeoSKB0LsNP4BojuLjQ07iETFVqUi0ql0mQyGY18kAgjDY0kYcIyLaLVdq45HA6brY2D4uRLU1M02UcMGPb2mgD0mgovWvTkW1NzNNmNAIiBMAsyeDwuSZaaAdmgp4XCr0tqdewGN4Pw4ye1mkqNDXy/oKKjVCCopwPeUpSYk3Fx8fGnzif/BfLtU+cwDAERAAAAAElFTkSuQmCC);
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .studypath-item__icon.spicon3 {
  background-color: #e5faf1;
  background-image: url(data:image/png;base64,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);
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .studypath-item__icon.spicon4 {
  background-color: #e9f7ff;
  background-image: url(data:image/png;base64,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);
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .studypath-item__icon.spicon5 {
  background-color: #f5efff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAMAAADbwBjtAAABjFBMVEUAAAD+036MVOmxhfefbfGpe/WebPCaZu+mdvSicfKWYe2hcPKXYu6TXeyvgvaPV+qvg/eOVuqPV+qvgvbfs6TSoZ2pevXPobesf/X+037+0n+fbfH8z4DrvYvKntCxfcfkt5zsvo7itJ2xhfeMVOnUo5iugvaPV+qwhPeNVenFmNGsfvWRW+useMTuwpWMVOmRW+utgPaQWeuwg/fbq5jqvpmugfaPWOqxhfeMVOn+0n2ugfb4zGuZZe+PV+r6zWuoefSXYu2UXuySW+uwg/eOVer8z3L+0Xr4zWv+0n2gb/H///+sfvWqe/WldfP90HaicfL7zWurffWmd/ObaO+QWev8zm78zm2jc/KcavD80HaebPHnvIbkt4XitYX4ymv1yWvZyPnPufi7j+HEmNeteM3458bfsIrxxnTr4fzm2fv+/PnNtffEp/b++vSvg/SRWeicZtfx4dSgatTu2cbHnMW0gb324bn13rDdspz21pvSpJjmuY/10ozluorrwIHmun/0zH70zHz1y3j5wle/AAAAO3RSTlMARHiHD5mZmZmZmYiImYFc1NS9vLSviIZaQBcI/dzT08bFxMPDuKqpoaGbkpKOhoSDc3NeWj0oKBwcDQ8rMOsAAAGRSURBVDjL1ZRXU8JAEIAPpStg77333hMSSqKRKEWRKkUBwd571z/u3oWxDGNQ3/xms22+vN0s+g31ppFioAioqjLW1OcaylLGbrOavUGH22lZXqJKlDnKMP9V4Yw5ShnPlBn0Go1ardOqVOUUV56jdPCM6WOqobh29Im6WoVC0ZxKVSveqU4mm3CtrcPCXOuiDA1DoDQuyDOJJlxZQiFXCDLuCKTAVIEq5/PQgjr9fp8UPsiQoCNNtvjaUCXr8UBgWMBDszSZyRovKtAgS6BZidjLzWuMFVgcJNF9qCAtCDQNH05C7H5XPHiO0Vlge1eICo4zNHYkK74liuJVnCzIMpMAhT99EgDpL6JcgoIlyI8JDiv80cVtOhqNRoDoCShnkXXCw/X5IScpDLNmt9tsVqvZbN4AZdPtXLVYlleWKIr6m7IHyr6s4g1sizsBeQUeZtgRkFWCYYfD/Z8VIzLlU8bRbD5lBqFeeaWHnAQ5RToQyu7vlS4wCNNjAwaDXq/X4MOg1ul0Wi1cB1X/6BT6GW+27wojCFM8/gAAAABJRU5ErkJggg==);
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .studypath-item__icon.spicon6 {
  background-color: #f5efff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAD9BJREFUeF7lnHmwHVWdx7+/08td3npfQggSJDUOIQSDYsEITMHoWDMqDKIVKKiMkaU0wujMsAwYS0cLa8BYU8ygRHEyo8imqH+4MiUlJG7AQEAnsgQGJpAQQsh7ectd+/a9fY51Tvfp17fv8vq+d+97OtN/ZOnue+7pT/9+399yui+hz5vYvNmKf8XLrmvM52tX27YX/xxt316bz1hJP0NJT5zPeXE4rcCk7CNMj80qo2o+PDMt9L6qu4zHv3sxQfUN0FxwJBgNhDkODa1NnWpkvQ2AWMYr9cenX8p8mzlOmafTQgOLw4qD6oc19RxQUjASirQMGqrS4LH2xUaK3QSiFdpayLJ+5OX5dYWDxUOikBISlLauKKh+Q+opoE5wtMVIMBKKvFhWHaLBk/mnyPNuAItNhTEQo9fqRXZxea/YzVMFoUFJi1osSD0D1A0cCSY14mZTx5rbBJduJWm1ACR3EUpkmFfN/Ib/QFlQQlC9creeAJoLjjmVZtJqJBhmWczOFf7YHGW3g3AaUTCFdoAkI0bwPNxYft6+lddqPCkk5cILjHILBtQJTsbzDO1SGk5mtXMO8do3YbIBdQEJASnrIbqz9Ix1tfx3nU16SVxuSQG1gxPXmxDOG4ubyKQvEecQzI/u3QACAcLDTq+Ij1YO2OPamrzaCO+kSwuBNG8LSgrH5GMqKUwfm/8CGbQ54DJvQCCC4HhOCOPS0h72P/2GNC9A3cCpep49enzlTjDxHqXFQVo4XwuSgAJRr4PTFYWnjR9Fdamec3gvI1zXgKJwoplx1K0M22ZSjNPH1dczKm8XAmv1hfUMEJFyT14TW4p7zH/rF6SuAM0Fx7BmWFSMhevcTQYbDsTGv/G9sqAAkBxTcHy98LRxXT8gJQI0VxiXJUMUTmpl8aPM8LY25DaBa/QDkPweIeinzgvlD1Vn7HI0DagYRljgzifrnhNQt3CkGEPwzSo6RXObPgNSEdGgF6uHvSucV8ynomnAQiB1BNQNHGOFWJ4ecL8seF2J8VIACnx4qu6Ij5SfpYeSQuqUULYF1A0ca2TmFGuI3QmD/VFYbC6BBUVLFl7xlHgnTSjbQWoClKQaj5cOmaOm/kMY2BB1qXYWpIRacHBiSrDDcC9m2z6ytBBgKvARi/TIyAQs078HEZFucOWIW9cO19bIhHIhkBoAJbGaeOnAjBJLjbnbOwKSV1p1gLoLsjOhNlG0r2il/P1cRI6rih4wAijCAzkFCCMD2CkQBX21qNaF/6aZ8rT40/peerWb0iRuSSGg+cKRA1pjzm1ksI0tLSiAQwNZGO/4axirT4TwmrukZDR1ZrW3AoYBMAMwbfD/3Q3x8H2gWhWw0zppnD13FtBUeVqczfeVX+PegDLPpFl3FJIC1A0cXTpIy9Gz6gSI6nUItwLrkmvBTlP63XrjTZ3V5vOCHEH88jvgO+4ChnLNwaAFIAUnBkkXunNFOEoCJ5rjKA2JwKm4aXN45fS/trWgcgE0egzsK28CRlcATqk9pHZHSGeXHBjMQbz8FPi3bgRJPTLsxnQiAij/fP5U5hiF6LASVKeWSVOu1Ck7josxBvIjZKcbViSE63iZrHdLWw1yqxCckPqbm0Gr1wNOGQhtLzJ1DaETPnmOdLMnfgLxwy8CI8tA0qraaJA7Xj+/WuRKg+SWeoMhqgc9Mqu1cjyhjHYDopBCC4rXVRpOdsw8h6i2EQIng7CcQmUMvpXgwmDLwcVwkwbpmRWmQW9aD/vCjwO5YwC30hqD5/l6E93kPrnJ/YYJsXc3+IN3gCrTEJnhDi6mPvWKHoosYzYg1T0HzNwjPP7g9GPuNzzX5XpxQBe6GpIC1ApO9igMsgHnFnCxUX1J5C6FPZzY/rbnyPMK0xDZYbCxlS3hEK/LNlhwLIha6n96X3CocATMEsDAiCrsmtKJ+Dw1lnhepufO6dde2rl66j+rv5GQ4prUAEhX5BnbSVnDpftBdEakvRBeWGJAOmzLtIV7SqyFMxvBKHJT1XzNWFoWtSYj8Es7DZZJBxbVA0DBVbmvlS7IP+PtiLdL6KXLLgtiJaBbpMOr3W9wr+4301u0ROcDSAgBpvMWLvxEkYRKCPWmC1mdRMoOYugiEjYxCCIwS4Z9+X+/5dEuUVTH5rIgrRREU9X95bdP7zMORvUoBCStR+rO8OraWZ5XeyCc20IB6SuUCWCk3cHlzPXYen/wpYJ8y9CHJRR1rwIrUpYXbdm2FOmgHkwISI4vBN115KGZj0VdLQQkrUeG8+xQ7T4Y7NyeAwoSRsZdyJSHWS1CWUP1b4KxiP5od5PJoZ32o1doehFT61aDIopIRE6h4L7F+a/KQe1qCpC2HiXMqfIuQVjVU0ASTikPNpoDVhzfWqRtO+pPs94d3S+t6PUXIMolUDrbD0Dw8tUPTT7mfE9bkQKktWdgFV8LOI+CMCuXvXCxcgFszVthve9KYGQF0KLUkPrScpMlht4sGzi8D/z+LwOHX4LIjPr1WI9cTGlWXfzjxBPjX5QrJTKihYCke6XS/C1GSuzsKSC3CmIGzM1bwVaf5CeKC9nSWYhnHwX/7k3A4GiHRLF7DfJ73Hzr5JMTN8tSRLoZHdx8fla3TFOj9npDVH7eU0B9KjXEvZ8GUpkOpcb8AU0/Uv28TB5DQDJ6yZUI2fjqtQWpYrVUgLXxOrC3n7cQ2wk/Kx7YDv7w94DR5T0L835G41uQBiR1SFlQ3wCpuE5AuQCkB2G/+xLguJMgXLcJFNWb96mT6lX/XDOl/vKe2QXx9A4/WbStvgDK7+JfkE02qUN0aNOmAdkES2RBMpcRwk/QpKbKPzoJZBSDUwQvOiCzsdaKZ9Nh5I5m1bH6jIZHQGlZxSfMpNW0hd98iyaWsQcmtAU1AdLtjJYuZjAoNykXVWgVhgmS7VG3IlcRVH3VKh8JM1wu1ORkm1XwpkcMw49KIY+PE3YcBZO1it9ZZIZfkqjidQ5AsnVbCQrjlF8wkIygXhXIDANmY+TsCEg2wozsxJubNEgOWi3B/LMPgJ3+F7MXlH8dtQfuA9/3PDAy2tAq1f4cWleQRROam2INCZ+ut9QA/mMv/lX5FyIzaplNq/1zlBrqBlULECtPADvzQiCbk10zf5yndgJ7fg6k001FuNSglhbUDpAoTMM8872wL/+UP1mVBgfkD76A6lc+AVEsA1IT4lls/JmfAC+DX4vJLUyIo3VqYE3yGlXtJZv7wflNcNQgLTLpqgMaHABdeCOwfFXU2X1I998KPPeroCsQlDKBSGtAMtQrDZIu1goQeXXwchGpTdfDOPsCYGZ8toEuv2Uwh+pXtoD/9hFQbqwzoMjCoWRMgXknefxFX12oV6oIDQrVdoDyUxBvOh3GJZ8GSjOzgKQ8yK7kb38G/HRbg6vFXWxOQIr01ATs926EedHfqVUJ1IP6SKb6lSLcWz4Gfmg/MCT7M7N3cukWDv05iGIRtHwV2KabATnXmjPrrqYN2dfG499ZmAUp96+WVIi1NlwF49RzAK+u2p6oVuD+4GvwHnsAMqr4Kw+/P4DU8lFxGjjpLLB3XOonlcraDIgXnoDYeQdI1Bt0aF4WpAYt5SE4h7HyaI/sQYMsC97kOMTMFCg7CFiWD+f3DJAEIEpFvzU7tCx0MzFxQDX8KZttmPe8AUktkgkbd2uhi5Ft+xW1bc3mQ/MFRDgsPLGfmeY+dRUGjYHRMeCyeI5Gs0gDby4NUgFFQNTqgFxDc30XU3lYKgOSbROpg5EbO29AamApbnrtSq9PMaMxYewSkODYITzxrfo0PVIpYDIeaoaPqp1Cucy7mEGbiHCM6g7q7kJCQMrV1MeCEC98KVBBQo4VyYUWBKhh8rrDF8+mEwISHAe4oBsLr9CPm+Jvix3ZEb7CXmldz0z2wa4ABVbkA4qlAtpyYnOO5kGJolhTTzpYO28ZnhMAIojnajN0cXmGHU4CJ3pO7qTUpWSIrYFJtH5CNjaHsMTwKc0OF9NMDXHhgFrdDf21cwAi4IA7xd7dyp2SwgohJXCxsGnf9lnsxlWU+blYLzqK/tV7XgUXlCaMJzvBGMzBKE6hfdEGIHeCuY3SxoZEVtxF035JAQmO7YVXjc+2gjN8+eq3masGPkwGWweCDa+e5w5+XPnloXucR6emm8R7lTVk5tgTRORXyj1suS6JixFRqTaDs1rpztiWdZ+lLF3Z0qoEHaofKl47c/vLO+PHR080txgp8+//TwCCYD/JH6DL4xc5dsOJn6FB86owfVDWEBTCkcdhavsq5+XvePnX0c8PHZc6wcphhwzYf/AWxGtsS/EQ3Rm9QOlW1vGZ+9vqUbRrwLH7yOf2ND1clFtn72QmW9sPQPIRGdmX7ljN63AaN+Oulp6lOlfwV3FxHttywu1ks/cnjV718erGuKvl1qW2M5PO/4MH5B5xz3bKmRc1jKGj07b94eN+ARKtVxFbUBMVftvkLXtvjh4ae3P6JmK4oq+ADl900aB82a1tR3HhYd5zS+wcZ5L26otLn5kbHXhnbpfsKCW1IFGu3zt56/5/aAB0cvpzZOAjfQekXz5p2XLtB6D1meGB9yzfBcOINLQ7oxIObwa0WBa0ZIAIyQG59P8QkODJARXdeya/On79kmjQkljQu4Z2gQWvSiUQIlH2Fh2QfGuIpEgvGSCI5BbkYNEBqTxoyQCdnepOpGusGdBiRbFFD/MyiklAXYk0v3vy3/M3LEmY14CskcIbiTlP9vTxF0DlQeXx2UQx+1YaVYC6Eek67p74qtuQBy0/Bf/U6zxIPkA1/bi3ranUGHrD4ErPcdbAq35/0QB59eQaxNmiAOIe/1LtVWeb/lEVKl2z4TRC5TYhsCaoucbk3z18RtHzinRGYSK7X7uHsqA/8XaBdZEoVut3TdxhXJ+xHbVyKd8R6YsFAXL5owLQs7Wp6rVUvubcR4V8YDy29RpQPc/CUsNemx6xz+D/Dd3wShLmXX5X6d7aNdFTB9amt/bcxRrmQg9T6drzwl97ih5bFECiizBfxxIAAqh89bkPCUZ/3kcLglek01takCczaXl/2r06O3tMcGoClFlr/4thsEt7Waw2cqCHqfC3F61jrPjPxNgpHS3dZNT0pk/wATJZays0/ZcxajM4rzYzFGpQ+mQvZ59e811OfVKDiP4dLNMEx4WH7xbuyWyOzjG7pvpJM2tdBkbBc3rtr6DhbZ+4nESfSwqP0TPFQ+514ZP2R+dKyypVt83DyrIv3nKUcDguvKano+Rn5H5WzhVk2NQnm2nXHPgA+0tARF/r6Xh/xLi9L/+g2B09Sf5IkzlmDYmaMSegToOLoWDZNXLS6y+yIypYRV9m0b9IJx8Ljv7GmDxR/uREpy+RdUu743KFssmFg5/pSqDPvqG1GENdQIdxOs1Zz1eP2+430n4Hqx1UfPAKGl4AAAAASUVORK5CYII=);
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .studypath-item__icon.spicon7 {
  background-color: #f5efff;
  background-image: url(data:image/png;base64,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);
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-path {
  width: 100%;
  height: 100%;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-path .learning-path-top {
  line-height: 34px;
  margin-bottom: 20px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-path .learning-path-top .title {
  font-size: 18px;
  font-weight: 600;
  color: #3E454D;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-path .learning-path-content {
  margin-left: -14px;
  margin-right: -14px;
  height: 320px;
  overflow-y: scroll;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-path .learning-path-content .item {
  width: 220px;
  border-radius: 8px;
  background-color: #f8fafc;
  padding: 20px 16px;
  margin: 14px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-path .learning-path-content .item .studypath-item__icon {
  width: 34px;
  height: 36px;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent !important;
  background-size: 100% 100%;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-path .learning-path-content .item .studypath-item__info {
  width: 128px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-path .learning-path-content .item .studypath-item__info .studypath-item__title {
  font-size: 16px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-path .learning-path-content .item .studypath-item__info .studypath-item__intro {
  font-size: 12px;
  color: #9399a5;
  margin-top: 4px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-studymap {
  width: 100%;
  height: 100%;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-studymap .learning-path-top {
  line-height: 34px;
  margin-bottom: 20px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-studymap .learning-path-top .title {
  font-size: 18px;
  font-weight: 600;
  color: #3E454D;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-studymap .learning-path-content {
  margin-left: -14px;
  margin-right: -14px;
  height: 320px;
  overflow-y: scroll;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-studymap .learning-path-content .item {
  width: 220px;
  border-radius: 8px;
  background-color: #f8fafc;
  padding: 20px 16px;
  margin: 14px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-studymap .learning-path-content .item .img-map {
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  overflow: hidden;
  vertical-align: middle;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-studymap .learning-path-content .item .img-map .map-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 24px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-studymap .learning-path-content .item .img-map img {
  height: 100%;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .learning-studymap .learning-path-content .item .studypath-item__info {
  vertical-align: middle;
  width: calc(100% - 60px);
  margin-left: 10px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .internalCurriculum {
  width: 100%;
  height: 100%;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .internalCurriculum .learning-path-top {
  line-height: 34px;
  margin-bottom: 20px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .internalCurriculum .learning-path-top .title {
  font-size: 18px;
  font-weight: 600;
  color: #3E454D;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .internalCurriculum .internalCurriculum-content {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -12px;
  height: 320px;
  overflow-y: scroll;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .internalCurriculum .internalCurriculum-content .item {
  padding: 20px 16px;
  background: #F8FAFC;
  border-radius: 8px;
  margin: 12px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .internalCurriculum .innner-empty .empty-wrapper .empty-icon > img {
  max-width: 100px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .liveCurriculum {
  width: 100%;
  height: 100%;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .liveCurriculum .learning-path-top {
  line-height: 34px;
  margin-bottom: 20px;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .liveCurriculum .learning-path-top .title {
  font-size: 18px;
  font-weight: 600;
  color: #3E454D;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .liveCurriculum .internalCurriculum-content {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -12px;
  height: 320px;
  overflow-y: scroll;
}
.g-header-nav .nav-left .nav-item .new-five-classify .right-banner-classify-content .liveCurriculum .internalCurriculum-content .item {
  padding: 20px 16px;
  background: #F8FAFC;
  border-radius: 8px;
  margin: 12px;
}
.g-header-nav .nav-left .nav-item .nav-item-hint-wrap {
  position: absolute;
  top: 40px;
  left: 10%;
  width: 240px;
  height: 120px;
  background: linear-gradient(to right, #699EFD, #336FF3);
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.g-header-nav .nav-left .nav-item .nav-item-hint-wrap:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #659BFB;
  top: -16px;
  left: 20px;
}
.g-header-nav .nav-left .nav-item .nav-item-hint-wrap p {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.g-header-nav .nav-left .nav-item .nav-item-hint-wrap .btn {
  padding: 6px 12px;
  background-color: #fff;
  color: #0f6af3;
  border-radius: 4px;
}
.g-header-nav .nav-left .nav-item .nav-item-hint-wrap.no-show {
  display: none;
}
@media (min-width: 1200px) {
  .g-header-nav {
    float: left;
    margin-top: 20px;
    margin-left: 30px;
  }
  .g-header-nav .nav-left .nav-item + .nav-item {
    margin-left: 30px;
  }
}
@media (max-width: 1329px) {
  .g-header-nav .nav-left {
    width: 640px;
  }
}
@media (max-width: 1199px) {
  .g-header-nav {
    position: absolute;
    width: 100%;
    top: auto;
    left: 0;
    bottom: 5px;
  }
  .g-header-nav .nav-left {
    width: 100%;
  }
  .g-header-nav .nav-left .nav-item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .g-header-nav .nav-left .nav-item .nav-left-panel-container {
    padding-top: 3px;
  }
}
@media (max-width: 767px) {
  .g-header-nav {
    padding-left: 5px;
    padding-right: 5px;
  }
  .g-header-nav .nav-left {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
  }
  .g-header-nav .nav-left .nav-item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .g-header-nav .nav-left .nav-item-more .nav-left-panel-container {
    left: auto;
    right: 10px;
  }
}
@media (max-width: 600px) {
  .g-header-nav {
    padding-left: 10px;
    padding-right: 10px;
  }
  .g-header-nav .nav-left .nav-item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .g-header-nav .nav-left .nav-item > a .iconfont {
    margin-left: 3px;
  }
  .g-header-nav .nav-left .nav-item-more .nav-left-panel-container {
    right: 5px;
  }
}
@media (max-width: 500px) {
  .g-header-nav .nav-left .nav-item > a {
    font-size: 14px;
  }
  .g-header-nav .nav-left .nav-item .nav-left-panel .panel-item .panel-item-title > a {
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 440px) {
  .g-header-nav .nav-left .nav-item > a {
    font-size: 13px;
  }
  .g-header-nav .nav-left .nav-item > a .iconfont {
    font-size: 10px;
    width: 10px;
    height: 10px;
  }
}

/* 全局导航-E */
.g_little_tips {
  position: absolute;
  white-space: nowrap;
  bottom: -50px;
  padding: 10px 15px;
  border-radius: 4px;
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
}
.g_little_tips i {
  margin-left: 5px;
  font-size: 14px;
}
.g_little_tips::after {
  content: "";
  position: absolute;
  top: -10px;
  width: 0px;
  height: 0px;
  left: 22px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.7);
}

/* 全局底部 */
.g-footer {
  background-color: #161e30;
  padding: 40px 0 48px;
  margin-top: 40px;
}
.g-footer a:hover {
  text-decoration: underline;
}
.g-footer .row1 {
  padding-bottom: 32px;
  position: relative;
}
.g-footer .row1,
.g-footer .row1 a {
  color: #fff;
}
.g-footer .row1 .about li {
  line-height: 32px;
  float: left;
  margin-right: 30px;
  white-space: nowrap;
}
.g-footer .row1 .about li:last-child {
  margin-right: 0;
}
.g-footer .row1 .qrcode {
  position: absolute;
  right: 0;
  top: -8px;
  overflow: hidden;
  text-align: center;
}
.g-footer .row1 .qrcode img {
  width: 100px;
}
.g-footer .row1 .qrcode p {
  padding-top: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.g-footer .row2 > p {
  margin-bottom: 16px;
  line-height: 1;
}
.g-footer .row2 > p,
.g-footer .row2 > p a {
  color: #aaaaab;
}
.g-footer .row2 > p:last-child {
  margin-bottom: 0 !important;
}
.g-footer .row2 .beian {
  padding-left: 14px;
}
@media (max-width: 991px) {
  .g-footer .row1 .about {
    padding-right: 128px;
  }
  .g-footer .row1 .qrcode {
    top: 8px;
  }
  .g-footer .row2 .beian {
    padding-top: 15px;
    padding-left: 0;
    display: block;
  }
}
@media (max-width: 720px) {
  .g-footer {
    font-size: 12px;
    padding-top: 24px;
    padding-bottom: 32px;
  }
  .g-footer .row1 {
    display: table;
    width: 100%;
  }
  .g-footer .row1 .about,
.g-footer .row1 .qrcode {
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
  .g-footer .row1 .about {
    padding-right: 0;
  }
  .g-footer .row1 .about li {
    width: 25%;
    margin-right: 0;
  }
  .g-footer .row1 .about.has-qrcode li {
    width: 33.3333333333%;
  }
  .g-footer .row1 .about.has-qrcode .two-columns li:last-child {
    width: 100%;
  }
  .g-footer .row1 .about.no-qrcode .one-columns {
    display: flex;
  }
  .g-footer .row1 .about.no-qrcode .one-columns li {
    flex: 1;
    width: auto;
    text-align: center;
  }
  .g-footer .row1 .about.no-qrcode .two-columns.is-partner li {
    width: 50%;
    text-align: center;
  }
  .g-footer .row1 .qrcode img {
    width: 80px;
  }
  .g-footer .row2 {
    text-align: center;
  }
  .g-footer .row2 > p {
    margin-bottom: 10px;
  }
  .g-footer .row2 .beian {
    padding-top: 10px;
  }
}
@media (max-width: 480px) {
  .g-footer .row1 {
    padding-bottom: 30px;
  }
  .g-footer .row1 .about.has-qrcode .one-columns li {
    width: 50%;
    text-align: center;
  }
  .g-footer .row1 .qrcode p {
    font-size: 12px;
    padding-top: 15px;
  }
}
@media (max-width: 420px) {
  .g-footer .row1 .about li {
    width: 33.3333333333%;
  }
  .g-footer .row1 .about .two-columns li:last-child {
    width: 100% !important;
  }
}

/* 路径导航 */
.g-breadcrumb {
  line-height: 1;
  color: #3e454d;
  padding-bottom: 20px;
  font-size: 14px;
}
.g-breadcrumb .iconfont {
  color: #9399a5;
  font-size: 0.8571428571em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.g-breadcrumb a {
  color: #9399a5;
}
.g-breadcrumb a:hover {
  color: #0f6af3;
}
@media (max-width: 767px) {
  .g-breadcrumb {
    display: none;
  }
}

/* 内容区顶部 bar */
.container-top-bar-wrapper {
  margin-top: -20px;
  margin-bottom: 20px;
  background-color: #fff;
}
.container-top-bar-wrapper .container-top-bar {
  position: relative;
}
.container-top-bar-wrapper .container-top-bar .back {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
}
.container-top-bar-wrapper .container-top-bar .back .iconfont {
  font-size: 1em;
  margin-right: 8px;
}
.container-top-bar-wrapper .container-top-bar .title,
.container-top-bar-wrapper .container-top-bar .ftitle {
  width: 100%;
  padding: 18px 80px;
  text-align: center;
}
.container-top-bar-wrapper .container-top-bar .title {
  font-size: 18px;
  font-weight: bold;
}
.container-top-bar-wrapper .container-top-bar .title + .ftitle {
  padding-top: 0 !important;
}
.container-top-bar-wrapper .container-top-bar .ftitle .ftitle_item {
  display: inline-block;
  margin-left: 10px;
  padding-right: 10px;
}
@media (max-width: 991px) {
  .container-top-bar-wrapper .container-top-bar .back .iconfont {
    margin-right: 4px;
  }
  .container-top-bar-wrapper .container-top-bar .title,
.container-top-bar-wrapper .container-top-bar .ftitle {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .container-top-bar-wrapper .container-top-bar .title {
    font-size: 16px;
    font-weight: normal;
  }
}

/* 内容区一级容器 */
.container-body {
  margin-top: 20px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .container-body {
    padding-bottom: 65px;
  }
}
@media (max-width: 375px) {
  .container-body {
    padding-bottom: 45px;
  }
}

/* 遮罩层（用于下架提示、未登录提示等） */
.cover-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cover-mask,
.cover-table,
.cover-text {
  position: absolute;
  left: 0;
}

.cover-mask {
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 4999;
  font-size: 0;
  line-height: 0;
  background: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.cover-text {
  top: 50%;
  z-index: 5000;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: normal;
  line-height: 40px;
  font-size: 22px;
  margin-top: -20px;
}

.cover-table {
  display: table;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5000;
  width: 100%;
  height: 100%;
}
.cover-table .cover-td {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-weight: normal;
  line-height: 40px;
  font-size: 22px;
}

/* 没有数据 */
.has-no-data {
  background-color: #fff;
  padding-top: 100px !important;
  padding-bottom: 120px !important;
  text-align: center;
  border-bottom: none !important;
  font-size: 12px !important;
  color: #0f6af3 !important;
}
.has-no-data img {
  width: 30px !important;
  height: 30px !important;
}

.has-no-data-1 {
  border-bottom: none !important;
  display: table-cell !important;
}
.has-no-data-1 .empty-wrapper {
  background: none;
  font-size: 16px;
}

.has-no-data-div {
  background-color: #fff;
  padding-top: 100px !important;
  padding-bottom: 120px !important;
  text-align: center;
  border-bottom: none !important;
  font-size: 12px !important;
  color: #0f6af3 !important;
}

.no-data-wrap {
  background-color: #fff;
  height: 100%;
  width: 100%;
  border-bottom: none !important;
  font-size: 12px !important;
  color: #0f6af3 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-data-wrap .empty-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
}
.no-data-wrap .empty-wrapper .empty-icon img {
  height: 120px;
}
@media (max-width: 767px) {
  .no-data-wrap .empty-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
  .no-data-wrap .empty-wrapper .empty-icon > img {
    width: unset;
  }
}

.loadingdata {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  margin-bottom: 10px;
  background-image: url("/assets/images/icon/loading.svg");
  background: url("/assets/images/icon/loading.gif?v=0.0.1") \0 ;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 30px 30px !important;
}
.loadingdata.white {
  background-image: url("/assets/images/icon/loading-white.svg");
  background: url("/assets/images/icon/loading-white.gif?v=0.0.1") \0 ;
}

.v-loading {
  width: 24px;
  height: 24px;
  display: inline-block;
  line-height: 24px;
  background-image: url(/assets/images/icon/loading.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* 警告框 */
.\--notice {
  padding: 7px 10px;
  border-radius: 4px;
}
.\--notice > p {
  margin-bottom: 0;
}
.\--notice > p + p {
  margin-top: 10px;
}
.\--notice.notice-blue {
  background-color: #eef4fe;
}
.\--notice.notice-blue > p .iconfont {
  font-size: 1em;
  color: #0f6af3;
  margin-right: 5px;
}

.g-notice {
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
  font-size: 16px;
  padding: 12px 30px;
}
.g-notice .iconfont {
  font-size: 1em;
  margin-right: 0.625em;
}
.g-notice.notice-01 {
  border-color: #e7f1ff;
  background-color: #f5f9ff;
  color: #142948;
}
.g-notice.notice-01 .iconfont {
  color: #0f6af3;
}
@media (max-width: 480px) {
  .g-notice {
    font-size: 14px;
    padding: 8px 15px;
  }
}

/* 底部渐变遮罩层-白色 */
.bottom-gradient-mask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  text-align: center;
}
.bottom-gradient-mask .mask-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 90%, #FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType="0",startColorstr="#22FFFFFF", endColorstr="#ddFFFFFF");
}

.g-common-banner {
  text-align: center;
  max-width: 100%;
}
.g-common-banner > img {
  width: 100%;
  max-width: 1920px;
}
.g-common-banner .app-banner {
  display: none;
}

@media (min-width: 1920px) {
  .mini_banner > img {
    width: 100%;
  }
}
@media (max-width: 769px) {
  .g-common-banner .should_hide {
    display: none;
  }
  .g-common-banner .app-banner {
    display: block;
  }
}
.dacontent {
  position: fixed;
  right: 10px;
  width: 72px;
  border: 0;
  z-index: 6100;
  border-radius: 2px;
  bottom: 100px;
}
.dacontent.upperPosition {
  bottom: 335px !important;
  transition: all 0.1s ease-in-out 0s;
}
.dacontent .daily-answer-btn {
  position: relative;
  top: -20px;
  left: -14px;
  width: 100px;
  height: 100px;
  background: url("/assets/images/right-menu-daily-answer-btn.png") no-repeat center/100% 100%;
  cursor: pointer;
}
.dacontent .daily-answer-btn__havePunch {
  transform-origin: center;
  transform: scale(0.8);
}
.dacontent .ai-chat-btn {
  position: relative;
  top: -20px;
  left: 11px;
  width: 50px;
  height: 37.5px;
  background: url("/assets/images/right-menu-ai-chat-btn.png") no-repeat 0 0/100% 100%;
  cursor: pointer;
}
.dacontent .ai-chat-btn .ai-chat-hint {
  position: absolute;
  width: 160px;
  left: -174px;
  top: -16px;
  background: linear-gradient(to right, #ff99e6, #e84be6, #ac4bff, #395ffe, #48d6ff);
  border-radius: 8px;
}
.dacontent .ai-chat-btn .ai-chat-hint .text-bg-wrap {
  padding: 8px 14px;
  border-radius: 8px;
  margin: 1px;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.8);
}
.dacontent .ai-chat-btn .ai-chat-hint p {
  margin: 0;
  background-image: linear-gradient(to right, #e84be6, #ac4bff, #395ffe);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dacontent .cousr-old {
  width: 48px;
  height: 85px;
  background: #FFFFFF;
  box-shadow: 0px 0px 7px 0px rgba(7, 28, 59, 0.06);
  border-radius: 24px;
  text-align: center;
  padding-top: 8px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.dacontent .cousr-old .icon-jiubanweixuan {
  font-size: 18px;
  color: #9399A5;
}
.dacontent .cousr-old .old {
  font-size: 12px;
  color: #9399A5;
  margin-top: 6px;
}
.dacontent .cousr-old:hover {
  background-color: #0f6af3;
  color: #fff;
}
.dacontent .cousr-old:hover .icon-jiubanweixuan {
  color: #fff;
}
.dacontent .cousr-old:hover .old {
  color: #fff;
}
.dacontent .up-menu,
.dacontent .down-menu {
  width: 100%;
  position: relative;
  width: 48px;
  background: #FFFFFF;
  box-shadow: 0px 0px 7px 0px rgba(7, 28, 59, 0.06);
  border-radius: 24px;
  margin-left: auto;
  margin-right: auto;
}
.dacontent .up-menu div,
.dacontent .down-menu div {
  border: none;
}
.dacontent .down-menu {
  margin-top: 10px;
}
.dacontent .menu-item {
  width: 100%;
  cursor: pointer;
  color: #676c73;
  position: relative;
  border: 1px solid #e6e6e6;
  border-top: 0;
  border-bottom: 0;
}
.dacontent .menu-item .content {
  width: 50px;
  padding: 10px 0;
  margin: 0 auto;
  text-align: center;
}
.dacontent .menu-item .icon_pic {
  width: 25px;
  height: 25px;
  margin: 0 auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.dacontent .menu-item i.iconfont {
  line-height: 1;
  font-size: 25px;
}
.dacontent .menu-item i.new-shoujihao,
.dacontent .menu-item i.new-yiwen,
.dacontent .menu-item i.new-fabu {
  font-size: 18px;
}
.dacontent .menu-item .text {
  margin: 0 auto;
  margin-top: 8px;
  font-size: 12px;
  width: 32px;
  font-weight: 400;
  color: #9399A5;
}
.dacontent .menu-item .popup-layer {
  position: absolute;
  left: -186px;
  top: -10px;
  width: 166px;
  padding: 20px 0;
  display: none;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 7px 0 rgba(7, 28, 59, 0.1);
  border-radius: 4px;
}
.dacontent .menu-item .popup-layer .popup-pic {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.dacontent .menu-item .popup-layer .popup-pic img {
  width: 100%;
}
.dacontent .menu-item .popup-layer .popup-pic + .popup-text {
  margin-top: 20px;
}
.dacontent .menu-item .popup-layer .popup-text {
  margin: 0 auto;
  color: #888;
  font-size: 14px;
}
.dacontent .menu-item .popup-layer .popup-text__blue-color {
  color: #0f6af3;
}
.dacontent .menu-item .popup-layer:before {
  position: absolute;
  top: 20px;
  right: -12%;
  content: "";
  display: block;
  border-width: 10px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.dacontent .menu-item:last-child {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.dacontent .menu-item:last-child .content {
  border-bottom: 0;
}
.dacontent .menu-item:first-child {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.dacontent .menu-item__kefu .icon_pic {
  background-image: url("/assets/images/icon/kefu.png?v=0.0.2");
}
.dacontent .menu-item__kefu:hover .icon_pic {
  background-image: url("/assets/images/icon/kefu-1.png?v=0.0.2");
}
.dacontent .menu-item__appdown .icon_pic {
  background-image: url("/assets/images/icon/down.png?v=0.0.2");
}
.dacontent .menu-item__appdown:hover .icon_pic {
  background-image: url("/assets/images/icon/down-1.png?v=0.0.2");
}
.dacontent .menu-item__totop {
  display: none;
}
.dacontent .menu-item__totop i.iconfont {
  font-size: 18px;
}
.dacontent .menu-item__totop .text {
  margin-top: 5px;
}
.dacontent .menu-item__course-consult .icon_pic {
  background-image: url("/assets/images/icon/taolun.png");
}
.dacontent .menu-item__course-consult:hover .icon_pic {
  background-image: url("/assets/images/icon/taolun-1.png");
}
.dacontent .menu-item__phone-consult .icon_pic {
  background-image: url("/assets/images/icon/dianhua.png");
}
.dacontent .menu-item__phone-consult:hover .icon_pic {
  background-image: url("/assets/images/icon/dianhua-1.png");
}
.dacontent .menu-item__course-feedback .icon_pic {
  background-image: url("/assets/images/icon/backk.png?v=0.0.2");
}
.dacontent .menu-item__course-feedback:hover .icon_pic {
  background-image: url("/assets/images/icon/backk-1.png?v=0.0.2");
}
.dacontent .menu-item:hover {
  color: #0f6af3;
}
.dacontent .menu-item:hover .text {
  color: #0f6af3;
}
.dacontent .menu-item:hover .popup-layer__hover-show {
  display: block;
}
.dacontent .menu-item__totop {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
}
.dacontent .menu-item__totop .content {
  padding: 0;
  padding-top: 2px;
}

.g-tips .cover-mask {
  z-index: 10000000000;
}
.g-tips .manager {
  display: none;
}
.g-tips .g-little-tips {
  position: relative;
}
.g-tips .g-little-tips .sider {
  position: absolute;
  z-index: 10000000001;
  left: 50px;
  top: 310px;
  display: none;
}
.g-tips .g-little-tips .company_sider {
  position: absolute;
  z-index: 10000000001;
  left: 50px;
  top: 340px;
  display: none;
}
.g-tips .g-little-tips .header {
  position: absolute;
  z-index: 10000000001;
  left: 250px;
  top: -82px;
  max-width: 100%;
}
.g-tips .g-little-tips .task_first {
  position: absolute;
  z-index: 10000000001;
  left: 31px;
  top: 195px;
  display: none;
}
.g-tips .g-little-tips .company_task_first {
  position: absolute;
  z-index: 10000000001;
  left: 31px;
  top: 240px;
  display: none;
}
.g-tips .g-little-tips .task_sec {
  position: absolute;
  z-index: 10000000001;
  left: 31px;
  top: 490px;
  display: none;
}
.g-tips .g-little-tips .company_task_sec {
  position: absolute;
  z-index: 10000000001;
  left: 31px;
  top: 535px;
  display: none;
}
.g-tips .g-little-tips .task_third {
  position: absolute;
  z-index: 10000000001;
  left: 73px;
  top: 710px;
  display: none;
}
.g-tips .g-little-tips .company_task_third {
  position: absolute;
  z-index: 10000000001;
  left: 73px;
  top: 665px;
  display: none;
}
@media (max-width: 1200px) {
  .g-tips .g-little-tips .header {
    left: 77px;
    top: -55px;
  }
}
@media (max-width: 594px) {
  .g-tips .g-little-tips .header {
    left: 51px;
  }
}
@media (max-width: 541px) {
  .g-tips .g-little-tips .header {
    width: 285px;
    top: -51px;
    left: 50px;
  }
}
@media (max-width: 475px) {
  .g-tips .g-little-tips .header {
    width: 260px;
    top: -49px;
    left: 37px;
  }
}

.open-by-browser-tip {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1000000000001;
}
.open-by-browser-tip .img {
  text-align: right;
  margin-top: 1%;
  margin-right: 5%;
}
.open-by-browser-tip .img img {
  width: 70%;
}

.modal-course-feedback .modal-dialog {
  width: 560px;
}
.modal-course-feedback .modal-footer {
  position: absolute;
  top: 280px;
  right: 0;
  left: 0;
  padding: 0;
}
.modal-course-feedback .course-feedback-input {
  height: 160px;
}
.modal-course-feedback .course-feedback-input .form-control {
  width: 100%;
  height: 100%;
  resize: none;
}
.modal-course-feedback .course-feedback-info {
  margin-top: 12px;
}
.modal-course-feedback .course-feedback-list {
  padding-top: 48px;
}
.modal-course-feedback .course-feedback-list .head {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1;
  padding-left: 8px;
  border-left: 3px #0f6af3 solid;
}
.modal-course-feedback .course-feedback-list .list {
  margin-top: 20px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-course-feedback .course-feedback-list .item {
  padding-bottom: 20px;
}
.modal-course-feedback .course-feedback-list .item + .item {
  padding-top: 17px;
  border-top: 1px solid #e5e5e5;
}
.modal-course-feedback .course-feedback-list .item:last-child {
  padding-bottom: 0;
}
.modal-course-feedback .course-feedback-list .item .item-time {
  color: #9399a5;
}
.modal-course-feedback .course-feedback-list .item .item-reply {
  margin-top: 5px;
  background-color: #f6f8fa;
  padding: 7px 10px;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .modal-course-feedback .modal-dialog {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 600px) {
  .modal-course-feedback .modal-dialog {
    width: 90%;
  }
}
@media (max-width: 540px) {
  .modal-course-feedback .modal-footer {
    top: 230px;
  }
  .modal-course-feedback .course-feedback-input {
    height: 110px;
  }
  .modal-course-feedback .course-feedback-info {
    font-size: 12px;
  }
  .modal-course-feedback .course-feedback-list .head {
    font-size: 14px;
  }
  .modal-course-feedback .course-feedback-list .list {
    margin-top: 20px;
    max-height: 160px;
  }
  .modal-course-feedback .course-feedback-list .item {
    font-size: 12px;
    padding-bottom: 15px;
  }
  .modal-course-feedback .course-feedback-list .item + .item {
    padding-top: 12px;
  }
}

.J-tab-pane {
  display: none;
}
.J-tab-pane.active {
  display: block;
}

.help-layer-wrapper {
  position: relative;
  z-index: 10;
}
.help-layer-wrapper:hover .help-popup {
  display: block;
}
.help-layer-wrapper .icon-yiwen {
  font-size: 14px;
  color: #cdcdcd;
  margin-right: 15px !important;
}
.help-layer-wrapper .help-popup {
  width: auto;
  height: auto;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 10px;
  min-width: 80px;
  min-height: 80px;
  color: #676c73;
}
.help-layer-wrapper .help-popup.bottom {
  top: auto;
  padding-top: 0;
  bottom: 100%;
  padding-bottom: 10px;
}
.help-layer-wrapper .help-layer {
  width: 100%;
  height: 100%;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}
.help-layer-wrapper .help-layer > p {
  line-height: 28px;
  white-space: nowrap;
  margin-bottom: 0;
}
.help-layer-wrapper .help-layer > p.circul-head:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  background-color: #a1afc6;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .help-layer-wrapper .help-layer {
    font-size: 12px;
    padding: 10px 10px 0 10px;
  }
  .help-layer-wrapper .help-layer > p {
    line-height: 20px;
  }
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-left-center {
  display: flex;
  align-items: center;
}

.flex-left-end {
  display: flex;
  align-items: flex-end;
}

.flex-between-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-right-center {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-column-center {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.flex-column-start {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

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

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

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

.boot-downloadapp {
  display: none;
}
@media (max-width: 767px) {
  .boot-downloadapp {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 60px;
    z-index: 9999;
    text-align: center;
  }
  .boot-downloadapp .downapp {
    margin: auto;
    display: block;
    width: 51%;
    height: 11.2vw;
    background: #0F6AF3;
    box-shadow: 0px 4px 21px 0px rgba(15, 106, 243, 0.3);
    border-radius: 100px;
    color: #fff;
    line-height: 11.2vw;
    font-size: 4.2666666667vw;
  }
  .boot-downloadapp .downapp .app-open {
    display: inline-block;
    vertical-align: middle;
  }
  .boot-downloadapp .downapp .down-img-app {
    width: 5.8666666667vw;
    margin-right: 2.1333333333vw;
  }
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.mr-200 {
  margin-right: 200px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.ml-200 {
  margin-left: 200px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pr-200 {
  padding-right: 200px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.pl-200 {
  padding-left: 200px !important;
}

.pay-recommend .icon-chenggong {
  color: #52c41b !important;
}