@charset "utf-8";
/**
 * author:cm.yu
 * description:全局css配置，所有页面通用
 */

/*  reset */
body,
input,
textarea {
  font: 14px/1.5 PingFangSC-Light, PingFangSC-Regular, sans-serif, Helvetica Neue, Helvetica, Microsoft Yahei, Tahoma, Arial, sans-serif !important;
  color: #17233D;
}

* {
  margin: 0;
  padding: 0;
}

img {
  vertical-align: top;
  border: none;
}

li {
  list-style: none;
}

input::-webkit-input-placeholder {
  color: #aaa;
}

input::-moz-placeholder {
  color: #aaa;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
}

/* body {
  background: #fff;
} */
@font-face {
  font-family: 'iconkf';
  src: url('/static/font/iconkf/iconfont.woff2?t=1663548448759') format('woff2'),
    url('/static/font/iconkf/iconfont.woff?t=1663548448759') format('woff'),
    url('/static/font/iconkf/iconfont.ttf?t=1663548448759') format('truetype');
}

.iconkf {
  font-family: "iconkf" !important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*color*/
:root {
  --primary: #07BE84;
  --primaryhover: #57a3f3;
  --text: #515A6E;
  --title: #17233D;
  --link: #2CB996;
  --focus: var(--primary);
  --blue: #2d8cf0;
  --bluehover: #57a3f3;
  --cyan: #0ff;
  --red: #ed4014;
  --redhover: #f16643;
  --green: #23C58F;
  --greenhover: #47cb89;
  --royalblue: #70b1eb;
  --royalbluehover: #85bef1;
  --orange: #f90;
  --orangehover: #ffad33;
  --gray3: #333;
  --gray4: #444;
  --gray5: #555;
  --gray6: #666;
  --gray7: #777;
  --gray8: #888;
  --gray9: #999;
  --gray10: #aaa;
  --gray11: #bbb;
  --gray12: #ccc;
  --gray13: #ddd;
  --gray14: #eee;
  --gray15: #e5e5e5;
  --gray16: #f5f5f5;
  --gray17: #fafafa;
  --black: #17233D;
  --white: #fff;
  --disabled: #c5c8ce;
  --line: #e9e9e9;
  --border-color: #dcdee2;
  --success: #19be6b;
  --warning: #f90;
  --error: #ed4014;
  --normal: #e6ebf1;
  --info: #2db7f5;
  --pink: #eb2f96;
  --yellow: #fadb14;
  --table-border-color: #ebeef5;
  --table-tr-hover: #f5f7fa;
  --placeholder: #b4b9bf;
  --tips: #999aaa;
}

a,
a:hover {
  color: var(--link);
  text-decoration: none;
  outline: none;
}

/* color */
.red,
a.red:hover {
  color: var(--red);
}

.green {
  color: var(--green);
}

.blue {
  color: var(--blue);
}

.royalblue {
  color: var(--royalblue);
}

.gray3 {
  color: var(--gray3);
}

.gray4 {
  color: var(--gray4);
}

.gray5 {
  color: var(--gray5);
}

.gray6 {
  color: var(--gray6);
}

.gray7 {
  color: var(--gray7);
}

.gray8 {
  color: var(--gray8);
}

.gray9 {
  color: var(--gray9);
}

.gray10 {
  color: var(--gray10);
}

.gray11 {
  color: var(--gray11);
}

.gray12 {
  color: var(--gray12);
}

.gray13 {
  color: var(--gray13);
}

.gray14 {
  color: var(--gray14);
}

.gray15 {
  color: var(--gray15);
}

.gray16 {
  color: var(--gray16);
}

.gray17 {
  color: var(--gray17);
}

.orange {
  color: var(--orange);
}

.black {
  color: var(--black);
}

.white {
  color: var(--white);
}

/*placeholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--placeholder);
}

/**自定义滚动条样式 */
.miniscrollbar::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem
}

.miniscrollbar::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

.miniscrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em
}

.miniscrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

/*font*/
.f12 {
  font-size: 0.12rem;
}

.f14 {
  font-size: 0.14rem;
}

.f16 {
  font-size: 0.16rem;
}

.f18 {
  font-size: 0.18rem;
}

.f20 {
  font-size: 0.2rem;
}

.f22 {
  font-size: 0.22rem;
}

.f24 {
  font-size: 0.24rem;
}

.f26 {
  font-size: 0.26rem;
}

.f28 {
  font-size: 0.28rem;
}

.f30 {
  font-size: 0.3rem;
}

.lh150 {
  line-height: 1.5rem;
}

.lh175 {
  line-height: 1.75rem;
}

.lh2 {
  line-height: 2rem;
}

.lh16 {
  line-height: 0.16rem;
}

.lh18 {
  line-height: 0.18rem;
}

.lh20 {
  line-height: 0.2rem;
}

.lh22 {
  line-height: 0.22rem;
}

.lh24 {
  line-height: 0.24rem;
}

.lh26 {
  line-height: 0.26rem;
}

.lh28 {
  line-height: 0.28rem;
}

.lh30 {
  line-height: 0.3rem;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

.fsn {
  font-style: normal;
}

.fsi {
  font-style: italic;
}

/*float*/
.clear {
  *zoom: 1
}

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*margin*/
.m0 {
  margin: 0 !important;
}

.m5 {
  margin: 0.05rem;
}

.m10 {
  margin: 0.1rem;
}

.m15 {
  margin: 0.15rem;
}

.m20 {
  margin: 0.2rem;
}

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

.mt5 {
  margin-top: 0.05rem;
}

.mt10 {
  margin-top: 0.1rem;
}

.mt15 {
  margin-top: 0.15rem;
}

.mt20 {
  margin-top: 0.2rem;
}

.mt25 {
  margin-top: 0.25rem;
}

.mt30 {
  margin-top: 0.3rem;
}

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

.ml5 {
  margin-left: 0.05rem;
}

.ml10 {
  margin-left: 0.1rem;
}

.ml15 {
  margin-left: 0.15rem;
}

.ml20 {
  margin-left: 0.2rem;
}

.ml25 {
  margin-left: 0.25rem;
}

.ml30 {
  margin-left: 0.3rem;
}

.ml35 {
  margin-left: 0.35rem;
}

.ml40 {
  margin-left: 0.4rem;
}

.ml45 {
  margin-left: 0.45rem;
}

.ml50 {
  margin-left: 0.5rem;
}

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

.mr5 {
  margin-right: 0.05rem;
}

.mr10 {
  margin-right: 0.1rem;
}

.mr15 {
  margin-right: 0.15rem;
}

.mr20 {
  margin-right: 0.2rem;
}

.mr25 {
  margin-right: 0.25rem;
}

.mr30 {
  margin-right: 0.3rem;
}

.mr35 {
  margin-right: 0.35rem;
}

.mr40 {
  margin-right: 0.4rem;
}

.mr45 {
  margin-right: 0.45rem;
}

.mr50 {
  margin-right: 0.5rem;
}

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

.mb5 {
  margin-bottom: 0.05rem;
}

.mb10 {
  margin-bottom: 0.1rem;
}

.mb15 {
  margin-bottom: 0.15rem;
}

.mb20 {
  margin-bottom: 0.2rem;
}

.mb25 {
  margin-bottom: 0.25rem;
}

.mb30 {
  margin-bottom: 0.3rem;
}

.mb35 {
  margin-bottom: 0.35rem;
}

.mb40 {
  margin-bottom: 0.4rem;
}

.mb45 {
  margin-bottom: 0.45rem;
}

.mb50 {
  margin-bottom: 0.5rem;
}

.mt0a {
  margin: 0 auto;
}

.mt5a {
  margin: 0.05rem auto 0;
}

.mt10a {
  margin: 0.1rem auto 0;
}

.mt15a {
  margin: 0.15rem auto 0;
}

.mt20a {
  margin: 0.2rem auto 0;
}

.mt25a {
  margin: 0.25rem auto 0;
}

.mt30a {
  margin: 0.3rem auto 0;
}

.m05 {
  margin: 0 0.05rem;
}

.m010 {
  margin: 0 0.1rem;
}

.m015 {
  margin: 0 0.15rem;
}

.m020 {
  margin: 0 0.2rem;
}

.m025 {
  margin: 0 0.25rem;
}

.m030 {
  margin: 0 0.3rem;
}

/*padding*/
.p0 {
  padding: 0 !important;
}

.p5 {
  padding: 0.05rem;
}

.p10 {
  padding: 0.1rem;
}

.p15 {
  padding: 0.15rem;
}

.p20 {
  padding: 0.2rem;
}

.p25 {
  padding: 0.25rem;
}

.p30 {
  padding: 0.3rem;
}

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

.pt5 {
  padding-top: 0.05rem;
}

.pt10 {
  padding-top: 0.1rem;
}

.pt15 {
  padding-top: 0.15rem;
}

.pt20 {
  padding-top: 0.2rem;
}

.pt25 {
  padding-top: 0.25rem;
}

.pt30 {
  padding-top: 0.3rem;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 0.05rem;
}

.pr10 {
  padding-right: 0.1rem;
}

.pr15 {
  padding-right: 0.15rem;
}

.pr20 {
  padding-right: 0.2rem;
}

.pr25 {
  padding-right: 0.25rem;
}

.pr30 {
  padding-right: 0.3rem;
}

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

.pb5 {
  padding-bottom: 0.05rem;
}

.pb10 {
  padding-bottom: 0.1rem;
}

.pb15 {
  padding-bottom: 0.15rem;
}

.pb20 {
  padding-bottom: 0.2rem;
}

.pb25 {
  padding-bottom: 0.25rem;
}

.pb30 {
  padding-bottom: 0.3rem;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 0.05rem;
}

.pl10 {
  padding-left: 0.1rem;
}

.pl15 {
  padding-left: 0.15rem;
}

.pl20 {
  padding-left: 0.2rem;
}

.pl25 {
  padding-left: 0.25rem;
}

.pl30 {
  padding-left: 0.3rem;
}

.p05 {
  padding: 0 0.05rem;
}

.p010 {
  padding: 0 0.1rem;
}

.p015 {
  padding: 0 0.15rem;
}

.p020 {
  padding: 0 0.2rem;
}

.p025 {
  padding: 0 0.25rem;
}

.p030 {
  padding: 0 0.3rem;
}

/*text-align*/
.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

/*other*/
.hide {
  display: none
}

.db {
  display: block
}

.dib {
  display: inline-block
}

.dt {
  display: table;
  width: 100%
}

.dtc {
  display: table-cell
}

.va-top {
  vertical-align: top
}

.va-middle {
  vertical-align: middle
}

.va-sub {
  vertical-align: sub
}

.va-bottom {
  vertical-align: bottom
}

.owh {
  overflow: hidden
}

.owh-x {
  overflow-x: hidden
}

.owh-y {
  overflow-y: hidden
}

.pos-a {
  position: absolute
}

.pos-r {
  position: relative
}

.pos-f {
  position: fixed
}

/*flex*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
}

.justify-content-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.justify-content-center {
  -webkit-justify-content: center;
  justify-content: center;
}

.justify-content-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.justify-content-space-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.justify-content-space-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: start;
  align-items: start;
}

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.align-items-end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

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

.align-content-center {
  -webkit-align-content: center;
  align-content: center;
}

.flex-shrink-0 {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.flex-grow-1 {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.flex-grow-0 {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}

.flex-direction-column {
  -webkit-flex-direction: column;
  flex-direction: column;
}

/*无数据空结构*/
.empty {
  text-align: center;
  padding: 0.5rem 0;
}

.empty p {
  color: #88B1D5;
  padding: 0.05rem 0;
}

.empty a {
  color: #01AAED;
}

.empty a:hover {
  text-decoration: underline;
}

/*日期*/
.lay-time {
  background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzIwJyBoZWlnaHQ9JzIwJz48cGF0aCBkPSdNNTEyIDE5MmMxNzkuMiAwIDMyMCAxNDAuOCAzMjAgMzIwcy0xNDAuOCAzMjAtMzIwIDMyMC0zMjAtMTQwLjgtMzIwLTMyMFMzMzIuOCAxOTIgNTEyIDE5Mk01MTIgMTI4QzMwMC44IDEyOCAxMjggMzAwLjggMTI4IDUxMnMxNzIuOCAzODQgMzg0IDM4NCAzODQtMTcyLjggMzg0LTM4NFM3MjMuMiAxMjggNTEyIDEyOEw1MTIgMTI4eicgZmlsbD0nI2JmYmZiZic+PC9wYXRoPjxwYXRoIGQ9J002NDAgNjcyYy02LjQgMC0xOS4yIDAtMjUuNi02LjRsLTEyOC0xMjhDNDg2LjQgNTMxLjIgNDgwIDUxOC40IDQ4MCA1MTJMNDgwIDI4OEM0ODAgMjY4LjggNDkyLjggMjU2IDUxMiAyNTZzMzIgMTIuOCAzMiAzMmwwIDIxMS4yIDEyMS42IDEyMS42YzEyLjggMTIuOCAxMi44IDMyIDAgNDQuOEM2NTkuMiA2NzIgNjQ2LjQgNjcyIDY0MCA2NzJ6JyBmaWxsPScjYmZiZmJmJz48L3BhdGg+PC9zdmc+") no-repeat right 0.05rem center #fff;
  padding-right: 0.25rem;
}

.lay-date {
  background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzIwJyBoZWlnaHQ9JzIwJz48cGF0aCBkPSdNNzcxLjEwNCAxNDUuMDU2Vjg0Ljk2YzAtMTcuNjY0LTE0LjMwNC0zMi0zMi0zMnMtMzIgMTQuMzM2LTMyIDMydjYwLjA5NmgtMzg0Vjg0Ljk2YzAtMTcuNjY0LTE0LjMzNi0zMi0zMi0zMnMtMzIgMTQuMzM2LTMyIDMydjYwLjA5Nkg1Ni44OTZ2ODI1Ljk1Mmg5MTAuMjA4VjE0NS4wNTZoLTE5NnogbS01MTIgNjQuODk2djY3LjA0YzAgMTcuNjY0IDE0LjMzNiAzMiAzMiAzMnMzMi0xNC4zMzYgMzItMzJ2LTY3LjA0aDM4NHY2Ny4wNGMwIDE3LjY2NCAxNC4zMDQgMzIgMzIgMzJzMzItMTQuMzM2IDMyLTMydi02Ny4wNEg5MDIuMjR2OTkuMDRIMTIxLjc2di05OS4wNGgxMzcuMzQ0ek0xMjEuNzYgOTA2LjE3NlYzNzIuOTkyaDc4MC40OHY1MzMuMTg0SDEyMS43NnonIGZpbGw9JyNDRUQ0REEnPjwvcGF0aD48cGF0aCBkPSdNMjE0LjIwOCA0NzMuNzI4aDEyMy45MDRWNTk3LjQ0SDIxNC4yMDhWNDczLjcyOHpNNDQyLjkxMiA0NzMuNzI4aDEyMy45MDRWNTk3LjQ0SDQ0Mi45MTJWNDczLjcyOHpNNjcxLjY0OCA0NzMuNzI4aDEyMy45MDRWNTk3LjQ0SDY3MS42NDhWNDczLjcyOHpNMjE0LjIwOCA2OTIuMzJoMTIzLjkwNHYxMjMuNzEySDIxNC4yMDhWNjkyLjMyek00NDIuOTEyIDY5Mi4zMmgxMjMuOTA0djEyMy43MTJINDQyLjkxMlY2OTIuMzJ6TTY3MS42NDggNjkyLjMyaDEyMy45MDR2MTIzLjcxMkg2NzEuNjQ4VjY5Mi4zMnonIGZpbGw9JyNDRUQ0REEnPjwvcGF0aD48L3N2Zz4=") no-repeat right 0.05rem center #fff;
  background-size: 0.16rem;
  padding-right: 0.25rem;
}

/* 栅格布局 */
.ui-row {
  display: flex;
  flex-wrap: wrap;
}

.ui-row>div {
  box-sizing: border-box;
}

.ui-col-space10 {
  margin: -0.05rem;
}

.ui-col-space10>* {
  padding: 0.05rem;
}

.ui-col-space12 {
  margin: -0.06rem;
}

.ui-col-space12>* {
  padding: 0.06rem;
}

.ui-col-space14 {
  margin: -0.07rem;
}

.ui-col-space14>* {
  padding: 0.07rem;
}

.ui-col-space16 {
  margin: -0.08rem;
}

.ui-col-space16>* {
  padding: 0.08rem;
}

.ui-col-space18 {
  margin: -0.09rem;
}

.ui-col-space18>* {
  padding: 0.09rem;
}

.ui-col-space20 {
  margin: -0.1rem;
}

.ui-col-space20>* {
  padding: 0.1rem;
}

.ui-col-space30 {
  margin: -0.15rem;
}

.ui-col-space30>* {
  padding: 0.15rem;
}

.ui-col-md2,
.ui-col-md3,
.ui-col-md4,
.ui-col-md5,
.ui-col-md6,
.ui-col-md7,
.ui-col-md8,
.ui-col-md12,
.ui-col-lg2,
.ui-col-lg4,
.ui-col-lg5,
.ui-col-lg6,
.ui-col-lg7,
.ui-col-lg8,
.ui-col-lg9,
.ui-col-lg10,
.ui-col-lg12 {
  width: 100%;
  position: relative;
  display: block;
  box-sizing: border-box
}

@media screen and (min-width:8rem) {
  .ui-col-sm2 {
    width: 16.66%;
  }

  .ui-col-sm3 {
    width: 25%;
  }

  .ui-col-sm4 {
    width: 33.33%;
  }

  .ui-col-sm5 {
    width: 41.66%;
  }

  .ui-col-sm6 {
    width: 50%;
  }

  .ui-col-sm7 {
    width: 58.33%;
  }

  .ui-col-sm8 {
    width: 66.66%;
  }
}

@media screen and (min-width:11rem) {
  .ui-col-md2 {
    width: 16.66%;
  }

  .ui-col-md3 {
    width: 25%;
  }

  .ui-col-md4 {
    width: 33.33%;
  }

  .ui-col-md5 {
    width: 41.66%;
  }

  .ui-col-md6 {
    width: 50%;
  }

  .ui-col-md7 {
    width: 58.33%;
  }

  .ui-col-md8 {
    width: 66.66%;
  }
}

@media screen and (min-width:14rem) {
  .ui-col-lg2 {
    width: 16.66%;
  }

  .ui-col-lg3 {
    width: 25%;
  }

  .ui-col-lg4 {
    width: 33.33%;
  }

  .ui-col-lg5 {
    width: 41.66%;
  }

  .ui-col-lg6 {
    width: 50%;
  }

  .ui-col-lg7 {
    width: 58.33%;
  }

  .ui-col-lg8 {
    width: 66.66%;
  }
}

/*animate*/
.fade-in {
  animation: fadeIn .5s both;
}

.fade-out {
  animation: fadeOut .5s both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*下拉层动画*/
.animation-drop-down {
  display: block !important;
  animation: dropDown .2s both;
  transform-origin: center top;
}

.animation-drop-up {
  display: block !important;
  transform-origin: center top;
  animation: dropUp .2s both;
}

@keyframes dropDown {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes dropUp {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform: scaleY(0);
  }
}

/*全局下拉层样式*/
.drop-down-wrap {
  position: absolute;
  z-index: 1000;
  display: none;
}

.drop-down {
  background: #fff;
  box-shadow: 0 0.03rem 0.15rem 0.06rem rgb(40 54 74 / 12%);
  padding: 0.1rem;
  border-radius: 0.08rem;
}

/*科服网全局公共导航*/
.head-wrap {
  height: 0.7rem;
}

.head-wrap * {
  box-sizing: border-box;
}

.head {
  height: 0.7rem;
  background: #fff;
  box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, .1);
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
  white-space: nowrap;
  position: fixed;
  z-index: 1000;
  width: 100%
}

.head a {
  color: #17233D;
  transition: color .3s ease;
}

.head a:hover {
  color: var(--link);
}
.head a img {
  width: 2.52rem;
  height: 0.42rem;
}
.head-log {
  width: 2rem;
  flex-shrink: 0;
}

.head-log-txt {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.head-log-txt p {
  border-left: 0.01rem solid #ddd;
  font-size: 0.18rem;
  padding-left: 0.15rem;
  margin-left: 0.15rem;
  line-height: 0.4rem;
}

.head-menu a:not(:last-child) {
  margin-right: 0.4rem;
}

.head-slogan {
  margin-left: auto;
  border-right: 0.01rem solid #E8EAEC;
  height: 100%;
  padding-right: 0.3rem;
  display: flex;
  align-items: center;
  color: var(--text);
  position: relative;
}

.head-slogan:before {
  content: "";
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background: url(../images/head_imgs.png) no-repeat;
  margin-right: 0.06rem;
}

.head-version-control {
  margin-left: auto;
  border-right: 0.01rem solid #E8EAEC;
  padding-right: 0.3rem;
}

.head-version-control a {
  display: inline-block;
  background: #F5F8FB;
  padding: 0 0.15rem;
  height: 0.32rem;
  font-size: 0.14rem;
  color: #515A6E;
  cursor: pointer;
  line-height: 0.32rem;
  border-radius: 0.5rem;
}

.head-version-control a .iconkf {
  font-weight: 600;
}

.head-nav>a {
  margin-left: 0.28rem;
  position: relative;
}

.head-nav .dot {
  display: inline-block;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  background: #ED4014;
  position: absolute;
  top: -0.05rem;
  right: -0.08rem;
}

.head-nav a.vip:before {
  content: "";
  display: inline-block;
  width: 0.23rem;
  height: 0.2rem;
  background: url(../images/head_imgs.png) no-repeat -0.72rem 0;
  margin-right: 0.04rem;
  vertical-align: top;
}

.head-user {
  margin-left: 0.28rem;
  position: relative;
}

.head-user .user-avatar {
  display: inline-block;
  background: var(--primary);
  color: #fff;
  width: 0.32rem;
  height: 0.32rem;
  text-align: center;
  line-height: 0.32rem;
  border-radius: 50%;
}

.head-user>a:hover {
  color: #fff;
}

.head-user .drop-down-wrap {
  width: 2.2rem;
  right: 0;
  padding-top: 0.1rem;
  color: var(--text);
}

.head-user .drop-down {
  padding: 0.15rem 0.1rem;
}

.head-user .col-top {
  display: flex;
  align-items: center;
}

.head-user .col-top .user-avatar {
  margin-right: 0.06rem;
  flex-shrink: 0;
}

.head-user .col-top .tag {
  color: var(--gray9);
  font-size: 0.12rem;
}

.head-user .col-top-r {
  flex: 1;
}

.head-user .col-time {
  font-size: 0.12rem;
  background: #EAF0F9;
  height: 0.26rem;
  line-height: 0.26rem;
  padding-left: 0.1rem;
  border-radius: 0.04rem;
  margin-top: 0.1rem;
}

.head-user .col-list {
  margin-top: 0.12rem;
  border-top: 0.01rem dashed #E7ECF2;
  border-bottom: 0.01rem dashed #E7ECF2;
  padding: 0.12rem 0.1rem;
}

.head-user .col-list li {
  height: 0.22rem;
  line-height: 0.22rem;
}

.head-user .col-list li:not(:last-child) {
  margin-bottom: 0.05rem;
}

.head-user .col-list a {
  color: var(--text);
  position: relative;
}

.head-user .col-list a:hover {
  color: var(--link);
}

.head-user .col-list a:before {
  content: "";
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background: url(../images/head_imgs.png) no-repeat;
  margin-right: 0.06rem;
  vertical-align: top;
}

.head-user .col-list a.icon1:before {
  background-position: -23px 0;
}

.head-user .col-items {
  border-bottom: 0.01rem dashed #E7ECF2;
  padding: 0.12rem 0.1rem;
}

.head-user .col-items a {
  color: var(--text);
  position: relative;
  cursor: pointer;
  font-size: 0.14rem;
}

.head-user .col-items a:hover {
  color: var(--link);
}

.head-user .col-items .layui-icon {
  font-size: 0.16rem;
}

.head-user .col-vip {
  margin-top: 0.12rem;
  background: #FEDCAE;
  display: block;
  padding: 0.15rem 0;
  color: #D08731;
  text-align: center;
  border-radius: 0.05rem;
  position: relative;
  overflow: hidden;
}

.head-user .col-vip:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 130%;
  background: rgba(207, 133, 48, .1);
  border-radius: 100% 0 0 0;
  top: 0;
  left: 0;
}

.head-user .col-vip p {
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.head-user .col-vip span {
  display: block;
  width: 1.2rem;
  height: 0.26rem;
  line-height: 0.26rem;
  color: #fff;
  background: #CF8530;
  border-radius: 0.2rem;
  margin: 0 auto;
}

.head-user .col-vip:hover {
  color: #D08731;
}

.head-user .col-out {
  border-top: 0.01rem solid #E5E6EB;
  margin-top: 0.12rem;
  padding-top: 0.15rem;
  display: flex;
  justify-content: space-between;
}

.head-user .col-out a {
  color: var(--gray9);
  cursor: pointer;
}

.head-user .col-out a:nth-child(1):before {
  content: "";
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background: url(/static/img/web/login/icon_5.svg) no-repeat;
  margin-right: 0.06rem;
  vertical-align: bottom;
}

.head-user .col-out a:nth-child(2):before {
  content: "";
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background: url(/static/img/web/login/icon_4.svg) no-repeat;
  margin-right: 0.06rem;
  vertical-align: bottom;
}

.head-user .col-out a:hover {
  color: var(--link);
}

.not-logged-in {
  margin-left: 0.28rem;
  display: flex;
  align-items: center;
}

.not-logged-in a {
  margin: 0 0.05rem;
}

.not-logged-in .user-avatar {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  text-align: center;
  line-height: 0.32rem;
  border-radius: 50%;
  margin-right: 0.06rem;
}

.not-logged-in .user-avatar img {
  width: 100%;
}

.not-logged-in .gologin {
  color: var(--link);
}

.head-menu a.active,
.head-nav a.active {
  color: var(--link);
}

@media screen and (max-width:13.8rem) {
  .head-slogan {
    display: none;
  }

  /*.head-nav {margin-left:auto;}*/
}

@media screen and (max-width:13.8rem) {
  .head-menu a:not(:last-child) {
    margin-right: 0.2rem;
  }

  .head-version-control {
    padding-right: 0.15rem;
  }

  .head-nav>a {
    margin-left: 0.15rem;
  }

  .header-notify {
    margin-left: 0.15rem !important;
  }
}

/*头部导航消息下拉结构*/
.header-notify {
  position: relative;
  margin-left: 0.28rem;
}

.header-notify>a>.dot {
  display: none;
}

.header-notify .tab-title {
  display: flex;
  border-bottom: 0.01rem solid #dcdccd;
}

.header-notify .tab-title li {
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  cursor: pointer;
  position: relative;
  padding: 0 0.1rem;
}

/* .header-notify .tab-title li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.02rem;
  bottom: -0.02rem;
  left: 0;
} */

.header-notify .tab-title li.current {
  color: #2d83e0;
}

.header-notify .tab-title li.current:after {
  background-color: var(--primary);
}

.header-notify .tab-title li i {
  margin-right: 0.05rem;
  vertical-align: bottom;
}

.header-notify .drop-down-wrap {
  width: 3.6rem;
  padding-top: 0.1rem;
  right: 0;
}

.header-notify .list-item {
  padding: 0.12rem 0;
  max-height: 4rem;
  overflow-y: auto;
}

.header-notify .list-item li {
  padding: 0.12rem;
  cursor: pointer;
  color: var(--gray9);
  white-space: normal;
  border-radius: 0.1rem;
  transition: background .1s ease;
}

.header-notify .list-item li.unread {
  color: var(--title);
}

.header-notify .list-item li:hover {
  background: var(--primary);
  color: #fff;
}

.header-notify .drop-down-wrap .bottom {
  display: flex;
  justify-content: space-between;
  padding: 0.1rem 0.1rem 0;
  align-items: center;
  border-top: 0.01rem solid #e8e8e8;
}

.header-notify .drop-down-wrap .bottom a {
  color: #666;
}

.header-notify .drop-down-wrap .bottom a:first-child {
  font-size: 0.12rem;
  padding: 0.05rem 0.08rem;
  border-radius: 0.06rem;
}

.header-notify .drop-down-wrap .bottom a:first-child:hover {
  color: #2d83e0;
  background: #d9efff;
}

.header-notify .drop-down-wrap .view-all:hover {
  color: #2d83e0;
}

.header-notify .drop-down-wrap .empty {
  text-align: center;
}

/*侧栏导航菜单*/
.sidebar-menu-wrap {
  width: 2rem;
  position: fixed;
  top: 72px;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 998;
  overflow-x: hidden;
  box-shadow: 0.01rem 0 0.03rem rgb(0 0 0 / 10%);
}

.sidebar-scroll {
  height: 100%;
  width: 2.2rem;
  overflow-x: hidden;
  position: relative;
}

.sidebar-title {
  font-size: 0.16rem;
  border-bottom: 0.01rem solid #E5E5E5;
  padding: 0.15rem 0 0.15rem 0.25rem;
  color: var(--text);
}

.sidebar-menu {
  width: 2rem;
}

.sidebar-menu a {
  color: var(--text);
  text-decoration: none;
  display: block;
  position: relative;
}

.sidebar-menu li {
  position: relative;
}

.sidebar-menu>li>a {
  padding: 0 0.25rem;
  line-height: 0.5rem;
  height: 0.5rem;
}

.sidebar-menu>li>a i {
  display: inline-block;
  width: 0.2rem;
  margin-right: 0.1rem;
  font-size: 0.2rem;
  vertical-align: middle;
  color: var(--title);
}

.sidebar-menu li a:hover {
  color: var(--link);
  background: #F5FAFF;
}

.sidebar-menu li.current>a {
  background: #EBF0F9;
  color: var(--primary);
}

.sidebar-menu li.current:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  width: 0.03rem;
  height: 100%;
  background: var(--primary);
  z-index: 1;
}

.sidebar-menu li a:hover i,
.sidebar-menu li.current>a i {
  color: var(--link);
}

.sidebar-menu li.child>a:after {
  content: "\e601";
  font-family: iconkf;
  display: inline-block;
  position: absolute;
  top: 0.18rem;
  right: 0.12rem;
  transition: .2s ease;
  line-height: initial;
  font-size: 0.18rem;
  transform: rotate(-90deg);
}

.sidebar-menu li.child.open>a:after {
  transform: rotate(0deg);
}

.sidebar-menu li.child:not(.open) ol {
  display: none;
}

.sidebar-menu ol a {
  line-height: 0.5rem;
  padding-left: 0.55rem;
  transition: color .3s ease;
}

.sidebar-menu .badge {
  position: absolute;
  font-size: 0.12rem;
  color: #fff;
  background: #ED4014;
  padding: 0.02rem 0.07rem;
  right: 0.12rem;
  top: 0.17rem;
  display: inline-block;
  line-height: initial;
  border-radius: 0.1rem;
}

/*main body*/
.main-center-body {
  position: absolute;
  left: 2rem;
  right: 0;
  top: 72px;
  bottom: 0;
  z-index: 900;
  width: auto;
  box-sizing: border-box;
  background-color: #EDF0F5;
  max-height: calc(100vh - 0.7rem);
  overflow-y: auto;
}

.main-center-body-inner {
  padding: 0.2rem;
  background-color: #EDF0F5;
}

.main-center-body::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem
}

.main-center-body::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

.main-center-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em
}

.main-center-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

/*页脚*/
.footer {
  background: #242424;
  color: #ddd;
  font-size: 0.14rem;
}

.footer .wrap {
  margin: 0 auto;
}

.footer .logo {
  margin-bottom: 0.2rem;
}

.footer-top {
  padding: 0.5rem 0;
  border-bottom: 0.01rem solid #545454;
}

.footer-top .cont-contact {
  display: flex;
  justify-content: space-around;
}

.footer-top .cont-contact .contact {
  text-align: right;
  line-height: 1.5rem;
  margin-right: 0.25rem;
}

.footer-top .cont-contact .contact .tel {
  font-weight: bold;
  background: url(../images/footer_img.png) no-repeat 1.19rem 0.03rem;
}

.footer-top .cont-contact .contact .tel-num {
  font-size: 0.26rem;
  font-family: Helvetica
}

.footer-top .cont-contact .contact .email a {
  color: #ddd;
}

.footer-top .cont-contact .contact .email a:hover {
  color: #fff;
}

.footer-top .cont-contact .wx {
  margin-right: 0.3rem;
}

.footer-top .cont-contact .wx h5 {
  font-size: 0.16rem;
  font-weight: 500;
  margin-bottom: 0.15rem;
  padding-left: 0.2rem;
  line-height: 0.3rem;
}

.footer-top .cont-contact .wx .item {
  display: flex;
}

.footer-top .cont-contact .wx .item>div {
  margin: 0 0.2rem;
}

.footer-top .cont-contact .wx img {
  width: 0.8rem;
}

.footer-top .cont-contact .wx p {
  margin-bottom: 0.15rem;
  color: #ddd;
  font-size: 0.12rem;
}

.footer-top .cont-contact .qr-code {
  margin: 0.2rem 0 0 0;
}

.footer-top .cont-contact .qr-code a {
  display: block;
  width: 0.38rem;
  height: 0.38rem;
  float: right;
  background: url(../images/footer_img.png) no-repeat;
  margin-left: 0.12rem;
  opacity: .6;
}

.footer-top .cont-contact .qr-code a:hover {
  opacity: 1;
}

.footer-top .cont-contact .qr-code .icon-email {
  background-position: 0 -39px;
}

.footer-top .cont-contact .qr-code .icon-wb {
  background-position: 0 -149px;
}

.footer-top .cont-contact .qr-code .icon-qq {
  background-position: 0 -204px;
}

.footer-top .cont-list ul {
  float: left;
}

.footer-top .cont-list ul:not(:last-child) {
  margin-right: 1rem;
}

.footer-top .cont-list ul h5 {
  color: #ddd;
  font-weight: 500;
  font-size: 0.16rem;
  line-height: 0.3rem;
  margin-bottom: 0.36rem;
}

.footer-top .cont-list ul li {
  line-height: 0.36rem;
  color: #999;
  font-size: 0.14rem;
}

.footer-top .cont-list ul li a {
  color: #999;
  white-space: nowrap;
  margin-right: 0.1rem;
}

.footer-top .cont-list ul li a:hover {
  color: #fff;
}

.footer-bottom .info {
  background: #222;
  padding: 0.25rem 0;
  color: #999;
}

.footer-bottom .info a {
  color: #999;
}

.footer-bottom .info a:hover {
  color: #fff;
}

.footer-bottom .info .la span {
  line-height: 0.3rem;
  background: #2492e0 !important;
}

/*等级icon 共3种尺寸 小：mini-level   正常：level   大：large-level*/
.min-level,
.level,
.large-level {
  display: inline-block;
  background: url(../images/level_icon.png) no-repeat;
  vertical-align: top;
}

.min-level {
  width: 0.17rem;
  height: 0.17rem;
}

.min-level.level-normal {
  background-position: -37px -33px;
}

.min-level.level-vip {
  background-position: -69px -33px;
}

.min-level.level-silver {
  background-position: -102px -33px;
}

.min-level.level-bronze {
  background-position: -133px -33px;
}

.min-level.level-gold {
  background-position: -163px -33px;
}

.level {
  width: 0.35rem;
  height: 0.35rem;
}

.level.level-normal {
  background-position: -32px -71px;
}

.level.level-vip {
  background-position: -83px -71px;
}

.level.level-silver {
  background-position: -131px -71px;
}

.level.level-bronze {
  background-position: -181px -71px;
}

.level.level-gold {
  background-position: -225px -71px;
}

.large-level {
  width: 0.62rem;
  height: 0.62rem;
}

.large-level.level-normal {
  background-position: -22px -138px;
}

.large-level.level-vip {
  background-position: -112px -138px;
}

.large-level.level-silver {
  background-position: -193px -138px;
}

.large-level.level-bronze {
  background-position: -276px -138px;
}

.large-level.level-gold {
  background-position: -356px -138px;
}

/*全局面板*/
.kf-panel {
  background: #fff;
  border-radius: 0.03rem;
}

/*全局卡片面板*/
.kf-card {
  background: #fff;
  border-radius: 0.03rem;
  margin-bottom: 0.15rem;
}

.kf-card:last-of-type {
  margin-bottom: 0;
}

.kf-card-header {
  border-bottom: 0.01rem solid #E8EAEC;
  padding: 0 0.2rem;
  height: 0.48rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kf-card-header .title h5 {
  font-size: 0.16rem;
}

.kf-card-header[type="tab"] {
  padding: 0 0.2rem 0 0;
  border-bottom-width: 0.01rem;
}

.kf-card-body {
  padding: 0.2rem;
}

/*全局tab切换样式*/
.tab-title[skin='line'] {
  display: flex;
  font-size: 0.16rem;
  color: var(--text);
}

.tab-title[skin='line'] li {
  position: relative;
}

.tab-title[skin='line'] a {
  color: var(--text);
  padding: 0 0.2rem;
  display: inline-block;
  line-height: 0.46rem;
}

.tab-title[skin='line'] li.current a {
  color: var(--title);
}

.tab-title[skin='line'] li.current:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.02rem;
  background: var(--primary);
  left: 0;
  bottom: -0.01rem;
}

/*全局原生select样式*/
select {
  height: 32px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  vertical-align: middle;
  padding: 0 3px;
}

select:focus {
  border-color: #d2d2d2;
}

/**
 * layui 皮肤风格
 */
/*layui btn 自定义*/
.layui-btn {
  border-radius: 0.04rem;
}

.layui-btn:not(.layui-btn-lg):not(.layui-btn-sm):not(.layui-btn-xs) {
  height: 32px;
  line-height: 31px;
  padding: 0 12px;
}

.layui-btn i {
  vertical-align: top;
}

.layui-btn-normal {
  background-color: var(--primary);
}

.layui-btn-danger {
  background-color: var(--red);
}

.layui-btn-warm {
  color: #2CB996;
  background: rgba(5,179,114,0.12);
  font-size: .14rem;
}

.layui-btn-warm:hover {
  color: #2CB996;
}

.layui-btn-green {
  background-color: #06C692;
}

.layui-btn-radius {
  border-radius: 1rem;
}

.layui-btn-gray,
.layui-btn-gray:hover {
  background-color: #F2F3F5;
  color: #17233D;
}

.layui-btn-normal[hollow] {
  background: #fff;
  color: var(--primary);
  border-color: var(--primary);
}

.layui-btn-normal[hollow]:hover {
  background: var(--primary);
  color: #fff;
}

.layui-btn-primary:hover {
  background-color: #F5F8FB;
  border-color: #d2d2d2;
}

.layui-btn-danger[hollow] {
  background: #fff;
  color: var(--red);
  border-color: var(--red);
}

.layui-btn-danger[hollow]:hover {
  background: var(--red);
  color: #fff;
}

.layui-btn-success {
  background-color: var(--success);
}

.layui-btn-success[hollow] {
  background: #fff;
  color: var(--success);
  border-color: var(--success);
}

.layui-btn-success[hollow]:hover {
  background: var(--success);
  color: #fff;
}

.layui-btn-sm {
  height: 0.28rem;
  line-height: 0.28rem;
}

.layui-btn-xs {
  height: 0.24rem;
  line-height: 0.24rem;
  padding: 0 0.12rem;
}

/*layui 元素高度定义0.32rem，产生的一系列问题同步修改*/
.layui-input,
.layui-select,
.layui-textarea {
  height: 32px;
  border-radius: 4px;
  border-color: #E3E3E3;
}

.layui-input:hover,
.layui-select:hover,
.layui-textarea:hover {
  border-color: #C0C4CC !important;
}

.layui-form-select dl {
  top: 0.34rem;
}

.layui-form-selectup dl {
  bottom: 0.34rem;
}

.layui-form-select dl dd.layui-this {
  background-color: var(--primary);
}

.layui-form-label {
  padding: 0.02rem 0.1rem;
}

.layui-input-block {
  margin-left: 1rem;
}

.layui-form-mid {
  padding: 0.06rem 0 !important;
}

.layui-form .layui-form-radio {
  margin-top: 0.02rem;
}

.layui-form .layui-form-switch {
  margin-top: 0.04rem;
}

/*layui table 自定义*/
.layui-table th {
  background-color: #F5F8FB;
}

.layui-table tbody tr:hover {
  background-color: #F9FBFF;
}

.layui-table td {
  border-color: var(--table-border-color);
}

.layui-table[lay-skin=line] {
  border-left-width: 0;
  border-right-width: 0;
}

.kf-table-line {
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}

.kf-table-line .layui-table-page {
  text-align: right;
  padding-right: 0;
}

.kf-table-line .layui-table-page>div {
  height: 0.32rem;
}

.kf-table-line .layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.14rem;
}

.kf-table-line .layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span.layui-laypage-curr {
  padding: 0 0.09rem;
}

.kf-table-line .layui-table-page .layui-laypage .layui-laypage-limits {
  padding-right: 0 !important;
}

.kf-table-line .layui-table-page .layui-laypage button,
.layui-table-page .layui-laypage input {
  height: 0.32rem;
  line-height: 0.32rem;
}

/*table 操作样式*/
td[data-field="operation"]>div {
  color: #ddd;
}

/*layui 分页自定义*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color:var(--primary);}
.layui-laypage a, .layui-laypage span {min-width:0.14rem;padding:0 0.12rem;text-align: center;height:0.38rem;line-height: 0.38rem;}
.layui-laypage select {height: 0.38rem;padding:0 0.03rem;}
.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color:var(--primary);}
.kf-laypage {text-align:center;}/*分页右对齐*/
.layui-laypage a, .layui-laypage span {min-width:0.14rem;padding:0 0.12rem;text-align: center;height:0.38rem;line-height: 0.38rem;font-size: 0.14rem !important;color: #3D3D3D;}
.layui-laypage select {height: 0.38rem;padding:0 0.03rem;}
.layui-laypage a:hover {color: #09B07F !important;}

/* input、select focus后边框无颜色 */
.layui-laypage input:focus, .layui-laypage select:focus {border-color: transparent !important;}
/* 分页 end */


/*layui 其他自定义*/
.layui-form-checked[lay-skin=primary] i {
  border-color: var(--primary) !important;
  background-color: var(--primary);
  color: #fff;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: var(--primary);
  color: #fff;
}

.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed>i {
  color: var(--primary);
}

.layui-form-onswitch {
  border-color: var(--primary);
  background-color: var(--primary);
}

/*layui 弹层 按钮 统一*/
.layui-layer {
  border-radius: 0.04rem !important;
}

.layui-layer .layui-layer-btn {
  padding-bottom: 0.2rem;
}

.layui-layer .layui-layer-btn a {
  padding: 0 0.3rem;
  border-radius: 0.04rem;
  height: 0.32rem;
  line-height: 0.32rem;
  transition: background .2s ease;
}

.layui-layer .layui-layer-btn .layui-layer-btn0 {
  background-color: var(--primary);
}

.layui-layer .layui-layer-btn .layui-layer-btn1:hover {
  background-color: #F5F8FB;
  border-color: #d2d2d2;
}

.layui-layer .popup-btn .layui-btn {
  padding: 0 0.3rem !important;
}

/*layui 日期组件 样式自定义*/
.layui-laydate.laydate-theme-kf .layui-this {
  background-color: var(--primary) !important;
}

/*xm-select 插件风格定制*/
xm-select {
  box-sizing: border-box;
  border-radius: 0.04rem !important;
}

xm-select[size='small'] .xm-label .xm-label-block {
  background-color: #EFF2FB !important;
}

xm-select>.xm-label .xm-label-block {
  color: #666 !important;
}

xm-select>.xm-label .xm-label-block>span {
  color: var(--primary) !important;
}

xm-select>.xm-label .xm-label-block>i {
  color: #999 !important;
}

/*面包屑*/
.kf-breadcrumb {
  width: 100%;
  height: 0.5rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.01rem 0rem rgba(0, 0, 0, 0.07);
  border-radius: 0rem;
  padding: 0.15rem 0.18rem;
  box-sizing: border-box;
}

.layui-breadcrumb a,
.layui-breadcrumb a:hover {
  color: #999AAA !important;
}

/*抽屉样式自定义*/
.layui-layer.layui-layer-drawer {
  box-shadow: -0.03rem 0rem 0.06rem rgba(0, 0, 0, 0.16) !important;
}

/*loading*/
.kf-loading {
  position: relative;
  height: 3rem;
  color: var(--tips);
}

.kf-loading .kf-loading-spinner {
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  line-height: normal;
  position: absolute;
  transform: translate(-50%, -50%);
}

.kf-loading .kf-loading-spinner .loading-svg {
  width: 0.45rem;
  height: 0.45rem;
  animation: loading-rotate 2s linear infinite;
}

.kf-loading .kf-loading-spinner .svg-path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 0.02rem;
  stroke: var(--primary);
  stroke-linecap: round;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -0.4rem;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -1.2rem;
  }
}

/*layui loading 自定义*/
.layui-layer-loading4 {
  background: none !important;
  width: 0.38rem !important;
  height: 0.38rem !important;
  -webkit-animation: layui-rotate 1s linear infinite;
  animation: layui-rotate 1s linear infinite;
}

.layui-layer-loading4:before {
  content: "\e63d";
  font-family: "layui-icon";
  font-size: 0.38rem;
  line-height: normal;
}




/*意见反馈弹层*/
.popup-feedback {
  padding: 0.55rem;
  box-sizing: border-box;
  background: #F5F8FB url("../images/feedback.png") no-repeat right top;
  background-position: right 55px;
}

.popup-feedback .layui-input-block {
  margin-left: 0;
}

.popup-feedback h2 {
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: var(--title);
  font-weight: 400;
  margin-bottom: 0.16rem;
}

.popup-feedback h5 {
  font-size: 0.14rem;
  line-height: 0.14rem;
  font-weight: 400;
  color: var(--title);
  margin-bottom: 0.4rem;
}

.popup-feedback .layui-form p {
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.32rem;
  color: var(--title);
}

.layui-form-checkbox[lay-skin=primary] span {
  color: var(--title);
}

.popup-feedback .layui-textarea {
  width: 100%;
  height: 1.15rem;
  background: #FFFFFF;
  border: 0.01rem solid #E8EAEC;
  border-radius: 0.06rem;
  resize: none;
}

/*定制弹层按钮组居中显示*/
.popup-box .layui-layer-btn {
  text-align: center;
}

/*在线咨询浮层按钮样式 单个*/
.float-layer-online-consulting {
  display: block;
  position: fixed;
  bottom: 2.5rem;
  right: 0;
  z-index: 999;
  background: #09B07F;
  width: 0.42rem;
  text-align: center;
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  color: #fff;
  padding: 0.06rem 0.14rem 0.12rem 0.14rem;
  box-sizing: border-box;
  line-height: 0.16rem;
  transition: background .3s ease;
  font-size: .14rem;
}

.float-layer-online-consulting:before {
  content: "";
  display: inline-block;
  background: url(/static/img/web/icon_msg.svg) no-repeat;
  width: 0.19rem;
  height: 0.2rem;
  background-size: 100% auto;
}

.float-layer-online-consulting:hover {
  background: #09B07F;
  color: #fff;
}

.float-layer-online-consulting .im-msg-num {
  display: inline-block;
  padding: 0.01rem 0.05rem;
  border-radius: 50%;
  background: #de3333;
  position: absolute;
  top: -0.08rem;
  left: -0.1rem;
  font-size: 0.14rem;
  font-style: normal;
  color: #fff;
}

#layui-layer19911116 {
  box-shadow: none;
  background-color: transparents;
}

#layui-layer19911116 .layui-layer-title {
  background: transparents;
  border: none !important;
}

/*学习中心数字图标*/
.head-nav .badge {
  position: absolute;
  font-size: 0.12rem;
  color: #fff;
  background: #ED4014;
  padding: 0rem 0.05rem;
  left: 0.52rem;
  right: auto;
  top: -0.12rem;
  display: inline-block;
  line-height: 0.18rem;
  border-radius: 0.1rem;
  width: auto;
  height: auto;
}

/*科服网升级公告*/
.upgrade-am-box {
  border-radius: 0.15rem !important;
}

.upgrade-am-box .layui-layer-content {
  padding: 0 !important;
}

.upgrade-am-box h5 {
  width: 3rem;
  font-size: 0.2rem;
  margin: 0.2rem 0;
  font-weight: bold;
  color: #17233D;
}

.upgrade-am-box .text-content {
  padding: 0 0.36rem;
}

.upgrade-am-box p span {
  font-size: 0.14rem !important;
  line-height: 0.24rem;
  color: #515A6E;
}

.upgrade-am-box p {
  margin-bottom: 0.05rem;
}

/*面包屑*/
.breadcrumb {
  display: flex;
  align-items: center;
  height: 0.4rem;
  line-height: 0.4rem;
  margin: 0.1rem 0;
  color: #999AAA;
}

.breadcrumb a {
  font-size: 0.13rem;
  color: #999AAA;
  cursor: pointer;
  margin: 0 3px;
}
.breadcrumb a:first-child {
  margin-left: 0;
}
.breadcrumb a:hover {
  color: #09B07F;
}

.breadcrumb cite {
  font-size: 0.13rem;
  color: #999AAA;
  font-style: normal;
  cursor: auto;
  margin-left: 3px;
}

/* svg */
.my-icon  {
  fill: currentColor !important;
}