@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
* {
    outline: none;
}

html {
  font-size: 100px;
}

blockquote {
  border-left: 0.05rem solid #26bbf0;
  background-color: #e1e1e1;
  padding: 0.1rem;
  margin: 0.1rem;
}

pre,
p {
  word-break: break-all;
  word-wrap: break-word;
  word-break: normal;
}

table {
  width: 100%;
}

img {
  max-width: 100%;
}

.font-2x {
  font-size: 2em;
}

.font-3x {
  font-size: 3em;
}

.font-4x {
  font-size: 4em;
}

.font-5x {
  font-size: 5em;
}

/* 移除上下小箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input[required]:invalid,
input:focus:invalid,
textarea[required]:invalid,
textarea:focus:invalid {
  box-shadow: none;
}

.abs {
  position: absolute !important;
}

.rel {
  position: relative !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.inline {
  display: inline-block;
}

.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.full {
  width: 100% !important;
}

.fixed {
  position: fixed;
}

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

.mt60 {
  margin-top: 0.6rem;
}

.title {
  color: #343536;
  font-weight: 600;
}

.m0 {
  margin: 0rem !important;
}

.mv0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.mh0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

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

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

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

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

.p0 {
  padding: 0rem !important;
}

.pv0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.ph0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

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

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

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

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

.m5 {
  margin: 0.05rem !important;
}

.mv5 {
  margin-top: 0.05rem !important;
  margin-bottom: 0.05rem !important;
}

.mh5 {
  margin-left: 0.05rem !important;
  margin-right: 0.05rem !important;
}

.ml5 {
  margin-left: 0.05rem !important;
}

.mt5 {
  margin-top: 0.05rem !important;
}

.mr5 {
  margin-right: 0.05rem !important;
}

.mb5 {
  margin-bottom: 0.05rem !important;
}

.p5 {
  padding: 0.05rem !important;
}

.pv5 {
  padding-top: 0.05rem !important;
  padding-bottom: 0.05rem !important;
}

.ph5 {
  padding-left: 0.05rem !important;
  padding-right: 0.05rem !important;
}

.pl5 {
  padding-left: 0.05rem !important;
}

.pt5 {
  padding-top: 0.05rem !important;
}

.pr5 {
  padding-right: 0.05rem !important;
}

.pb5 {
  padding-bottom: 0.05rem !important;
}

.m10 {
  margin: 0.1rem !important;
}

.mv10 {
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
}

.mh10 {
  margin-left: 0.1rem !important;
  margin-right: 0.1rem !important;
}

.ml10 {
  margin-left: 0.1rem !important;
}

.mt10 {
  margin-top: 0.1rem !important;
}

.mr10 {
  margin-right: 0.1rem !important;
}

.mb10 {
  margin-bottom: 0.1rem !important;
}

.p10 {
  padding: 0.1rem !important;
}

.pv10 {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}

.ph10 {
  padding-left: 0.1rem !important;
  padding-right: 0.1rem !important;
}

.pl10 {
  padding-left: 0.1rem !important;
}

.pt10 {
  padding-top: 0.1rem !important;
}

.pr10 {
  padding-right: 0.1rem !important;
}

.pb10 {
  padding-bottom: 0.1rem !important;
}

.m15 {
  margin: 0.15rem !important;
}

.mv15 {
  margin-top: 0.15rem !important;
  margin-bottom: 0.15rem !important;
}

.mh15 {
  margin-left: 0.15rem !important;
  margin-right: 0.15rem !important;
}

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

.mt15 {
  margin-top: 0.15rem !important;
}

.mr15 {
  margin-right: 0.15rem !important;
}

.mb15 {
  margin-bottom: 0.15rem !important;
}

.p15 {
  padding: 0.15rem !important;
}

.pv15 {
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
}

.ph15 {
  padding-left: 0.15rem !important;
  padding-right: 0.15rem !important;
}

.pl15 {
  padding-left: 0.15rem !important;
}

.pt15 {
  padding-top: 0.15rem !important;
}

.pr15 {
  padding-right: 0.15rem !important;
}

.pb15 {
  padding-bottom: 0.15rem !important;
}

.m20 {
  margin: 0.2rem !important;
}

.mv20 {
  margin-top: 0.2rem !important;
  margin-bottom: 0.2rem !important;
}

.mh20 {
  margin-left: 0.2rem !important;
  margin-right: 0.2rem !important;
}

.ml20 {
  margin-left: 0.2rem !important;
}

.mt20 {
  margin-top: 0.2rem !important;
}

.mr20 {
  margin-right: 0.2rem !important;
}

.mb20 {
  margin-bottom: 0.2rem !important;
}

.p20 {
  padding: 0.2rem !important;
}

.pv20 {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}

.ph20 {
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
}

.pl20 {
  padding-left: 0.2rem !important;
}

.pt20 {
  padding-top: 0.2rem !important;
}

.pr20 {
  padding-right: 0.2rem !important;
}

.pb20 {
  padding-bottom: 0.2rem !important;
}

.m30 {
  margin: 0.3rem !important;
}

.mv30 {
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
}

.mh30 {
  margin-left: 0.3rem !important;
  margin-right: 0.3rem !important;
}

.ml30 {
  margin-left: 0.3rem !important;
}

.mt30 {
  margin-top: 0.3rem !important;
}

.mr30 {
  margin-right: 0.3rem !important;
}

.mb30 {
  margin-bottom: 0.3rem !important;
}

.p30 {
  padding: 0.3rem !important;
}

.pv30 {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

.ph30 {
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}

.pl30 {
  padding-left: 0.3rem !important;
}

.pt30 {
  padding-top: 0.3rem !important;
}

.pr30 {
  padding-right: 0.3rem !important;
}

.pb30 {
  padding-bottom: 0.3rem !important;
}

.m50 {
  margin: 0.5rem !important;
}

.mv50 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mh50 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.ml50 {
  margin-left: 0.5rem !important;
}

.mt50 {
  margin-top: 0.5rem !important;
}

.mr50 {
  margin-right: 0.5rem !important;
}

.mb50 {
  margin-bottom: 0.5rem !important;
}

.p50 {
  padding: 0.5rem !important;
}

.pv50 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.ph50 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.pl50 {
  padding-left: 0.5rem !important;
}

.pt50 {
  padding-top: 0.5rem !important;
}

.pr50 {
  padding-right: 0.5rem !important;
}

.pb50 {
  padding-bottom: 0.5rem !important;
}

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

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

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

.center {
  margin-left: auto;
  margin-right: auto;
}

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

.pointer {
  cursor: pointer;
}

.no-radius {
  border-radius: 0;
}

.nowrap {
  white-space: nowrap;
}

.word-break {
  word-break: break-all;
  word-wrap: break-word;
  word-break: break-word;
}

.primary {
  color: #26bbf0;
}

.warning {
  color: #ffbc0b;
}

.success {
  color: #31bb67;
}

.error {
  color: #cc6164;
}

.gray {
  color: #c4c9cd;
}

.normal {
  font-weight: normal !important;
}

.bold {
  font-weight: bold;
}

.border {
  border: 1px solid #dbdfe1;
  border-radius: 0.04rem;
}

.border-none {
  border: none !important;
}

.border-top {
  border-top: 1px solid #dbdfe1;
}

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

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

.border-right {
  border-right: 1px solid #dbdfe1;
}

.text-desc {
  color: #9aa8b1;
}

.line-height {
  line-height: 1.5;
}

.pre {
  white-space: pre;
}

.text-line {
  width: 100%;
  border-bottom: 1px solid rgba(219, 223, 225, 0.1);
  height: 10px;
  text-align: center;
  margin-bottom: 10px;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

::-webkit-scrollbar {
  width: 0.1rem;
  height: 0.1rem;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.3);
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(50, 50, 50, 0.6);
}

::-webkit-scrollbar-track {
  background-color: rgba(50, 50, 50, 0.1);
}

::-webkit-scrollbar-track:hover {
  background-color: rgba(50, 50, 50, 0.2);
}

.icon-spin {
  display: inline-block;
  animation: icon-spin 1.8s infinite linear;
}

@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

ui-loading {
  display: block;
}

.line {
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-all;
  word-break: break-word;
}

.line.one {
  -webkit-line-clamp: 1;
  display: block;
  white-space: nowrap;
}

.line.two {
  -webkit-line-clamp: 2;
}

.line.three {
  -webkit-line-clamp: 3;
}

.avatar {
  border: 1px solid #dbdfe1;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 0.36rem;
  height: 0.36rem;
  overflow: hidden;
}

.flex {
  display: flex;
}

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

.flex.reverse {
  flex-direction: row-reverse;
}

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

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

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

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

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

.flex.middle {
  align-items: center;
}

.flex > .full {
  flex-grow: 1;
  min-width: auto !important;
  width: auto !important;
}

.flex.grid > div {
  flex: 1;
}

.flex label {
  flex-shrink: 0;
}

.header {
  position: fixed;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #343536;
  color: #fff;
  z-index: 100;
}

.header .item {
  flex-grow: 0;
  flex-shrink: 0;
  list-style: none;
  position: relative;
  font-size: 0.15rem;
  box-sizing: border-box;
}

.header .item a {
  text-decoration: none;
  color: #fff !important;
  display: inline-block;
  font-size: 0.15rem;
  padding: 0 0.2rem;
}

.header .item .icon-angle-down {
  font-size: 0.12rem;
}

.header .item img {
  max-height: 0.2rem;
  vertical-align: middle;
}

.header .item.active a,
.header .item a.active {
  color: #26bbf0 !important;
}

.header .item a:hover,
.header .item .user:hover,
.header.item a.active.deactive:hover {
  color: #26bbf0 !important;
}

.header .item a.active.deactive {
  background-color: transparent;
}

.header .item .dropdown {
  top: 0.6rem;
  background: #3f4142;
  color: #fff;
  min-width: 2rem;
  padding-top: 0.07rem;
  padding-bottom: 0.07rem;
}

.header .item .dropdown::before {
  content: '\E710';
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: -0.1rem;
  left: 0.1rem;
  line-height: 1;
  color: #3f4142;
}

.header .item .dropdown.right::before {
  left: inherit;
  right: 0.1rem;
}

.header .item:hover .dropdown {
  display: block;
}

.header .item .dropdown .item:hover,
.header .item .dropdown .item:hover a {
  /* background: transparent !important; */
  background-color: #6f787e !important;
}

.header .item .dropdown .item.text,
.header .item .dropdown .item.text:hover,
.header .item .dropdown .item.text a,
.header .item .dropdown .item.text a:hover {
  background: transparent !important;
  color: #6f787e !important;
}

.header .item.right {
  text-align: right;
  max-width: inherit;
  padding: 0 0.2rem;
}

.header .item.right:hover .dropdown {
  display: none;
}

.header .item.right .user:hover .dropdown {
  display: block;
}

.header .item.right .sign a {
  font-size: 0.15rem;
  padding: 0 0.1rem;
}

.header .item .sep {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  margin-left: -3px;
}

.header .item.logo {
  white-space: nowrap;
}

.header .item.logo a {
  width: 1.2rem;
}

.header .item.logo img {
  height: calc(0.8 * 0.6rem);
  vertical-align: middle;
  margin-right: 0.1rem;
}

.header .item.full {
  flex-shrink: 1;
  flex-grow: 1;
}

input {
  padding: 0.05rem 0.1rem;
  color: #6f787e;
}

input[type='file'] {
  padding: 0;
  cursor: pointer;
}

textarea {
  vertical-align: text-top;
  max-width: 100%;
}

.input {
  color: #6f787e;
  padding: 0 0.1rem;
  outline: none;
  border: 1px solid #c4c9cd;
  line-height: calc(0.3rem - 2px);
  min-height: 0.3rem;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0.04rem;
}

.input:hover,
.input:focus {
  border-color: #26bbf0;
}

.input.readonly:hover,
.input.readonly:focus {
  border-color: #c4c9cd;
}

input[readonly],
input[disabled],
.input[readonly],
.input[disabled],
.readonly {
  background-color: #f3f4f5;
}

.input[readonly]:hover,
.input[readonly]:focus,
.input[disabled]:hover,
.input[disabled]:focus {
  border: 1px solid #c4c9cd;
}

.input.group {
  display: inline-flex;
  align-items: center;
  background-color: #fff !important;
  padding: 0;
}

.input.group.readonly {
  background-color: #c4c9cd !important;
}

.input.group input {
  border: none;
  outline: none;
  padding: 0.05rem 0.1rem;
  flex-grow: 1;
}

.input.group button {
  border: none;
  outline: none;
  padding: 0.05rem 0.1rem;
  background-color: transparent;
  cursor: pointer;
}

.input.group button:hover {
  color: #26bbf0;
}

.input.group .left:nth-child(1n + 0) {
  padding: 0.05rem 0.1rem;
  border-right: 1px solid #dbdfe1;
  background-color: rgba(219, 223, 225, 0.4);
}

.input.group .right:nth-child(1n + 0) {
  padding: 0.05rem 0.1rem;
  border-left: 1px solid #dbdfe1;
  background-color: rgba(219, 223, 225, 0.4);
}

.input.group i.left {
  color: #ccc;
  background-color: transparent !important;
  border: none !important;
  padding-right: 0 !important;
}

.input.group i.right {
  color: #ccc;
  background-color: transparent !important;
  border: none !important;
  padding-left: 0 !important;
}

.input-error {
  border: 1px solid #cc6164 !important;
}

.input.ng-touched.ng-invalid {
  border: 1px solid #cc6164;
}

.checkbox input[type='checkbox'],
.radio input[type='radio'] {
  display: none;
}

.radio > span,
.checkbox > span {
  position: relative;
  vertical-align: middle;
  padding-left: 0.2rem;
  cursor: pointer;
}

.radio.disabled > span,
.checkbox.disabled > span {
  cursor: default;
}

.radio input[type='radio']:checked + span:before,
.checkbox input[type='checkbox']:checked + span:before,
.radio:hover > span:before,
.checkbox:hover > span:before {
  border-color: #26bbf0;
}

.checkbox input[type='checkbox']:checked + span:before {
  background-color: #26bbf0;
}

.radio input[disabled] + span:before,
.checkbox input[disabled] + span:before {
  border-color: rgba(38, 187, 240, 0.4) !important;
  background-color: rgba(38, 187, 240, 0.4) !important;
}

.radio > span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.12rem;
  height: 0.12rem;
  content: '';
  border: 1px solid #c0c0c0;
  border-radius: 50%;
}

.radio > span:after {
  display: none;
  position: absolute;
  top: 0.01rem;
  left: 0.01rem;
  content: '';
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background: #26bbf0;
  transform: scale(0.5);
}

.radio input:checked + span:after,
.checkbox input:checked + span:after {
  display: block;
}

.radio input:checked + span:after,
.checkbox input:checked + span:after {
  display: block;
}

.radio.square > span {
  position: relative;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.15rem;
  border: 1px solid #dbdfe1;
  border-radius: 0.04rem;
  box-sizing: border-box;
}

.radio.square > span > .img {
  font-size: 0.3rem;
  width: 0.3rem;
  line-height: 1;
}

.radio.square > span > .desc {
  word-break: break-all;
  word-break: break-word;
  line-height: 1.8;
  margin-top: 0.05rem;
}

.radio.square > span:before {
  display: none;
}

.radio.square > span:hover {
  border-color: #26bbf0;
  color: #26bbf0;
}

.radio.square input:checked + span {
  border-color: #26bbf0;
  color: #fff !important;
  background: #26bbf0;
}

.radio.square input:checked + span:after {
  background: transparent;
}

.checkbox > span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.12rem;
  height: 0.12rem;
  content: '';
  border: 1px solid #c0c0c0;
  border-radius: 0.03rem;
}

.checkbox.disabled > span:before {
  border: 1px solid #ddd;
  background-color: #eee;
}

.checkbox > span:after {
  display: none;
  position: absolute;
  content: '';
  top: 0.02rem;
  left: 0.05rem;
  box-sizing: border-box;
  width: 0.05rem;
  height: 0.08rem;
  transform: rotate(42deg);
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}

ui-switch {
  display: inline-block;
  height: 0.14rem;
  vertical-align: middle;
}

.ui-switch {
  position: relative;
  display: inline-block;
  width: 0.22rem;
  height: 0.12rem;
  color: #fff;
  border-radius: 0.1rem;
  border: 1px solid #26bbf0;
  background-color: #26bbf0;
  cursor: pointer;
  transition: all 0.36s;
}

.ui-switch:after {
  content: ' ';
  position: absolute;
  left: 0;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #fff;
  transition: left 0.36s;
}

.ui-switch.off {
  border: 1px solid #c4c9cd !important;
  background-color: #dbdfe1 !important;
}

.ui-switch.on:after {
  left: 0.1rem;
}

.ui-switch.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ui-switch .blank {
  background: #fff;
  color: #fff;
}

.ui-switch.success {
  border: 1px solid #31bb67;
  background-color: #31bb67;
}

.ui-switch.warning {
  border: 1px solid #ffbc0b;
  background-color: #ffbc0b;
}

.ui-switch.error {
  border: 1px solid #cc6164;
  background-color: #cc6164;
}

/* .required::after {
  content: '*' !important;
  color: #f30;
  font-size: 0.2rem;
  vertical-align: middle;
  line-height: 1;
  height: 0.14rem;
  display: inline-block;
} */

.input + .status {
  position: relative;
  display: block;
  color: #cc6164;
  line-height: 0.3rem;
  top: -0.3rem;
}

.input + .status::after {
  position: absolute;
  right: 0.05rem;
}

.input.ng-pristine.ng-untouched + .status,
.input.ng-valid + .status {
  color: transparent;
  height: 0;
}

.input.ng-pristine.ng-untouched + .status::after {
  content: '' !important;
}

.input.ng-valid + .status::after {
  font-size: 0.16rem;
  content: '\e656';
  color: #31bb67;
}

.input.ng-invalid + .status::after {
  font-size: 0.16rem;
  content: '\e658';
  color: #cc6164;
}

form .error {
  display: none;
}

form .error.ng-touched {
  display: block;
}

form .flex > label {
  margin-right: 0.2rem;
  flex-shrink: 0;
}

form .flex > label::after {
  content: ' ';
  width: 0.05rem;
  display: inline-block;
}

.submited .error,
.ng-invalid.ng-touched ~ .error {
  display: block;
}

.dropdown {
  position: absolute;
  top: 100%;
  color: #000;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 9999;
  background-color: #fff;
  min-width: 1rem;
  text-align: left;
}

.right .dropdown,
.dropdown.right {
  right: 0;
}

.dropdown-container {
  position: relative;
  cursor: pointer;
}

.dropdown-container:hover > .dropdown,
.dropdown .item:hover > .dropdown {
  display: block;
}

.dropdown .item > .dropdown {
  left: 100%;
  top: 0;
}

.dropdown .item > .dropdown.left {
  left: initial;
  right: 100%;
}

.dropdown .item {
  line-height: 2 !important;
  list-style: none;
  word-break: keep-all;
  position: relative;
}

.dropdown .item.separator {
  height: 1px;
  border-top: 1px solid #6f787e;
}

.dropdown .item a,
.dropdown .item label {
  display: block;
  padding: 0 0.15rem;
  color: #6f787e;
  font-size: 0.14rem !important;
  border: none !important;
  white-space: nowrap;
}

.dropdown .item .gray {
  color: #c4c9cd;
}

.dropdown .item:hover,
.dropdown .item.active,
.dropdown .item.active a,
.dropdown .item > .dropdown .item:hover a,
.dropdown .item > .dropdown .item.active a {
  background-color: #26bbf0 !important;
  color: #fff !important;
}

.dropdown .item > .dropdown .item a {
  color: #6f787e !important;
}

.panel-menu .dropdown .item:hover {
  background-color: #6f787e !important;
}

.dropdown .item.text:hover {
  background-color: transparent !important;
  color: #fff !important;
}

.dropdown .item.separator:hover {
  background-color: transparent !important;
}

.dropdown .item.disabled,
.dropdown .item.disabled:hover,
.dropdown .item.disabled a,
.dropdown .item.disabled a:hover {
  color: #c4c9cd !important;
  background-color: #fff !important;
  cursor: default;
}

.dropdown .item:hover a,
.header .dropdown .item:hover a {
  color: #fff !important;
}

.dropdown .item:hover .button {
  color: #3f4142;
}

.dropdown .item i {
  display: block;
  padding: 0.07rem;
  font-style: normal;
}

.dropdown .item .separator {
  padding: 0;
  border-left: none !important;
  border-bottom: 1px solid #a9a9a9;
}

footer {
  color: #777;
  padding: 0.1rem 0.2rem;
  text-align: center;
  border-top: 1px solid #dbdfe1;
  background-color: #fff;
}

footer ul > li {
  list-style: none;
  display: inline-block;
  padding: 0.05rem 0.1rem;
}

footer .copyright {
  color: #aaa;
}

.tree {
  flex-grow: 0;
  flex-shrink: 0;
  padding-top: 0.1rem;
  overflow: auto;
  line-height: 2.8;
}

.tree .item {
  display: block;
  padding: 0 0.1rem;
}

.tree .item a {
  color: #6f787e;
}

.tree .item i {
  width: 0.15rem;
  vertical-align: middle;
}

.tree .item.active,
.tree .item.active a,
.tree .item a.active,
.tree .item:hover {
  color: #26bbf0;
}

.tree .item.flex {
  display: flex;
}

.tree .item.small {
  padding-top: 0.07rem;
  padding-bottom: 0.07rem;
}

.button,
a.button {
  outline: none;
  border: 1px solid #c4c9cd;
  border-radius: 0.04rem;
  color: #6f787e;
  background-color: #fff;
  padding: 0 0.15rem;
  line-height: 0.28rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}

.button:hover {
  color: #3f4142;
  border-color: #9aa8b1;
}

a.button:hover {
  color: #3f4142 !important;
}

.button.primary {
  border: 1px solid #26bbf0;
  color: #fff;
  background-color: #26bbf0;
}

.button.primary:hover {
  color: #fff !important;
  background-color: #1790bb;
  border: 1px solid #1790bb;
}

.button.turquoise {
  border: 1px solid #26bbf0;
  color: #fff;
  background-color: #26bbf0;
}

.button.turquoise:hover {
  color: #fff !important;
  background-color: #1790bb;
  border: 1px solid #1790bb;
}

.button.turquoise2 {
  border: 1px solid #9bbfb3;
  color: #fff;
  background-color: #9bbfb3;
}

.button.turquoise2:hover {
  color: #fff !important;
  background-color: #89ab9f;
  border: 1px solid #89ab9f;
}

.button.success {
  border: 1px solid #31bb67;
  color: #fff;
  background-color: #31bb67;
}

.button.success:hover {
  color: #fff !important;
  background-color: #2ba664;
  border: 1px solid #2ba664;
}

.button.warning {
  border: 1px solid #ffbc0b;
  color: #fff;
  background-color: #ffbc0b;
}

.button.warning:hover {
  color: #fff !important;
  background-color: #d9a116;
  border: 1px solid #d9a116;
}

.button.error {
  border: 1px solid #cc6164;
  color: #fff;
  background-color: #cc6164;
}

.button.error:hover {
  color: #fff !important;
  background-color: #a9484b;
  border: 1px solid #a9484b;
}

.button.weixin {
  color: #fff;
  border-color: #50c332;
  background-color: #50c332;
}

.button.weixin:hover {
  color: #fff !important;
  background-color: #46ad2c;
  border-color: #46ad2c;
}

.button.qq {
  color: #fff;
  border-color: #34c8f4;
  background-color: #34c8f4;
}

.button.qq:hover {
  color: #fff !important;
  border-color: #30b9e2;
  background-color: #30b9e2;
}

.button.weibo {
  color: #fff;
  border-color: #d81228;
  background-color: #d81228;
}

.button.weibo:hover {
  color: #fff !important;
  border-color: #e6162d;
  background-color: #e6162d;
}

.button.border {
  color: #6f787e;
  background-color: transparent;
}

.button.primary.border {
  color: #26bbf0;
  border: 1px solid #26bbf0;
}

.button.primary.border:hover {
  color: #fff !important;
  background-color: #26bbf0;
}

.button.turquoise.border {
  color: #26bbf0;
  border: 1px solid #26bbf0;
}

.button.success.border:hover {
  color: #fff !important;
  background-color: #31bb67;
}

.button.success.border {
  color: #31bb67;
  border: 1px solid #31bb67;
}

.button.success.border:hover {
  color: #fff !important;
  background-color: #31bb67;
}

.button.warning.border {
  color: #ffbc0b;
  border: 1px solid #ffbc0b;
}

.button.warning.border:hover {
  color: #fff !important;
  background-color: #ffbc0b;
}

.button.error.border {
  color: #cc6164;
  border: 1px solid #cc6164;
}

.button.error.border:hover {
  color: #fff !important;
  background-color: #cc6164;
}

.button.weixin.border {
  color: #50c332;
  border: 1px solid #50c332;
}

.button.qq.border {
  color: #34c8f4;
  border: 1px solid #34c8f4;
}

.button.weibo.border {
  color: #d81228;
  border: 1px solid #d81228;
}

.button.weixin.border:hover {
  color: #fff !important;
  background-color: #50c332;
}

.button.qq.border:hover {
  color: #fff !important;
  background-color: #34c8f4;
}

.button.weibo.border:hover {
  color: #fff !important;
  background-color: #d81228;
}

.button.radius {
  padding: 0.08rem 0.2rem;
  border-radius: 0.2rem;
}

.button.circle {
  padding: 0;
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: 50%;
}

.button[disabled],
.button[disabled]:hover {
  color: #c4c9cd;
  border: 1px solid #dbdfe1;
  cursor: default;
}

.button.primary[disabled],
.button.primary[disabled]:hover {
  color: #fff;
  background-color: #d4f1fc;
  border: 1px solid #d4f1fc;
}

.button.success[disabled],
.button.success[disabled]:hover {
  color: #fff;
  background-color: #c3f1d2;
  border: 1px solid #c3f1d2;
}

.button.warning[disabled],
.button.warning[disabled]:hover {
  color: #fff;
  background-color: #fff6dd;
  border: 1px solid #fff6dd;
}

.button.error[disabled],
.button.error[disabled]:hover {
  color: #fff;
  background-color: #f7e6e7;
  border: 1px solid #f7e6e7;
}

.button.turquoise[disabled],
.button.turquoise[disabled]:hover {
  color: #fff;
  background-color: #d4f1fc;
  border: 1px solid #d4f1fc;
}

.button.checked {
  color: #26bbf0;
  border: 1px solid #26bbf0;
  position: relative;
}

.button.checked:after {
  font-family: 'iconfont' !important;
  content: '\E657';
  position: absolute;
  top: -0.1rem;
  right: -0.05rem;
  background: #fff;
  font-size: 0.16rem;
  display: inline-block;
  height: 0.22rem;
}

.button .iconfont {
  font-size: 0.12rem;
  vertical-align: inherit;
  margin-right: 0.07rem;
}

.nav-button {
  height: 0.5rem;
  border-radius: 0;
  padding: 0 0.2rem;
}

.button-group {
  display: inline-flex;
  border: 1px solid #26bbf0;
  border-radius: 0.04rem;
  overflow: hidden;
}

.button-group button {
  outline: none;
  border: none;
  background: #fff;
  line-height: 0.28rem;
  padding: 0 0.2rem;
  border-right: 1px solid #c4c9cd;
  cursor: pointer;
}

.button-group button:last-child {
  border-right: none;
}

.button-group button.active {
  background: #26bbf0;
  color: #fff;
}

.panel {
  background-color: #fff;
  border: 1px solid #dbdfe1;
  border-radius: 0.04rem;
}

.panel > .caption {
  font-size: 0.14rem;
  border-bottom: 1px solid #dbdfe1;
}

.panel > .caption .button,
.panel > .caption .input {
  font-size: 0.12rem;
}

.panel > .content {
  padding: 0.1rem;
}

.panel > .bottom {
  padding: 0.05rem 0.1rem;
  border-top: 1px solid #dbdfe1;
}

.page-panel {
  background-color: #fff;
  padding: 0.2rem;
  border-top: 1px solid #dbdfe1;
}

.box {
  display: inline-flex;
  flex-direction: column;
  width: 2rem;
  height: calc(2rem * 0.64);
  border: 1px solid #dbdfe1 !important;
}

.box .content {
  flex-grow: 1;
  padding: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box .bottom {
  line-height: 0.3rem;
  background-color: #dbdfe1;
  text-align: center;
  overflow: hidden;
}

.box.dash {
  border-style: dashed !important;
}

.box.icon {
  border-radius: 0.04rem;
  width: 1rem;
  height: 1rem;
  position: relative;
  text-align: center;
}

.box.active {
  background-color: #26bbf0;
  color: #fff !important;
  border-color: #26bbf0 !important;
}

.box.hover:hover {
  color: #26bbf0;
  border-color: #26bbf0 !important;
  cursor: pointer;
}

.box.icon > i {
  font-size: 0.4rem;
  margin-top: 0.05rem;
}

.box.icon > .desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.05rem;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  color: #6f787e;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  z-index: 99999;
  font-size: 0.12rem;
}

.modal .modal-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  max-width: 90%;
  max-height: 80%;
  min-width: 3.8rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.04rem;
  margin-top: -1%;
}

.modal .modal-header {
  color: #fff;
  flex-shrink: 0;
  border-bottom: 1px solid #dbdfe1;
  padding: 0 0.2rem;
  margin: 0;
  line-height: 0.5rem;
  font-size: 0.14rem;
  display: flex;
  align-items: center;
  background-color: #343536;
  border-top-left-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
}

.modal .modal-header .caption {
  flex-grow: 1;
  color: #fff;
}

.modal .modal-header i {
  color: #fff;
  float: right;
  cursor: pointer;
}

.modal .modal-header i:hover {
  color: #ffbc0b;
}

.modal .modal-body {
  padding: 0.2rem;
  overflow-y: auto;
  height: calc(100% - 1rem);
}

.modal .modal-footer {
  flex-shrink: 0;
  padding: 0.15rem 0.2rem;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #dbdfe1;
  background-color: #f3f4f5;
  border-bottom-left-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}

.modal .modal-footer > .full {
  flex-grow: 1;
  min-width: auto !important;
  width: auto !important;
}

.modal .modal-content select,
.modal .modal-content input {
  outline: 0;
  min-height: 0.3rem;
  border: 1px solid #c4c9cd;
}

.modal .modal-content .input-label {
  line-height: 0.3rem;
}

.modal.medium input {
  min-width: 3.5rem;
}

.modal.medium .modal-body {
  max-width: 4.9rem;
  box-sizing: border-box;
}

/* table {
  border-spacing: 0;
  border: 1px solid #dbdfe1;
  border-radius: 0.04rem;
  background-color: #fff;
}

th {
  font-size: 0.1rem;
  text-align: left;
  padding: 0.1rem 0.15rem;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #f3f4f5;
  color: #6f787e;
  line-height: 0.2rem;
  font-weight: 500;
}

th:last-child {
  border-right: none;
}

tr td {
  text-align: left;
  padding: 0.1rem 0.15rem;
  border-bottom: 1px solid #f3f4f5;
  line-height: 0.18rem;
}

tbody:last-child tr:last-child td {
  border-bottom: 1px solid transparent;
}

td.td-input {
  padding: 0 0.05rem;
  vertical-align: middle;
}

td.td-input:first-child {
  padding-left: 0.05rem;
}

td.td-input:hover {
  outline: 1px solid #26bbf0;
}

td.td-input .input {
  resize: none;
  background: transparent;
  outline: none;
  padding-left: 0.1rem 0.15rem;
}

td.td-input:first-child .input {
  padding-left: 0.15rem;
}

table.grid,
table.grid td {
  border: none;
  vertical-align: text-top;
}

tr.deleted {
  text-decoration: line-through;
  color: #c4c9cd !important;
}

tr.deleted td a {
  color: #c4c9cd !important;
}

tr td a .iconfont {
  font-size: 0.14rem;
}

tr:hover {
  outline: 1px solid #26bbf0;
}

tr:hover a {
  color: #26bbf0;
}

tr a:hover {
  text-decoration: underline;
}

td img {
  height: 0.16rem;
vertical-align: middle;
} */

.cell {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 0.4rem;
}

.cell .desc {
  width: 1rem;
  flex-grow: 0;
  flex-shrink: 0;
}

.cell .full {
  flex-shrink: 1;
  flex-grow: 1;
}

.cell input,
.cell select {
  outline: none;
  border: none;
  padding: 0;
  vertical-align: middle;
}

.cell input[type='checkbox'] {
  width: inherit;
}

.cell select {
  outline: none;
  border: none;
  vertical-align: middle;
}

.cell img {
  height: 0.5rem;
}

.cell .file .desc {
  color: #9aa8b1;
  position: relative;
  left: 0.1rem;
  top: -0.2rem;
}

.cell .file input[type='file'] {
  position: absolute;
  left: 0;
  opacity: 0;
  width: 0.5rem;
  height: 0.5rem;
  float: right;
  cursor: pointer;
}

.cell .ui-switch {
  position: relative;
  top: -0.02rem;
}

.cell .ui-switch .desc {
  width: 50%;
}

.nav {
  line-height: 1;
  font-weight: 500;
}

.nav > a {
  display: inline-block;
}

.nav > a:after {
  font-family: 'iconfont' !important;
  content: '\e6a8';
  margin-left: 0.1rem;
  margin-right: 0.05rem;
  color: #c4c9cd;
}

.nav > a:last-child:after {
  content: '';
}

.nav > label {
  color: #343536;
}

.nav-tab {
  display: flex;
  border-bottom: 1px solid #dbdfe1;
  flex-wrap: wrap;
}

.nav-tab .full {
  flex: 1;
  width: initial !important;
}

.nav-tab > .item {
  line-height: 0.4rem;
  margin-left: 0.2rem;
  position: relative;
  top: 1px;
  text-align: center;
}

.nav-tab > .item a {
  display: inline-block;
}

.nav-tab > .item:hover {
  color: #26bbf0 !important;
}

.nav-tab > .item:last-child {
  border-right: none;
}

.nav-tab > .item.active {
  color: #343536;
  border-bottom: 2px solid #26bbf0;
  font-weight: 700;
}

.nav-tab.default {
  border-bottom: none;
}

.nav-tab.default .item {
  border: 1px solid #dbdfe1;
  padding: 0.03rem 0.15rem;
  flex-grow: inherit;
  border-radius: 0.04rem 0.04rem 0 0;
  margin-left: 0;
  margin-right: 0.03rem;
  background-color: #f9f9f9;
  color: #89949b !important;
  line-height: 0.26rem;
}

.nav-tab.default .item:hover,
.nav-tab.default .item a:hover {
  color: #26bbf0 !important;
}

.nav-tab.default .item.active {
  border-bottom: none;
}

.nav-tab.default .item.active,
.nav-tab.default .item.active a {
  background-color: #fff;
  color: #26bbf0 !important;
}

[data-tooltip] {
  position: relative;
  display: inline-block;
  font-size: 0.12rem;
}

[data-tooltip]:before,
[data-tooltip]:after {
  border-radius: 0.04rem;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 9999999;
  transition-delay: 0ms;
  line-height: 2;
  text-align: left;
}

.hover[data-tooltip],
[data-tooltip]:hover {
  transition-delay: 100ms;
}

.hover[data-tooltip]:before,
.hover[data-tooltip]:after,
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

[data-tooltip]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 0.06rem solid transparent;
  z-index: 10000000;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  background: #343536;
  color: white;
  padding: 0.1rem 0.15rem;
  white-space: pre-wrap;
  min-width: 1.2rem;
  word-break: break-all;
  word-break: break-word;
}

.multi[data-tooltip]:after {
  padding: 0.1rem 0.15rem;
}

.tooltip-top:before {
  bottom: 100%;
  left: calc(50% - 0.06rem);
  border-top-color: #343536;
  margin-bottom: -0.07rem;
}

.tooltip-top:after {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0.04rem;
}

.tooltip-bottom:before {
  top: 100%;
  left: calc(50% - 0.06rem);
  border-bottom-color: #343536;
  margin-top: -0.07rem;
}

.tooltip-bottom:after {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.04rem;
}

.tooltip-left:before {
  right: 100%;
  bottom: 50%;
  border-left-color: #343536;
  margin-bottom: -0.06rem;
}

.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  transform: translateY(50%);
  margin-right: calc(1.9 * 0.06rem);
}

.tooltip-right:before {
  left: 100%;
  bottom: 50%;
  border-right-color: #343536;
  margin-bottom: -0.06rem;
}

.tooltip-right:after {
  left: 100%;
  bottom: 50%;
  transform: translateY(50%);
  margin-left: calc(1.8 * 0.06rem);
}

.tooltip-top-left:before {
  bottom: 100%;
  left: 0.04rem;
  border-top-color: #343536;
  margin-bottom: -0.07rem;
}

.tooltip-top-left:after {
  bottom: 100%;
  left: 0;
  margin-bottom: 0.04rem;
}

.tooltip-top-right:before {
  bottom: 100%;
  right: 0.04rem;
  border-top-color: #343536;
  margin-bottom: -0.07rem;
}

.tooltip-top-right:after {
  bottom: 100%;
  right: 0;
  margin-bottom: 0.04rem;
}

.tooltip-bottom-left:before {
  top: 100%;
  left: 0.04rem;
  border-bottom-color: #343536;
  margin-top: -0.07rem;
}

.tooltip-bottom-left:after {
  top: 100%;
  left: 0;
  margin-top: 0.04rem;
}

.tooltip-bottom-right:before {
  top: 100%;
  right: 0.04rem;
  border-bottom-color: #343536;
  margin-top: -0.07rem;
}

.tooltip-bottom-right:after {
  top: 100%;
  right: 0;
  margin-top: 0.04rem;
}

.default:after {
  width: 100%;
}

.bigger:after {
  width: 120%;
}

.smaller:after {
  width: 80%;
}

.width-2x:after {
  width: 200%;
}

.medium:after {
  width: 2rem;
}

.large:after {
  width: 4rem;
}

.label {
  display: inline-block;
  background-color: #c4c9cd;
  padding: 0 0.1rem;
  line-height: 2;
  border-radius: 0.04rem;
}

.label.primary {
  border-color: #26bbf0;
  background-color: #26bbf0;
  color: #fff;
}

.label.success {
  border-color: #31bb67;
  background-color: #31bb67;
  color: #fff;
}

.label.warning {
  border-color: #ffbc0b;
  background-color: #ffbc0b;
  color: #fff;
}

.label.error {
  border-color: #cc6164;
  background-color: #cc6164;
  color: #fff;
}

.label.circle {
  border-radius: 0.1rem;
  padding: 0 0.05rem;
  line-height: 0.2rem;
  height: 0.2rem;
  min-width: 0.2rem;
  text-align: center;
  box-sizing: border-box;
}

table .label {
  background-color: #fff;
  border: 1px solid #dbdfe1;
  padding: 0 0.06rem;
  line-height: 0.2rem;
}

table .label .iconfont {
  font-size: 0.12rem;
  display: inline-block;
  height: 0.12rem;
  top: 0;
}

@keyframes rightFadeIn {
  0% {
    right: -3.7rem;
  }
  50% {
    right: -1rem;
  }
  100% {
  }
}

@keyframes bkFadeOut {
  0% {
  }
  70% {
    opacity: 0.3;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.notice-container {
  display: flex;
  flex-direction: column;
  z-index: 1000000;
  position: fixed;
  top: 0.1rem;
  right: 0.1rem;
}

.system-container {
  display: flex;
  flex-direction: column;
  z-index: 1000001;
  position: fixed;
  top: 0.1rem;
  left: calc(50vw - 5rem);
}

.notice {
  position: relative;
  width: 3.5rem;
  border-radius: 0.05rem;
  border: 1px solid #dbdfe1;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  margin-bottom: 0.1rem;
}

.notice.in {
  animation-duration: 0.2s;
  animation-name: rightFadeIn;
  animation-timing-function: ease-in;
}

.notice.out {
  animation-duration: 1s;
  animation-name: bkFadeOut;
  animation-timing-function: ease-out;
}

.notice .body {
  padding: 0.2rem;
  display: flex;
  word-break: break-all;
  word-break: break-word;
}

.notice .body > .icon {
  flex-shrink: 0;
  font-size: 0.18rem;
  margin-right: 0.2rem;
  color: #fff;
  background: #26bbf0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  text-align: center;
}

.notice .body > .icon::before {
  top: 0.03rem;
  position: relative;
}

.notice.success .body > .icon {
  background: #31bb67;
  font-weight: 700;
}

.notice.warning .body > .icon {
  background: #ffbc0b;
}

.notice.error .body > .icon {
  background: #cc6164;
}

.notice .body > .notice-text {
  width: 100%;
}

.notice .body > div {
  width: 100%;
}

.notice div.input {
  border: none;
  padding: 0;
}

.notice input {
  width: 100%;
  border: none;
  outline: none;
  color: #555;
  text-align: center;
  line-height: 2;
}

.notice .icon-close {
  font-size: 0.14rem;
  padding: 0 0.07rem;
  position: absolute;
  top: 0.01rem;
  right: 0;
}

.notice .icon-close:hover {
  color: #26bbf0;
}

.notice .modal-footer {
  background-color: #fff;
  padding: 0;
  display: flex;
  flex-grow: 1;
  border-color: #dbdfe1;
}

.notice .modal-footer .button {
  border: none;
  border-radius: 0;
  background: transparent;
  color: #26bbf0;
  margin: 0 !important;
  flex-grow: 1;
  line-height: 0.4rem;
}

.notice .modal-footer .button:hover {
  color: #1790bb !important;
}

.notice .modal-footer .button.default {
  border-right: 1px solid #f3f4f5;
}

.notice-panel {
  line-height: 0.2rem;
  padding: 0.1rem 0.2rem;
}

.notice-panel.warning {
  background: #fff6dd;
  color: #d9a116;
}

.notice.system-notice {
  background-color: #fdf7d9;
  border-color: #f2ca00;
  color: #d9a116;
  width: 10rem;
  border-radius: 0;
}

.notice.system-notice.in {
  animation-name: none;
}

.notice.system-notice .body {
  padding: 0.1rem 0.2rem;
}

.notice.system-notice .body > .icon {
  display: none;
}

.notice.system-notice .icon-close {
  font-size: 0.14rem;
  padding: 0;
  position: static;
  line-height: 0.24rem;
}

.image-input {
  height: 0.26rem;
  font-size: 0.26rem;
  line-height: 0.28rem;
}

.headline {
  font-size: 0.24rem;
  color: #343536;
}

.sub-headline,
.sub-headline i {
  font-size: 0.18rem;
  color: #343536;
}

.title {
  color: #343536;
  font-weight: 600;
}

.title.success {
  color: #31bb67;
}

.popup-title {
  font-size: 0.14rem;
  font-weight: 700;
}

.notice .icon-close {
  font-size: 0.1rem;
  top: 0.08rem;
}

.notice .body > .icon::before {
  top: 0.02rem;
}

a:hover {
  text-decoration: underline;
}

.section {
  display: block;
  width: 13rem;
  max-width: 100%;
  padding: 0 0.1rem;
  margin: auto;
}

.section.flex {
  display: flex;
}

.nav a:hover {
  text-decoration: none;
  color: #096dd9 !important;
}

.page .pagination .buttons > a.active {
  background-color: #26bbf0 !important;
  border-color: #26bbf0 !important;
}

.pagination .buttons > a:first-child {
  border-top-left-radius: 0.02rem !important;
  border-bottom-left-radius: 0.02rem !important;
}

.pagination .buttons > a:last-child {
  border-top-right-radius: 0.02rem !important;
  border-bottom-right-radius: 0.02rem !important;
}

.pagination .input {
  min-height: 0.26rem;
}

.pagination .flex.middle.full {
  height: 0.28rem;
}

.ui-slider .max,
.ui-slider .min {
  border-color: #26bbf0 !important;
}

.ui-slider .bk {
  background: #26bbf0 !important;
}

.header .item .dropdown {
  background-color: #fff;
}

.header .item .dropdown.right::before {
  color: #fff;
  right: 0.18rem;
}

.header .item .dropdown a {
  color: #181818 !important;
}

.header .item .dropdown .line {
  background-color: transparent !important;
  padding: 0;
  margin: 0.05rem 0.1rem;
  border-top: 1px solid #c4c9cd;
}

.header-small .item a {
  padding: 0 0.2rem;
  text-decoration: none;
}

.header-small .item a ui-avatar {
  top: 0;
}

.header-small .item .line {
  background-color: transparent !important;
  padding: 0;
  margin: 0.05rem 0.1rem;
  border-top: 1px solid #c4c9cd;
}

.header-small:hover .dropdown {
  padding: 0.1rem 0;
  display: block;
  right: 0.1rem;
  min-width: 2rem;
}

.header-small:hover .dropdown.right::before {
  content: '';
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: -0.1rem;
  right: 0.1rem;
  line-height: 1;
  color: #fff;
}

color-picker {
  position: relative;
  display: block;
}

color-picker .color-picker {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  border: none;
  overflow: hidden;
}

color-picker .color-picker .cursor {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
}

color-picker .color-picker .hue-alpha {
  flex-direction: initial;
  width: 100%;
  padding: 0 0.05rem;
}

color-picker .color-picker .hue-alpha .cursor {
  background: #fff;
}

color-picker .color-picker .box {
  flex-direction: initial;
  border: none !important;
}

color-picker .color-picker .left {
  padding: 8px;
}

color-picker .color-picker .selected-color-background,
color-picker .color-picker .selected-color {
  width: 32px;
  height: 32px;
  top: 8px;
}

color-picker .color-picker .hue {
  height: 12px;
  margin-bottom: 10px;
}

color-picker .color-picker .alpha {
  height: 12px;
}

color-picker .color-picker .hex-text .box,
color-picker .color-picker .rgba-text .box,
color-picker .color-picker .hsla-text .box {
  width: initial;
  padding: 0 24px 0 8px;
}

color-picker .color-picker .hex-text .box input,
color-picker .color-picker .rgba-text .box input,
color-picker .color-picker .hsla-text .box input {
  width: initial;
  outline: none;
  border: 1px solid #c4c9cd;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0.04rem;
}

color-picker .color-picker .type-policy {
  top: 210px;
}

color-picker .color-picker .preset-area {
  padding: 0;
}

color-picker .color-picker .preset-area hr {
  border-top: 1px;
}

color-picker .color-picker .preset-area .preset-label {
  display: none;
}

color-picker .color-picker .preset-area > div {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

color-picker .color-picker .preset-area > div .preset-color {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid #eee;
  margin: 5px;
}

color-picker .color-picker .arrow.arrow-left,
color-picker .color-picker .arrow.arrow-left-bottom,
color-picker .color-picker .arrow.arrow-bottom-left {
  top: 0;
  right: -20px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ccc;
}

.right color-picker {
  left: -1.1rem;
}

.grid-right color-picker {
  left: -1.5rem;
  top: 0;
}

color-picker .box {
  height: initial;
}

.input.color color-picker {
  left: -0.43rem;
}

.input.color.right color-picker {
  left: -1.5rem;
}

.input-line .input.color color-picker {
  left: -1.04rem;
}

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

.topos .topo {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 0.2rem;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}

.topos .topo:not(:nth-child(5n + 0)) {
  margin-right: 0.2rem;
}

.topos .topo .image {
  padding: 0.15rem;
  height: 1.7rem;
  cursor: pointer;
  width: 100%;
}

.topos .topo .image img {
  max-height: 100%;
}

.topos .topo header {
  font-size: 0.14rem;
  text-align: center;
  color: #262626;
  font-weight: 700;
  line-height: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
  margin: 0 0.1rem 0.1rem 0.1rem;
}

.topos .topo .border-top {
  border-color: #f0f0f0;
  padding: 0.04rem 0.1rem;
}

.topos .topo .iconfont {
  font-size: 0.12rem;
}

.topos .topo textarea.input {
  min-width: 0.3rem;
  width: 100%;
  max-width: 100%;
  font-size: 0.1rem;
  padding: 0.02rem 0.05rem;
  resize: none;
}

.topos .topo .icon-delete {
  position: absolute;
  top: 0.05rem;
  right: 0.1rem;
}

.topos .topo.add {
  background-color: transparent;
  border: 1px dashed #bbb;
  cursor: pointer;
}

.topos .topo.add:hover {
  border-color: #26bbf0;
}

.topos.col-4 .topo {
  margin-bottom: 0.1rem;
  margin-right: 0;
  width: calc(25% - 0.08rem);
}

.topos.col-4 .topo:not(:nth-child(4n + 0)) {
  margin-right: 0.1rem;
}

.label {
  background: #fff;
  line-height: 1.8;
  border: 1px solid #c4c9cd;
}

.label .iconfont {
  font-size: 0.12rem;
  color: #777;
}

.nav-tab a {
  color: #6f787e;
}

.nav-tab .active a {
  color: #26bbf0;
}

.nav-tab.big a {
  font-size: 0.14rem;
}

@media screen and (max-width: 760px) {
  .hide-mobile {
    display: none;
  }
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
  background: transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
  background-color: #dedee4;
  border-radius: 0.04rem;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}

::-webkit-scrollbar-track {
  background-color: transparent !important;
}