@charset "UTF-8";
/** 初始化 **/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form, pre {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:active, a:hover {
  outline: 0; }

img {
  display: inline-block;
  border: none;
  vertical-align: middle; }

li {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1, h2, h3 {
  font-weight: 400; }

h4, h5, h6 {
  font-size: 100%;
  font-weight: 400; }

button, input, select, textarea {
  font-size: 100%; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0; }

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

/** 初始化全局标签 **/
body {
  line-height: 24px;
  font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; }

hr {
  height: 1px;
  margin: 10px 0;
  border: 0;
  clear: both; }

a {
  color: #0091DB;
  text-decoration: none; }

a:hover {
  color: #38C9FF; }

a cite {
  font-style: normal;
  *cursor: pointer; }

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

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

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

.overflow-hidn {
  overflow: hidden; }

.sloth-layout-card-drag .slothui-header ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff; }

.sloth-layout-card-drag .slothui-header :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff; }

.sloth-layout-card-drag .slothui-header ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff; }

.sloth-layout-card-drag .slothui-header :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff; }

.sloth-layout-card-drag .slothui-card-body ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999; }

.sloth-layout-card-drag .slothui-card-body :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }

.sloth-layout-card-drag .slothui-card-body ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }

.sloth-layout-card-drag .slothui-card-body :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999; }

.sloth-layout-card-drag .slothui-card-body .slothui-header ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff; }

.sloth-layout-card-drag .slothui-card-body .slothui-header :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff; }

.sloth-layout-card-drag .slothui-card-body .slothui-header ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff; }

.sloth-layout-card-drag .slothui-card-body .slothui-header :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff; }

.p-relative {
  position: relative; }

.f-l {
  float: left; }

.f-r {
  float: right; }

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

.clear {
  display: block;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  clear: both; }

.hidden, .hidn {
  display: none !important; }

.ui-overflow-x-scroll {
  overflow-x: scroll !important; }

.ui-overflow-y-auto {
  overflow-y: auto !important; }

/* width */
.ui-width-1200 {
  width: 1200px !important; }

.ui-w-55 {
  width: 55px !important; }

.ui-w-201 {
  width: 201px !important; }

.ui-w-172 {
  width: 172px !important; }

.ui-ht-full {
  height: 100% !important; }

.ui-w-full {
  width: 100% !important; }

.ui-ht-auto {
  height: auto !important; }

.margin-auto {
  margin: 0 auto; }

/* min-width */
.ui-min-width-1200 {
  min-width: 1200px !important; }

.color-cerulean {
  color: #0091DB !important; }

.color-mountain-meadow {
  color: #22B888 !important; }

.color-red-orange {
  color: #FF2A2A !important; }

.color-red-sun {
  color: #fba817 !important; }

/* background */
.bg-dodger-white {
  background: #fff !important; }

.bg-dodger-blue {
  background: #3AA0FF !important; }

.bg-turquoise {
  background: #36CBCB !important; }

.bg-frolyapprox {
  background: #F2637B !important; }

.bg-emeraldapprox {
  background: #4ECB74 !important; }

.bg-medium-purple {
  background: #975FE4 !important; }

.bg-bright-sun {
  background: #FAD337 !important; }

.bg-silver-chalice {
  background: #A2A2A2 !important; }

.bg-black-haze {
  background: #E6E7E7 !important; }

.bg-cerulean {
  background-color: #00B3F6 !important; }

.bg-link-water {
  background-color: #EFF3FB !important; }

/* 18中颜色 start */
.bg-java {
  background-color: #22d7bb !important; }

.bg-mountain-meadow {
  background-color: #18bfa4 !important; }

.bg-scooter {
  background-color: #2cccda !important; }

.bg-dodger-blue-light {
  background-color: #2dbcff !important; }

.bg-cornflower-blue {
  background-color: #4e8af9 !important; }

.bg-cornflower-purple {
  background-color: #7076fa !important; }

.bg-heliotrope {
  background-color: #9473fd !important; }

.bg-lavender {
  background-color: #c472ee !important; }

.bg-lavender-magenta {
  background-color: #ef7ede !important; }

.bg-hot-pink {
  background-color: #f969aa !important; }

.bg-wild-watermelon {
  background-color: #fc587b !important; }

.bg-carnationapprox {
  background-color: #fa5a55 !important; }

.bg-coral {
  background-color: #ff7747 !important; }

.bg-tree-poppy {
  background-color: #ffa415 !important; }

.bg-sunglow {
  background-color: #ffd234 !important; }

.bg-coniferapprox {
  background-color: #99d75a !important; }

.bg-appleapprox {
  background-color: #42973c !important; }

.bg-chateau-green {
  background-color: #39ba5d !important; }

/* slothui limit-clamp-1 */
.ui-line-clamp-1 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  /*超出部分以省略号显示*/
  white-space: nowrap; }

/* slothui width percent */
.ui-w-auto {
  width: auto !important; }

.ui-w-p5 {
  width: 5% !important; }

.ui-w-p10 {
  width: 10% !important; }

.ui-w-p15 {
  width: 15% !important; }

.ui-w-p20 {
  width: 20% !important; }

.ui-w-p25 {
  width: 25% !important; }

.ui-w-p30 {
  width: 30% !important; }

.ui-w-p35 {
  width: 35% !important; }

.ui-w-p40 {
  width: 40% !important; }

.ui-w-p45 {
  width: 45% !important; }

.ui-w-p50 {
  width: 50% !important; }

.ui-w-p55 {
  width: 55% !important; }

.ui-w-p60 {
  width: 60% !important; }

.ui-w-p65 {
  width: 65% !important; }

.ui-w-p70 {
  width: 70% !important; }

.ui-w-p75 {
  width: 75% !important; }

.ui-w-p80 {
  width: 80% !important; }

.ui-w-p85 {
  width: 85% !important; }

.ui-w-p90 {
  width: 90% !important; }

.ui-w-p95 {
  width: 95% !important; }

.ui-w-p100 {
  width: 100% !important; }

/* slothui padding */
.ui-p-0 {
  padding: 0px !important; }

.ui-p-1 {
  padding: 1px !important; }

.ui-p-2 {
  padding: 2px !important; }

.ui-p-3 {
  padding: 3px !important; }

.ui-p-4 {
  padding: 4px !important; }

.ui-p-5 {
  padding: 5px !important; }

.ui-p-10 {
  padding: 10px !important; }

.ui-p-15 {
  padding: 15px !important; }

.ui-p-20 {
  padding: 20px !important; }

.ui-p-25 {
  padding: 25px !important; }

.ui-p-30 {
  padding: 30px !important; }

.ui-p-35 {
  padding: 35px !important; }

.ui-p-40 {
  padding: 40px !important; }

.ui-p-45 {
  padding: 45px !important; }

.ui-p-50 {
  padding: 50px !important; }

.ui-p-55 {
  padding: 55px !important; }

.ui-p-60 {
  padding: 60px !important; }

/* slothui padding left right */
.ui-plr-1 {
  padding: 0 1px !important; }

.ui-plr-2 {
  padding: 0 2px !important; }

.ui-plr-3 {
  padding: 0 3px !important; }

.ui-plr-4 {
  padding: 0 4px !important; }

.ui-plr-5 {
  padding: 0 5px !important; }

.ui-plr-10 {
  padding: 0 10px !important; }

.ui-plr-15 {
  padding: 0 15px !important; }

.ui-plr-20 {
  padding: 0 20px !important; }

.ui-plr-25 {
  padding: 0 25px !important; }

.ui-plr-30 {
  padding: 0 30px !important; }

.ui-plr-35 {
  padding: 0 35px !important; }

.ui-plr-40 {
  padding: 0 40px !important; }

.ui-plr-45 {
  padding: 0 45px !important; }

.ui-plr-50 {
  padding: 0 50px !important; }

.ui-plr-55 {
  padding: 0 55px !important; }

.ui-plr-60 {
  padding: 0 60px !important; }

/* slothui padding top bottom */
.ui-ptb-1 {
  padding: 1px 0 !important; }

.ui-ptb-2 {
  padding: 2px 0 !important; }

.ui-ptb-3 {
  padding: 3px 0 !important; }

.ui-ptb-4 {
  padding: 4px 0 !important; }

.ui-ptb-5 {
  padding: 5px 0 !important; }

.ui-ptb-10 {
  padding: 10px 0 !important; }

.ui-ptb-15 {
  padding: 15px 0 !important; }

.ui-ptb-20 {
  padding: 20px 0 !important; }

.ui-ptb-25 {
  padding: 25px 0 !important; }

.ui-ptb-30 {
  padding: 30px 0 !important; }

.ui-ptb-35 {
  padding: 35px 0 !important; }

.ui-ptb-40 {
  padding: 40px 0 !important; }

.ui-ptb-45 {
  padding: 45px 0 !important; }

.ui-ptb-50 {
  padding: 50px 0 !important; }

.ui-ptb-55 {
  padding: 55px 0 !important; }

.ui-ptb-60 {
  padding: 60px 0 !important; }

/* slothui padding-top */
.ui-pt-1 {
  padding-top: 1px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* slothui padding-bottom */
.ui-pb-1 {
  padding-bottom: 1px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* slothui padding-left */
.ui-pl-1 {
  padding-left: 1px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* slothui padding-right */
.ui-pr-1 {
  padding-right: 1px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* slothui margin */
.ui-m-0 {
  margin: 0px !important; }

.ui-m-1 {
  margin: 1px !important; }

.ui-m-2 {
  margin: 2px !important; }

.ui-m-3 {
  margin: 3px !important; }

.ui-m-4 {
  margin: 4px !important; }

.ui-m-5 {
  margin: 5px !important; }

.ui-m-10 {
  margin: 10px !important; }

.ui-m-15 {
  margin: 15px !important; }

.ui-m-20 {
  margin: 20px !important; }

.ui-m-25 {
  margin: 25px !important; }

.ui-m-30 {
  margin: 30px !important; }

.ui-m-35 {
  margin: 35px !important; }

.ui-m-40 {
  margin: 40px !important; }

.ui-m-45 {
  margin: 45px !important; }

.ui-m-50 {
  margin: 50px !important; }

/* slothui margin top */
.ui-mt-0 {
  margin-top: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* slothui margin bottom */
.ui-mb-0 {
  margin-bottom: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* slothui margin left */
.ui-ml-0 {
  margin-left: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* slothui margin right */
.ui-mr-0 {
  margin-right: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 字体加粗 */
.ui-fw-1 {
  font-weight: 600 !important; }

.ui-fw-2 {
  font-weight: 600 !important; }

.ui-fw-3 {
  font-weight: 600 !important; }

.ui-fw-4 {
  font-weight: 600 !important; }

.ui-fw-5 {
  font-weight: 600 !important; }

.ui-fw-6 {
  font-weight: 600 !important; }

/* slothui line-height */
.ui-lh-20 {
  line-height: 20px; }

/* slothui border-left */
.ui-border-left-1-lightgrey {
  border-left: 1px solid lightgrey; }

/* slothui align-items */
.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

/* 布局 右侧固定 左侧自适应 */
.slothui-layout-right-drag {
  overflow: hidden;
  height: 100%; }

.slothui-layout-right-drag .content {
  overflow: auto;
  height: 100%; }

.slothui-layout-right-drag .right {
  overflow: auto;
  float: right;
  width: 220px;
  height: 100%; }

/* 卡片布局 */
.sloth-layout-card-drag .right {
  width: 491px;
  padding: 25px 23px;
  background: transparent; }

.sloth-layout-card-drag .sloth-layout-header-title {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px; }

.sloth-layout-card-drag-fixed {
  position: absolute;
  z-index: 9999999999999999999999999999999;
  right: 0;
  bottom: 0;
  text-align: right;
  padding: 19px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
  border: 1px solid #eee;
  -webkit-border-top-left-radius: 30px;
          border-top-left-radius: 30px; }

.sloth-layout-card-drag-fixed .slothui-flow-head {
  display: inline-block;
  height: 60px;
  text-align: center; }

.sloth-layout-card-drag-fixed .slothui-delete-icon80-img,
.sloth-layout-card-drag-fixed .slothui-file-icon164-operation {
  width: 60px; }

.sloth-layout-card-drag-fixed .slothui-delete-icon80-img {
  background: url("/image/icon80-delete-daf42893de65eec0d6f10cea064b73f7.png") no-repeat center center;
  background-size: 100% 100%; }

.sloth-layout-card-drag-fixed .slothui-file-icon164-operation {
  background: url("/image/icon164-operation-e8962c5d862cbe1390de4ff9ea0d7485.png") no-repeat center center;
  background-size: 100% 100%; }

/* 卡片 slothui-card */
.slothui-card {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05);
          box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05);
  -webkit-border-radius: 4px;
          border-radius: 4px; }

.slothui-panle {
  overflow: hidden;
  width: 445px;
  min-height: 100px;
  background: #f3f4f4;
  -webkit-border-radius: 6px;
          border-radius: 6px; }

.slothui-panle .slothui-header {
  padding: 12px 21px 14px;
  background: #fcfcfc;
  border-bottom: 1px solid #F3F3F3; }

.slothui-panle .slothui-header h1 {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-size: 16px;
  padding: 4px 0;
  font-weight: 600;
  line-height: 22px;
  color: #393939; }

.slothui-card-body {
  overflow: hidden;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6); }

/* 卡片 slothui-card-team */
.slothui-card-team {
  position: relative;
  width: 348px;
  -webkit-border-radius: 7px;
          border-radius: 7px;
  border: 1px solid #dcdddd; }

.slothui-card-team .slothui-header {
  padding: 10px 25px 14px 23px;
  border-bottom: 1px solid #F3F3F3;
  background: #e6e7e7; }

.slothui-card-team .slothui-header h1 {
  font-family: PingFangSC-Medium, PingFang SC;
  font-size: 16px;
  font-weight: 500;
  color: #393939;
  line-height: 22px; }

.slothui-card-team .slothui-card-body {
  padding: 21px 25px 20px 23px;
  background: transparent; }

.slothui-card-team .slothui-card-team-body {
  max-height: 300px;
  overflow-y: auto; }

/* 卡片 slothui-card-default */
.slothui-card-default {
  position: relative;
  width: 300px;
  background: #FFFFFF;
  -webkit-border-radius: 4px;
          border-radius: 4px; }

.slothui-card-default .slothui-header {
  padding: 8px 10px 10px 12px;
  background: #3AA0FF;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px; }

.slothui-card-default .slothui-header h1, .slothui-header .edit-title {
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px; }

.slothui-header .edit-title {
  border: none;
  background: transparent; }

.slothui-card-default .slothui-card-body {
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
  line-height: 20px;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

.slothui-card-default .slothui-card-body .slothui-panel-list {
  margin-top: 12px; }

.slothui-card-default .slothui-card-body textarea.comment {
  width: 100%;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: #393939;
  line-height: 20px;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

/* 卡片底部 评论，转发 点赞 喜欢等功能 */
.slothui-card-footer {
  position: relative;
  padding: 12px;
  border-top: 1px solid #f2f2f2; }

.slothui-card-footer .edit-comment {
  position: relative;
  width: 193px;
  height: 30px; }

.slothui-card-footer .edit-comment,
.slothui-card-footer .edit-comment input {
  background: #D8D8D8;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
          border-radius: 2px;
  opacity: 0.4; }

.slothui-card-footer .edit-comment input {
  display: block;
  width: 100%;
  padding: 6px 50px 6px 10px;
  border: none; }

.slothui-card-footer .edit-comment span {
  position: absolute;
  top: 6px;
  right: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

.slothui-card-footer .slothui-header-right {
  top: 50%;
  right: 0;
  margin-top: -7px; }

.slothui-card-footer .slothui-header-right li {
  margin-right: 15px; }

.slothui-card-footer .slothui-header-right li:last-child {
  margin-right: 11px; }

.slothui-header-right .zhuanfa {
  margin-left: 13px;
  background: url("/image/icon-zhuanfa-28c678bb7adf39c601300dbed8e5329d.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-header-right a.zhuanfa:hover {
  background: url("/image/icon-zhuanfa-hover-145d2df99d86abec3206c12154c7405c.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-header-right .dianzan {
  background: url("/image/icon-zan-5a050460ed26f1314d61ffaed75322bb.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-header-right a.dianzan:hover {
  background: url("/image/icon-zan-hover-33717b63703d0a5467f4f976dff25159.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-header-right .dianzan.like,
.slothui-header-right .dianzan.like:hover {
  background: url("/image/icon32-zan-ed-ff759c1e66c8db5dfe4ceb6edbd1a24d.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-header-right .star {
  margin-right: 0;
  background: url("/image/icon-star-5ccd1f3fab715a9004933754704a9664.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-header-right a.star:hover {
  background: url("/image/icon-star-hover-2fd0aa00478018ac695a70884be76d69.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-header-right .star.stared,
.slothui-header-right a.star.stared:hover {
  margin-right: 0;
  background: url("/image/icon32-star-ed-a9831c931ddcb3b6581dec11f72a26e2.png") no-repeat center center;
  background-size: 100% 100%; }

/* 卡片 右侧的排列 */
.slothui-header-right {
  position: absolute;
  top: 14px;
  right: 10px; }

.slothui-header-right li {
  float: left;
  margin-right: 12px; }

.slothui-header-right li:last-child {
  margin-right: 10px; }

.slothui-header-right li a {
  display: block;
  width: 14px;
  height: 14px;
  background: red; }

.slothui-header-right li a.operation1 {
  background: url(/image/icon28-operation1-680bbf3a21ec896b6ee55c352cf85ebf.png) no-repeat center center;
  background-size: 14px 14px; }

.slothui-header-right li a.dropdown {
  background: url(/image/drppdown-44dcb9bb1afcaf6727ac58ba5f57317c.png) no-repeat center center;
  background-size: 12px 7px; }

.slothui-header-right li a.dropup {
  background: url(/image/dropup-765ad87e7dd1f231833d9b3951f27071.png) no-repeat center center;
  background-size: 12px 7px; }

.slothui-header-right li a.operation {
  background: url(/image/operation-8764c0e9590f400941f18666789c0079.png) no-repeat center center;
  background-size: 15px 3px; }

/* 卡片 点击右侧的更多功能，展开下来列表 */
.slothui-card-pannel-operation {
  overflow: hidden;
  position: absolute;
  top: 35px;
  right: 0;
  z-index: 1;
  width: 101px;
  background: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #E9E9E9; }

.slothui-card-pannel-operation a {
  display: block;
  font-family: PingFangSC-Regular, PingFang SC;
  padding: 9px 0 13px 15px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 22px; }

i.icon-img {
  display: inline-block;
  position: relative;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  margin-right: 4px; }

.icon-design {
  background: url("/image/icon-design-62062a0d77445d361e16858981e76632.jpeg") no-repeat center center;
  background-size: 100% 100%; }

.icon-delete {
  background: url("/image/icon-delete-dc84697b0c08b1106480affead914e59.jpeg") no-repeat center center;
  background-size: 100% 100%; }

.icon-report {
  background: url("/image/icon-report-69cc374eed358306beee1ea1cec4755d.jpeg") no-repeat center center;
  background-size: 100% 100%; }

.icon-return {
  background: url("/image/icon-return-da662a14cb572e375f63c95a86b7e17a.jpeg") no-repeat center center;
  background-size: 100% 100%; }

.icon-mark {
  background: url("/image/icon-mark-49a12bee0978e08bae6287fb1eb24faa.jpeg") no-repeat center center;
  background-size: 100% 100%; }

/* 列表排序 一行占两列的 */
.slothui-list-flow-half {
  padding: 20px 0 10px; }

.slothui-list-flow-half:after {
  content: "";
  display: block;
  clear: both; }

.slothui-flow-half {
  display: block;
  width: 50%;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  padding: 5px 13px 7px;
  background: #3AA0FF;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* 列表 头像下有文字 */
.slothui-list-flow {
  overflow: hidden;
  background: #f3f4f4; }

.slothui-list-flow-head:after {
  content: "";
  display: block;
  clear: both; }

.slothui-flow-head {
  text-align: center;
  padding: 10px; }

.slothui-flow-head img {
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
          border-radius: 50%; }

.slothui-flow-head p {
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 20px; }

/* 列表 头像没有文字 图片大 */
.slothui-list-flow-lg .slothui-flow-head {
  padding: 0; }

.slothui-list-flow-lg img {
  width: 60px;
  height: 60px; }

/* 标题类型1: 标题带数字 */
.slothui-more {
  display: block;
  width: 100%;
  padding: 7px;
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999;
  line-height: 14px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.slothui-title1,
.slothui-title1 span.num {
  font-size: 12px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: 17px;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

.slothui-title1 span.num {
  padding-left: 11px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #999; }

/* 信息列表 左侧是圆角图片 右侧上下两行：名称和时间(上行) 详情（下行） */
.slothui-panel-list {
  position: relative;
  overflow: hidden; }

.slothui-panel-list li {
  position: relative;
  padding-bottom: 13px; }

.slothui-panel-list li:after {
  content: "";
  display: block;
  clear: both; }

.slothui-panel-list li img {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
          border-radius: 50%; }

.slothui-panel-list li .per-panel-info {
  margin-left: 7px; }

.slothui-panel-list .delete-cur-comment {
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 1;
  margin-top: -20px;
  width: 11px;
  height: 14px;
  background: url("/image/icon-delete-960fa09e0619813dc84496aeb5e2df7e.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-panel-list a.delete-cur-comment:hover {
  background: url("/image/icon-delete-hover-a516924ce695f041ab75598b4a015356.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-panel-list .per-panel-info .user-title,
.slothui-panel-list .per-panel-info .user-title span {
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #777;
  line-height: 14px;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

.slothui-panel-list .per-panel-info .user-title span {
  padding-left: 6px;
  color: #999; }

.slothui-panel-list .per-panel-info p {
  width: 212px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

/* 颜色列表 */
.slothui-drag-group-color {
  position: absolute;
  left: 0;
  top: 83px;
  z-index: 99;
  overflow: hidden; }

.slothui-drag-group-color li {
  list-style: none;
  width: 20px;
  height: 35px;
  background: pink;
  margin: 3px 0; }

/* 标题列表 下一个叠在上一个5像素 */
.slothui-kinds-card-title {
  background: #F2637B;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 8px 10px 10px 10px;
  margin-top: -5px;
  border: 1px solid #DED8D8; }

.slothui-kinds-card-title:first-child {
  margin-top: 0; }

.slothui-title-list a {
  display: block;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px; }

.tab-content .slothui-list-flow-half {
  min-height: 318px; }

/* 按钮 */
/* min-width: 70px; */
.slothui-btn {
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 6px 20px;
  border: none;
  background: #0088DB;
  background-image: -webkit-linear-gradient(135deg, #00B9FF 0%, #0088DB 100%);
  line-height: 22px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  cursor: pointer; }

.slothui-btn.slothui-btn-lr-sm {
  padding: 6px 13px; }

.slothui-btn-tb-ml-lr-m {
  padding: 6px 32px; }

.slothui-btn.slothui-btn-tb-ml-lr-lg {
  padding: 9px 42px; }

.slothui-btn.slothui-btn-tb-ml {
  padding: 9px 20px; }

.slothui-btn.slothui-btn-xm-sm {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 18px;
  color: #fff; }

.slothui-btn.slothui-btn-lg-sm {
  padding: 6px 26px;
  font-size: 14px;
  background: #0091DB; }

.slothui-btn.slothui-btn-sm {
  padding: 6px 16px;
  font-size: 14px;
  background: #0091DB; }

.slothui-btn.slothui-btn-slg {
  padding: 16px 65px;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 400; }

.slothui-btn.slothui-btn-normal-linear {
  background-image: -o-linear-gradient(315deg, #00B9FF 0%, #0088DB 100%);
  background-image: linear-gradient(135deg, #00B9FF 0%, #0088DB 100%); }

.slothui-btn-cerulean {
  background: #00B3F6; }

.slothui-btn:hover {
  background: #38C9FF;
  -webkit-border-radius: 2px;
          border-radius: 2px; }

.slothui-btn.slothui-btn-normal {
  font-size: 14px;
  color: #51575C;
  text-align: center;
  background: #F3F5F8;
  border: 1px solid #DCE2E9; }

.slothui-btn.slothui-btn-normal.disable {
  background: #EFF3FB;
  border: 1px solid #EFF3FB;
  color: #BCBFC1; }

.slothui-btn-m-full {
  width: 100%;
  padding: 9px 0; }

.slothui-btn-sm-full {
  width: 100%;
  padding: 6px 0; }

/* slothui header */
.slothui-top-header-container {
  width: 100%;
  min-height: 64px; }

.slothui-top-header-container-nologin {
  -webkit-box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05);
          box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05); }

.slothui-top-header {
  width: 1200px;
  min-height: 64px;
  margin: 0 auto;
  background: #0091DB; }

.slothui-top-header .logo {
  display: block;
  padding-top: 18px;
  height: 28px;
  margin-left: 24px;
  cursor: pointer; }

.slothui-top-header .logo img {
  display: block;
  height: 28px; }

.slothui-top-header-container-logined {
  background: #0091DB; }

.slothui-top-header-logined {
  width: 100%; }

/* 菜单 start */
.slothui-nav-menu {
  overflow: hidden; }

.slothui-nav-menu .short_tag {
  padding: 19px; }

.slothui-nav-menu li {
  position: relative;
  float: left;
  padding: 24px 24px; }

.slothui-nav-menu li a {
  overflow: hidden;
  font-size: 14px;
  color: #333;
  line-height: 14px;
  text-decoration: none; }

.slothui-nav-menu li.current a,
.slothui-nav-menu li a:hover {
  color: #0091DB; }

.slothui-nav-menu li.current::after {
  content: '';
  position: absolute;
  left: 28px;
  bottom: 0;
  z-index: 1;
  width: -webkit-calc(100% - 56px);
  width: calc(100% - 56px);
  height: 2px;
  border: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  background: #0091DB; }

.slothui-nav-menu-bg {
  background: #0091DB; }

.slothui-nav-menu-bg li a {
  color: #fff;
  opacity: 0.6; }

.slothui-nav-menu-bg li.current a,
.slothui-nav-menu-bg li a:hover {
  font-size: 14px;
  color: #fff;
  line-height: 14px;
  opacity: 1; }

/* 菜单 end */
/* 菜单 menu-list start */
.slothui-nav-list li {
  float: left;
  position: relative; }

.slothui-nav-list li a {
  display: block;
  padding: 24px 10px 22px 10px;
  line-height: 20px;
  font-size: 14px;
  color: #fff; }

.slothui-nav-list li.current,
.slothui-nav-list li:hover {
  background: #0082c5;
  color: #fff; }

.slothui-nav-list-bar {
  overflow: hidden;
  width: 210px;
  position: absolute;
  right: 0;
  top: 66px;
  z-index: 100;
  padding-top: 6px; }

.slothui-nav-list-bar {
  display: none; }

.slothui-nav-list li:hover .slothui-nav-list-bar {
  display: block; }

.slothui-nav-list-bar-main {
  overflow: hidden;
  padding: 15px 0;
  width: 210px;
  background: #fff;
  border: 1px solid #E9EAEE;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 4px;
          border-radius: 4px; }

.slothui-nav-list .slothui-nav-list-bar a {
  display: block;
  color: #51575C; }

.slothui-nav-list .slothui-nav-list-bar a:hover {
  background: #effaff;
  color: #0091DB; }

/* 菜单 menu-list end */
/* 修改layui的Tab样式 start */
.slothui-layui-tab .layui-tab-title {
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #F3F5F8; }

.slothui-layui-tab > .layui-tab-title .layui-this {
  font-size: 14px;
  color: #0091DB;
  letter-spacing: 0;
  line-height: 46px; }

.slothui-layui-tab .layui-tab-title .layui-this:after {
  height: 47px;
  border-bottom: 2px solid #0091DB; }

.slothui-layui-tab .layui-tab-title li {
  font-family: PingFangSC-Regular;
  padding: 0 19px;
  line-height: 46px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 14px;
  color: #666;
  letter-spacing: 0; }

.slothui-layui-tab .layui-tab-item {
  font-size: 13px;
  color: #51575C;
  line-height: 24px; }

/* 修改layui的Tab样式 end */
/* 修改layui的Card样式 start */
.slothui-card-normal {
  border: 1px solid #ddd; }

.slothui-card-normal .slothui-card-header {
  padding: 11px 12px;
  font-size: 16px;
  color: #252D33;
  text-align: left;
  background: #f3f5f8; }

.slothui-card-normal .slothui-card-body {
  padding: 12px;
  font-size: 13px;
  color: #929699; }

/* 修改layui的Card样式 end */
.main-right-container {
  width: -webkit-calc(100% - 240px);
  width: calc(100% - 240px);
  padding: 0 30px 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.slothui-breadcrumb-container {
  height: 22px;
  margin: 21px 0 17px; }

.layui-breadcrumb a {
  font-size: 14px;
  line-height: 22px;
  color: #929699; }

.layui-breadcrumb a cite {
  color: #252D33; }

/* 18中颜色 end: 这18种颜色，和slothui里有相同颜色，但是名不相同，尽量用slothui里的样式名 */
.bg-light-blue {
  background-color: #ecf5ff !important; }

.bg-lightgrey {
  background-color: #f3f3f3 !important; }

.background-color-1 {
  background-color: #22d7bb !important; }

.background-color-2 {
  background-color: #18bfa4 !important; }

.background-color-3 {
  background-color: #2cccda !important; }

.background-color-4 {
  background-color: #2dbcff !important; }

.background-color-5 {
  background-color: #4e8af9 !important; }

.background-color-6 {
  background-color: #7076fa !important; }

.background-color-7 {
  background-color: #9473fd !important; }

.background-color-8 {
  background-color: #c472ee !important; }

.background-color-9 {
  background-color: #ef7ede !important; }

.background-color-10 {
  background-color: #f969aa !important; }

.background-color-11 {
  background-color: #fc587b !important; }

.background-color-12 {
  background-color: #fa5a55 !important; }

.background-color-13 {
  background-color: #ff7747 !important; }

.background-color-14 {
  background-color: #ffa415 !important; }

.background-color-15 {
  background-color: #ffd234 !important; }

.background-color-16 {
  background-color: #99d75a !important; }

.background-color-17 {
  background-color: #42973c !important; }

.background-color-18 {
  background-color: #39ba5d !important; }

/* 18中颜色 end */
.select-member-list .member-list-group .group-title {
  position: relative; }

.select-member-list .member-list-group .group-title .checked-icon {
  position: absolute;
  visibility: visible;
  color: #22d7bb;
  right: 20px; }

.select-member-list .member-list-group .group-title .checked-icon i.wtf {
  font-size: 16px; }

.select-member-list .member-list-group .group-title.active {
  background-color: rgba(34, 215, 187, 0.1);
  color: #22d7bb; }

/* 小圆圈的背景色 */
.avatar-default {
  background-color: #39ba5d; }

/* tag */
.slothui-tag-yes {
  position: relative;
  right: -3px;
  top: 1px;
  z-index: 1;
  width: 10px;
  height: 10px;
  display: inline-block;
  background: url("/image/others/yes-117c6a0ad3a85e45e3aa1c65510cdf79.png") no-repeat center center;
  background-size: 100% 100%; }

/* 排期助手里 */
.fc-content.slothui-fc-content:after {
  display: none; }

.slothui-fc-content .sloth-status-icon {
  position: absolute;
  top: 0;
  right: 4px;
  font-size: 12px;
  color: #888; }

/* 修改Tab的样式 */
.slothui-nav-primary-list {
  background: #fff; }

.slothui-nav-primary-list a.nav-link {
  padding: 27px 18px;
  min-width: 54px;
  margin-right: 0; }

.slothui-nav-primary-list a.nav-link.active,
.slothui-nav-primary-list a.nav-link:hover {
  border-bottom: none;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #3D7FFF;
  line-height: 22px; }

.slothui-btn-group-btn .btn.active,
.slothui-btn-group-btn .btn:hover {
  color: #fff !important;
  border-color: #3D7FFF !important;
  background: #3D7FFF; }

/*左侧菜单栏*/
.body-bg {
  background-color: #cccccc;
  height: 100%; }

.solt-header {
  height: 58px;
  line-height: 58px;
  padding-left: 30px;
  padding-right: 40px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #929699;
  border-bottom: 1px solid #F3F5F8; }

.slot-menu {
  width: 240px; }

.navigation-two {
  padding-left: 10px; }

.disable {
  pointer-events: none; }

/* 
头部导航栏文档说明样式
 */
.explain {
  font-size: 14px;
  color: #5e6d82;
  padding-top: 20px;
  padding-bottom: 10px; }

.wrap-tab {
  padding-top: 20px; }

.to-bottom {
  width: 4px;
  height: 4px;
  background-color: red; }

/* 
面包屑
*/
.breadcrumb > li + li:before {
  color: #929699;
  content: "/ ";
  padding: 0 8px; }

.breadcrumb > li > a {
  color: #929699;
  text-decoration: none; }

.breadcrumb > li > a:hover {
  color: #929699; }

.breadcrumb > .active {
  color: #252D33;
  font-style: normal; }

.breadcrumb > .active:hover {
  color: #252D33;
  font-style: normal; }

::-webkit-scrollbar {
  width: 6px;
  height: 9px;
  -webkit-appearance: none; }

.main-layout .main-body .main-body-side ::-webkit-scrollbar {
  width: 4px; }

.main-layout .task-board ::-webkit-scrollbar-track-piece {
  background-color: #9c6464; }

::-webkit-scrollbar-track-piece {
  background-color: #eee; }

::-webkit-scrollbar-thumb {
  background: #ddd;
  -webkit-border-radius: 10px;
          border-radius: 10px; }

::-webkit-scrollbar-thumb:vertical:hover {
  background: #b7b7b7; }

::-webkit-scrollbar-thumb:horizontal:hover {
  background: #b7b7b7; }

html {
  height: 100%;
  overflow: auto; }

body {
  min-height: 100%; }

.slothui-top-header-container-logined {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999; }

.slothui-top-header-container-logined,
.slothui-top-header-logined,
.main-content-container {
  min-width: 1200px; }

.main-content-container {
  position: absolute;
  left: 0;
  top: 66px;
  right: 0;
  bottom: 95px;
  z-index: 1;
  height: -webkit-calc(100vh - 66px);
  height: calc(100vh - 66px); }

.main-content-container .main-left-container,
.slothui-slidebar-container {
  height: -webkit-calc(100vh - 161px);
  height: calc(100vh - 161px); }

.main-right-container {
  min-height: -webkit-calc(100vh - 161px);
  min-height: calc(100vh - 161px);
  border-left: 1px solid #F3F5F8; }

/* 标题样式 */
.slothui-pageTitle, .slothui-smTitle {
  color: #252D33; }

.slothui-cardTitle {
  font-size: 30px;
  color: #404040; }

.slothui-pageTitle {
  font-size: 18px; }

.slothui-smTitle {
  font-size: 16px; }

.slothui-title-18 {
  font-weight: 600;
  font-size: 18px;
  line-height: 56px;
  color: #252D33;
  text-align: left; }

.slothui-title-sm {
  font-size: 600;
  font-size: 13px;
  color: #252D33; }

.slothui-title-lg {
  line-height: 45px;
  font-size: 32px;
  color: #252D33; }

html,
body {
  width: 100%;
  height: 100%; }

.slothui-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }

.slothui-main-left {
  width: 240px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  overflow: hidden; }

.sloth-main-right {
  margin-left: 260px;
  height: 100%;
  padding: 20px 0 20px; }

input[disabled] {
  cursor: not-allowed !important; }

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-size: 13px !important;
  color: #BCBFC1 !important; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 13px !important;
  color: #BCBFC1 !important; }

.layui-input ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 13px !important;
  color: #BCBFC1 !important; }

.layui-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 13px !important;
  color: #BCBFC1 !important; }

.layui-layer .layui-layer-title {
  height: 55px;
  font-size: 16px;
  color: #333333;
  line-height: 55px;
  font-weight: bold;
  background: #ffffff;
  border-color: #F3F5F8; }

body .layui-laydate .layui-this {
  background-color: #0091DB !important;
  color: #fff !important; }

body .layui-laydate-footer span:hover {
  color: #0091DB !important; }

.layui-nav-tree.slothui-nav-tree-paystyle {
  width: 240px;
  background-color: #fff; }
  .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-item a {
    font-size: 14px;
    color: #252D33;
    height: 40px;
    line-height: 40px;
    padding: 0 30px; }
    .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-item a:hover {
      background-color: #EFF8FD;
      color: #0091DB; }
  .layui-nav-tree.slothui-nav-tree-paystyle > .layui-this,
  .layui-nav-tree.slothui-nav-tree-paystyle > .layui-this > a {
    color: #0091DB;
    background-color: #F3F5F8;
    -webkit-box-shadow: inset 4px 0 0 0 #0091DB;
            box-shadow: inset 4px 0 0 0 #0091DB; }
  .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-child a {
    font-size: 14px;
    color: #252D33;
    line-height: 24px; }
  .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-more {
    border: none;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    background: url("/image/others/icon28-hidden-ce84658bc09dde071aa7d39d1b11e477.png") no-repeat center center;
    background-size: 100% 100%; }
  .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-itemed {
    font-size: 14px;
    background: #EFF8FD; }
    .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-itemed a {
      font-size: 14px;
      color: #252D33 !important;
      line-height: 40px;
      background: #EFF8FD; }
    .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-itemed > .layui-nav-child {
      background-color: #EFF8FD !important; }
      .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-itemed > .layui-nav-child a {
        padding-left: 47px;
        font-size: 12px;
        background: url("/image/others/icon8-dot-white-9d1f1a6b581a000cef4bcd035bf5690d.png") no-repeat 30px center;
        background-size: 4px 4px; }
      .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-itemed > .layui-nav-child dd.layui-this,
      .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-itemed > .layui-nav-child dd.layui-this > a {
        font-size: 12px;
        color: #0091DB !important;
        line-height: 40px;
        background: url("/image/others/icon8-dot-blue-7ebb02bf787b0ded810ef4e95f7a8f6c.png") no-repeat 30px center;
        background-size: 4px 4px; }
    .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-itemed .layui-nav-more {
      background: url("/image/others/icon28-show-8de24f942f132db15b7eb3fdceb050ea.png") no-repeat center center;
      background-size: 100% 100%; }
  .layui-nav-tree.slothui-nav-tree-paystyle .layui-nav-bar {
    display: none; }

.slothui-guide-page-box {
  background: #fff; }
  .slothui-guide-page-box .slothui-pageTitle {
    font-size: 18px; }
  .slothui-guide-page-box .slothui-pageTitle-weight {
    font-weight: 600; }
  .slothui-guide-page-box .slothui-smTitle {
    font-size: 16px; }
  .slothui-guide-page-box .slothui-demo-content {
    position: relative;
    margin: 0 auto;
    width: 1200px; }
  .slothui-guide-page-box .slothui-nav-bg {
    background: #EFF3FB; }
  .slothui-guide-page-box .slothui-demo-content-bg {
    background: #EFF3FB; }
  .slothui-guide-page-box .slothui-p-absolute {
    position: absolute;
    top: 10px;
    right: 0;
    height: 308px;
    background: #EFF3FB; }
  .slothui-guide-page-box .slothui-p-relative {
    position: relative;
    width: 1200px;
    height: 120px;
    background: #EFF3FB; }
  .slothui-guide-page-box .slothui-img-box {
    height: 220px; }
  .slothui-guide-page-box .slothui-LH-48 {
    line-height: 48px; }
  .slothui-guide-page-box .slothui-fs-12 li a {
    font-size: 12px; }
  .slothui-guide-page-box .layui-tab {
    margin: 0; }
  .slothui-guide-page-box .slothui-tab li {
    margin-right: 39px; }
  .slothui-guide-page-box .sloth-word-enter {
    display: inline-block;
    color: #0091DB;
    cursor: pointer; }
  .slothui-guide-page-box .slothui-demo-content .layui-tab-content {
    padding: 0; }
  .slothui-guide-page-box .slothui-apply-btn {
    display: block;
    margin: 0 auto; }
  .slothui-guide-page-box .ui-pl-162 {
    padding-left: 162px !important; }
  .slothui-guide-page-box .ui-w-w445 {
    width: 445px;
    text-align: justify; }
  .slothui-guide-page-box .ui-pt-32 {
    padding-top: 32px; }
  .slothui-guide-page-box .ui-pt-24 {
    padding-top: 24px; }
  .slothui-guide-page-box .ui-pb-12 {
    padding-bottom: 12px; }
  .slothui-guide-page-box .ui-pb-21 {
    padding-bottom: 21px; }
  .slothui-guide-page-box .ui-w-w660 {
    width: 660px; }
  .slothui-guide-page-box .ui-pt-38 {
    padding-top: 38px; }
  .slothui-guide-page-box .ui-mb-16 {
    margin-bottom: 16px; }
  .slothui-guide-page-box .ui-w-w230 {
    width: 230px; }
  .slothui-guide-page-box .ui-lh-20 {
    line-height: 24px; }

.slothui-demo-content-bg-black {
  width: 100%;
  background: #181818; }
  .slothui-demo-content-bg-black .slothui-top-link-list-black {
    width: 100%;
    padding: 8px 0;
    background: #181818; }
    .slothui-demo-content-bg-black .slothui-top-link-list-black .slothui-top-link-list-content a {
      padding-right: 40px;
      color: #fff;
      opacity: 0.5;
      font-size: 12px; }
    .slothui-demo-content-bg-black .slothui-top-link-list-black .slothui-top-link-list-content .active {
      opacity: 1; }

.slothui-customer-service {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 999;
  margin-top: -91px;
  width: 64px;
  background-image: -o-linear-gradient(315deg, #00B9FF 0%, #0088DB 100%);
  background-image: linear-gradient(135deg, #00B9FF 0%, #0088DB 100%); }
  .slothui-customer-service .slothui-top-service,
  .slothui-customer-service .slothui-bottom-phone {
    position: relative;
    padding: 15px 18px; }
    .slothui-customer-service .slothui-top-service img,
    .slothui-customer-service .slothui-bottom-phone img {
      display: block;
      width: 27px;
      height: 24px;
      margin-bottom: 10px;
      margin: 0 auto; }
    .slothui-customer-service .slothui-top-service p,
    .slothui-customer-service .slothui-bottom-phone p {
      margin-top: 10px;
      line-height: 20px;
      font-size: 14px;
      color: #fff;
      text-align: center; }
  .slothui-customer-service .slothui-middle-line {
    width: 70px;
    height: 1px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.5); }
  .slothui-customer-service .tel-show-box {
    position: absolute;
    left: -177px;
    bottom: 0;
    width: 166px;
    height: 68px;
    background: #fff; }
  .slothui-customer-service .slothui-suspension-service-phone-list {
    position: absolute;
    left: -184px;
    top: -18px;
    z-index: 99;
    width: 181px;
    height: 122px;
    padding: 15.5px 26px 0;
    background: url("/image/merchant-plat/service-bg-af4cf4992d98108476c7b694b3c353a1.png") no-repeat center center;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .slothui-customer-service .slothui-suspension-service-phone-list .phone-title {
      font-size: 12px;
      color: #929699;
      letter-spacing: 0;
      line-height: 22px; }
    .slothui-customer-service .slothui-suspension-service-phone-list .phone-detail {
      font-size: 16px;
      color: #252D33;
      letter-spacing: 0;
      line-height: 22px;
      margin-bottom: 2px; }

.slotui-content {
  padding: 32px 16px 16px 28px; }

body .btn-style-change .layui-layer-btn0 {
  background: #F3F5F8 !important;
  border: 1px solid #DCE2E9 !important;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #51575C !important;
  text-align: center;
  line-height: 30px; }

body .btn-style-change .layui-layer-btn1 {
  background: #0091DB !important;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #FFFFFF !important;
  text-align: center;
  line-height: 30px; }

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

.border-box {
  margin: 20px 40px;
  border-bottom: 1px solid #dddddd; }

.deatil-title {
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #929699;
  text-align: right;
  margin-bottom: 20px;
  text-align: right;
  padding-right: 20px; }

.deatil-value {
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #252D33;
  text-align: left; }

.last-box {
  border: unset !important; }

.layui-btn-normal {
  margin-bottom: 10px; }

.slothui-apply-form {
  padding: 20px 62px 67px 62px;
  border-bottom: 1px solid #eee; }
  .slothui-apply-form .layui-form-item .layui-form-label {
    font-size: 13px;
    color: #51575C; }
  .slothui-apply-form .layui-form-item .slothui-no-input-value {
    font-size: 13px;
    color: #252D33; }

.edit-contact-info-style {
  padding: 20px 62px 21px 62px !important; }

.slothui-apply-form .layui-form .layui-form-item .slothui-form-item-required::before {
  content: '*';
  position: relative;
  top: 5px;
  margin-right: 4px;
  font-size: 18px;
  color: #FF2A2A; }

.use-agreement-content-style {
  margin: 32px 30px; }

.btn-style-use-agreement .layui-layer-btn-c {
  margin-top: 32px;
  border-top: 1px solid #eee;
  padding-bottom: 16px; }

.new-adress-style {
  padding: 20px 62px 47px 62px !important; }

.slothui-margin-left28 {
  margin-left: 28px; }

.slothui-a-color {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #0091DB;
  line-height: 22px; }

.slothui-no-input-value {
  line-height: 40px; }

.slothui-code-width {
  width: 230px; }

.slothui-top-title-style {
  width: 100%;
  height: 40px;
  background: #E3F5FF;
  border: 1px solid #AADAF2;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #51575C;
  letter-spacing: 0;
  line-height: 40px;
  text-align: left; }

.slothui-electronic-signature-style {
  padding: 10px 20px !important; }

.slothui-form-item-padding {
  padding: 20px 62px 21px 62px !important; }

.slothui-form-item-padding-2 {
  padding: 20px 30px 21px; }
  .slothui-form-item-padding-2 .layui-form-label {
    width: 110px; }
  .slothui-form-item-padding-2 .layui-input-block {
    margin-left: 140px; }

.slothui-codebtn-style {
  float: right;
  display: inline-block;
  width: 130px;
  height: 34px;
  margin-top: -38px;
  line-height: 34px;
  color: #FFFFFF;
  background: #0091DB;
  border: 1px solid #DCE2E9;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  cursor: pointer;
  text-align: center; }
  .slothui-codebtn-style:hover {
    border-color: #38C9FF !important;
    background: #38C9FF !important; }
  .slothui-codebtn-style.disabled, .slothui-codebtn-style.disabled:hover {
    background: #F3F5F8 !important;
    border: 1px solid #DCE2E9 !important;
    color: #51575C;
    cursor: not-allowed; }

.slothui-codebtn-style-active {
  color: #51575C !important;
  background: #F3F5F8 !important;
  border: 1px solid #DCE2E9;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  display: inline-block;
  width: 130px;
  height: 34px;
  float: right;
  margin-top: -38px;
  line-height: 34px;
  text-align: center; }

.slothui-icon-color {
  margin: 0 8px 0 15px;
  color: #0091DB; }

.slothui-dialog-success {
  padding: 32px 16px 16px 28px; }
  .slothui-dialog-success .slothui-layui-icon-ok {
    width: 18px;
    height: 18px;
    background: #22B888;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 600; }
  .slothui-dialog-success .slothui-layui-icon-ok:before {
    content: "\e605"; }
  .slothui-dialog-success .slothui-dialog-content {
    margin: 0 12px 10px 6px;
    display: inline-block;
    font-family: 600;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85); }
  .slothui-dialog-success .count-down-info {
    font-size: 14px;
    color: #51575C;
    line-height: 22px;
    margin-left: 22px; }

.layui-layer-btn .layui-layer-btn0 {
  border-color: #0091DB !important;
  color: #fff;
  background: #0091DB !important;
  -webkit-border-radius: 2px;
          border-radius: 2px; }

.layui-layer-btn .layui-layer-btn0:hover {
  border-color: #38C9FF !important;
  background: #38C9FF !important; }

.slothui-layer-btn-btn-border .layui-layer-btn {
  border-top: 1px solid #EFF3FB; }

.slothui-layer-delete-confirm-again {
  padding: 32px 16px 16px 28px; }
  .slothui-layer-delete-confirm-again .icon-png {
    position: relative;
    top: -2px; }
  .slothui-layer-delete-confirm-again .delete-confirm-agian {
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85); }
  .slothui-layer-delete-confirm-again .delete-confirm-agian-detail {
    display: block;
    font-family: PingFangSC-Regular;
    margin-left: 25px;
    font-size: 14px;
    color: #51575C;
    line-height: 22px; }

.sloth-access-boxs .sloth-access-box {
  width: 317px;
  height: 120px;
  background: #BCBFC1; }

.sloth-access-boxs .sloth-access-box-next {
  width: 101px;
  height: 120px;
  line-height: 110px;
  text-align: center; }
  .sloth-access-boxs .sloth-access-box-next .sloth-access-box-next-arrow {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/image/icon14-next-d942e10e02115456fc22574cd1d92638.png) no-repeat; }

.slothui-list-line-img4 {
  overflow: hidden; }
  .slothui-list-line-img4 .slothui-list-line-img4-single {
    float: left;
    width: 25%;
    text-align: left; }
    .slothui-list-line-img4 .slothui-list-line-img4-single img {
      display: block;
      width: 228px;
      height: 405px;
      margin-right: 73px; }

.sloth-common-continer {
  width: 100%;
  background-color: #ffffff; }

.sloth-common-footer-logout-wrapper {
  width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #252D33; }
  .sloth-common-footer-logout-wrapper .sloth-common-footer-links .sloth-common-footer-links-group {
    width: 230px;
    height: 250px; }
    .sloth-common-footer-logout-wrapper .sloth-common-footer-links .sloth-common-footer-links-group.sloth-footer-nav-item-pr {
      width: 300px; }
    .sloth-common-footer-logout-wrapper .sloth-common-footer-links .sloth-common-footer-links-group .sloth-block {
      display: block; }
    .sloth-common-footer-logout-wrapper .sloth-common-footer-links .sloth-common-footer-links-group .sloth-common-footer-links-group-title {
      padding-bottom: 23px;
      font-size: 16px;
      font-weight: 700; }
    .sloth-common-footer-logout-wrapper .sloth-common-footer-links .sloth-common-footer-links-group .sloth-common-footer-links-group-item {
      padding-bottom: 12px;
      color: #252D33 !important;
      cursor: pointer; }
    .sloth-common-footer-logout-wrapper .sloth-common-footer-links .sloth-common-footer-links-group .sloth-common-footer-links-group-item:hover {
      color: #252D33 !important; }
  .sloth-common-footer-logout-wrapper .sloth-common-footer-links .sloth-common-footer-qr-code {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #929699;
    text-align: center; }
    .sloth-common-footer-logout-wrapper .sloth-common-footer-links .sloth-common-footer-qr-code .sloth-common-footer-qr-code-img-content {
      width: 114px;
      height: 114px;
      border: 1px solid #cccccc; }
      .sloth-common-footer-logout-wrapper .sloth-common-footer-links .sloth-common-footer-qr-code .sloth-common-footer-qr-code-img-content img.sloth-common-footer-qr-code-img {
        width: 114px;
        height: 114px; }

.sloth-common-footer-copyright {
  height: 95px;
  line-height: 95px;
  border-top: 1px solid #F3F5F8;
  font-family: ArialMT;
  font-size: 12px;
  color: #929699;
  letter-spacing: 0;
  text-align: center; }

.slothui-footer-fixed {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999999;
  text-align: center;
  background: #fff; }

.slothui-form .layui-form .layui-form-item {
  margin-bottom: 20px; }
  .slothui-form .layui-form .layui-form-item .err-text {
    font-size: 12px;
    color: #FF2A2A;
    line-height: 22px;
    margin-top: 10px; }
  .slothui-form .layui-form .layui-form-item .layui-form-label {
    padding: 7px 15px;
    width: 110px;
    color: #929699; }
  .slothui-form .layui-form .layui-form-item .slothui-form-item-required::before {
    content: '*';
    position: relative;
    top: 5px;
    margin-right: 4px;
    font-size: 18px;
    color: #FF2A2A; }
  .slothui-form .layui-form .layui-form-item .layui-input-inline .err-text,
  .slothui-form .layui-form .layui-form-item .layui-input-block .err-text {
    margin-top: 10px;
    line-height: 22px;
    font-size: 12px;
    color: #FF2A2A; }
  .slothui-form .layui-form .layui-form-item .layui-input-block {
    min-height: 34px;
    margin-left: 140px; }
  .slothui-form .layui-form .layui-form-item .layui-input {
    height: 34px;
    line-height: 1; }
  .slothui-form .layui-form .layui-form-item .layui-form-radio {
    margin-top: 2px; }
  .slothui-form .layui-form .layui-form-item .layui-form-mid {
    padding: 7px 0 !important; }
  .slothui-form .layui-form .layui-form-item .layui-form-checkbox[lay-skin="primary"] {
    margin-top: 8px; }
  .slothui-form .layui-form .layui-form-item .layui-form-switch {
    margin-top: 6px; }
  .slothui-form .layui-form .layui-form-item .qrcode-w {
    width: 246px; }
    .slothui-form .layui-form .layui-form-item .qrcode-w .slothui-form-item-qrcode {
      width: 104px;
      height: 34px; }
    .slothui-form .layui-form .layui-form-item .qrcode-w .qrcode-img-toggle {
      font-size: 10px;
      color: #0091DB;
      cursor: pointer; }
  .slothui-form .layui-form .layui-form-item .label-text-detail {
    font-size: 13px;
    color: #51575C;
    padding: 6px 0;
    line-height: 24px; }

.slothui-form .layui-form .layui-form-onswitch {
  border-color: #0091DB;
  background: #0091DB; }

.slothui-form .layui-form .layui-form-checked, .slothui-form .layui-form .layui-form-checked:hover {
  border-color: #0091DB; }

.slothui-form .layui-form .layui-form-checked span {
  background-color: #0091DB; }

.slothui-form .layui-form .layui-form-checked[lay-skin="primary"] span {
  background-color: transparent; }

.slothui-form .layui-form .layui-form-checked[lay-skin="primary"] i {
  border-color: #0091DB !important;
  background-color: #0091DB;
  color: #fff; }

.slothui-form .layui-form .layui-form-radioed > i, .slothui-form .layui-form .layui-form-radio > i:hover {
  color: #0091DB; }

.slothui-form .layui-form .layui-form-select dl dd.layui-this {
  background-color: #0091DB;
  color: #fff; }

.slothui-form .layui-form .slothui-form-btn-input {
  top: 4px; }
  .slothui-form .layui-form .slothui-form-btn-input .layui-form-radio {
    padding-right: 0;
    margin: 0 7px 12px 0; }
    .slothui-form .layui-form .slothui-form-btn-input .layui-form-radio .layui-anim {
      display: none; }
    .slothui-form .layui-form .slothui-form-btn-input .layui-form-radio div {
      padding: 5px 18px;
      line-height: 18px;
      font-size: 14px;
      color: #252D33;
      -webkit-border-radius: 2px;
              border-radius: 2px; }
  .slothui-form .layui-form .slothui-form-btn-input .layui-form-radioed div {
    background: #0091DB;
    color: #fff; }

.slothui-form-query .layui-form .layui-form-item .layui-inline {
  margin-bottom: 20px; }

.slothui-form-query .layui-form .layui-form-item .layui-form-label {
  color: #51575C;
  font-size: 13px;
  width: 70px;
  text-align: left;
  padding-left: 0; }

.slothui-form-query .layui-form .layui-form-item .layui-input {
  border: 1px solid #DCE2E9;
  -webkit-border-radius: 2px;
          border-radius: 2px; }

.slothui-form-query .layui-form .layui-form-item .layui-input-block {
  margin-left: 70px; }

.slothui-form-query .layui-form .layui-form-item .slothui-date input {
  padding-right: 20px;
  background: url("/image/others/date-c5009a2d0a6fed3b66ff99fbe7835927.png") no-repeat right 10px center;
  background-size: 14px 14px; }

.slothui-form-query .layui-form .layui-form-item .slothui-date .date-img {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer; }

.layui-form-line {
  border-bottom: 1px solid #F3F5F8;
  padding-bottom: 10px; }

.radio-onoff {
  display: none;
  text-align: right; }
  .radio-onoff i {
    color: #0091DB;
    font-size: 13px;
    cursor: pointer; }

.slothui-table-td-icon span {
  display: inline-block;
  line-height: 20px;
  height: 20px; }

.slothui-table-td-icon .slothui-table-td-icon-copy {
  background: url("/image/others/copy-fb6f25bc786f544b23971f86a8513bb1.png") no-repeat left top;
  background-size: 20px 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 10px; }

.slothui-form-input-search {
  position: relative; }
  .slothui-form-input-search input {
    padding-right: 34px; }
  .slothui-form-input-search .slothui-form-input-search-icon {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 14px;
    height: 14px;
    border: 10px solid transparent;
    background: url("/image/others/form-icon-search-b87a4d63841805cbcb6db3bba25c0615.png") no-repeat;
    background-size: 14px 14px;
    cursor: pointer; }

/* 登录后首页卡片样式 */
i {
  font-style: normal; }

.slothui-index-card .large-card {
  height: 146px;
  background: #FFFFFF;
  border: 1px solid #DCE2E9;
  padding: 18px 9px 23px 18px;
  margin-bottom: 16px; }

.slothui-index-card .large-card .slothui-card-title {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  margin-bottom: 19px;
  display: inline-block; }

.large-card .large-icon-more {
  color: #999999;
  float: right; }

.large-card-title {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  margin-bottom: 4px; }

.large-card-value {
  font-family: Helvetica;
  font-size: 24px;
  color: #333333;
  line-height: 38px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left; }

.slothui-index-card .small-card {
  height: 186px;
  background: #FFFFFF;
  border: 1px solid #DCE2E9;
  padding: 18px 9px 23px 18px;
  margin-bottom: 16px; }

.slothui-index-card .small-card .slothui-card-title {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  margin-bottom: 19px;
  display: inline-block; }

.small-card .small-icon-more {
  color: #999999;
  float: right; }

.small-card-title {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  margin-bottom: 4px; }

.small-card-value {
  font-family: Helvetica;
  font-size: 24px;
  color: #333333;
  line-height: 38px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left; }

.inline-card-btn {
  float: left;
  margin-top: 12px;
  margin-right: 20px;
  border: 1px solid #0091DB;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  line-height: 16px;
  color: #0091DB;
  text-align: center;
  padding: 4px 18px; }

.slothui-index-card .info-card {
  background: #FFFFFF;
  border: 1px solid #DCE2E9;
  padding: 33px 33px 0;
  margin-bottom: 16px; }

.slothui-index-card .info-card .slothui-card-title {
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #333333;
  line-height: 22px;
  margin-bottom: 19px;
  display: inline-block; }

.slothui-info-status {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #FFFFFF;
  background: #22B888;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding: 1px 4px;
  margin-bottom: 19px;
  display: inline-block; }

.active-class-color {
  background: #FF2A2A; }

.slothui-infomessage {
  margin-bottom: 13px; }

.num-color-font {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #1890FF !important; }

.info-card-tit {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #929699; }

.info-card-val {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #252D33; }

.real-name-go {
  height: 34px;
  background: #0091DB;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  line-height: 34px;
  margin-bottom: 20px; }

.info-card {
  margin-bottom: 16px; }

.slothui-notice-title {
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #333333;
  line-height: 22px; }

.slothui-notice-lookall {
  float: right;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #1890FF; }

.notice-card {
  padding: 34px 25px 34px 34px !important; }

.notice-title-top {
  margin-bottom: 24px !important; }

.notice-infomessage {
  display: inline-block;
  width: 80%;
  font-family: PingFangSC-Regular;
  font-size: 14px !important;
  color: #252D33 !important;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left; }

.notice-date {
  float: right;
  font-family: PingFangSC-Regular;
  font-size: 14px !important;
  color: #252D33 !important; }

.notice-info-and-date {
  margin-bottom: 14px; }

.slothui-login-section {
  position: relative;
  width: 288px;
  padding: 25px 27px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 5px;
          border-radius: 5px; }
  .slothui-login-section .login-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    width: 30px;
    height: 30px;
    background: url(/image/icon-toggle-login-6726deedd186299f9b246df338923303.png) no-repeat;
    background-size: 100%;
    cursor: pointer; }
  .slothui-login-section .login-title {
    line-height: 24px;
    margin-bottom: 18px;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
    text-align: center; }
  .slothui-login-section .account-login {
    padding-bottom: 35px; }
    .slothui-login-section .account-login .layui-form-item {
      margin-bottom: 16px; }
      .slothui-login-section .account-login .layui-form-item .layui-input {
        height: 40px; }
      .slothui-login-section .account-login .layui-form-item.login-qrcode-item {
        display: none; }
      .slothui-login-section .account-login .layui-form-item .login-qrcode {
        width: 120px; }
      .slothui-login-section .account-login .layui-form-item .login-qrcode-img {
        width: 104px;
        height: 40px;
        margin-right: 0; }
        .slothui-login-section .account-login .layui-form-item .login-qrcode-img img {
          display: block;
          width: 104px;
          height: 40px;
          cursor: pointer; }
      .slothui-login-section .account-login .layui-form-item .sloth-input-box {
        position: relative;
        color: rgba(0, 0, 0, 0.25); }
        .slothui-login-section .account-login .layui-form-item .sloth-input-box .layui-input {
          height: 40px;
          padding-left: 36px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-size: 12px; }
        .slothui-login-section .account-login .layui-form-item .sloth-input-box .err-text {
          line-height: 12px;
          margin-top: 10px;
          font-size: 12px;
          color: #FF2A2A; }
        .slothui-login-section .account-login .layui-form-item .sloth-input-box i {
          position: absolute;
          left: 11px;
          top: 13px;
          font-size: 14px; }
    .slothui-login-section .account-login .btn-list a {
      line-height: 22px;
      color: #00B3F6;
      font-size: 12px;
      margin-top: -5px;
      margin-bottom: 14px; }
    .slothui-login-section .account-login .h-40 {
      padding: 9px 20px; }
  .slothui-login-section .scan-code-login {
    display: none;
    padding: 0 27px 12px; }
    .slothui-login-section .scan-code-login .m-t-22 {
      margin-bottom: 22px; }
    .slothui-login-section .scan-code-login .qr-code {
      display: block;
      width: 130px;
      height: 130px;
      margin: 0 auto 18px; }
    .slothui-login-section .scan-code-login .scan-tip {
      margin-bottom: 18px;
      line-height: 18px;
      font-size: 12px;
      color: #252D33;
      text-align: center; }
    .slothui-login-section .scan-code-login .btn-list .middle-line {
      width: 1px;
      height: 18px;
      margin-left: 43px;
      background: #BCBFC1; }
    .slothui-login-section .scan-code-login .btn-list a {
      font-size: 12px;
      line-height: 18px;
      color: #0091DB; }

.slothui-top-link-list {
  width: 100%;
  height: 14px;
  padding: 10px 0;
  background: #EFF3FB; }
  .slothui-top-link-list .top-link-list-content {
    margin: 0 auto;
    width: 1200px;
    height: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #929699;
    padding-left: 24px;
    box-sizing: border-box; }
    .slothui-top-link-list .top-link-list-content a {
      line-height: 14px;
      margin-right: 58px;
      font-size: 14px;
      color: #929699; }
      .slothui-top-link-list .top-link-list-content a.active {
        color: #252D33; }

.slothui-notice-page .slothui-notice {
  padding: 15px 0;
  border-bottom: 1px solid #F3F5F8;
  font-size: 14px;
  color: #252D33;
  line-height: 22px; }

.slothui-notice-page .slothui-notice:first-child {
  border-top: 1px solid #F3F5F8; }

.slothui-notice-page .slothui-notice .slothui-notice-title {
  text-align: left; }

.slothui-notice-page .slothui-notice .slotui-notice-right {
  text-align: right;
  font-size: 13px;
  color: #51575C; }

.slothui-notice-page .slothui-notice .slotui-notice-right img {
  position: relative;
  top: -2px;
  padding-left: 10px; }

.slothui-notice-page .slothui-notice .slotui-notice-content {
  margin-top: 16px;
  line-height: 24px;
  display: none; }

.slothui-notice-page .slothui-notice .slothui-notice-show {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.slotui-notice-show-more {
  padding-left: 20px;
  font-size: 14px;
  color: #0091DB; }

.slothui-pagination div {
  display: inline-block; }

.slothui-pagination .slothui-page-msg {
  font-size: 12px;
  color: #252D33;
  margin-right: 11px; }

.layui-laypage-custom-theme a {
  color: #0091DB !important;
  margin: 0 2px; }

.layui-laypage-custom-theme .layui-laypage-limits select, .layui-laypage-custom-theme .layui-laypage-next {
  background: rgba(0, 145, 219, 0.11);
  border-color: rgba(0, 145, 219, 0.11); }

.layui-laypage-custom-theme .layui-laypage-curr, .layui-laypage-custom-theme .layui-laypage-spr {
  margin: 0 2px; }

.layui-laypage-custom-theme .layui-laypage-em {
  background: #0091db !important;
  border-color: #0091db !important; }

.layui-laypage-custom-theme .layui-disabled {
  background: rgba(229, 244, 252, 0.1) !important; }

.layui-table-view .layui-table-cell {
  white-space: normal; }

.layui-table-view .layui-table-page {
  margin-top: 13px;
  border-top: none;
  padding-right: 0; }
  .layui-table-view .layui-table-page .layui-laypage span,
  .layui-table-view .layui-table-page .layui-laypage a {
    color: #252D33; }
  .layui-table-view .layui-table-page .layui-laypage span.layui-laypage-curr .layui-laypage-em {
    background: #0091DB; }
  .layui-table-view .layui-table-page .layui-laypage select:focus {
    border-color: #0091DB !important; }
  .layui-table-view .layui-table-page .layui-laypage-prev,
  .layui-table-view .layui-table-page .layui-laypage-next {
    color: #0091DB; }
    .layui-table-view .layui-table-page .layui-laypage-prev:hover,
    .layui-table-view .layui-table-page .layui-laypage-next:hover {
      background: rgba(0, 145, 219, 0.11);
      color: #0091DB; }
    .layui-table-view .layui-table-page .layui-laypage-prev.layui-disabled:hover,
    .layui-table-view .layui-table-page .layui-laypage-next.layui-disabled:hover {
      background: #fff; }
  .layui-table-view .layui-table-page .layui-laypage-limits .layui-laypage-count {
    color: #252D33; }

/* 页面卡片样式 */
.slothui-page-card .slothui-card {
  height: 298px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05);
          box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 45px 39px;
  text-align: center;
  width: 23%;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* border: 1px solid #000; */ }

.slothui-page-card .slothui-card-img {
  overflow: hidden;
  width: 88px;
  height: 88px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
          border-radius: 50%; }
  .slothui-page-card .slothui-card-img img {
    width: 88px;
    height: 88px; }

.slothui-page-card .slothui-card-title {
  margin-top: 40px;
  font-size: 20px;
  color: #252D33;
  line-height: 22px;
  font-weight: 500; }

.slothui-page-card .slothui-card-content {
  font-size: 14px;
  color: #929699;
  line-height: 24px;
  margin-top: 16px; }

/* 步骤显示 */
.slothui-page-step .slothui-step-item {
  /* width: 340px; */
  width: 27%;
  height: 172px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 10px;
          border-radius: 10px;
  display: inline-block;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }

.slothui-page-step .slothui-step-item .slothui-item-title {
  font-size: 20px;
  color: #333333;
  line-height: 32px;
  font-weight: 500; }

.slothui-page-step .slothui-step-item .slothui-item-content {
  font-size: 14px;
  color: #858999;
  line-height: 24px;
  width: 80%;
  height: 70%;
  margin-top: 4px;
  overflow: hidden; }

.slothui-page-step .slothui-step-item .slothui-item-number {
  width: 72px;
  opacity: 0.13;
  font-family: AlibabaPuHuiTiR;
  font-size: 59px;
  color: #202020;
  line-height: 72px;
  position: absolute;
  right: 0;
  bottom: 0; }

.slothui-page-step .slothui-step-next {
  display: inline-block;
  position: relative;
  top: -58px;
  width: 86px;
  text-align: center; }
  .slothui-page-step .slothui-step-next i {
    display: block;
    width: 25px;
    height: 28px;
    margin: 0 auto;
    background: url(/image/icon-double-right-207c1e0f1f03dd1a7d96b1a7be68321b.png) no-repeat;
    background-size: 100%; }

.sloth-parahraph-line {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #252D33; }

.sloth-parahraph-link {
  padding-left: 25px; }
  .sloth-parahraph-link a {
    color: #0091DB; }
  .sloth-parahraph-link a:hover {
    color: #0091DB; }

.slothui-slidebar-container {
  width: 240px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .slothui-slidebar-container .slothui-slidebar-title {
    padding-left: 30px;
    border-bottom: 1px solid #F3F5F8;
    line-height: 58px;
    font-size: 16px;
    color: #929699; }
  .slothui-slidebar-container .slothui-slidebar-list li a {
    display: block;
    width: 210px;
    height: 40px;
    padding-left: 30px;
    line-height: 40px;
    font-size: 14px;
    color: #252D33; }
    .slothui-slidebar-container .slothui-slidebar-list li a.active, .slothui-slidebar-container .slothui-slidebar-list li a:hover {
      background: #F3F5F8;
      color: #0091DB;
      -webkit-box-shadow: inset 4px 0 0 0 #0091DB;
              box-shadow: inset 4px 0 0 0 #0091DB; }

.slothui-banner-swiper {
  width: 100%;
  min-height: 446px; }
  .slothui-banner-swiper .banner-img {
    display: block;
    width: 100%;
    min-height: 446px; }

.slothui-notice-bar {
  width: 1182px;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05); }
  .slothui-notice-bar .notice-bar-title {
    width: 74px;
    height: 18px;
    margin: 31px 24px 31px 26px;
    background: url(/image/icon-notice-cee93031d2a6d13c672ec0aa69042c9c.png) no-repeat;
    background-size: 100%; }
  .slothui-notice-bar .slothui-notice-list {
    width: 1000px;
    margin-top: 26px; }
    .slothui-notice-bar .slothui-notice-list .layui-carousel {
      background: #ffffff; }
      .slothui-notice-bar .slothui-notice-list .layui-carousel .notice-item {
        line-height: 28px;
        font-size: 18px;
        background: #ffffff;
        color: #404040;
        letter-spacing: 1.4px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap; }

.slothui-table-style-fresh {
  overflow: hidden;
  text-align: center;
  font-size: 13px;
  line-height: 13px; }
  .slothui-table-style-fresh th,
  .slothui-table-style-fresh td {
    width: 140px;
    height: 44px;
    color: #51575C; }
  .slothui-table-style-fresh th {
    font-weight: normal;
    background: #EFF3FB; }
  .slothui-table-style-fresh td {
    color: #252D33; }
  .slothui-table-style-fresh tbody tr {
    border-bottom: 1px solid #DCE2E9; }

.layui-table-view .layui-table-body {
  margin-bottom: 0; }

.layui-table thead tr {
  background: #EFF3FB; }

.layui-table th {
  border-color: #fff; }

.layui-table tbody tr {
  border-bottom: 1px solid #DCE2E9; }

.layui-table-view .layui-table {
  width: 100%; }

.layui-table-view .layui-table-page {
  text-align: right;
  margin-top: 20px; }

.layui-table-view,
.layui-table-header,
.layui-table td {
  border: none; }

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

.layui-table th,
.layui-table td {
  padding: 13px 0;
  font-size: 13px; }

.layui-table td {
  color: #252D33; }

.layui-table-view .layui-table th,
.layui-table-view .layui-table td {
  padding: 13px 0;
  margin: 0 auto; }

.layui-table-cell {
  height: auto;
  margin: 0 auto;
  padding: 0;
  line-height: 18px;
  text-align: center; }

.layui-none .layui-table-no-data,
.layui-none .layui-table-no-address {
  background: url("/image/table-no-address-ab13a24c695432a6b9cd79af0d188a2e.png") no-repeat top center;
  background-size: 84px 84px;
  height: 114px;
  padding-top: 94px;
  margin-top: 25px;
  font-size: 13px;
  color: #252D33;
  line-height: 20px; }

.layui-none .layui-table-no-data {
  background: url("/image/merchant-plat/table-no-data-f4f23d7f53384ea7ef178f65e53ff266.png") no-repeat top center;
  background-size: 84px 84px; }

.sloth-tag-base {
  display: inline-block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  width: 138px;
  height: 32px;
  line-height: 32px;
  color: #252D33;
  background: #ffffff;
  text-align: center;
  border: 1px solid #DDDDDD; }

.sloth-tag-proving-succuss {
  display: inline-block;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0px 4px;
  color: #FFFFFF;
  background: #22B888;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  text-align: center; }

.sloth-tag-proving-error {
  display: inline-block;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0px 4px;
  color: #FFFFFF;
  background: #FF2A2A;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  text-align: center; }

.sloth-tag-auditing-success {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  height: 20px;
  padding: 0 5px;
  color: #00C25F;
  background: #ECFEF5; }
  .sloth-tag-auditing-success .sloth-tag-auditing-success-img {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #00C25F; }

.slothui-timeline-1 .layui-timeline-item .layui-timeline-content,
.slothui-timeline-2 .layui-timeline-item .layui-timeline-content {
  padding-left: 30px; }

.slothui-timeline-1 .layui-timeline-item::before,
.slothui-timeline-2 .layui-timeline-item::before {
  top: 14px;
  background-color: #0091DB; }

.slothui-timeline-1 .layui-timeline-item .layui-timeline-title,
.slothui-timeline-2 .layui-timeline-item .layui-timeline-title {
  font-size: 16px;
  color: #252D33; }

.slothui-timeline-1 .layui-timeline-item .slothui-content-font,
.slothui-timeline-2 .layui-timeline-item .slothui-content-font {
  font-size: 14px;
  color: #51575C; }

.slothui-timeline-1 .layui-timeline-item .layui-timeline-axis,
.slothui-timeline-2 .layui-timeline-item .layui-timeline-axis {
  left: 0px;
  top: 5px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  color: #0091DB; }

.slothui-timeline-1 .layui-timeline-item.slothui-timeline-item-finished::before,
.slothui-timeline-2 .layui-timeline-item.slothui-timeline-item-finished::before {
  background: #0091DB; }

.slothui-timeline-1 .layui-timeline-item.slothui-timeline-item-finished .layui-timeline-axis,
.slothui-timeline-2 .layui-timeline-item.slothui-timeline-item-finished .layui-timeline-axis {
  left: -2px;
  top: 3px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  background: #0091DB;
  color: #ffffff; }

.slothui-timeline-2 {
  margin-left: 100px; }
  .slothui-timeline-2 .layui-timeline-item {
    position: relative; }
    .slothui-timeline-2 .layui-timeline-item:last-child:before {
      display: block; }
    .slothui-timeline-2 .layui-timeline-item::before {
      top: 14px;
      background-color: #DDDDDD; }
    .slothui-timeline-2 .layui-timeline-item .layui-timeline-axis {
      background: #BCBFC1;
      color: #BCBFC1; }
    .slothui-timeline-2 .layui-timeline-item.slothui-timeline-item-finished::before {
      background: #DDDDDD; }
    .slothui-timeline-2 .layui-timeline-item.slothui-timeline-item-finished .layui-timeline-axis {
      left: -6px;
      top: 0px;
      width: 26px;
      height: 26px;
      line-height: 26px;
      font-size: 12px;
      text-align: center; }
    .slothui-timeline-2 .layui-timeline-item .item-left-block {
      position: absolute;
      left: -100px;
      top: 2px;
      width: 82px; }
      .slothui-timeline-2 .layui-timeline-item .item-left-block .item-left-date {
        line-height: 20px;
        color: #252D33;
        font-size: 14px;
        text-align: right; }
      .slothui-timeline-2 .layui-timeline-item .item-left-block .item-left-time {
        line-height: 28px;
        color: #929699;
        font-size: 12px;
        text-align: right; }

.slothui-progress-tab-1 div,
.slothui-timeline-3 div {
  margin-right: 11px; }
  .slothui-progress-tab-1 div .step-circle,
  .slothui-timeline-3 div .step-circle {
    width: 24px;
    height: 24px;
    margin-right: 9px;
    line-height: 24px;
    border: 1px solid #DCE2E9;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    color: #DCE2E9;
    text-align: center; }
  .slothui-progress-tab-1 div .step-content,
  .slothui-timeline-3 div .step-content {
    line-height: 24px;
    margin-right: 2px;
    font-size: 14px;
    color: #929699; }
  .slothui-progress-tab-1 div .slothui-step-next-icon,
  .slothui-timeline-3 div .slothui-step-next-icon {
    line-height: 24px;
    font-size: 14px;
    color: #DCE2E9; }
  .slothui-progress-tab-1 div.active .step-circle,
  .slothui-timeline-3 div.active .step-circle {
    line-height: 22px;
    border-color: #0091DB; }
  .slothui-progress-tab-1 div.active .step-circle,
  .slothui-progress-tab-1 div.active .slothui-step-next-icon,
  .slothui-timeline-3 div.active .step-circle,
  .slothui-timeline-3 div.active .slothui-step-next-icon {
    color: #0091DB; }
  .slothui-progress-tab-1 div.active .step-content,
  .slothui-timeline-3 div.active .step-content {
    color: #252D33; }
  .slothui-progress-tab-1 div.active-current .step-content,
  .slothui-timeline-3 div.active-current .step-content {
    color: #0091DB; }

.slothui-timeline-3 .layui-timeline-content {
  border: 1px solid #DCE2E9;
  margin-left: 46px;
  padding: 12px 20px 16px 23px;
  margin-right: 0; }
  .slothui-timeline-3 .layui-timeline-content .slotui-trial-icon-left {
    width: 8px;
    height: 12px;
    position: absolute;
    left: 39px;
    top: 6px;
    z-index: 2;
    color: #e2e3e5;
    background: url("/image/others/trial-2a5d5a6a4db4f969f8ac751b04934792.jpg") no-repeat center center;
    background-size: 100% 100%; }

.slothui-timeline-3 .slothui-step-circle-panel .step-circle {
  position: relative;
  z-index: 2;
  width: 30px;
  height: 30px;
  line-height: 28px;
  background-color: #fff; }

.slothui-timeline-3 .layui-timeline-item:before {
  left: 15px; }

.slothui-timeline-3 .layui-timeline-item.active .step-circle {
  border-color: #0091DB; }

.slothui-timeline-3 .layui-timeline-item.active .step-circle,
.slothui-timeline-3 .layui-timeline-item.active .step-content,
.slothui-timeline-3 .layui-timeline-item.active .slothui-step-next-icon {
  color: #0091DB; }

.slothui-timeline-3 .layui-timeline-item.active:before {
  background-color: #0091DB; }

.slothui-timeline-3 .layui-timeline-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #252D33; }

.slothui-timeline-3 .slothui-content-font {
  font-size: 13px;
  line-height: 18px;
  color: #51575C;
  letter-spacing: 0; }

.slothui-timeline-3 .slothui-timeline-panel-right1 {
  position: relative;
  top: 6px; }

.slothui-timeline-3 .slothui-timeline-panel-right2 {
  position: relative;
  text-align: right; }
  .slothui-timeline-3 .slothui-timeline-panel-right2 .layui-icon-ok {
    position: absolute;
    top: 4px;
    left: 5px;
    z-index: 1;
    width: 14px;
    height: 14px;
    line-height: 14px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #22B888;
    font-size: 10px;
    font-weight: bold; }
  .slothui-timeline-3 .slothui-timeline-panel-right2 .layui-icon-ok::before {
    color: #fff; }
  .slothui-timeline-3 .slothui-timeline-panel-right2 .apply-status {
    position: relative;
    padding: 3px 0 3px 24px;
    margin-right: 0;
    background: #ECFEF5;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    font-size: 14px;
    color: #22B888;
    line-height: 16px;
    margin-bottom: 4px; }
  .slothui-timeline-3 .slothui-timeline-panel-right2 .find {
    font-size: 14px;
    color: #0091DB;
    letter-spacing: 0;
    text-align: right; }

.slothui-progress-tab-2 {
  width: 100%;
  border: 1px solid #ddd; }
  .slothui-progress-tab-2 .slothui-progress-tab-btn-list {
    width: 100%; }
    .slothui-progress-tab-2 .slothui-progress-tab-btn-list li {
      position: relative;
      width: 50%;
      height: 48px;
      line-height: 48px;
      background: #EFF3FB;
      font-size: 16px;
      color: #51575C;
      text-align: center; }
      .slothui-progress-tab-2 .slothui-progress-tab-btn-list li.active {
        background: #0091DB;
        color: #ffffff; }
        .slothui-progress-tab-2 .slothui-progress-tab-btn-list li.active::before {
          content: '';
          position: absolute;
          left: -15px;
          top: 0;
          border-left: 15px solid #EFF3FB;
          border-top: 24px solid #0091DB;
          border-bottom: 24px solid #0091DB; }
      .slothui-progress-tab-2 .slothui-progress-tab-btn-list li.progress-tab-btn-first.active::before {
        left: auto;
        right: 0;
        border-left: 15px solid #0091DB;
        border-top: 24px solid #EFF3FB;
        border-bottom: 24px solid #EFF3FB; }
  .slothui-progress-tab-2 .slothui-progress-content .slothui-progress-content-detail {
    display: none;
    width: 100%;
    height: 407px;
    border-top: none; }
    .slothui-progress-tab-2 .slothui-progress-content .slothui-progress-content-detail.active {
      display: block; }

.slothui-status-panel {
  padding: 36px 88px;
  background: #EFF3FB; }
  .slothui-status-panel p.title {
    font-size: 20px;
    line-height: 20px;
    color: #252D33;
    font-weight: 600; }

.slothui-status-panel.status-panel-success-part,
.slothui-status-panel.status-panel-success {
  background: #EFF3FB url("/image/others/icon36-success-5ce6e6e3f1fcb038c73edd00b6a7d34d.png") no-repeat 30.5px center;
  background-size: 40px 40px; }

.slothui-status-panel.status-panel-success-part {
  padding: 24px 28px 20px 88px; }
  .slothui-status-panel.status-panel-success-part .title {
    margin-bottom: 6px; }
  .slothui-status-panel.status-panel-success-part .detail {
    font-size: 14px;
    color: #51575C;
    text-align: justify;
    line-height: 20px; }

.slothui-status-panel.status-panel-warn {
  background: #EFF3FB url("/image/others/icon18-warn-033e5c9859f8f8af7808a7a5c452c6d2.png") no-repeat 30.5px center;
  background-size: 40px 40px; }

.slothui-row {
  font-size: 13px;
  color: #929699; }

label {
  text-align: right;
  width: 155px;
  float: left; }

.row-value {
  margin-left: 175px;
  color: #252D33; }

.slothui-upload {
  position: relative; }
  .slothui-upload .slothui-upload-container {
    position: relative;
    margin-bottom: 10px; }
    .slothui-upload .slothui-upload-container .slothui-upload-img {
      display: none; }
    .slothui-upload .slothui-upload-container .slothui-upload-before {
      width: 96px;
      height: 96px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #F3F5F8;
      border: 1px dashed #BCBFC1;
      -webkit-border-radius: 2px;
              border-radius: 2px;
      cursor: pointer; }
      .slothui-upload .slothui-upload-container .slothui-upload-before:hover {
        border-color: #38C9FF; }
      .slothui-upload .slothui-upload-container .slothui-upload-before .slothui-icon-plus {
        display: block;
        margin: 20px auto 8px;
        text-align: center; }
      .slothui-upload .slothui-upload-container .slothui-upload-before p {
        font-size: 13px;
        color: #51575C;
        text-align: center;
        line-height: 22px; }
  .slothui-upload .slothui-upload-tip {
    position: absolute;
    top: 74px;
    left: 108px;
    height: 22px;
    font-size: 12px;
    color: #51575C;
    line-height: 22px; }
  .slothui-upload .slothui-upload-err-text {
    margin-bottom: 18px;
    font-size: 12px;
    color: #FF2A2A;
    line-height: 22px; }
  .slothui-upload .slothui-upload-img-require .slothui-upload-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5; }
  .slothui-upload .slothui-upload-img-require .slothui-upload-img-getvalue {
    width: 96px;
    height: 96px;
    opacity: 0; }

.slothui-upload-tip-and-limit {
  font-size: 12px;
  color: #51575C;
  line-height: 22px; }

.slothui-file-upload .slothui-file-upload-btn {
  position: relative;
  width: 100px; }
  .slothui-file-upload .slothui-file-upload-btn input {
    width: 100px;
    height: 34px;
    line-height: 34px;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #F3F5F8;
    border: 1px solid #DCE2E9;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    font-size: 14px;
    text-align: center;
    color: #51575C;
    cursor: pointer; }
    .slothui-file-upload .slothui-file-upload-btn input.file-input {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      opacity: 0; }
  .slothui-file-upload .slothui-file-upload-btn i {
    position: absolute;
    left: 12px;
    top: 10px;
    color: #51575C;
    font-size: 16px; }
  .slothui-file-upload .slothui-file-upload-btn:hover input {
    border-color: #38C9FF;
    color: #38C9FF; }
  .slothui-file-upload .slothui-file-upload-btn:hover i {
    color: #38C9FF; }

.slothui-file-upload .slothui-file-list .slothui-file-content {
  margin-top: 12px; }
  .slothui-file-upload .slothui-file-list .slothui-file-content .slothui-file-info {
    position: relative;
    width: 162px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 4px;
    color: #929699; }
    .slothui-file-upload .slothui-file-list .slothui-file-content .slothui-file-info i {
      font-size: 12px;
      line-height: 22px;
      vertical-align: top; }
    .slothui-file-upload .slothui-file-list .slothui-file-content .slothui-file-info .slothui-file-icon {
      margin-right: 7px; }
    .slothui-file-upload .slothui-file-list .slothui-file-content .slothui-file-info .slothui-file-name {
      display: inline-block;
      width: 110px;
      height: 22px;
      line-height: 22px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      /*超出部分以省略号显示*/
      white-space: nowrap; }
    .slothui-file-upload .slothui-file-list .slothui-file-content .slothui-file-info .slothui-file-upload-refresh {
      display: none;
      margin-right: 3px;
      cursor: pointer; }
    .slothui-file-upload .slothui-file-list .slothui-file-content .slothui-file-info .slothui-file-delete {
      position: absolute;
      right: 0;
      cursor: pointer; }
  .slothui-file-upload .slothui-file-list .slothui-file-content.status-success .slothui-file-name {
    color: #51575C; }
  .slothui-file-upload .slothui-file-list .slothui-file-content .slothui-file-progress {
    position: relative;
    width: 140px;
    height: 2px;
    margin-left: 22px;
    background: #F5F5F5;
    -webkit-border-radius: 32px;
            border-radius: 32px; }
    .slothui-file-upload .slothui-file-list .slothui-file-content .slothui-file-progress .slothui-file-actual-progress {
      position: absolute;
      left: 0;
      top: 0;
      width: 100px;
      height: 2px;
      background: #38C9FF;
      -webkit-border-radius: 32px;
              border-radius: 32px; }
  .slothui-file-upload .slothui-file-list .slothui-file-content.status-fail .slothui-file-actual-progress {
    width: 140px;
    background: #FF3B30; }
  .slothui-file-upload .slothui-file-list .slothui-file-content.status-fail .slothui-file-upload-refresh {
    display: inline; }
  .slothui-file-upload .slothui-file-list .slothui-file-content.status-success {
    color: #51575C; }
    .slothui-file-upload .slothui-file-list .slothui-file-content.status-success .slothui-file-progress {
      display: none; }

.slothui-file-upload .slothui-file-list .slothui-file-content-li .slothui-file-info {
  padding-left: 19px;
  background: url("/image/others/icon24-upload-suc-b9636566a669e67af1a8d4cf2a4bc93f.png") no-repeat left center;
  background-size: 12px 12px; }
  .slothui-file-upload .slothui-file-list .slothui-file-content-li .slothui-file-info .slothui-file-name {
    width: 128px; }

.slothui-file-upload .slothui-file-list .slothui-file-content-li .slotui-uploader-status-icon {
  margin-right: 7px; }

.slothui-file-upload .slothui-file-list .slothui-file-content-li .slotui-uploader-status-icon-success {
  width: 12px;
  height: 12px;
  background: url("/image/others/icon24-upload-suc-b9636566a669e67af1a8d4cf2a4bc93f.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-file-upload .slothui-file-list .slothui-file-content-li .slotui-uploader-status-icon-uploading {
  width: 12px;
  height: 12px;
  background: url("/image/others/icon24-uploading-8dd7ffcc2c3f43e80092cc3c36dae464.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-file-upload .slothui-file-list .slothui-file-content-li .slotui-uploader-status-icon:hover {
  background: url("/image/others/icon24-upload-hover-7a6e78d79584d8010278195f022b3602.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-card-normal.slothui-card-normal-style1 .slothui-card-body {
  padding: 22px 12px 8px; }

.slothui-card-normal.slothui-card-normal-style1 .slothui-row {
  margin-bottom: 22px;
  font-size: 13px;
  color: #929699; }
  .slothui-card-normal.slothui-card-normal-style1 .slothui-row label {
    text-align: right;
    width: 155px;
    float: left; }
  .slothui-card-normal.slothui-card-normal-style1 .slothui-row .row-value {
    margin-left: 175px;
    color: #252D33; }

.slothui-card-making-default {
  position: relative;
  overflow: hidden;
  width: 337px;
  background: #fff;
  -webkit-box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05);
          box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 36px 0 27px; }
  .slothui-card-making-default .making-list {
    padding: 0 20px;
    font-size: 13px;
    color: #929699;
    line-height: 24px;
    margin-bottom: 8px; }
  .slothui-card-making-default .making-value {
    margin-left: 85px;
    font-size: 13px;
    color: #252D33;
    text-align: right;
    line-height: 24px; }
  .slothui-card-making-default .making-f-bold {
    font-size: 20px;
    color: #252D33;
    text-align: right;
    line-height: 22px; }
  .slothui-card-making-default .bg-link-water {
    padding: 6px 20px;
    line-height: 24px; }
  .slothui-card-making-default .slothui-tips-default {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }

.slothui-tips-default {
  overflow: hidden;
  width: 60px;
  height: 29px;
  padding-left: 10px;
  font-size: 13px;
  color: #fff;
  line-height: 29px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("/image/others/open-un-efece6db24d6b4f111e59844baefb5ac.png") no-repeat center center;
  background-size: 100% 100%; }

.slothui-info-tip-warn {
  position: relative;
  padding: 9px 38px;
  border: 1px solid #FFE58F;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #FFFBE6; }
  .slothui-info-tip-warn i {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
    z-index: 1;
    width: 14px;
    height: 14px;
    background: url("/image/others/icon18-warn-033e5c9859f8f8af7808a7a5c452c6d2.png") no-repeat center center;
    background-size: 100% 100%; }
  .slothui-info-tip-warn p {
    font-size: 13px;
    color: #51575C;
    letter-spacing: 0;
    line-height: 22px; }

.slothui-info-tip-normal {
  font-size: 13px;
  color: #929699;
  line-height: 18px; }

.slothui-info-label-link a, .slothui-info-label-link span {
  font-size: 13px;
  color: #51575C;
  text-align: right;
  line-height: 18px; }

.slothui-not-real-name {
  background: url("/image/notRealName-fafe3893c85a36dec7352534ad38829b.png") no-repeat 160px center;
  background-size: 90px 90px;
  border: 1px solid #DCE2E9;
  height: 146px;
  margin-top: 20px; }
  .slothui-not-real-name p {
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    padding-left: 270px;
    margin-top: 62px; }

.wrap-product-container {
  width: 1200px;
  padding: 84px 10px 10px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.slothui-product-banner {
  overflow: hidden;
  width: 770px;
  height: 246px;
  margin-right: 44px;
  float: left; }
  .slothui-product-banner img.banner {
    width: 770px;
    height: 246px; }

.slothui-product-banner-right {
  width: 338px;
  float: left; }
  .slothui-product-banner-right .slothui-pro-right-title {
    font-size: 18px;
    color: #252D33;
    text-align: left; }
  .slothui-product-banner-right .slothui-pro-right-title-nologin {
    font-size: 18px;
    color: #252D33;
    text-align: center;
    font-weight: bold;
    background: url(/image/others/icon-pro-logo-40da27d45a886a6dafc390915e01d1cf.png) no-repeat top center;
    background-size: 64px 64px;
    padding-top: 80px; }
  .slothui-product-banner-right .slothui-pro-right-title {
    font-size: 18px;
    color: #252D33;
    font-weight: bold; }
  .slothui-product-banner-right .slothui-pro-right-email {
    font-size: 12px;
    color: #51575C; }
  .slothui-product-banner-right .slothui-pro-right-status {
    width: 140px; }
    .slothui-product-banner-right .slothui-pro-right-status .slothui-pro-right-status-name {
      font-size: 14px;
      color: #51575C;
      text-align: left; }
    .slothui-product-banner-right .slothui-pro-right-status .slothui-pro-right-status-num {
      font-size: 30px;
      color: #252D33;
      text-align: left;
      margin-top: 10px; }
  .slothui-product-banner-right .last-div {
    width: 58px; }
  .slothui-product-banner-right .slothui-pro-right-btn {
    height: 40px;
    background: #0091DB;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px; }
  .slothui-product-banner-right .slothui-pro-right-res {
    font-size: 14px;
    color: #252D33;
    text-align: center;
    line-height: 20px;
    margin-top: 10px; }
    .slothui-product-banner-right .slothui-pro-right-res a {
      font-size: 14px;
      color: #0091DB;
      text-align: center;
      line-height: 20px; }

.slothui-pro-card-position {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05);
  box-shadow: 0 4px 16px 0 rgba(37, 45, 51, 0.05);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  width: 23.25%;
  margin-right: 1.75%;
  margin-bottom: 28px; }
  .slothui-pro-card-position a {
    width: 100%;
    height: 100%;
    display: inline-block; }
  .slothui-pro-card-position .slothui-pro-card-img {
    overflow: hidden;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    width: 88px;
    height: 88px;
    margin: 65px auto 36px; }
    .slothui-pro-card-position .slothui-pro-card-img img {
      width: 100%;
      height: 100%; }
  .slothui-pro-card-position .status {
    position: absolute;
    top: 0;
    left: 0; }
  .slothui-pro-card-position .not-open {
    background: url(/image/others/icon-pro-status-02-622b7807a74838ad004e200921924474.png) no-repeat;
    background-size: 60px 29px;
    width: 60px;
    height: 29px; }
  .slothui-pro-card-position .opened {
    background: url(/image/others/icon-pro-status-03-1b5c3f6a1bcdd5dcf37d626ff32ab64d.png) no-repeat;
    background-size: 60px 29px;
    width: 60px;
    height: 29px; }
  .slothui-pro-card-position .half-opened {
    background: url(/image/others/icon-pro-status-01-9a837125dbf7834389d255dd6aab0ad4.png) no-repeat;
    background-size: 60px 29px;
    width: 60px;
    height: 29px; }
  .slothui-pro-card-position .slothui-card-title {
    margin: 36px auto 63px;
    font-size: 20px;
    color: #252D33;
    line-height: 28px;
    font-weight: 600;
    text-align: center; }
  .slothui-pro-card-position .icon-pro-01 {
    background: url(/image/others/icon-pro-01-ebbbc3ae3b74d82dc88116df1adebc35.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-02 {
    background: url(/image/others/icon-pro-02-e212c7a9085d86d3830c948fe98b8d00.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-03 {
    background: url(/image/others/icon-pro-03-7112e24085b50fa6ecb22e4907e39db3.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-04 {
    background: url(/image/others/icon-pro-04-e086cceafcbe33096f6ec53330648ec2.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-05 {
    background: url(/image/others/icon-pro-05-a1b96d08a1f6ceaccdcc6e8510048a4f.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-06 {
    background: url(/image/others/icon-pro-06-04c6a08a39687eb41eec6d6c2a49d422.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-07 {
    background: url(/image/others/icon-pro-07-f01a8e71aab34660e6dcf09fad1b33a6.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-08 {
    background: url(/image/others/icon-pro-08-c6b1f060dc938ce75c56fe64b1dbb58c.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-09 {
    background: url(/image/others/icon-pro-09-85df507a75498a981ff9bbcaf2122095.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-10 {
    background: url(/image/others/icon-pro-10-2f367076910424952777557a9d6807a0.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-11 {
    background: url(/image/others/icon-pro-11-573078f0fe16f4411504be64109f1f0a.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-12 {
    background: url(/image/others/icon-pro-12-959d72d4b0dbb761357ecdf900b00cc5.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-13 {
    background: url(/image/others/icon-pro-13-27f745a7ce45b5e7b19b03c304163e3d.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-14 {
    background: url(/image/others/icon-pro-14-e69f6e9d100147abdc381de082f497dd.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-15 {
    background: url(/image/others/icon-pro-15-421cef04461906c0c1acdbfa1a7957a0.png) no-repeat top 20px center;
    background-size: 88px 88px; }
  .slothui-pro-card-position .icon-pro-16 {
    background: url(/image/others/icon-pro-16-d8bc1db8bafc6dbe5290b39b610bd94f.png) no-repeat top 20px center;
    background-size: 88px 88px; }

.slothui-form-progress li:last-child {
  background: none; }

.slothui-form-progress li {
  margin-right: 10px;
  padding-right: 20px;
  background: url(/image/icon14-next-d942e10e02115456fc22574cd1d92638.png) no-repeat right center;
  background-size: 14px 14px; }
  .slothui-form-progress li i {
    border: 1px solid #929699;
    height: 24px;
    width: 24px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    color: #929699;
    display: inline-block;
    text-align: center;
    line-height: 24px; }
  .slothui-form-progress li span {
    font-size: 14px;
    color: #929699;
    text-align: left;
    line-height: 24px;
    display: inline-block; }

.slothui-form-progress li.active i {
  border: 1px solid #0091DB;
  color: #0091DB; }

.slothui-form-progress li.active span {
  color: #0091DB; }

.slothui-proTable {
  text-align: left; }
  .slothui-proTable .proImg {
    width: 48px;
    height: 48px;
    margin-right: 20px; }
  .slothui-proTable .proType1 {
    background: url("/image/others/proType1-57ed98c8bed59c4cbc4b3fd28dd397df.png") no-repeat;
    background-size: 48px 48px; }
  .slothui-proTable .proTitle {
    font-size: 14px;
    color: #252D33;
    line-height: 22px;
    text-align: left;
    margin-bottom: 5px; }
  .slothui-proTable .proContent {
    text-align: left; }
    .slothui-proTable .proContent span {
      font-size: 12px;
      color: #252D33;
      line-height: 20px;
      margin-right: 10px; }

.slothui-upload-picture-card-wrapper {
  overflow: hidden; }
  .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container,
  .slothui-upload-picture-card-wrapper .slothui-upload-picture-select,
  .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error,
  .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-uploading {
    display: block;
    overflow: hidden;
    width: 96px;
    height: 96px;
    background: #F3F5F8;
    border: 1px dashed #BCBFC1;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .slothui-upload-picture-card-wrapper .slothui-upload-tip-and-limit {
    margin-top: 4px; }
  .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container,
  .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error {
    position: relative;
    margin: 0 30px 8px 0; }
    .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container img,
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error img {
      width: 100%;
      height: 100%; }
    .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container .slothui-upload-list-picture-card-hover,
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error .slothui-upload-list-picture-card-hover {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      display: none;
      width: 100%;
      height: 100%;
      text-align: center; }
      .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container .slothui-upload-list-picture-card-hover .slothui-anticon-eye,
      .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container .slothui-upload-list-picture-card-hover .slothui-anticon-delete,
      .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error .slothui-upload-list-picture-card-hover .slothui-anticon-eye,
      .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error .slothui-upload-list-picture-card-hover .slothui-anticon-delete {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-top: 42px; }
      .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container .slothui-upload-list-picture-card-hover .slothui-anticon-eye,
      .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error .slothui-upload-list-picture-card-hover .slothui-anticon-eye {
        margin-right: 15px;
        background: url("/image/upload/eye-f2f701e3def956ab7eeedcdaffe3ae38.png") no-repeat center center;
        background-size: 100% 100%; }
      .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container .slothui-upload-list-picture-card-hover .slothui-anticon-delete,
      .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error .slothui-upload-list-picture-card-hover .slothui-anticon-delete {
        background: url("/image/upload/icon24-delete-66f74db9d6aeecbf74bd43c4e47b3aff.png") no-repeat center center;
        background-size: 100% 100%; }
    .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container:hover .slothui-upload-list-picture-card-hover,
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error:hover .slothui-upload-list-picture-card-hover {
      display: block; }
      .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-card-container:hover .slothui-upload-list-picture-card-hover::before,
      .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error:hover .slothui-upload-list-picture-card-hover::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.5;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
  .slothui-upload-picture-card-wrapper .slothui-upload-picture-select {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-align: center; }
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-select .slothui-uplod-picture-file {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      opacity: 0;
      background: transparent;
      border: none;
      cursor: pointer; }
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-select .slothui-anticon-plus {
      margin-top: 24px;
      font-size: 22px;
      line-height: 22px;
      font-weight: 200;
      color: #929699;
      display: inline-block;
      vertical-align: middle; }
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-select .slothui-action-title {
      margin-top: 11px;
      font-size: 13px;
      color: #51575C;
      text-align: left;
      line-height: 22px;
      text-align: center; }
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-select:hover {
      border-color: #38C9FF; }
  .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error {
    border-color: #FF2A2A; }
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error .slothui-upload-list-picture-card-hover .slothui-anticon-eye {
      pointer-events: none;
      opacity: 0.5; }
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error .slothui-picture-error {
      margin: 0 auto;
      margin-top: 24px;
      width: 18px;
      height: 16px;
      background: url("/image/upload/error-a3d3796400d451091dc8ba72076341fd.png") no-repeat center center;
      background-size: 100% 100%; }
    .slothui-upload-picture-card-wrapper .slothui-upload-picture-card-error .slothui-picture-card-name {
      padding: 0 8px;
      margin-top: 17px;
      font-size: 13px;
      color: #FF2A2A;
      text-align: left;
      line-height: 22px;
      text-align: center;
      overflow: hidden;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
  .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-uploading {
    overflow: hidden;
    margin: 0 30px 8px 0; }
    .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-uploading .slothui-upload-list-picture-status-normal {
      position: relative;
      width: 68px;
      height: 3px;
      background: #D8D8D8;
      -webkit-border-radius: 1.5px;
              border-radius: 1.5px;
      margin: 37px auto 0; }
      .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-uploading .slothui-upload-list-picture-status-normal .slothui-upload-list-picture-status-progress {
        content: '';
        width: 0%;
        height: 3px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 22;
        background: #38C9FF;
        -webkit-border-radius: 1.5px;
                border-radius: 1.5px; }
  .slothui-upload-picture-card-wrapper .slothui-upload-list-picture-thumbnail {
    text-align: center;
    margin-top: 17px;
    font-size: 13px;
    color: #51575C;
    line-height: 22px; }
  .slothui-upload-picture-card-wrapper .err-text {
    font-size: 12px;
    color: #FF2A2A;
    line-height: 22px; }
.slothui-flex{
  display: flex;

}
.slothui-align-center{
  align-items: center;
}