@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
button {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
}
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  outline: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  outline: none;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  outline: none;
}
table,
td,
th {
  vertical-align: middle;
  outline: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a img {
  border: none;
}
a {
  text-decoration: none;
}
input {
  border: none;
  outline: none;
}
ul {
  list-style: none;
}
label {
  /*cursor:pointer;*/
  color: #666;
}
body {
  line-height: 1.5;
  font-family: PingFang SC, 'Microsoft YaHei';
}
.cl-box {
  clear: both;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.cl-after:after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.text-nowrap {
  white-space: nowrap;
}
.color-999 {
  color: #999;
}
.color-666 {
  color: #666;
}
.color-333 {
  color: #333;
}
.line-height-22 {
  line-height: 22px;
}
.line-height-24 {
  line-height: 24px;
}
.line-height-30 {
  line-height: 30px;
}
.line-height-32 {
  line-height: 32px;
}
.line-height-34 {
  line-height: 34px;
}
.hide {
  display: none!important;
}
.layui-laypage .bootstrap-select > .btn span.bs-caret {
  border: none;
}
.no-data-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 235px;
  margin: 20px 0 0;
  border-radius: 10px;
}
.no-data-block .no-data-image {
  text-align: center;
  height: 80px;
}
.no-data-block .no-data-text {
  text-align: center;
  font-size: 14px;
  color: #999;
}
.no-data-block.has-bg-color {
  background-color: #f5f5f5;
}
.panel-block-col .opacity-class,
.card-block-col .opacity-class {
  opacity: 0.3;
}
.panel-block-col .sortable-fallback,
.card-block-col .sortable-fallback {
  opacity: 1!important;
  animation: initial!important;
  visibility: inherit !important;
  animation: inherit !important;
}
input::-webkit-input-placeholder {
  color: #ccc;
}
input::-moz-placeholder {
  color: #ccc;
}
input:-moz-placeholder {
  color: #ccc;
}
input:-ms-input-placeholder {
  color: #ccc;
}
.multi-row-overflow {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}
.multi-row-overflow .text {
  float: right;
  margin-left: -5px;
  width: 100%;
  word-break: break-all;
}
.multi-row-overflow::before {
  box-sizing: content-box;
  float: left;
  width: 5px;
  content: '';
  height: 100%;
}
.multi-row-overflow::after {
  box-sizing: content-box;
  float: right;
  content: "...";
  height: 20px;
  line-height: 20px;
  text-align: right;
  width: 27px;
  margin-left: -27px;
  position: relative;
  left: 100%;
  top: -20px;
  padding-right: 5px;
}
.multi-row-overflow::after {
  position: relative;
  left: 99%;
  top: -36rpx;
  box-sizing: content-box;
  float: right;
  content: "...";
  height: 36rpx;
  line-height: 36rpx;
  padding-right: 5px;
  text-align: right;
  width: 27px;
  margin-left: -27px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.99), #ffffff);
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-bold {
  font-weight: bold;
}
.bar {
  width: 100%;
}
.pull-left {
  float: left!important;
}
.pull-right {
  float: right!important;
}
.no-data {
  width: 100%;
  padding: 20px 0;
}
.no-data .no-data-picture {
  width: 100%;
  height: 81px;
  text-align: center;
  background-image: url(../../image/common/icon/empty.png);
  background-repeat: no-repeat;
  background-position: center;
}
.no-data .no-data-text {
  width: 100%;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.no-data-gray {
  position: relative;
  border-radius: 10px;
  height: 55px;
  float: left;
  width: 100%;
  background: url(../../image/common/icon/no-data-line.png);
  text-align: center;
  padding: 10px 0;
}
.no-data-gray:before {
  content: '';
  width: 133px;
  height: 1px;
  background-color: #dfdfdf;
  position: absolute;
  top: 48%;
  left: calc(50% - 230.01px);
}
.no-data-gray > span {
  font-size: 14px;
  color: #666;
  padding: 10px 0 10px 64px;
  line-height: 34px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAgCAYAAAC/40AfAAACC0lEQVRYhe2YsWsTYRTAfz2O3BFIQDSZCx2aYLuYSRxeQP8B/RdEpFvXTsngf9BNK4i7Ooibwj2cMgQRBE/QzoLahpwkvQ6pQ5OQ6gVz3x3cHfQHWV7yvvd+eY8v4da63S6r0ul0APA87ypwB9gASisf8C+fgJeqOklwxhwrboLnedeAB0CTZCIAW8A9EYndRxS2Qc5twC2Xy8fNZtOvVCqhSeFer/cwDMOvk8lkC0BEEk/I5BvZAGg0Gl9MRQBs2w5rtdqRZVlwPqG7SSdkklwCqFarJ0kKAziOE9br9V9ToW0SCqWyq0lwXTc1ocxl4ILQGQmEciEDc6GjRaG4Z5jcZqkxGAxu/B1zHKc0Ho8PORd6Eee8zGRardazZe95ntc2OTM3a5YGNoCIvAY+APuq+iPblsyZTWYXqAG+iOyLyHp2LZljAajqN1XdAa4Dv4GDTLsy5MIFoKrfgb2MeklMplezKSJyFhUvpIyqrkXF7SjLZR/OO3ZRG4+ikGsmIq+AN8BTVZ1vVlH/AXSB+8B7EdmeBQspo6ofgVvAc+DRLF7INQOYPi94PH0BBZ3MMi5l8sqlTF4xkTkFGA6Hbsq9ABAEgbNYJw4mMocAvu9vLhROhSAIHN/3NxfrxMHkd+YtsD4aja70+/2bBvmrcAK8i5sUezLtdvsn8AT4jMEq/IdTwAcOTJ5F/AFh9ZnmL3x1yAAAAABJRU5ErkJggg==);
}
.no-data-gray:after {
  content: '';
  width: 133px;
  height: 1px;
  background-color: #dfdfdf;
  position: absolute;
  top: 48%;
  right: calc(50% - 230.01px);
}
.request-right {
  position: relative;
}
.request-right::before {
  content: "*";
  position: absolute;
  right: -8px;
  top: calc(50% - 6px);
  z-index: 99;
  height: 14px;
  line-height: 1;
  font-size: 14px;
  color: #cc0a0a;
}
.request-left {
  position: relative;
}
.request-left::before {
  content: "*";
  position: absolute;
  left: 0px;
  top: calc(50% - 6px);
  z-index: 99;
  height: 14px;
  line-height: 1;
  font-size: 14px;
  color: #cc0a0a;
}
.upload-picture-box {
  position: relative;
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dedede;
}
.upload-picture-box > img {
  width: 100%;
}
.upload-picture-box .upload-picture-delete {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 14px;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.5);
}
.upload-picture-box .upload-picture-delete > a {
  color: #fff;
}
.upload-picture-box:hover .upload-picture-delete {
  display: block;
}
.col-md-1 {
  width: calc(100% / 24 - 0.01px);
}
.col-md-2 {
  width: calc(100% / 24 * 2 - 0.01px);
}
.col-md-3 {
  width: calc(100% / 24 * 3 - 0.01px);
}
.col-md-4 {
  width: calc(100% / 24 * 4 - 0.01px);
}
.col-md-5 {
  width: calc(100% / 24 * 5 - 0.01px);
}
.col-md-6 {
  width: 25%;
}
.col-md-7 {
  width: calc(100% / 24 * 7 - 0.01px);
}
.col-md-8 {
  width: calc(100% / 24 * 8 - 0.01px);
}
.col-md-9 {
  width: calc(100% / 24 * 9 - 0.01px);
}
.col-md-10 {
  width: calc(100% / 24 * 10 - 0.01px);
}
.col-md-11 {
  width: calc(100% / 24 * 11 - 0.01px);
}
.col-md-12 {
  width: 50%;
}
.col-md-13 {
  width: calc(100% / 24 * 13 - 0.01px);
}
.col-md-14 {
  width: calc(100% / 24 * 14 - 0.01px);
}
.col-md-15 {
  width: calc(100% / 24 * 15 - 0.01px);
}
.col-md-16 {
  width: calc(100% / 24 * 16 - 0.01px);
}
.col-md-17 {
  width: calc(100% / 24 * 17 - 0.01px);
}
.col-md-18 {
  width: 75%;
}
.col-md-19 {
  width: calc(100% / 24 * 19 - 0.01px);
}
.col-md-20 {
  width: calc(100% / 24 * 20 - 0.01px);
}
.col-md-21 {
  width: calc(100% / 24 * 21 - 0.01px);
}
.col-md-22 {
  width: calc(100% / 24 * 22 - 0.01px);
}
.col-md-23 {
  width: calc(100% / 24 * 23 - 0.01px);
}
.col-md-24 {
  width: 100%;
}
.fz-12 {
  font-size: 12px;
}
.fz-14 {
  font-size: 14px;
}
.fz-16 {
  font-size: 16px;
}
.fz-18 {
  font-size: 18px;
}
.fz-20 {
  font-size: 20px;
}
.fz-22 {
  font-size: 22px;
}
a {
  cursor: pointer;
}
.nodata-type-1 {
  border-radius: 10px;
  position: relative;
  z-index: -1;
}
.nodata-type-2 {
  border-radius: 10px;
  background-color: #f8f8f8;
  position: relative;
  z-index: -1;
}
.nodata-type-2-normal {
  border-radius: 10px;
  background-color: #f8f8f8;
}
.star-box > i {
  color: #ccc;
}
.star-box .color-star {
  color: #ffc51d;
}
.form-readonly * {
  pointer-events: none;
}
.form-readonly .form-readonly-but-this-one {
  pointer-events: auto;
}
.form-readonly .form-readonly-but-this-one * {
  pointer-events: auto;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.3);
}
.border-down-ddd {
  border-bottom: 1px solid #ddd;
}
.push-0 {
  margin: 0px !important;
}
.push-down-0 {
  margin-bottom: 0px !important;
}
.push-down-1 {
  margin-bottom: 1px !important;
}
.push-down-2 {
  margin-bottom: 2px !important;
}
.push-down-3 {
  margin-bottom: 3px !important;
}
.push-down-4 {
  margin-bottom: 4px !important;
}
.push-down-5 {
  margin-bottom: 5px !important;
}
.push-down-6 {
  margin-bottom: 6px !important;
}
.push-down-7 {
  margin-bottom: 7px !important;
}
.push-down-8 {
  margin-bottom: 8px !important;
}
.push-down-10 {
  margin-bottom: 10px !important;
}
.push-down-12 {
  margin-bottom: 12px !important;
}
.push-down-15 {
  margin-bottom: 15px !important;
}
.push-down-18 {
  margin-bottom: 18px !important;
}
.push-down-19 {
  margin-bottom: 19px !important;
}
.push-down-20 {
  margin-bottom: 20px !important;
}
.push-down-24 {
  margin-bottom: 24px !important;
}
.push-down-25 {
  margin-bottom: 25px !important;
}
.push-down-30 {
  margin-bottom: 30px !important;
}
.push-down-40 {
  margin-bottom: 40px !important;
}
.push-up-0 {
  margin-top: 0px !important;
}
.push-up-1 {
  margin-top: 1px !important;
}
.push-up-2 {
  margin-top: 2px !important;
}
.push-up-3 {
  margin-top: 3px !important;
}
.push-up-4 {
  margin-top: 4px !important;
}
.push-up-5 {
  margin-top: 5px !important;
}
.push-up-6 {
  margin-top: 6px !important;
}
.push-up-7 {
  margin-top: 7px !important;
}
.push-up-8 {
  margin-top: 8px !important;
}
.push-up-10 {
  margin-top: 10px !important;
}
.push-up-11 {
  margin-top: 11px !important;
}
.push-up-12 {
  margin-top: 12px !important;
}
.push-up-14 {
  margin-top: 14px !important;
}
.push-up-15 {
  margin-top: 15px !important;
}
.push-up-16 {
  margin-top: 16px !important;
}
.push-up-17 {
  margin-top: 17px !important;
}
.push-up-18 {
  margin-top: 18px !important;
}
.push-up-19 {
  margin-top: 19px !important;
}
.push-up-20 {
  margin-top: 20px !important;
}
.push-up-25 {
  margin-top: 25px !important;
}
.push-up-30 {
  margin-top: 30px !important;
}
.push-up-40 {
  margin-top: 40px !important;
}
.push-left-0 {
  margin-left: 0px !important;
}
.push-left-1 {
  margin-left: 1px !important;
}
.push-left-2 {
  margin-left: 2px !important;
}
.push-left-5 {
  margin-left: 5px !important;
}
.push-left-6 {
  margin-left: 6px !important;
}
.push-left-10 {
  margin-left: 10px !important;
}
.push-left-12 {
  margin-left: 12px !important;
}
.push-left-15 {
  margin-left: 15px !important;
}
.push-left-20 {
  margin-left: 20px !important;
}
.push-left-25 {
  margin-left: 25px !important;
}
.push-left-30 {
  margin-left: 30px !important;
}
.push-right-0 {
  margin-right: 0px !important;
}
.push-right-1 {
  margin-right: 1px !important;
}
.push-right-2 {
  margin-right: 2px !important;
}
.push-right-5 {
  margin-right: 5px !important;
}
.push-right-6 {
  margin-right: 6px !important;
}
.push-right-10 {
  margin-right: 10px !important;
}
.push-right-15 {
  margin-right: 15px !important;
}
.push-right-20 {
  margin-right: 20px !important;
}
.push-right-25 {
  margin-right: 25px !important;
}
.push-right-30 {
  margin-right: 30px !important;
}
.padding-0 {
  padding: 0px !important;
}
.padding-down-0 {
  padding-bottom: 0px !important;
}
.padding-down-1 {
  padding-bottom: 1px !important;
}
.padding-down-2 {
  padding-bottom: 2px !important;
}
.padding-down-3 {
  padding-bottom: 3px !important;
}
.padding-down-4 {
  padding-bottom: 4px !important;
}
.padding-down-5 {
  padding-bottom: 5px !important;
}
.padding-down-6 {
  padding-bottom: 6px !important;
}
.padding-down-7 {
  padding-bottom: 7px !important;
}
.padding-down-8 {
  padding-bottom: 8px !important;
}
.padding-down-10 {
  padding-bottom: 10px !important;
}
.padding-down-15 {
  padding-bottom: 15px !important;
}
.padding-down-18 {
  padding-bottom: 18px !important;
}
.padding-down-19 {
  padding-bottom: 19px !important;
}
.padding-down-20 {
  padding-bottom: 20px !important;
}
.padding-down-24 {
  padding-bottom: 24px !important;
}
.padding-down-25 {
  padding-bottom: 25px !important;
}
.padding-down-30 {
  padding-bottom: 30px !important;
}
.padding-up-0 {
  padding-top: 0px !important;
}
.padding-up-1 {
  padding-top: 1px !important;
}
.padding-up-2 {
  padding-top: 2px !important;
}
.padding-up-3 {
  padding-top: 3px !important;
}
.padding-up-4 {
  padding-top: 4px !important;
}
.padding-up-5 {
  padding-top: 5px !important;
}
.padding-up-6 {
  padding-top: 6px !important;
}
.padding-up-7 {
  padding-top: 7px !important;
}
.padding-up-8 {
  padding-top: 8px !important;
}
.padding-up-10 {
  padding-top: 10px !important;
}
.padding-up-11 {
  padding-top: 11px !important;
}
.padding-up-12 {
  padding-top: 12px !important;
}
.padding-up-14 {
  padding-top: 14px !important;
}
.padding-up-15 {
  padding-top: 15px !important;
}
.padding-up-16 {
  padding-top: 16px !important;
}
.padding-up-17 {
  padding-top: 17px !important;
}
.padding-up-18 {
  padding-top: 18px !important;
}
.padding-up-19 {
  padding-top: 19px !important;
}
.padding-up-20 {
  padding-top: 20px !important;
}
.padding-up-25 {
  padding-top: 25px !important;
}
.padding-up-30 {
  padding-top: 30px !important;
}
.padding-up-40 {
  padding-top: 40px !important;
}
.padding-left-0 {
  padding-left: 0px !important;
}
.padding-left-1 {
  padding-left: 1px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-6 {
  padding-left: 6px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-25 {
  padding-left: 25px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-6 {
  padding-right: 6px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-25 {
  padding-right: 25px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.animation-height-05s {
  transition: height 0.5s;
  -moz-transition: height 0.5s;
  -webkit-transition: height 0.5s;
  -o-transition: height 0.5s;
}
.animation-height-08s {
  transition: height 0.8s;
  -moz-transition: height 0.8s;
  -webkit-transition: height 0.8s;
  -o-transition: height 0.8s;
}
.animation-margin-05s {
  transition: margin 0.5s;
  -moz-transition: margin 0.5s;
  -webkit-transition: margin 0.5s;
  -o-transition: margin 0.5s;
}
.animation-margin-08s {
  transition: margin 0.8s;
  -moz-transition: margin 0.8s;
  -webkit-transition: margin 0.8s;
  -o-transition: margin 0.8s;
}
.animation-width-05s {
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.animation-width-08s {
  transition: width 0.8s;
  -moz-transition: width 0.8s;
  -webkit-transition: width 0.8s;
  -o-transition: width 0.8s;
}
.animation-all-02s {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.animation-all-03s {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.animation-all-04s {
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.animation-all-05s {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.animation-all-08s {
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.animation-padding-05s {
  transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  -webkit-transition: padding 0.5s;
  -o-transition: padding 0.5s;
}
.animation-left-05s {
  transition: left 0.5s;
  -moz-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
}
.animation-opacity-05s {
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes loading-three-point-1 {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.5;
  }
  66% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes loading-three-point-2 {
  0% {
    opacity: 0.5;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes loading-three-point-3 {
  0% {
    opacity: 0.5;
  }
  33% {
    opacity: 0.5;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes smallbigsmall {
  0% {
    width: calc(100% - 30.01px);
    padding: 15px 10px 10px;
    margin: 0 15px 20px;
  }
  50% {
    width: calc(100% - 15.01px);
    padding: 15px 10px 20px;
    margin: -10px 15px 20px 0px;
  }
  100% {
    width: calc(100% - 20.01px);
    padding: 15px 10px 15px;
    margin: -5px 15px 20px 5px;
  }
}
@-moz-keyframes smallbigsmall {
  0% {
    width: calc(100% - 30.01px);
    padding: 15px 10px 10px;
    margin: 0 15px 20px;
  }
  50% {
    width: calc(100% - 15.01px);
    padding: 15px 10px 20px;
    margin: -10px 15px 20px 0px;
  }
  100% {
    width: calc(100% - 20.01px);
    padding: 15px 10px 15px;
    margin: -5px 15px 20px 5px;
  }
}
@-webkit-keyframes smallbigsmall {
  0% {
    width: calc(100% - 30.01px);
    padding: 15px 10px 10px;
    margin: 0 15px 20px;
  }
  50% {
    width: calc(100% - 15.01px);
    padding: 15px 10px 20px;
    margin: -10px 15px 20px 0px;
  }
  100% {
    width: calc(100% - 20.01px);
    padding: 15px 10px 15px;
    margin: -5px 15px 20px 5px;
  }
}
@-o-keyframes smallbigsmall {
  0% {
    width: calc(100% - 30.01px);
    padding: 15px 10px 10px;
    margin: 0 15px 20px;
  }
  50% {
    width: calc(100% - 15.01px);
    padding: 15px 10px 20px;
    margin: -10px 15px 20px 0px;
  }
  100% {
    width: calc(100% - 20.01px);
    padding: 15px 10px 15px;
    margin: -5px 15px 20px 5px;
  }
}
@keyframes requiredAnim1 {
  0% {
    background-color: rgba(251, 220, 220, 0.8);
  }
  50% {
    background-color: rgba(179, 32, 28, 0.25);
  }
  100% {
    background-color: rgba(251, 220, 220, 0.8);
  }
}
.small-big-small:hover {
  animation: smallbigsmall 0.25s;
  -moz-animation: smallbigsmall 0.25s;
  /* Firefox */
  -webkit-animation: smallbigsmall 0.25s;
  /* Safari 和 Chrome */
  -o-animation: smallbigsmall 0.25s;
  /* Opera */
}
@keyframes updown {
  0% {
    top: calc(100vh - 120px);
  }
  50% {
    top: calc(100vh - 110px);
  }
  100% {
    top: calc(100vh - 120px);
  }
}
.arr-down-icon {
  position: absolute;
  z-index: 100;
  top: calc(100vh - 120px);
  right: calc(50% - 40px);
  width: 46px;
  height: 22px;
  cursor: pointer;
  animation: updown 1.6s infinite;
  -moz-animation: updown 1.6s infinite;
  /* Firefox */
  -webkit-animation: updown 1.6s infinite;
  /* Safari 和 Chrome */
  -o-animation: updown 1.6s infinite;
  /* Opera */
}
.arr-down-icon .fold-btn-inside {
  position: absolute;
  width: 50%;
  height: 7px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px;
}
.arr-down-icon .fold-btn-inside > span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e1e1e1;
}
.arr-down-icon .fold-btn-inside:nth-child(1) {
  bottom: 0;
  right: 0;
  border-radius: 5px 8px 8px 5px;
  margin: 0 4px 0 0;
  transform: rotate(-25deg);
}
.arr-down-icon .fold-btn-inside:nth-child(2) {
  bottom: 0;
  left: 0;
  border-radius: 6px 8px 8px 6px;
  margin: 0 0 0 4px;
  transform: rotate(25deg);
}
.arr-down-theme-icon {
  position: absolute;
  display: flex;
  justify-content: center;
  z-index: 100;
  bottom: -15px;
  right: calc(50% - 40px);
  width: 76px;
  height: 14px;
  padding: 5px 0;
  cursor: pointer;
}
.arr-down-theme-icon .fold-btn-inside {
  width: 38px;
  height: 4px;
  overflow: hidden;
  cursor: pointer;
}
.arr-down-theme-icon .fold-btn-inside > span {
  display: block;
  width: 38px;
  height: 100%;
}
.arr-down-theme-icon .fold-btn-inside:nth-child(1) {
  margin: 0;
  transform: rotate(0deg);
}
.arr-down-theme-icon .fold-btn-inside:nth-child(2) {
  margin: 0;
  transform: rotate(0deg);
}
.arr-down-theme-icon:hover {
  padding: 5px 22px;
}
.arr-down-theme-icon:hover .fold-btn-inside {
  position: ;
  width: 30px;
}
.arr-down-theme-icon:hover .fold-btn-inside:nth-child(1) {
  border-radius: 2px;
  margin: 0 -1px;
  transform: rotate(-25deg);
}
.arr-down-theme-icon:hover .fold-btn-inside:nth-child(2) {
  border-radius: 2px;
  margin: 0 -1px;
  transform: rotate(25deg);
}
.fold-mod-v .arr-down-theme-icon:hover .fold-btn-inside:nth-child(1) {
  transform: rotate(25deg);
}
.fold-mod-v .arr-down-theme-icon:hover .fold-btn-inside:nth-child(2) {
  transform: rotate(-25deg);
}
.page-main-container {
  width: 100%;
  height: 100vh;
  overflow: auto;
}
.page-main-container.fixed-header-mod .app-secondary-menu {
  height: calc(100vh - 64px);
}
.page-main-container.fixed-header-mod .app-secondary-menu > .sidebar-menu-list {
  height: calc(100vh - 104px);
}
.page-main-container.fixed-header-mod .app-content-container {
  height: calc(100vh - 64px);
  overflow: auto;
}
.page-main-container.no-service-list .page-main-body {
  padding: 0;
}
.page-main-container.no-service-list .page-service-list {
  display: none;
}
.page-main-container.no-service-list .page-body-container {
  width: 100%;
}
.page-main-container.independent-apps-page .page-main-header {
  display: flex;
  justify-content: space-between;
}
.page-main-container.independent-apps-page .page-main-header .header-app-title {
  float: left;
  height: 62px;
  display: flex;
  align-items: center;
}
.page-main-container.independent-apps-page .page-main-header .header-app-title .icon-box {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
}
.page-main-container.independent-apps-page .page-main-header .header-app-title .title-box {
  padding: 16px 10px;
  font-size: 18px;
  line-height: 30px;
}
.page-main-container.independent-apps-page .page-main-header .header-option-box .header-avatar-box {
  display: flex;
  align-items: center;
}
.page-main-container.independent-apps-page .page-main-header .header-option-box .header-avatar-box .user-name {
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  font-size: 16px;
  color: #333;
}
.page-main-container.independent-apps-page .page-main-body {
  background-size: auto;
  background-color: #f9fafb;
  background-repeat: no-repeat;
  background-position: right -64px;
}
.page-content-wrap {
  display: flex;
  width: calc(100% - 196px);
  height: calc(100vh - 64px);
  padding: 10px 15px 0;
}
.page-content-wrap > .mCustomScrollBox {
  width: 100%;
}
.page-content-wrap > .mCustomScrollBox > .mCSB_container {
  width: 100%;
  display: flex;
  min-height: 100%;
}
.page-content-wrap > .mCustomScrollBox > .mCSB_container .panel-blank-container:first-child:last-child .panel-blank {
  min-height: calc(100vh - 150px);
}
.independent-page.page-main-body {
  padding: 0;
}
.independent-page.page-main-body .page-content-wrap {
  width: 100%;
  padding: 0;
}
.independent-page-title {
  width: 100%;
  display: flex;
  height: 50px;
  align-items: center;
  align-content: center;
}
.independent-page-title .title-icon {
  height: 32px;
  margin: 0 10px 0 0;
  display: flex;
  align-items: center;
  align-content: center;
}
.independent-page-title .title-main-text {
  height: 32px;
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
}
.independent-page-title .title-sec-text {
  height: 32px;
  font-size: 18px;
  color: #333;
  line-height: 32px;
  padding: 0 0 0 15px;
}
.independent-page-title .title-sec-text::before {
  content: "";
  float: left;
  display: block;
  width: 1px;
  height: 12px;
  margin: 12px 15px 12px 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.full-width .page-content-wrap {
  width: 100%;
  margin: 0 auto;
}
.width-1000 {
  width: 100%;
  max-width: 1000px;
}
.margin-center {
  margin: 0 auto;
}
.page-content-inside {
  position: relative;
  width: 100%;
}
.page-content-inside .page-content-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 10px 15px 10px;
  font-size: 18px;
  line-height: 20px;
  color: #333;
}
.page-content-inside .page-content-title .title-box {
  font-size: 18px;
  line-height: 20px;
  color: #333;
}
.page-content-inside .page-content-title .title-box > span {
  color: #666;
}
.page-content-inside .page-content-title .title-box > span::after {
  content: "/";
  margin: 0 10px;
  color: #666;
}
.page-content-inside .page-content-title .title-box > span:last-child {
  color: #333;
}
.page-content-inside .page-content-title .title-box > span:last-child::after {
  display: none;
}
.page-content-inside .page-content-title .slot-container {
  margin: -10px 0;
}
.page-content-inside .page-content-title.with-btn .title-box {
  width: calc(100% - 260px);
}
.page-content-inside .page-content-title.with-btn .btn-box {
  float: right;
  margin: -5px 0;
  line-height: 20px;
}
.page-content-inside .page-content-title .independent-page-title {
  margin: -15px 0;
}
.page-content-inside .panel-blank-container {
  width: 100%;
  padding: 10px 15px 10px;
}
.page-content-inside .more-col-container {
  width: 100%;
  display: flex;
}
.page-content-inside .more-col-container .block-panel-center {
  padding: 0;
}
.page-content-inside .more-col-container .block-panel-center .block-panel-center-scroll {
  height: calc(100vh - 125px);;
}
.page-content-inside .more-col-container .card-panel-center {
  padding: 0;
}
.page-content-inside .more-col-container .card-panel-center .card-panel-center-scroll {
  height: calc(100vh - 125px);;
}
.panel-blank {
  width: 100%;
  padding: 20px 10px;
  border-radius: 10px;
  background-color: #fff;
}
.without-page-menu .page-content-wrap {
  width: 100%;
}
.panel-inside-padding {
  padding: 0 10px;
}
.flex-column-layout {
  display: flex;
}
.flex-column-layout .bigger-column {
  flex: 1;
}
.flex-column-layout .smaller-column {
  width: 35%;
  max-width: 380px;
}
.max-width-1260 {
  max-width: 1260px;
  margin: 0 auto;
}
.max-table #page_header,
.max-table #page_menu,
.max-table #page_footer {
  display: none;
}
.max-table #page_content,
.max-table .page-content-wrap {
  height: 100vh;
  padding: 0;
}
.max-table .page-main-body {
  height: 100vh;
  width: 100%;
  padding: 0;
}
.max-table .page-main-body .panel-blank {
  border-radius: none;
  min-height: 100vh;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.max-table .page-main-body .panel-blank .panel-inside-padding {
  padding: 0;
}
@font-face {
  font-family: dincondensedbold;
  src: url(../../font/din_condensed_bold.ttf);
}
.upload-btn-outside {
  float: left;
  display: table;
  width: 104px;
  height: 104px;
  margin-right: 10px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  border: 1px dashed #dedede;
}
.upload-btn-outside .upload-btn {
  position: relative;
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
}
.upload-btn-outside .upload-btn > i {
  font-size: 32px;
  color: #999;
  line-height: 42px;
}
.upload-btn-outside .upload-btn > span {
  display: block;
  font-size: 14px;
  color: #333;
}
.upload-btn-outside .upload-btn > input {
  position: absolute;
  height: 102px;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
.upload-picture-box {
  position: relative;
  float: left;
  width: 104px;
  height: 104px;
  overflow: hidden;
  cursor: pointer;
}
.upload-picture-box .upload-picture-delete {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.5);
}
.upload-picture-box > img {
  width: 100%;
}
.upload-picture-box:hover .upload-picture-delete {
  display: block;
}
input,
textarea {
  outline: none;
}
.form-container {
  width: 100%;
  padding: 0 10px;
}
.form-container.form-popup {
  padding: 20px 10px;
}
.form-block-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.form-block-row.one-col-part {
  justify-content: space-around;
}
.form-block-row.one-col-part .form-block-col {
  max-width: 800px;
}
.form-block-row.one-col-popup {
  justify-content: space-around;
}
.form-block-row.one-col-popup .form-block-col {
  max-width: 70%;
}
.form-block-row.two-col .form-block-col {
  max-width: 47%;
}
.form-block-row .form-block-col {
  flex: 1;
  max-width: 100%;
}
.form-block-row .form-block-col .form-block-item {
  display: flex;
  width: 100%;
  margin: 0 0 20px;
}
.form-block-row .form-block-col .form-block-item .form-item-title {
  width: 140px;
  min-width: 140px;
  font-size: 14px;
  line-height: 32px;
  text-align: right;
  color: #333;
}
.form-block-row .form-block-col .form-block-item .form-item-title.width-200 {
  width: 200px;
}
.form-block-row .form-block-col .form-block-item.mustinter {
  position: relative;
}
.form-block-row .form-block-col .form-block-item.mustinter .form-item-title:before {
  content: "*";
  width: 10px;
  height: 32px;
  color: #fc4f54;
  font-size: 16px;
}
.form-block-row .form-block-col .form-block-item .van-cell-group .van-cell {
  padding: 0;
  border: none;
}
.form-block-row .form-block-col .form-block-item .van-cell-group:after {
  display: none;
}
.form-block-row .form-block-col .form-table-item .form-item-title {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 32px;
  text-align: left;
  color: #333;
}
.form-block-row .form-block-col .form-table-item .form-item-content {
  max-width: 100%;
}
.form-block-row .form-block-col .form-table-item.mot-table {
  padding: 15px;
  border-radius: 10px;
}
.table-add-row {
  display: block;
  width: 100%;
  height: 34px;
  line-height: 33px;
  border: 1px solid #ddd;
  border-top: none;
  font-size: 14px;
  color: #333;
  text-align: center;
}
label.error {
  font-size: 14px;
  line-height: 20px;
  color: #fc4f54;
}
.form-item-content {
  flex: 1;
  max-width: calc(100% - 140px);
}
.form-item-content > div.error,
.form-item-content > input.error {
  border: 1px solid #fc4f54;
}
.form-item-content div.bootstrap-select.error {
  border: none;
}
.form-item-content > div.error > .selectpicker {
  border: 1px solid #fc4f54;
}
.form-item-content .form-control {
  width: 100%;
  height: 32px;
}
.form-item-content .form-control .error {
  font-size: 14px;
  line-height: 20px;
  color: #fc4f54;
}
.form-item-content .form-text-details {
  padding: 5px 0;
  line-height: 22px;
  color: #666;
  font-size: 14px;
}
.form-item-content .bootstrap-select > .btn {
  display: flex;
  overflow: hidden;
  height: 32px;
  padding: 5px 25px 5px 15px;
}
.form-item-content .datepick-box {
  display: flex;
  width: 100%;
  height: 32px;
  padding: 5px 35px 5px 15px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background-color: #fff;
  background-position: calc(100% - 12px) center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAATElEQVQokWM8c+YMAxr4z8DAwEhIjAUqiE0zXjEWKM2IpoCQjf+ZsJhMFMCmEd02rGIwp2LzE14A05hOor6ZVPXjqEZKNcLicSapGgEnzQ0jwfTPpgAAAABJRU5ErkJggg==);
}
.form-item-content .datepick-box > input {
  width: 100%;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  background: none;
}
.form-item-content .datepick-pair-box {
  display: flex;
  width: 100%;
  height: 32px;
  padding: 0 35px 0 15px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background-color: #fff;
  background-position: calc(100% - 12px) center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAATElEQVQokWM8c+YMAxr4z8DAwEhIjAUqiE0zXjEWKM2IpoCQjf+ZsJhMFMCmEd02rGIwp2LzE14A05hOor6ZVPXjqEZKNcLicSapGgEnzQ0jwfTPpgAAAABJRU5ErkJggg==);
}
.form-item-content .datepick-pair-box .date-input {
  flex: 1;
  display: flex;
  padding: 5px 0;
}
.form-item-content .datepick-pair-box .date-input > input {
  width: 100%;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  background: none;
}
.form-item-content .datepick-pair-box .arr-box {
  width: 40px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAFCAYAAAB1j90SAAAATElEQVQYlZXLwQ1AMABA0Ue7jiGs5S4RMYNN2KR3MYILl0rcWv/4k9eklBQacGH5zlhSWLGhxfwHHuixZzzVQjgz3hAwRtyV+K1DeABKvQyg9Zx9CAAAAABJRU5ErkJggg==);
}
.form-item-content .check-content {
  display: flex;
  flex-wrap: wrap;
}
.form-item-content .check-content .check-item {
  display: flex;
  height: 32px;
  padding: 0 20px 0 0;
}
.form-item-content .check-content .check-item .check-box {
  display: flex;
  padding: 0 10px 0 0;
  align-items: center;
}
.form-item-content .check-content .check-item .check-number {
  display: flex;
  width: 22px;
  height: 22px;
  align-items: center;
  margin: 5px 10px 0 0;
  background-color: #f5f5f5;
  color: #fff;
  font-family: dincondensedbold;
  text-align: center;
  justify-content: center;
}
.form-item-content .check-content .check-item .check-text {
  padding: 5px 0;
  line-height: 22px;
  font-size: 14px;
  color: #333;
}
.form-item-content .check-content.picture .check-item {
  height: auto;
  flex-wrap: wrap;
}
.form-item-content .check-content.picture .check-item .picture-box {
  width: 100%;
}
.form-item-content .check-content.picture .check-item .picture-box > img {
  width: 100%;
}
.form-item-content .btn {
  height: 32px;
  padding: 5px 15px 5px;
}
.form-item-content .tag-content {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 1px 3px;
  min-height: 32px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.form-item-content .tag-content.bootstrap-select {
  height: auto;
}
.form-item-content .tag-content > li {
  display: flex;
  float: left;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  padding: 0 5px;
  margin: 3px 2px 3px;
  border-radius: 4px;
  align-items: center;
}
.form-item-content .tag-content > li > span {
  float: left;
  font-size: 14px;
  color: #fff;
}
.form-item-content .tag-content > li input[type="text"] {
  padding: 0 10px;
  background: transparent;
  border: none;
  width: 100px;
  font-size: 14px;
  color: #fff;
  height: 22px;
  line-height: 22px;
}
.form-item-content .tag-content > li > a {
  float: left;
  margin: 0 0 0 5px;
  font-size: 14px;
  color: #fff;
}
.form-item-content .tag-content .datepick-box-tag {
  position: relative;
  z-index: 2;
  float: left;
  max-width: calc(100% - 50px);
}
.form-item-content .tag-content .datepick-box-tag > li {
  display: flex;
  float: left;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  padding: 0 5px;
  margin: 3px 2px 3px;
  border-radius: 4px;
  align-items: center;
}
.form-item-content .tag-content .datepick-box-tag > li > span {
  float: left;
  font-size: 14px;
  color: #fff;
}
.form-item-content .tag-content .datepick-box-tag > li > a {
  float: left;
  margin: 0 0 0 5px;
  font-size: 14px;
  color: #fff;
}
.form-item-content .tag-content > input {
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0 0 0 10px;
  opacity: 0;
}
.form-item-content .tag-content.datepick-box {
  height: auto;
}
.form-item-content .tag-edit-content {
  display: flex;
}
.form-item-content .tag-edit-content .tag-content {
  border-radius: 5px 0 0 5px;
}
.form-item-content .tag-edit-content .tag-add-btn {
  width: 50px;
  padding: 7px 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border: 1px solid #ddd;
  border-left: none;
  border-radius: 0 5px 5px 0;
}
.form-item-content .btn-row {
  margin: 0 0 10px;
}
.form-item-content .btn-row:last-child {
  margin: 0;
}
.form-item-content .image-row .image-box {
  float: left;
  position: relative;
  height: 95px;
  margin: 0 10px 0 0;
}
.form-item-content .image-row .image-box .delete-box {
  display: none;
  position: absolute;
  width: 100%;
  height: 24px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  cursor: pointer;
}
.form-item-content .image-row .image-box:hover .delete-box {
  display: block;
}
.form-item-content .image-row .image-box img {
  height: 100%;
}
.form-item-content .textarea-row {
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.form-item-content .textarea-row textarea {
  width: 100%;
  height: 120px;
  padding: 5px 10px;
  line-height: 20px;
  font-size: 14px;
  resize: none;
  border-radius: 5px;
  color: #666;
}
.form-item-content .textarea-row .word-number {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 12px;
  color: #999;
  line-height: 24px;
  background-color: #fff;
}
.table-btn-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 5px 5px;
}
.table-btn-container > .btn {
  margin: 0 5px 10px;
}
.btn-group-row {
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
  overflow: hidden;
  border-radius: 5px;
}
.btn-group-row .btn {
  border: none;
  border-right: 1px solid #ddd;
  border-radius: 0;
}
.btn-group-row .btn:last-child {
  border-right: none;
}
.btn {
  display: inline-block;
  line-height: 20px;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
}
.btn.disabled {
  background-color: #f5f5f5;
  color: #b7b7b7;
  border-color: #f5f5f5;
}
.btn.btn-30 {
  padding: 3px 10px 3px;
}
.btn.btn-block {
  width: 100%;
  text-align: center;
}
.bootstrap-select {
  position: relative;
  width: 100%;
  height: 32px;
}
.bootstrap-select > select {
  display: none;
}
.bootstrap-select .bootstrap-select-searchbox,
.bootstrap-select .bs-searchbox,
.bootstrap-select .bootstrap-select .bs-actionsbox {
  padding: 4px 8px;
}
.bootstrap-select > .btn {
  position: relative;
  width: 100%;
  padding-right: 25px;
  height: 32px;
  outline: none;
  background-color: #fff;
  cursor: pointer;
}
.bootstrap-select > .btn .filter-option {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  position: initial;
  line-height: 22px;
  color: #666;
}
.bootstrap-select .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.bootstrap-select.select-item-overflow > .btn .filter-option {
  width: calc(100% - 20px);
}
.bootstrap-select .dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  min-width: 180px;
  background-color: #fff;
  z-index: 999;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: auto;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  width: 100%;
  min-height: 34px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.bootstrap-select .dropdown-menu li > a {
  display: block;
  width: 100%;
  min-height: 34px;
  padding: 7px 15px;
  line-height: 20px;
  color: #666;
  font-size: 14px;
  outline: none;
}
.bootstrap-select .dropdown-menu li.selected > a {
  color: #fff;
}
.bootstrap-select .dropdown-menu li:last-child {
  border-bottom: none;
}
.bootstrap-select.open .dropdown-menu {
  display: block;
}
.form-btn-row {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.form-btn-row > .btn {
  height: 32px;
  margin: 0 10px;
  line-height: 20px;
  text-align: center;
  justify-content: center;
}
.form-btn-row > .btn:first-child {
  width: 164px;
}
.form-btn-row.width-normal > .btn {
  margin: 0 5px;
}
.form-btn-row.width-normal > .btn:first-child {
  width: 70px;
}
.form-btn-row.width-normal > .btn.btn-default {
  width: 70px;
}
.en .form-block-row {
  width: calc(100% + 20px);
  margin: 0 -10px;
}
.en .form-block-row .form-block-col {
  max-width: 100%;
  padding: 0 15px;
}
.en .form-block-row .form-block-col .form-block-item .form-item-title {
  width: 197px;
}
.en .form-block-row .form-block-col .form-block-item .form-item-title.width-200 {
  width: 200px;
}
.en .form-block-row .form-block-col .form-block-item .form-item-content {
  max-width: 100%;
}
.en .form-block-row .form-block-col .form-table-item .form-item-content {
  max-width: 100%;
}
.en .form-block-row .form-block-col .form-table-item .form-item-content .datatable-outside-container {
  padding: 0;
}
.en .form-block-row.two-col .form-block-col {
  max-width: 50%;
}
.header-btn {
  flaot: right;
  min-width: 70px;
  height: 40px;
  margin: 12px 5px;
  border-radius: 20px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  text-align: center;
  border: 1px solid #ddd;
  cursor: pointer;
}
.header-btn.bg-theme-100 {
  color: #fff;
  line-height: 38px;
}
.la-en .form-block-row .form-block-col .form-block-item {
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.la-en .form-block-row .form-block-col .form-block-item .form-item-title {
  width: 100%;
  text-align: left;
}
.la-en .form-block-row .form-block-col .form-block-item .form-item-title.width-200 {
  width: 100%;
}
.form-container.form-vertical {
  padding: 0 5px;
}
.form-container.form-vertical .form-block-row .form-block-col .form-block-item {
  display: block;
  margin: 0 0 10px;
}
.form-container.form-vertical .form-block-row .form-block-col .form-block-item .form-item-title {
  width: 100%;
  text-align: left;
}
.form-container.form-vertical .form-block-row .form-block-col .form-block-item .form-item-title.width-200 {
  width: 100%;
}
.form-container.form-vertical .form-block-row .form-block-col .form-block-item .form-item-content {
  width: 100%;
}
.inside-center-container {
  width: 100%;
  margin: 0 auto;
}
.inside-center-container.max-465 {
  max-width: 465px;
}
.upload-file-list {
  width: 100%;
}
.upload-file-list .upload-file-item {
  width: 100%;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding: 5px 0;
}
.upload-file-list .upload-file-item > i {
  float: left;
  margin: 3px 5px 0 0;
}
.upload-file-list .upload-file-item > font {
  float: left;
}
.upload-file-list .upload-file-item .title-box {
  float: left;
}
.upload-file-list .upload-file-item > a {
  float: left;
  font-size: 15px;
  margin: 3px 0 0 10px;
  cursor: pointer;
}
.info-detail-outside {
  width: 100%;
  padding: 0 10px;
}
.info-detail-outside .info-detail-box {
  width: 100%;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 5px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  transition: all 0.3s;
}
.modal-body .common-search-container .search-row-container .search-btn > .btn {
  height: 32px;
  line-height: 22px;
  border-radius: 5px;
}
.layui-laypage .bootstrap-select {
  display: inline-block;
  width: auto;
}
.layui-laypage .bootstrap-select > .btn {
  height: 32px;
  width: 90px;
  margin-left: 0;
  padding: 0 25px 0 10px;
}
.layui-laypage .bootstrap-select > .btn .filter-option {
  border: none;
  margin: 0;
  line-height: 30px;
  height: 30px;
}
.layui-laypage .bootstrap-select > .btn span {
  padding: 0;
}
.layui-laypage .dropdown-menu a {
  box-sizing: border-box;
  border: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding: 0;
  height: auto;
  line-height: 20px;
  margin: 0;
  border-radius: 0px;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  text-align: left;
}
.layui-laypage .dropdown-menu a > span {
  border: none;
  margin: 0;
  padding: 0;
}
.img-select-content {
  width: 100%;
}
.img-select-content.opacity-img .img-select-item {
  position: relative;
  float: left;
  min-width: calc(20% - 20px);
  height: 90px;
  margin: 0 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 10px;
  font: normal normal normal 14px/1 FontAwesome;
}
.img-select-content.opacity-img .img-select-item:nth-child(3n-1) {
  background-color: #03c1bb;
}
.img-select-content.opacity-img .img-select-item:nth-child(3n) {
  background-color: #798aff;
}
.img-select-content.opacity-img .img-select-item:nth-child(3n-2) {
  background-color: #30a3fd;
}
.img-select-content.opacity-img .img-select-item.no-color {
  background: none!important;
  border: 1px solid #ddd;
  padding: 10px;
  width: 50px;
  height: 50px;
}
.img-select-content.opacity-img .img-select-item.no-color:before {
  color: #30a3fd;
  top: -7px;
  right: -10px;
}
.img-select-content.opacity-img .img-select-item.no-color > img {
  min-height: 100%;
}
.img-select-content.opacity-img .img-select-item:before {
  display: none;
  position: absolute;
  top: 7px;
  right: 10px;
  color: #fff;
  font-size: 20px;
  content: "\f058";
}
.img-select-content.opacity-img .img-select-item.active:before {
  display: block;
}
.print-form-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.print-form-container .print-form-inside {
  width: 100%;
  max-width: 690px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
}
.print-form-container .print-form-inside .print-item {
  display: flex;
  flex: 1;
  min-width: 50%;
  min-height: 40px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.print-form-container .print-form-inside .print-item .title-box {
  white-space: nowrap;
  min-height: 40px;
  padding: 5px 15px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  border-right: 1px solid #ddd;
}
.print-form-container .print-form-inside .print-item .text-box {
  min-height: 40px;
  padding: 5px 15px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
}
.print-form-container .print-form-inside .print-item.full-row {
  min-width: 100%;
}
/* @media print{
	.page-main-container{
		.panel-blank-container,.panel-blank,.page-content-wrap{width:210mm!important;border-radius: 0;}
		.page-main-header,.page-menu-container,.page-service-list{display: none!important;}
		.print-form-container{width:210mm;}
		.page-content-wrap,.page-main-body,.page-main-body,.page-content-title,.panel-blank-container,.panel-blank{padding:0!important;}
		.page-content-title{padding:15px 0 15px!important;height:auto;text-align: center;justify-content:center;}
		.form-btn-row{display:none;}
	}
} */
.popup-service-select-container.service-page-mod {
  border-top: none;
}
.popup-service-select-container .select-line-title {
  line-height: 57px!important;
}
.select-line-con {
  display: flex;
  width: 100%;
  height: 26px;
  overflow: hidden;
}
.select-line-con .select-line-title {
  flex-basis: auto;
  width: 90px;
  font-size: 13px;
  color: #333;
  line-height: 26px;
}
.select-line-con .select-line-content {
  flex: 1;
}
.select-line-con .select-line-content > p {
  position: relative;
  float: left;
  padding: 0 10px 12px 0;
}
.select-line-con .select-line-content > p > a {
  display: block;
  float: left;
  height: 26px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 13px;
  color: #333;
  line-height: 26px;
  cursor: pointer;
}
.select-line-con .select-line-content > p:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 16px;
  top: 5px;
  right: 5px;
  background-color: #ccc;
}
.select-line-con .select-line-content > p:last-child:after {
  display: none;
}
.select-line-con .select-line-content.no-line > p:after {
  display: none;
}
.select-line-con .fold-btn {
  display: block;
  font-size: 13px;
  cursor: pointer;
}
.select-line-con.active {
  height: auto;
}
.select-line-con {
  position: relative;
  float: left;
  width: 100%;
  height: 57px;
  overflow-y: hidden;
  border-bottom: 1px solid rgba(184, 184, 184, 0.4);
}
.select-line-con > p {
  width: 90px;
  float: left;
  min-height: 57px;
  line-height: 57px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 0;
  font-size: 14px;
  text-align: right;
  padding: 0 20px 0 0;
}
.select-line-con > div {
  width: calc(100% - 90.01px);
  float: left;
  height: 57px;
  padding: 15px 45px 0 0;
  overflow: hidden;
}
.select-line-con > div .select-line-inside {
  float: left;
  width: calc(100% + 15px);
  margin: 0 0 0;
}
.select-line-con > div .select-line-inside > a {
  display: block;
  float: left;
  color: rgba(0, 0, 0, 0.85);
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  margin: 0 0 10px;
  text-align: center;
  border-radius: 6px;
}
.select-line-con > div .select-line-inside > a.bg-theme-100 {
  color: #fff;
}
.select-line-con > div .select-line-inside span {
  width: 1px;
  height: 36px;
  display: block;
  float: left;
  padding: 0 5px 10px !important;
}
.select-line-con > div .select-line-inside span font {
  width: 1px;
  height: 14px;
  display: block;
  background-color: #b8b8b8;
  margin: 7px 0 0;
}
.select-line-con .fold-btn {
  position: absolute;
  right: 5px;
  top: 15px;
  display: block;
  font-size: 13px;
  color: #0d56a7;
  cursor: pointer;
}
.select-line-con.active {
  height: auto;
}
.select-line-con.active > div {
  height: auto;
}
.select-line-con:last-child > div {
  border-bottom: none;
}
.select-line-con.type-2 {
  height: 47px;
  display: flex;
}
.select-line-con.type-2 > p {
  width: 80px;
  min-height: 46px;
  line-height: 46px;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid rgba(184, 184, 184, 0.4);
}
.select-line-con.type-2 > div {
  width: calc(100% - 80.01px);
  height: 47px;
  padding: 12px 45px 0 0;
}
.select-line-con.type-2 > div .select-line-inside {
  width: 100%;
  margin: 0;
}
.select-line-con.type-2 > div .select-line-inside > a {
  font-size: 14px;
  line-height: 22px;
  color: #333;
  height: 22px;
}
.select-line-con.type-2 > div .select-line-inside > a.active {
  color: #0d56a7;
  background-color: rgba(13, 86, 167, 0.2);
  border-radius: 6px;
}
.select-line-con.type-2 > div .select-line-inside > a.bg-theme-100 {
  color: #fff;
}
.select-line-con.type-2 > div .select-line-inside span {
  display: none;
}
.select-line-con.type-2.active {
  height: auto;
}
.select-line-con.type-2.active > div {
  height: auto;
}
.select-line-con.type-2:last-child {
  border-bottom: none;
}
.select-line-con.type-2 .fold-btn {
  top: 9px;
  font-size: 14px;
}
.select-line-con.type-2.dashed-line {
  border-bottom: 1px dashed rgba(184, 184, 184, 0.4);
}
.select-line-con.type-2.dashed-line > p {
  border-bottom: none;
}
.select-line-con.type-3 {
  display: flex;
  padding: 0 0 10px;
}
.select-line-con.type-3 > p {
  width: 72px;
  min-height: 46px;
  padding: 0;
  line-height: 46px;
  font-size: 14px;
  text-align: left;
}
.select-line-con.type-3 > .select-line-content {
  width: calc(100% - 80.01px);
  height: 47px;
  padding: 15px 45px 0 0;
}
.select-line-con.type-3 > .select-line-content .select-line-inside {
  width: 100%;
  margin: 0;
}
.select-line-con.type-3 > .select-line-content .select-line-inside > a {
  font-size: 14px;
  line-height: 22px;
  color: #333;
}
.select-line-con.type-3 > .select-line-content .select-line-inside > a.active {
  color: #0d56a7;
  background-color: rgba(13, 86, 167, 0.2);
  border-radius: 6px;
}
.select-line-con.type-3 > .select-line-content .select-line-inside span {
  display: none;
}
.select-line-con.type-3 > .select-line-content > p {
  padding: 0 10px 5px 0;
}
.select-line-con.type-3.active {
  height: auto;
}
.select-line-con.type-3.active > div {
  height: auto;
}
.select-line-con.type-3 .fold-btn {
  top: 9px;
  font-size: 14px;
}
.select-line-con.type-4 {
  border-bottom: 1px dashed rgba(184, 184, 184, 0.4);
}
.select-line-con.type-4 > p {
  width: 72px;
  min-height: 46px;
  padding: 0;
  line-height: 46px;
  font-size: 14px;
  text-align: left;
}
.select-line-con.type-5 {
  height: 40px;
  display: flex;
  border-bottom: none;
}
.select-line-con.type-5 > p {
  width: 75px;
  min-height: 40px;
  padding: 0;
  line-height: 40px;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid rgba(184, 184, 184, 0.4);
}
.select-line-con.type-5 > div {
  width: calc(100% - 75.01px);
  height: 40px;
  padding: 9px 45px 0 0;
}
.select-line-con.type-5 > div .select-line-inside {
  width: 100%;
  margin: 0;
}
.select-line-con.type-5 > div .select-line-inside > a {
  font-size: 14px;
  line-height: 22px;
  color: #333;
  height: 22px;
}
.select-line-con.type-5 > div .select-line-inside > a.active {
  color: #0d56a7;
  background-color: rgba(13, 86, 167, 0.2);
  border-radius: 6px;
}
.select-line-con.type-5 > div .select-line-inside > a.bg-theme-100 {
  color: #fff;
}
.select-line-con.type-5 > div .select-line-inside span {
  display: none;
}
.select-line-con.type-5.active {
  height: auto;
}
.select-line-con.type-5.active > div {
  height: auto;
}
.select-line-con.type-5:last-child {
  border-bottom: none;
}
.select-line-con.type-5 .fold-btn {
  top: 6px;
  font-size: 14px;
}
.select-line-con.type-5.dashed-line {
  border-bottom: 1px dashed rgba(184, 184, 184, 0.4);
}
.select-line-con.type-5.dashed-line > p {
  border-bottom: none;
}
.select-line-con.type-6 > p {
  width: 72px;
  min-height: 55px;
  padding: 0;
  line-height: 55px;
  font-size: 14px;
  text-align: left;
}
.select-line-con.type-6 > .select-line-content {
  width: calc(100% - 80.01px);
  height: 55px;
  padding: 16px 45px 0 0;
}
.select-line-con.type-6 > .select-line-content > p {
  padding: 0 0 10px 0;
}
.select-line-con.type-6 > .select-line-content > p::after {
  display: none;
}
.select-line-con.type-6 > .select-line-content > p > a {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  height: 24px;
}
.select-line-con.type-6 > .select-line-content > p > a.active {
  color: #fff;
  background-color: rgba(13, 86, 167, 0.2);
  border-radius: 6px;
}
.select-line-con.type-6 > .select-line-content > p.disabled > a {
  color: #ccc;
  cursor: auto;
}
.select-line-con.type-6.active {
  height: auto;
}
.select-line-con.type-6.active > div {
  height: auto;
}
.select-line-con.type-6 .fold-btn {
  top: 12px;
  font-size: 14px;
}
.select-line-con.type-6.with-line > .select-line-content > p {
  margin: 0 10px 0 0;
}
.select-line-con.type-6.with-line > .select-line-content > p::after {
  display: block;
  right: -5px;
}
.table-select-line-container {
  width: 100%;
  padding: 5px 0;
}
.table-select-line-container .select-line-con:last-child {
  border-bottom: none;
}
.table-select-line-container.type-2 {
  padding: 0 10px;
}
@media only screen and (max-width: 500px) {
  .select-line-con.type-2 > div .select-line-inside > a {
    height: auto;
    text-align: left;
  }
}
.page-popup-container {
  z-index: 199;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
}
.page-popup-container .page-popup-shadow {
  z-index: 15;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.page-popup-container.ec-popup-container .popup-modal-container .page-popup-modal {
  border-radius: 6px;
  overflow: hidden;
}
.page-popup-container.ec-popup-container .popup-modal-container .page-popup-modal .modal-header {
  border-radius: 6px 6px 0 0;
}
.page-popup-container.ec-popup-container .popup-modal-container .page-popup-modal .modal-header .popup-title-box {
  font-weight: normal;
  color: #333;
}
.page-popup-container.ec-popup-container .popup-modal-container .page-popup-modal .modal-body {
  padding: 15px 20px 0;
}
.page-popup-container.ec-popup-container .popup-modal-container .page-popup-modal .modal-footer {
  padding: 0 15px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 61px;
  background-color: #fff;
  border: none;
}
.page-popup-container.ec-popup-container .popup-modal-container .page-popup-modal .modal-footer > a {
  min-width: 0;
  height: 32px;
  margin: 0 5px;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
}
.page-popup-container.bn-popup-container .popup-modal-container .page-popup-modal {
  border-radius: 6px;
  overflow: hidden;
}
.page-popup-container.bn-popup-container .popup-modal-container .page-popup-modal .modal-header {
  border-radius: 6px 6px 0 0;
}
.page-popup-container.bn-popup-container .popup-modal-container .page-popup-modal .modal-header .popup-title-box {
  font-weight: normal;
  color: #333;
}
.page-popup-container.bn-popup-container .popup-modal-container .page-popup-modal .modal-body {
  padding: 15px 20px 0;
  border: none;
  position: relative;
  margin: 0 0 10px;
}
.page-popup-container.bn-popup-container .popup-modal-container .page-popup-modal .modal-body::before {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 40px);
  position: absolute;
  left: 20px;
  right: 20px;
  top: 0;
  border-top: 1px solid #d5d5d5;
}
.page-popup-container.bn-popup-container .popup-modal-container .page-popup-modal .modal-body::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 40px);
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  border-top: 1px solid #d5d5d5;
}
.page-popup-container.bn-popup-container .popup-modal-container .page-popup-modal .modal-footer {
  padding: 0 15px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 61px;
  background-color: #fff;
  border: none;
}
.page-popup-container.bn-popup-container .popup-modal-container .page-popup-modal .modal-footer > a {
  min-width: 0;
  height: 32px;
  margin: 0 5px;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
}
.page-popup-container .popup-modal-container {
  z-index: 20;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-popup-container .popup-modal-container .page-popup-modal {
  width: 1012px;
  background-color: #fff;
  border-radius: 14px;
  overflow: hidden;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-header {
  display: flex;
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  border-radius: 14px 14px 0 0;
  justify-content: space-between;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-header .popup-title-box {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-header .popup-btn-box {
  display: flex;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-header .popup-btn-box .btn-box {
  width: 20px;
  height: 30px;
  margin: 0 0 0 10px;
  cursor: pointer;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-header .popup-btn-box .btn-box .zoom-btn {
  display: block;
  width: 100%;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../image/common/icon/zoom-btn.png");
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-header .popup-btn-box .btn-box .close-btn {
  display: block;
  width: 100%;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../image/common/icon/close-btn.png");
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-header .popup-btn-box .btn-box:first-child {
  margin: 0;
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body {
  width: 100%;
  padding: 10px 30px 10px;
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader .avatar-picture-upload-show,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .avatar-picture-upload-show {
  margin: 5px 0 26px;
  position: relative;
  float: left;
  width: 300px;
  height: 300px;
  overflow: hidden;
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader .avatar-picture-upload-show .avatar-picture-shadow,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .avatar-picture-upload-show .avatar-picture-shadow {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader .avatar-picture-upload-show > img,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .avatar-picture-upload-show > img {
  width: 100%;
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader .avatar-picture-upload-container,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .avatar-picture-upload-container {
  float: right;
  width: calc(100% - 330px);
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader .avatar-picture-upload-container .info-text,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .avatar-picture-upload-container .info-text {
  margin: 0 0 10px;
  line-height: 26px;
  font-size: 14px;
  color: #333;
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader .avatar-picture-upload-container .upload-btn-box,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .avatar-picture-upload-container .upload-btn-box {
  position: relative;
  float: left;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader .avatar-picture-upload-container .upload-btn-box > input,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .avatar-picture-upload-container .upload-btn-box > input {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 32px;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader .modal-btn-row,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .modal-btn-row {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 61px;
}
.page-popup-container .popup-modal-container .page-popup-modal .avatar-picture-uploader .modal-btn-row > a,
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .modal-btn-row > a {
  min-width: 100px;
  height: 32px;
  margin: 0 10px;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
}
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .tips-picture-container {
  text-align: center;
}
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .tips-picture-container > img {
  max-width: 100%;
  max-height: 240px;
}
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .tips-word-container .title-text {
  font-size: 26px;
  line-height: 34px;
  color: #333;
  margin: 0 0 7px;
  text-align: center;
}
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .tips-word-container .info-text {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  margin: 0 0 12px;
  text-align: center;
}
.page-popup-container .popup-modal-container .page-popup-modal .tips-popup-body .tips-word-container .info-text font {
  font-size: 20px;
  font-family: 'Impty';
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-body {
  width: 100%;
  padding: 15px 20px;
  background-color: #fff;
  max-height: 70vh;
  overflow: auto;
  border-top: 1px solid #d5d5d5;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-body.no-top-border {
  border-top: none;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-body .panel-tab-container {
  padding: 0;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-body .panel-tab-container > li {
  margin: 0 10px 0 0;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-body .panel-tab-container.secondary-tab {
  margin: 2px 0 0;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-body .panel-tab-container.secondary-tab > li {
  margin: 0;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 61px;
  border-radius: 0 0 14px 14px;
  background-color: #fafafa;
  border: 1px solid #d5d5d5;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-footer > a {
  min-width: 100px;
  height: 32px;
  margin: 0 10px;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
}
.page-popup-container .popup-modal-container .page-popup-modal .modal-footer.even-btn a {
  min-width: 100px;
  line-height: 20px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-300 {
  width: 300px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-350 {
  width: 350px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-500 {
  width: 500px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-600 {
  width: 600px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-640 {
  width: 640px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-730 {
  width: 730px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-810 {
  width: 810px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-880 {
  width: 880px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-920 {
  width: 920px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-920 .modal-body {
  max-height: 90vh;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-1012 {
  width: 1012px;
}
.page-popup-container .popup-modal-container .page-popup-modal.width-1180 {
  width: 1180px;
}
.page-popup-container .popup-modal-container.full-screen .page-popup-modal {
  width: calc(100% - 20px) !important;
}
.page-popup-container .popup-modal-container.full-screen .page-popup-modal .modal-header .popup-btn-box .btn-box .zoom-btn {
  background-image: url("../../image/common/icon/zoom-out-btn.png");
}
.page-popup-container .popup-modal-container.full-screen .page-popup-modal .modal-body {
  height: calc(100vh - 132px);
  max-height: 100vh;
}
.alert-info-box {
  width: 100%;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.popup-info-color-line {
  display: flex;
  width: 100%;
  min-height: 40px;
  max-height: 40px;
  padding: 5px 20px;
  border-radius: 6px;
  line-height: 30px;
  justify-content: space-between;
  overflow: hidden;
}
.popup-info-color-line .info-text-bar {
  display: flex;
  white-space: nowrap;
}
.popup-info-color-line .info-text-bar .info-text {
  height: 30px;
  padding: 3px 0;
  margin: 0 20px 0 0;
  line-height: 24px;
}
.popup-info-color-line .progress-bar-outside {
  display: flex;
  flex-wrap: wrap;
}
.popup-info-color-line .progress-bar-outside .title-box {
  font-size: 14px;
}
.popup-info-color-line .progress-bar-outside .progress-box {
  width: 180px;
  height: 12px;
  margin: 9px 10px 9px 0;
  padding: 3px 6px;
  border-radius: 6px;
}
.popup-info-color-line .progress-bar-outside .progress-box .progress-box-inside {
  height: 6px;
  border-radius: 3px;
}
.popup-info-color-line .progress-bar-outside .progress-box .progress-box-inside > div {
  width: 100%;
  height: 6px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
  border-radius: 3px;
}
.popup-info-color-line .progress-bar-outside .progress-number {
  font-size: 14px;
}
.popup-info-color-line .fold-btn {
  white-space: nowrap;
  margin: 0 0 0 10px;
}
.popup-info-color-line.active {
  max-height: 9999px;
}
.btn-line-container {
  display: flex;
  width: 100%;
  height: 32px;
  margin: 0 0 10px;
  justify-content: space-between;
}
.btn-line-container .select-line-box {
  display: flex;
}
.btn-line-container .select-line-box .title-box {
  font-size: 14px;
  line-height: 30px;
  color: #333;
}
.btn-line-container .select-line-box .select-box {
  font-size: 14px;
}
.btn-line-container .btn-line-box {
  display: flex;
}
.btn-line-container .btn-line-box > a {
  display: block;
  margin: 0 10px 0 0 ;
  cursor: pointer;
}
.btn-line-container .btn-line-box > a.btn-link {
  border: none;
  color: #333;
}
.btn-line-container .btn-line-box > a.btn-link:hover {
  background: none;
}
.common-search-container {
  width: calc(100% + 10px);
  margin: 0 -5px 20px;
}
.common-search-container .search-row-container {
  width: 100%;
  margin: 0 0 10px;
}
.common-search-container .search-row-container .search-title {
  float: left;
  width: 180px;
  height: 34px;
  padding: 0 5px;
  font-size: 14px;
  color: #333;
  line-height: 34px;
}
.common-search-container .search-row-container .search-title .select {
  width: 100%;
}
.common-search-container .search-row-container .search-text {
  float: left;
  width: calc(100% - 344.01px);
  padding: 0 5px;
}
.common-search-container .search-row-container .search-btn {
  float: right;
  width: 164px;
  padding: 0 5px;
}
.common-search-container .search-row-container .search-btn > .btn {
  width: 72px;
  height: 34px;
  line-height: 24px;
  text-align: center;
  border-radius: 0;
}
.common-search-container .search-row-container .search-outside {
  float: left;
  width: calc(100% - 169.01px);
  padding: 0 5px 0 0;
  border-right: 1px solid #dedede;
}
.common-search-container .search-row-container .search-outside .search-text {
  width: calc(100% - 180px);
}
.common-search-container .search-row-container .search-multi-container {
  float: left;
  width: calc(100% - 169.01px);
  padding: 0 10px;
}
.common-search-container .search-row-container .search-multi-container .search-multi-item {
  float: left;
  height: 34px;
}
.common-search-container .search-row-container .search-multi-container .search-multi-item .title-box {
  float: left;
  padding: 5px 0;
  width: 60px;
  font-size: 14px;
  color: #666;
  text-align: right;
  line-height: 24px;
}
.common-search-container .search-row-container .search-multi-container .search-multi-item .text-box {
  float: left;
  width: calc(100% - 60px);
}
.common-search-container .search-row-container.with-sm-search-title .search-title {
  width: 100px;
}
.common-search-container .search-row-container.with-sm-search-title .search-text {
  width: calc(100% - 264.01px);
}
.common-search-container .search-row-container.with-sm-search-title .search-outside .search-text {
  width: calc(100% - 100.01px);
}
.common-search-container .select-row-container {
  width: 100%;
}
.common-search-container .select-row-container .select-item {
  float: left;
  width: 25%;
  padding: 0 5px;
  height: 34px;
  position: relative;
}
.common-search-container .select-row-container .select-item .select {
  width: 100%;
}
.common-search-container .select-row-container .select-item .input-dropdown-menu {
  position: absolute;
  font-size: 1.3rem;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #E5E5E5;
  padding: 0px;
  margin: 8px 0px 0px;
  min-width: 200px;
  z-index: 9999;
  background-color: #fff;
}
.select-people-info-text {
  float: right;
  line-height: 26px;
  margin: 2px 0 0;
  font-size: 14px;
  color: #666;
}
.select-tree-container {
  width: 100%;
}
.select-tree-container .tree-content {
  border: 1px solid #ddd;
}
.alert-info-row {
  width: 100%;
  padding: 6px 10px;
  line-height: 18px;
  font-size: 14px;
  color: #666;
}
.print-view-container {
  display: flex;
  width: 100%;
}
.print-view-container .pdf-view {
  flex: 1;
  width: calc(100% - 350.01px);
  height: 85vh;
  padding: 0;
}
.print-view-container .print-option-container {
  width: 350px;
  padding: 15px 20px 15px 20px;
  border-left: 1px solid #ddd;
}
.print-view-container .print-option-list {
  width: 100%;
  height: calc(85vh - 110px);
}
.print-view-container .text-left {
  text-align: left!important;
}
.print-view-container .print-btn-row {
  width: 100%;
  text-align: right;
}
/* POPOVER */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #ffffff;
}
/* bootstra file input */
.check-list-container {
  width: 100%;
}
.check-list-container .check-list-content {
  width: 100%;
}
.check-list-container .check-list-content > li {
  width: 100%;
  height: 44px;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.check-list-container .check-list-content > li > input {
  margin: 3px 10px 0 0;
}
s .file-input-wrapper input[type=file],
.file-input-wrapper input[type=file]:focus,
.file-input-wrapper input[type=file]:hover {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 99;
  outline: 0;
  height: 30px;
}
.file-input-name {
  margin-left: 10px;
}
/* eof bootstrap file input */
/* Morris charts */
.morris-hover {
  position: absolute;
  z-index: 1000;
}
.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}
/* END Morris charts */
/* Bootstrap Tour */
.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.5;
}
.tour-step-backdrop {
  position: relative!important;
  z-index: 1101!important;
  background-color: #fff;
}
.ec-page-header {
  position: initial;
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
}
.ec-page-outside-container .ec-page-nav-container .nav-container .nav-block.tour-step-backdrop {
  background-color: rgba(255, 255, 255, 0.4);
}
.ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .tour-step-backdrop {
  background-color: rgba(255, 255, 255, 0.4);
}
.ec-page-outside-container .ec-page-nav-container .assistant-container.tour-step-backdrop {
  background-color: rgba(255, 255, 255, 0.4);
}
.popover[class*=tour-] {
  z-index: 1100;
}
.popover-navigation {
  display: flex;
}
.popover-navigation .btn {
  height: 30px;
  margin: 0 10px 0 0;
}
.popover[class*=tour-] .popover-navigation {
  padding: 9px 14px;
}
.popover[class*=tour-] .popover-navigation [data-role=end] {
  float: right;
}
.popover[class*=tour-] .popover-navigation [data-role=prev],
.popover[class*=tour-] .popover-navigation [data-role=next],
.popover[class*=tour-] .popover-navigation [data-role=end] {
  cursor: pointer;
}
.popover[class*=tour-] .popover-navigation [data-role=prev] .disabled,
.popover[class*=tour-] .popover-navigation [data-role=next].disabled,
.popover[class*=tour-] .popover-navigation [data-role=end] .disabled {
  cursor: default;
}
.popover[class*=tour-] .orphan {
  position: fixed;
  margin-top: 0;
}
.popover[class*=tour-].orphan .arrow {
  display: none;
}
/* END Bootstrap Tour */
.popover {
  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
}
.popover-title {
  background: #f5f5f5;
  border-bottom-color: #e5e5e5;
  line-height: 20px;
}
.popover > .arrow,
.popover > .arrow:after {
  border-width: 5px;
}
.popover.right > .arrow {
  left: -6px;
  margin-top: -6px;
}
.popover.right > .arrow:after {
  bottom: -5px;
}
.popover.top > .arrow {
  bottom: -6px;
  margin-left: -6px;
  border-top-color: rgba(0, 0, 0, 0.5);
}
.popover.top > .arrow:after {
  margin-left: -5px;
}
.popover.bottom > .arrow {
  top: -6px;
  margin-left: -6px;
  border-bottom-color: rgba(0, 0, 0, 0.3);
}
.popover.bottom > .arrow:after {
  margin-left: -5px;
}
.popover.left > .arrow {
  right: -6px;
  margin-top: -6px;
}
.popover.left > .arrow:after {
  bottom: -5px;
}
.star-tour.ec-page-outside-container .ec-page-nav-container {
  z-index: initial;
}
.fullsizepart-weather-todo-block.tour-step-backdrop {
  background-color: #fff;
}
.unsteady-part-con.tour-step-backdrop {
  background-color: #fff;
}
.page-popup-alert .modal-header {
  border-bottom: none;
}
.page-popup-alert .modal-header .popup-title-box {
  font-weight: normal!important;
}
.page-popup-alert .modal-body {
  border-top: none!important;
}
.page-popup-alert .alert-popup-container {
  width: 100%;
  padding: 10px 10px 0 50%;
  background-position: 10px 0px;
  background-repeat: no-repeat;
}
.page-popup-alert .alert-popup-container .alert-popup-title {
  width: 100%;
  height: 36px;
  padding: 5px 0 5px 40px;
  margin: 0 0 6px;
  background-repeat: no-repeat;
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
}
.page-popup-alert .alert-popup-container .alert-popup-tag-outside {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding: 0 0 23px;
}
.page-popup-alert .alert-popup-container .alert-popup-tag-outside .alert-popup-tag {
  height: 30px;
  padding: 0 15px;
  border-radius: 15px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
}
.page-popup-alert .alert-popup-container .alert-info-text {
  width: 100%;
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 26px;
  color: #333;
}
.page-popup-alert .alert-popup-container .alert-info-download {
  width: 100%;
  padding: 0 0 25px;
  border-bottom: 1px solid #ddd;
}
.page-popup-alert .alert-popup-container .alert-info-download .title-box {
  width: 100%;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 22px;
  color: #333;
}
.page-popup-alert .alert-popup-container .alert-info-download .text-box {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.page-popup-alert .alert-popup-container .foot-note {
  width: 100%;
  padding: 23px 0 0;
}
.page-popup-alert .alert-popup-container .foot-note .foot-note-text {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  text-align: right;
}
.page-popup-alert .alert-popup-container .btn-row {
  display: flex;
  justify-content: flex-end;
  padding: 47px 0 10px;
}
.page-popup-alert .alert-popup-container .btn-row .info-check {
  font-size: 14px;
  line-height: 34px;
  padding: 0 10px;
}
/* EOF POPOVER */
@media only screen and (max-width: 1023px) {
  .page-popup-alert .alert-popup-container {
    padding: 10px;
    background: none!important;
  }
}
.panel-search-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 10px 10px;
}
.panel-search-container .search-item-box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.panel-search-container .search-item-box .search-item {
  display: flex;
  width: calc((100% / 3) - 0.1px);
  min-width: calc((100% / 3) - 0.1px);
  padding: 0 20px 0 0;
  margin: 0 0 10px;
}
.panel-search-container .search-item-box .search-item .search-item-title {
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  color: #333;
  white-space: nowrap;
  text-align: right;
}
.panel-search-container .search-item-box .search-item .search-item-text {
  flex: 1;
  height: 30px;
  max-width: calc(100% - 60.01px);
}
.panel-search-container .search-item-box .search-item .search-item-text .form-control {
  width: 100%;
  font-size: 12px;
  height: 30px;
}
.panel-search-container .search-item-box .search-item .search-item-text .dropdown-toggle span {
  max-width: 100%;
  font-size: 12px;
  text-align: left;
}
.panel-search-container .search-item-box .search-item .search-item-text .dropdown-toggle span.filter-option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.panel-search-container .search-item-box .search-item .search-item-text .bootstrap-select > .btn {
  text-align: left;
  height: 30px;
}
.panel-search-container .search-item-box .search-item .search-item-text .bootstrap-select > .btn .filter-option {
  line-height: 18px;
}
.panel-search-container .search-item-box .search-item.required .search-item-title {
  position: relative;
}
.panel-search-container .search-item-box .search-item.required .search-item-title::before {
  content: "*";
  font-size: 14px;
  color: #c91920;
}
.panel-search-container .search-item-box .search-item:nth-child(1) {
  flex: 1;
}
.panel-search-container .search-item-box .search-item:nth-child(2) {
  flex: 1;
}
.panel-search-container .search-item-box::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: 0;
  bottom: 10px;
  right: 0;
  background-color: #ccc;
}
.panel-search-container .search-item-box.col-2 .search-item {
  width: calc((100% / 2) - 0.1px);
}
.panel-search-container .search-item-box.use-as-form {
  width: calc(120%);
  margin: 0 -20px 0 0;
}
.panel-search-container .search-item-box.use-as-form::after {
  display: none;
}
.panel-search-container.type-single {
  justify-content: flex-start;
}
.panel-search-container.type-single .search-item-box {
  flex: inherit;
  padding: 0;
  min-width: 30%;
}
.panel-search-container.type-single .search-item-box::after {
  display: none;
}
.panel-search-container.type-single .search-item-box .search-item {
  padding: 0;
}
.panel-search-container .search-btn-box {
  display: flex;
  padding: 0 0 10px 15px;
  justify-content: space-between;
}
.panel-search-container .search-btn-box > a {
  min-width: 60px;
  height: 30px;
  line-height: 18px;
  padding: 5px 15px;
  text-align: center;
}
.panel-search-container .search-btn-box > a:nth-child(1) {
  margin-right: 5px;
}
.panel-search-container .search-btn-box > a:nth-child(2) {
  margin-left: 5px;
}
.panel-search-container .search-btn-box .fold-btn {
  height: 30px;
  padding: 0 0 0 5px;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
  white-space: nowrap;
}
.panel-search-container .search-btn-box .fold-btn > i {
  font-size: 18px;
}
.panel-search-container.advanced-search-container .search-item-box .search-item {
  display: none;
}
.panel-search-container.advanced-search-container .search-item-box .search-item:nth-child(1) {
  display: flex;
}
.panel-search-container.advanced-search-container .search-item-box .search-item:nth-child(2) {
  display: flex;
}
.panel-search-container.advanced-search-container .search-item-box .search-item:nth-child(3) {
  display: flex;
}
.panel-search-container.advanced-search-container .search-item-box.col-2 .search-item {
  display: none;
}
.panel-search-container.advanced-search-container .search-item-box.col-2 .search-item:nth-child(1) {
  display: flex;
}
.panel-search-container.advanced-search-container .search-item-box.col-2 .search-item:nth-child(2) {
  display: flex;
}
.panel-search-container.advanced-search-container .search-item-box.col-2 .search-item:nth-child(3) {
  display: none;
}
.panel-search-container.advanced-search-container.unfold-mod .search-item-box {
  height: auto;
  overflow: visible;
}
.panel-search-container.advanced-search-container.unfold-mod .search-item-box .search-item {
  display: flex;
}
.panel-search-container.advanced-search-container.unfold-mod .search-item-box.col-2 .search-item {
  display: flex;
}
.panel-search-container.title-vertical .search-item-box .search-item {
  flex-wrap: wrap;
  margin: 0 0 15px;
}
.panel-search-container.title-vertical .search-item-box .search-item .search-item-title {
  width: 100%;
  height: 25px;
  text-align: left;
  font-size: 14px;
  line-height: 1;
}
.panel-search-container.title-vertical .search-item-box .search-item .search-item-text {
  width: 100%;
  max-width: 100%;
}
.panel-search-container.title-vertical .search-item-box .search-item .search-item-text .form-item-content {
  max-width: 100%;
}
.panel-search-container.title-vertical .search-item-box::after {
  bottom: 15px;
}
.panel-search-container.independent-search {
  padding: 5px 10px 0;
  margin: 0 0 -5px;
}
.panel-search-container.left-align-search {
  justify-content: flex-start;
}
.panel-search-container.left-align-search .search-item-box {
  flex: none;
}
.app-content-container .panel-search-container {
  padding: 0 0 10px;
}
.la-en .panel-search-container .search-item-box .search-item {
  flex-wrap: wrap;
}
.la-en .panel-search-container .search-item-box .search-item .search-item-title {
  width: 100%;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.la-en .panel-search-container .search-item-box .search-item .search-item-text {
  width: 100%;
}
.la-en .panel-search-container .search-btn-box {
  padding: 30px 0 0 15px;
}
.la-en .panel-search-container .search-btn-box .fold-btn {
  min-width: 20px;
  padding: 0;
}
.la-en .panel-search-container .search-btn-box .fold-btn > span {
  display: none;
}
.la-en .panel-search-container .search-btn-box .fold-btn > i {
  font-size: 18px;
}
.independent-search-fold-btn {
  display: block;
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 8px;
  background-color: #fff;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.independent-search-fold-btn.bg-theme-100,
.independent-search-fold-btn.bg-theme-hover-100:hover {
  color: #fff!important;
}
.independent-search-fold-btn.bg-theme-100 > a i,
.independent-search-fold-btn.bg-theme-hover-100:hover > a i {
  color: #fff!important;
}
.independent-search-fold-btn:hover > a {
  color: #fff!important;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container {
  position: relative;
  top: 0;
  right: 0;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .panel-blank {
  position: relative;
  top: 0;
  right: 0;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod {
  display: none;
  height: 40px;
  padding: 4px 4px;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod .icon-box {
  line-height: 32px;
  font-size: 16px;
  color: #ccc;
  padding: 0 10px 0 5px;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod .search-box {
  flex: 1;
  height: 32px;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod .search-box > input {
  height: 32px;
  line-height: 32px;
  border: none;
  background: none;
  font-size: 14px;
  color: #666;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod .search-box > input::-webkit-input-placeholder {
  color: #ccc;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod .search-box > input::-moz-placeholder {
  color: #ccc;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod .search-box > input:-moz-placeholder {
  color: #ccc;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod .search-box > input:-ms-input-placeholder {
  color: #ccc;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod .search-btn-box {
  width: 60px;
}
.fold-independent-search-outside .panel-blank-container.independent-search-container .independent-search-fold-mod .search-btn-box > a {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 20px;
  font-size: 14px;
  color: #fff!important;
  line-height: 32px;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
}
.fold-independent-search-outside.fold-mod .panel-blank-container.independent-search-container {
  position: absolute;
  top: 0;
  right: 75px;
  width: 260px;
  padding: 0;
  border-radius: 8px;
}
.fold-independent-search-outside.fold-mod .panel-blank-container.independent-search-container .panel-blank {
  padding: 0;
  border-radius: 8px;
}
.fold-independent-search-outside.fold-mod .panel-blank-container.independent-search-container .panel-blank .independent-search-fold-mod {
  display: flex;
}
.fold-independent-search-outside.fold-mod .panel-blank-container.independent-search-container .panel-blank .independent-search {
  display: none;
}
.ec-page-content-container .page-content-inside {
  position: relative;
}
.ec-page-content-container .fold-independent-search-outside.fold-mod .panel-blank-container.independent-search-container {
  top: 0;
  right: 65px;
}
.single-search-container.radius-8 .single-search-box {
  border-radius: 8px;
}
.single-search-container.with-select-option {
  display: flex;
}
.single-search-container.with-select-option .select-search-option {
  width: 95px;
}
.single-search-container.with-select-option .select-search-option .bootstrap-select > .btn {
  height: 40px;
  border-radius: 8px 0 0 8px;
  padding: 7px 15px 7px;
  text-align: left;
}
.single-search-container.with-select-option .select-search-option .bootstrap-select .dropdown-menu {
  min-width: 80px;
}
.single-search-container.with-select-option .single-search-box {
  border-radius: 0 8px 8px 0;
  border-left: none;
}
.single-search-box {
  width: 100%;
  max-width: 400px;
  height: 40px;
  background-color: #fff;
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
  overflow: hidden;
  border-color: #ddd;
}
.single-search-box .search-input {
  float: left;
  width: calc(100% - 45px);
  height: 38px;
  border: none;
  font-size: 14px;
  color: #666;
  padding: 0 15px;
  line-height: 38px;
}
.single-search-box .search-btn {
  float: right;
  width: 44px;
  height: 38px;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
}
.word-btn-table-search {
  height: 30px;
}
.word-btn-table-search .search-input {
  float: left;
  height: 30px;
  width: calc(100% - 145px);
  max-width: 330px;
  padding: 0 10px;
  border-radius: 5px 0 0 5px;
  font-size: 14px;
  color: #666;
  line-height: 28px;
  border: 1px solid #ddd;
  border-right: none;
}
.word-btn-table-search .search-btn {
  float: left;
  height: 30px;
  border-radius: 0 5px 5px 0;
  padding: 0 15px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
}
.btn-search-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.btn-search-row .mini-search-box {
  margin: 0 10px;
}
.mini-search-box {
  width: 100%;
  max-width: 250px;
  height: 34px;
  padding: 0 15px;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: flex;
  overflow: hidden;
  background-color: #fff;
}
.mini-search-box input {
  flex: 1;
  padding: 0 0 0 10px;
  line-height: 32px;
  color: #666;
  font-size: 14px;
}
.mini-search-box a,
.mini-search-box i {
  font-size: 14px;
  color: #666;
  line-height: 32px;
  padding: 0 0;
}
.table-search-box {
  height: 34px;
  padding: 0 15px;
  display: flex;
  flex: 1;
  align-items: center;
}
.table-search-box .title-box {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}
.table-search-box .search-input {
  height: 34px;
  width: 94px;
  padding: 0 10px;
  white-space: nowrap;
  border-radius: 5px;
  color: #666;
  font-size: 14px;
  line-height: 32px;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
}
.table-search-box .btn {
  white-space: nowrap;
  min-width: 50px;
}
.search-box {
  height: 37px;
  width: calc(100% - 200px);
  max-width: 200px;
}
.search-box .search-input {
  height: 37px;
  width: 100%;
  padding: 5px 0 5px 40px;
  border: 1px solid #ddd;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 6px;
  background-color: #fff;
  line-height: 25px;
  font-size: 14px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: inset 0 3px 7px 0 rgba(23, 118, 231, 0.06);
  overflow: hidden;
}
.search-box .search-input::-webkit-input-placeholder {
  color: rgba(23, 118, 231, 0.4);
  font-size: 14px;
}
.search-box .search-input::-moz-placeholder {
  color: rgba(23, 118, 231, 0.4);
  font-size: 14px;
}
.search-box .search-input:-moz-placeholder {
  color: rgba(23, 118, 231, 0.4);
  font-size: 14px;
}
.search-box .search-input:-ms-input-placeholder {
  color: rgba(23, 118, 231, 0.4);
  font-size: 14px;
}
.search-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAQlBMVEUAAACUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUH8bqAAAAFXRSTlMA+veIENTMJpTeZiAbly67UnFvTknzny9/AAAAd0lEQVQY022PCw6EIAxEO0Us/tBdnftfVRDURH0JmeQ1NB1JjM4D3o1y0isJkNpX8SNDFIkT+T+EAUsZLVDLOdFJxTHk6DicZmCXAyoXird5//rebMBWxApYOZkIliYB9M3dQvPzbJOqTVVT06at6uZbzfJQc9wB78EEm9zfmPYAAAAASUVORK5CYII=);
}
.upload-btn {
  position: relative;
  overflow: hidden;
}
.upload-btn > div:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  opacity: 0;
}
.upload-btn > div:last-child input {
  width: 100%;
  height: 40px;
}
.DTFC_ScrollWrapper {
  border-right: 1px solid #f0f0f0;
}
.hidden-col-option {
  display: flex;
  width: 100%;
}
.hidden-col-option .title-box {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}
.hidden-col-option .tag-box {
  flex: 1;
}
.hidden-col-option .tag-box .tag-item {
  float: left;
  height: 26px;
  padding: 0 10px;
  margin: 0 10px 10px 0;
  font-size: 14px;
  line-height: 26px;
  border-radius: 3px;
}
.dropzone-act-btn {
  display: block;
  width: 14px;
  height: 14px;
  line-height: 12px;
  text-align: center;
  color: #fff;
  background-color: #ccc;
  border-radius: 3px;
  cursor: pointer;
}
.table-col-select-content {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
}
.table-col-select-content .table-col-select {
  display: none;
  position: fixed;
  z-index: 999;
  width: 160px;
  padding: 10px 15px;
  margin: 10px 0 0 -123px;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 6px;
}
.table-col-select-content .table-col-select .table-col-select-row {
  width: 100%;
  padding: 0 0 15px;
  margin: 0 0 10px;
  border-bottom: 1px solid #dedede;
}
.table-col-select-content .table-col-select .table-col-select-row .title-box {
  margin: 0 0 5px;
  line-height: 24px;
  font-size: 14px;
  color: #666;
  white-space: normal;
  word-break: break-all;
}
.table-col-select-content .table-col-select .table-col-select-row .item-box {
  display: flex;
  flex-wrap: wrap;
}
.table-col-select-content .table-col-select .table-col-select-row .item-box .check-and-radio {
  display: flex;
  align-content: center;
  margin: 0 10px 0 0;
}
.table-col-select-content .table-col-select .table-col-select-row .item-box .check-and-radio > input {
  margin: 5px 5px 0 0;
}
.table-col-select-content .table-col-select .table-col-select-row .item-box .check-and-radio > span {
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.table-col-select-content .table-col-select .table-col-select-row .item-box.check-item {
  font-size: 14px;
  color: #333;
  line-height: 22px;
}
.table-col-select-content .table-col-select .table-col-select-row.row-h {
  display: flex;
  justify-content: space-between;
}
.table-col-select-content .table-col-select .table-col-select-row.row-h .title-box {
  margin: 0;
}
.table-col-select-content .table-col-select .table-col-select-row.row-h .item-box .switch {
  margin: 2px 0 0;
}
.table-col-select-content .table-col-select::before {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  right: 20px;
  width: 0;
  height: 0;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #dedede;
}
.table-col-select-content .table-col-select::after {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  right: 22px;
  border-width: 0 6px 7px 6px;
  border-style: solid;
  border-color: transparent transparent #fff;
}
.table-col-select-content.active .table-col-select {
  display: block;
}
.dataTables_scrollBody .table-col-select-content .table-col-select {
  display: none!important;
}
.dataTables_scrollBody .table-col-select-content.active .table-col-select {
  display: none!important;
}
.la-en .table-col-select-content .table-col-select .table-col-select-row .item-box {
  width: 100%;
}
.la-en .table-col-select-content .table-col-select .table-col-select-row .item-box .check-and-radio {
  width: 100%;
}
.la-en .table-col-select-content .table-col-select .table-col-select-btn {
  width: 100%;
}
.la-en .table-col-select-content .table-col-select .table-col-select-btn .btn {
  width: 100%;
  text-align: center;
  padding: 5px 0;
}
.la-en .dataTables_scrollHead .table-bordered-crosswise thead tr th {
  word-break: keep-all;
  white-space: normal;
  line-height: 18px;
}
.table-container {
  width: 100%;
}
.datatable {
  float: left;
  width: 100%;
}
.datatable-outside-container {
  width: 100%;
  padding: 0 10px;
}
.table-responsive {
  float: left;
  width: 100%;
}
.table-bordered-crosswise {
  table-layout: fixed;
}
.table-bordered-crosswise td .select {
  min-width: 70px;
}
.table-bordered-crosswise.layout-fixed {
  table-layout: fixed;
}
.table-bordered-without-scroll td .select {
  min-width: 70px;
}
.table-bordered-without-scroll-outside {
  float: left;
  width: 100%;
  overflow: auto;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll {
  table-layout: fixed;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll thead tr th {
  height: 45px;
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll thead tr th .tag-box {
  display: inline-block;
  height: 24px;
  padding: 0 10px;
  border-radius: 5px;
  line-height: 24px;
  font-size: 14px;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll thead tr th .tag-box .form-control {
  width: 50px;
  height: 24px;
  line-height: 18px;
  padding: 2px 5px;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll thead tr th > a {
  text-decoration: none;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll tbody tr td {
  height: 45px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
  white-space: nowrap;
  box-sizing: border-box;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll tbody tr td > b {
  display: none;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll tbody tr td > span {
  font-size: 14px;
  color: #333;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll tbody tr td > span > a {
  text-decoration: none;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll tbody tr td > span .check-content {
  position: relative;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll tbody tr td > span .check-content::after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.table-bordered-without-scroll-outside .table-bordered-without-scroll tbody tr td > span.wrap-text {
  float: left;
  padding: 10px 0;
  white-space: normal;
  word-break: break-all;
}
.dataTables_scrollBody {
  float: left;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.dataTables_scrollBody .table-bordered-crosswise {
  min-width: 100%;
}
.dataTables_scrollBody .table-bordered-crosswise thead tr th {
  padding: 0 20px;
  box-sizing: content-box;
}
.dataTables_scrollBody .table-bordered-crosswise tbody tr td {
  box-sizing: content-box;
  height: 45px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
  white-space: nowrap;
}
.dataTables_scrollBody .table-bordered-crosswise tbody tr td > b {
  display: none;
}
.dataTables_scrollBody .table-bordered-crosswise tbody tr td > span {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}
.dataTables_scrollBody .table-bordered-crosswise tbody tr td > span > a {
  text-decoration: none;
}
.dataTables_scrollBody .table-bordered-crosswise tbody tr td > span .check-content {
  position: relative;
}
.dataTables_scrollBody .table-bordered-crosswise tbody tr td > span .check-content::after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.dataTables_scrollBody .table-bordered-crosswise tbody tr td > span.wrap-text {
  float: left;
  padding: 10px 0;
  white-space: normal;
  word-break: break-all;
}
.dataTables_scrollBody .table-bordered-crosswise.no-fixed-width {
  min-width: calc(100% - 5px);
}
.dataTables_scrollBody .table-bordered-crosswise.no-fixed-width thead tr th {
  box-sizing: border-box;
  padding: 0!important;
}
.dataTables_scrollBody .table-bordered-crosswise.no-fixed-width thead tr th > span {
  padding: 0 20px;
}
.dataTables_scrollBody .table-bordered-crosswise.no-fixed-width tbody tr td {
  box-sizing: border-box;
  padding: 0;
}
.dataTables_scrollBody .table-bordered-crosswise.no-fixed-width tbody tr td > span {
  padding: 0 20px;
}
.dataTables_scrollHead {
  float: left;
  border-top: 1px solid #f0f0f0!important;
  border-left: 1px solid #f0f0f0!important;
  border-right: 1px solid #f0f0f0!important;
}
.dataTables_scrollHead .dataTables_scrollHeadInner {
  float: left;
  min-width: 100%;
}
.dataTables_scrollHead .table-bordered-crosswise {
  min-width: 100%;
}
.dataTables_scrollHead .table-bordered-crosswise thead tr th {
  height: 45px;
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  word-break: keep-all;
  box-sizing: content-box;
}
.dataTables_scrollHead .table-bordered-crosswise thead tr th .tag-box {
  display: inline-block;
  height: 24px;
  padding: 0 10px;
  border-radius: 5px;
  line-height: 24px;
  font-size: 14px;
}
.dataTables_scrollHead .table-bordered-crosswise thead tr th .tag-box .form-control {
  width: 50px;
  height: 24px;
  line-height: 18px;
  padding: 2px 5px;
}
.dataTables_scrollHead .table-bordered-crosswise thead tr th > a {
  text-decoration: none;
}
.dataTables_scrollHead .table-bordered-crosswise.no-fixed-width {
  min-width: calc(100% - 5px);
}
.dataTables_scrollHead .table-bordered-crosswise.no-fixed-width thead tr th {
  box-sizing: border-box;
  padding: 0!important;
}
.dataTables_scrollHead .table-bordered-crosswise.no-fixed-width thead tr th > span {
  padding: 0 20px;
}
.dataTables_scrollHead .table-bordered-crosswise.no-fixed-width tbody tr td {
  box-sizing: border-box;
  padding: 0;
}
.dataTables_scrollHead .table-bordered-crosswise.no-fixed-width tbody tr td > span {
  padding: 0 20px;
}
/*Datatable功能组件样式自定义*/
.dataTables_paginate input::-webkit-outer-spin-button,
.dataTables_paginate input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.dataTables_paginate input[type="number"] {
  -moz-appearance: textfield;
}
.DTFC-left-arrow,
.DTFC-right-arrow {
  display: block;
  height: 50px;
  width: 50px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 25px;
  color: #fff;
  line-height: 45px;
  text-align: center;
  font-size: 32px;
  position: absolute;
  top: 245px;
}
.DTFC-left-arrow:hover,
.DTFC-right-arrow:hover {
  background: rgba(0, 0, 0, 0.3);
}
.DTFC-left-arrow {
  right: -60px;
}
.DTFC-right-arrow {
  left: -60px;
}
.DTFC_LeftWrapper {
  z-index: 100;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper table {
  background-color: #fff;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper table thead tr th:last-child {
  border-right: 1px solid #ddd;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.no-fixed-width {
  min-width: calc(100% - 5px);
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.no-fixed-width thead tr th {
  box-sizing: border-box;
  padding: 0!important;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.no-fixed-width thead tr th > span {
  padding: 0 20px;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.no-fixed-width tbody tr td {
  box-sizing: border-box;
  padding: 0;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.no-fixed-width tbody tr td > span {
  padding: 0 20px;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper {
  width: 100%;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #fff;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .table.datatable.table-bordered-crosswise > thead > tr > th {
  border-top: none!important;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .table.datatable.table-bordered-crosswise.no-fixed-width {
  min-width: calc(100% - 5px);
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .table.datatable.table-bordered-crosswise.no-fixed-width thead tr th {
  box-sizing: border-box;
  padding: 0!important;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .table.datatable.table-bordered-crosswise.no-fixed-width thead tr th > span {
  padding: 0 20px;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .table.datatable.table-bordered-crosswise.no-fixed-width tbody tr td {
  box-sizing: border-box;
  padding: 0;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .table.datatable.table-bordered-crosswise.no-fixed-width tbody tr td > span {
  padding: 0 20px;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table thead tr {
  border-top: none!important;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table thead tr th {
  border-top: none!important;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table td b {
  display: none;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table .sorting:before {
  content: none;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table .sorting_asc:before {
  content: none;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table .sorting_desc:before {
  content: none;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table.no-fixed-width {
  min-width: calc(100% - 5px);
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table.no-fixed-width thead tr th {
  box-sizing: border-box;
  padding: 0!important;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table.no-fixed-width thead tr th > span {
  padding: 0 20px;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table.no-fixed-width tbody tr td {
  box-sizing: border-box;
  padding: 0;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table.no-fixed-width tbody tr td > span {
  padding: 0 20px;
}
.DTFC_RightWrapper {
  z-index: 100;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper {
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
  z-index: 100;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .table-bordered-crosswise {
  border-left: 1px solid #f0f0f0;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .table-bordered-crosswise thead tr th {
  height: 45px;
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .table-bordered-crosswise thead tr th > a {
  text-decoration: none;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .table-bordered-crosswise.no-fixed-width {
  min-width: calc(100% - 5px);
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .table-bordered-crosswise.no-fixed-width thead tr th {
  box-sizing: border-box;
  padding: 0!important;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .table-bordered-crosswise.no-fixed-width thead tr th > span {
  padding: 0 20px;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .table-bordered-crosswise.no-fixed-width tbody tr td {
  box-sizing: border-box;
  padding: 0;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .table-bordered-crosswise.no-fixed-width tbody tr td > span {
  padding: 0 20px;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper {
  width: 100%;
  border-left: 1px solid #f0f0f0;
  background-color: #fff;
  z-index: 100;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise tbody tr td {
  height: 45px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise tbody tr td > b {
  display: none;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise tbody tr td > span {
  font-size: 14px;
  color: #333;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise tbody tr td > span > a {
  text-decoration: none;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise.no-fixed-width {
  min-width: calc(100% - 5px);
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise.no-fixed-width thead tr th {
  box-sizing: border-box;
  padding: 0!important;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise.no-fixed-width thead tr th > span {
  padding: 0 20px;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise.no-fixed-width tbody tr td {
  box-sizing: border-box;
  padding: 0;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise.no-fixed-width tbody tr td > span {
  padding: 0 20px;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper table td b {
  display: none;
  width: 0px;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper table .sorting:before {
  content: none;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper table .sorting_asc:before {
  content: none;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper table .sorting_desc:before {
  content: none;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper table.no-fixed-width {
  min-width: calc(100% - 5px);
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper table.no-fixed-width thead tr th {
  box-sizing: border-box;
  padding: 0!important;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper table.no-fixed-width thead tr th > span {
  padding: 0 20px;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper table.no-fixed-width tbody tr td {
  box-sizing: border-box;
  padding: 0;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper table.no-fixed-width tbody tr td > span {
  padding: 0 20px;
}
.DTFC_RightWrapper .DTFC_RightFootWrapper {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #fff;
}
.DTFC_LeftWrapper {
  z-index: 100;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper {
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
  z-index: 100;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper .table-bordered-crosswise {
  border-right: 1px solid #f0f0f0;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper .table-bordered-crosswise thead tr th {
  height: 45px;
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper .table-bordered-crosswise thead tr th > a {
  text-decoration: none;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper {
  width: 100%;
  border-right: 1px solid #f0f0f0;
  background-color: #fff;
  z-index: 100;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner .table-bordered-crosswise tbody tr td {
  height: 45px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner .table-bordered-crosswise tbody tr td > b {
  display: none;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner .table-bordered-crosswise tbody tr td > span {
  font-size: 14px;
  color: #333;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner .table-bordered-crosswise tbody tr td > span > a {
  text-decoration: none;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table td b {
  display: none;
  width: 0px;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table .sorting:before {
  content: none;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table .sorting_asc:before {
  content: none;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper table .sorting_desc:before {
  content: none;
}
.DTFC_LeftWrapper .DTFC_LeftFootWrapper {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #fff;
}
.dataTables_scrollBody .sorting:before {
  content: none;
}
.dataTables_scrollBody .sorting_asc:before {
  content: none;
}
.dataTables_scrollBody .sorting_desc:before {
  content: none;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
.dataTables_info,
.div_jumppage {
  font-size: 14px;
  color: #666;
}
.dataTables_info .btn.btn-default,
.div_jumppage .btn.btn-default {
  font-size: 14px;
  color: #666;
}
/*Datatable功能组件样式自定义*/
.select-obj-table {
  display: flex;
  width: 100%;
}
.select-obj-table .normal-table-container {
  flex: 1;
}
.normal-table-container {
  border: 1px solid #dedede;
  border-bottom: none;
  overflow: auto;
  position: relative;
  background-color: #fff;
}
.normal-table-container.fixed-header {
  border-bottom: 1px solid #dedede;
}
.normal-table-container.fixed-header table tbody:last-child tr:last-child td {
  border-bottom: none;
}
.normal-table-container.radius-border {
  border-radius: 5px;
}
.normal-table-container.radius-border thead tr:first-child th:first-child {
  border-radius: 5px 0 0 0;
}
.normal-table-container.radius-border thead tr:first-child th:last-child {
  border-radius: 0 5px 0 0;
}
.normal-table-container.radius-border tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.normal-table-container.radius-border tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.table-row-add {
  display: block;
  width: 100%;
  height: 34px;
  border: 1px solid #ddd;
  border-top: none;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #333;
}
.normal-table {
  min-width: 100%;
}
.normal-table * {
  box-sizing: border-box;
}
.normal-table thead tr th {
  height: 40px;
  padding: 10px 20px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  border-bottom: 1px solid #dedede;
  background-color: #fafafa;
  box-sizing: border-box;
}
.normal-table tbody tr td {
  height: 40px;
  padding: 10px 20px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  border-bottom: 1px solid #dedede;
}
.normal-table tbody tr td > b {
  display: none;
}
.normal-table tfoot tr th {
  height: 40px;
  padding: 10px 20px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  background-color: #fafafa;
}
.normal-table.edit-table thead tr th {
  padding: 5px;
}
.normal-table.edit-table thead tr th:first-child {
  padding: 5px 5px 5px 20px;
}
.normal-table.edit-table thead tr th:last-child {
  padding: 5px 20px 5px 5px;
}
.normal-table.edit-table tbody tr td {
  padding: 5px;
  overflow: hidden;
}
.normal-table.edit-table tbody tr td:first-child {
  padding: 5px 5px 5px 20px;
}
.normal-table.edit-table tbody tr td:last-child {
  padding: 5px 20px 5px 5px;
}
.normal-table.edit-table tbody tr td .form-control {
  width: 100%;
}
.normal-table.edit-table tbody tr td .bootstrap-select {
  height: 30px;
  width: 100%;
}
.normal-table.edit-table tbody tr td .bootstrap-select > button {
  height: 30px;
}
.normal-table.edit-table tbody tr td .bootstrap-select > button .filter-option {
  line-height: 20px;
}
.normal-table.edit-table tfoot tr th {
  padding: 5px;
}
.normal-table.edit-table tfoot tr th:first-child {
  padding: 5px 5px 5px 20px;
}
.normal-table.edit-table tfoot tr th:last-child {
  padding: 5px 20px 5px 5px;
}
.mix-table {
  overflow: auto;
  min-width: 100%;
}
.mix-table .fixed-top {
  z-index: 10;
  position: relative;
}
.mix-table .fixed-left {
  z-index: 9;
  position: relative;
}
.mix-table .amount-row td {
  background-color: rgba(249, 190, 14, 0.1);
}
.mix-table thead tr th {
  height: 38px;
  padding: 9px 15px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  white-space: nowrap;
  background-color: #fafafa;
  box-sizing: border-box;
}
.mix-table thead tr th:last-child {
  border-right: none;
}
.mix-table tbody tr td {
  height: 38px;
  box-sizing: border-box;
  padding: 9px 15px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  white-space: nowrap;
  background-color: #fff;
}
.mix-table tbody tr td > b {
  display: none;
}
.mix-table tbody tr td:last-child {
  border-right: none;
}
.mix-table tbody tr:last-child td {
  border-bottom: 1px solid #dedede!important;
}
.mix-table tbody tr.required td {
  background-color: rgba(251, 220, 220, 0.8);
  animation: requiredAnim1 0.7s;
}
.mix-table tfoot tr th {
  height: 38px;
  box-sizing: border-box;
  padding: 9px 15px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  background-color: #fafafa;
  border-right: 1px solid #dedede;
  background-color: #fff;
}
.mix-table tfoot tr th:last-child {
  border-right: none;
}
.fold-table-container {
  float: left;
  max-width: 100%;
  border: 1px solid #dedede;
  display: flex;
}
.fold-table-container .fold-table-inside {
  display: table;
  width: 100%;
}
.fold-table-container .fold-table-inside-scroll {
  max-width: calc(100% - 365px);
}
.fold-table-container .part-table-content {
  display: table-cell;
  position: relative;
  vertical-align: bottom;
}
.fold-table-container .part-table-content .part-table-title {
  position: relative;
  width: 100%;
  height: 41px;
  padding: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  background-color: #fafafa;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.fold-table-container .part-table-content .part-table-title img {
  vertical-align: middle;
  float: left;
  margin: 0px 10px 0 0;
}
.fold-table-container .part-table-content .part-table-title .fold-btn {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.fold-table-container .part-table-content .part-table-title .fold-btn i {
  float: left;
  font-size: 16px;
  color: #ccc;
  margin: 2px 1px;
}
.fold-table-container .part-table-content .part-table-title .fold-btn i:first-child {
  display: none;
}
.fold-table-container .part-table-content .part-table-title .fold-btn i:last-child {
  display: inline-block;
}
.fold-table-container .part-table-content .part-table-title.fold-table-inside-fixed {
  position: relative;
}
.fold-table-container .part-table-content .part-table-title.fold-table-inside-fixed::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -42px;
  width: 1px;
  background-color: #ddd;
}
.fold-table-container .part-table-content .part-table-body {
  width: 100%;
}
.fold-table-container .part-table-content .part-table-body table {
  width: 100%;
}
.fold-table-container .part-table-content .part-table-body table th,
.fold-table-container .part-table-content .part-table-body table td {
  min-width: 113px;
  height: 41px;
  padding: 0 10px;
  line-height: 20px;
  font-size: 14px;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  white-space: nowrap;
  cursor: pointer;
}
.fold-table-container .part-table-content .part-table-body table th .dropzone-act-btn,
.fold-table-container .part-table-content .part-table-body table td .dropzone-act-btn {
  display: inline-block;
  margin: 0 0 0 5px;
}
.fold-table-container .part-table-content .part-table-body table th.blue,
.fold-table-container .part-table-content .part-table-body table td.blue {
  background-color: rgba(13, 108, 228, 0.1);
}
.fold-table-container .part-table-content .part-table-body table th.orange,
.fold-table-container .part-table-content .part-table-body table td.orange {
  background-color: rgba(248, 188, 76, 0.1) !important;
}
.fold-table-container .part-table-content .part-table-body table th {
  background-color: #fafafa;
  color: #666;
}
.fold-table-container .part-table-content .part-table-body table thead tr th {
  position: relative;
}
.fold-table-container .part-table-content .part-table-body table thead tr th::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: #ddd;
}
.fold-table-container .part-table-content .part-table-body table thead tr th:last-child {
  display: none;
  min-width: 120px;
  color: #999;
  text-align: center;
}
.fold-table-container .part-table-content .part-table-body table thead tr th .tag-box {
  height: 22px;
  display: inline;
  padding: 0 10px;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
  margin: 0 0 0 10px;
  border-radius: 4px;
}
.fold-table-container .part-table-content .part-table-body table tbody tr td {
  color: #333;
}
.fold-table-container .part-table-content .part-table-body table tbody tr td:last-child {
  display: none;
  min-width: 120px;
  color: #999;
  text-align: center;
}
.fold-table-container .part-table-content .part-table-body table tbody tr td .input-box {
  width: 50px;
  background: none;
  font-size: 14px;
  text-align: right;
}
.fold-table-container .part-table-content .part-table-body table tbody tr td > span {
  float: right;
}
.fold-table-container .part-table-content .part-table-body table tbody tr td .remarks {
  display: inline-block;
  width: 13px;
  height: 18px;
  margin: 0 10px 0 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAgElEQVQoke2PsQmCMRBGX0wg4BAZIMuItaPYOoZLCBnj6pSBLJEmhLP9Ff8YsPW19z54Z0REWeMBnFNK6gBijFNbVam1nlprN+BqRES/jQDGGJRStPd+OSymYa0lhGCAu9secs4v4nuB9x7g6GbSHst5W6Z5exX/vF9GDua/fOIJdvwt0+qMrF8AAAAASUVORK5CYII=);
}
.fold-table-container .part-table-content .part-table-body table tbody tr td .dropdown-menu {
  width: 50px;
}
.fold-table-container .part-table-content .part-table-body table tbody tr td .dropdown-menu li a {
  text-align: left;
}
.fold-table-container .part-table-content .part-table-body table tbody tr:nth-child(even) td {
  background-color: #fcfcfc;
}
.fold-table-container .part-table-content .part-table-body table tbody tr:last-child td {
  border-bottom: none;
}
.fold-table-container .part-table-content .part-table-body.fold-table-inside-fixed {
  position: relative;
}
.fold-table-container .part-table-content .part-table-body.fold-table-inside-fixed::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: #ddd;
}
.fold-table-container .part-table-content .part-table-body.fold-table-inside-fixed table thead tr th:last-child {
  display: table-cell;
  color: #666;
  text-align: center;
}
.fold-table-container .part-table-content .part-table-body.fold-table-inside-fixed table tbody tr td:last-child {
  display: table-cell;
  color: #333;
  text-align: center;
}
.fold-table-container .part-table-content.fold-col {
  max-width: 120px;
  overflow: hidden;
}
.fold-table-container .part-table-content.fold-col .part-table-title {
  display: table;
  position: relative;
}
.fold-table-container .part-table-content.fold-col .part-table-title > span {
  position: absolute;
  display: block;
  left: 35px;
  top: 10px;
  max-width: 61px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fold-table-container .part-table-content.fold-col .part-table-title .fold-btn i:first-child {
  display: inline-block;
}
.fold-table-container .part-table-content.fold-col .part-table-title .fold-btn i:last-child {
  display: none;
}
.fold-table-container .part-table-content.fold-col .part-table-body table thead tr th:last-child {
  display: table-cell;
}
.fold-table-container .part-table-content.fold-col .part-table-body table thead tr th span {
  display: none;
}
.fold-table-container .part-table-content.fold-col .part-table-body table thead tr th img {
  display: none;
}
.fold-table-container .part-table-content.fold-col .part-table-body table tbody tr td:last-child {
  display: table-cell;
}
.fold-table-container .part-table-content.fold-col .part-table-body table tbody tr td span {
  display: none;
}
.fold-table-container .part-table-content.fold-col .part-table-body table tbody tr td img {
  display: none;
}
.fold-table-container .part-table-content.fold-col .table-grade-select.active {
  display: none;
}
.fold-table-container .part-table-content.fold-col .table-col-select-content {
  display: none;
}
.fold-table-container .part-table-content:first-child .part-table-title {
  border-left: none;
}
.fold-table-container .part-table-content:first-child .part-table-body table thead tr th:first-child {
  border-left: none;
}
.fold-table-container .part-table-content:first-child .part-table-body table thead tr th:first-child:before {
  display: none;
}
.fold-table-container .part-table-content:first-child .part-table-body table tbody tr td:first-child {
  border-left: none;
}
.theme-table-container {
  width: 100%;
}
.theme-table {
  min-width: 100%;
}
.theme-table thead tr th {
  min-height: 50px;
  padding: 12px 10px;
}
.theme-table thead tr th .tag-box {
  display: inline-block;
  padding: 0 15px;
  height: 26px;
  line-height: 26px;
  font-size: ;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
}
.theme-table thead tr th:first-child {
  padding: 12px 15px 12px 25px;
  border-radius: 10px 0 0 10px;
}
.theme-table thead tr th:last-child {
  padding: 12px 25px 12px 15px;
  border-radius: 0 10px 10px 0;
}
.theme-table tbody tr td {
  height: 80px;
  padding: 12px 15px;
  vertical-align: middle;
  box-sizing: border-box;
}
.theme-table tbody tr td .title-box {
  line-height: 26px;
  font-size: 16px;
  color: #333;
  white-space: break-spaces;
}
.theme-table tbody tr td .info-box {
  line-height: 26px;
  font-size: 16px;
  color: #999;
}
.theme-table tbody tr td .raty-star-container.opt-mod {
  opacity: 0.3;
}
.theme-table tbody tr td:first-child {
  padding: 12px 15px 12px 25px;
  border-radius: 10px 0 0 10px;
}
.theme-table tbody tr td:last-child {
  padding: 12px 25px 12px 15px;
  border-radius: 0 10px 10px 0;
}
.theme-table.theme-table-sm thead tr th {
  min-height: 30px;
  padding: 11px 15px;
  line-height: 24px;
  font-size: 14px;
}
.theme-table.theme-table-sm thead tr th:first-child {
  padding: 11px 15px 11px 25px;
  border-radius: 10px 0 0 10px;
}
.theme-table.theme-table-sm thead tr th:last-child {
  padding: 11px 25px 11px 15px;
  border-radius: 0 10px 10px 0;
}
.theme-table.theme-table-sm tbody tr td {
  height: auto;
  padding: 8px 15px;
}
.theme-table.theme-table-sm tbody tr td .title-box {
  line-height: 24px;
  font-size: 14px;
}
.theme-table.theme-table-sm tbody tr td:first-child {
  padding: 8px 15px 8px 25px;
  border-radius: 10px 0 0 10px;
}
.theme-table.theme-table-sm tbody tr td:last-child {
  padding: 8px 25px 8px 15px;
  border-radius: 0 10px 10px 0;
}
.page-main-header {
  position: relative;
  z-index: 5;
  display: flex;
  width: 100%;
  height: 64px;
  padding: 0 20px;
}
.page-main-header .header-logo-box {
  flex-basis: auto;
  height: 64px;
  padding: 0 20px 0 0;
  line-height: 60px;
}
.page-main-header .header-logo-box > img {
  vertical-align: middle;
}
.page-main-header.width-sec-title .header-logo-box {
  padding: 0;
}
.page-main-header.width-sec-title .sec-logo-title {
  position: relative;
  height: 64px;
  padding: 10px 15px 10px 30px;
  line-height: 44px;
  font-size: 18px;
  color: #666;
}
.page-main-header.width-sec-title .sec-logo-title::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 15px;
  display: block;
  width: 1px;
  height: 16px;
  background-color: #dedede;
}
.page-main-header .header-sec-title {
  position: relative;
  flex-basis: auto;
  height: 64px;
  padding: 15px 20px 15px 0;
  margin: 0 0 0 -10px;
  line-height: 34px;
  font-size: 20px;
  color: #8f99a1;
}
.page-main-header .header-sec-title.width-line::before {
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  left: 0;
  padding: 15px 20px;
  margin: 0;
  height: 20px;
  width: 1px;
  background-color: #8f99a1;
}
.page-main-header .header-navigation-box {
  flex: 1;
  height: 64px;
}
.page-main-header .header-option-box {
  display: flex;
  flex-basis: auto;
  height: 64px;
  min-width: 28%;
  justify-content: flex-end;
}
.page-main-header .header-option-box .header-option-btn {
  padding: 19px 10px 15px;
  line-height: 30px;
  font-size: 20px;
  color: #8f99a1;
  cursor: pointer;
}
.page-main-header .header-option-box .header-option-btn > span {
  font-size: 14px;
  line-height: 30px;
}
.page-main-header .header-option-box .header-option-btn.unread {
  position: relative;
}
.page-main-header .header-option-box .header-option-btn.unread:before {
  content: "";
  position: absolute;
  top: 16px;
  right: 3px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #e60012;
}
.page-main-header .header-option-box .header-option-btn .icon-btn {
  height: 26px;
  display: flex;
  align-items: center;
  align-content: center;
}
.page-main-header .header-option-box .header-lang-btn {
  padding: 17px 10px 17px 45px;
  line-height: 24px;
  font-size: 20px;
  color: #8f99a1;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.page-main-header .header-option-box .header-lang-btn.chinese {
  background-image: url("../../image/common/icon/english.png");
}
.page-main-header .header-option-box .header-lang-btn.english {
  background-image: url("../../image/common/icon/chinese.png");
}
.page-main-header .header-option-box .header-lang-btn > span {
  font-size: 14px;
  line-height: 24px;
}
.page-main-header .header-option-box .header-search-box {
  padding: 12px 10px;
  cursor: pointer;
}
.page-main-header .header-option-box .header-search-box .search-content {
  width: 220px;
  height: 40px;
  padding: 5px 10px;
  border-radius: 8px;
}
.page-main-header .header-option-box .header-search-box .search-content .fa-search {
  float: left;
  margin: 0 10px 0 0;
  font-size: 16px;
  color: #ccc;
  line-height: 30px;
}
.page-main-header .header-option-box .header-search-box .search-content .search-input {
  float: left;
  width: calc(100% - 60px);
  height: 30px;
  line-height: 30px;
  background: none;
  font-size: 14px;
  color: #666;
}
.page-main-header .header-option-box .header-search-box .search-content .search-input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
.page-main-header .header-option-box .header-search-box .search-content .search-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
.page-main-header .header-option-box .header-search-box .search-content .search-input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
}
.page-main-header .header-option-box .header-search-box .search-content .intelligent-assistant {
  float: right;
  height: 30px;
  line-height: 28px;
  cursor: pointer;
}
.page-main-header .header-option-box .header-search-box .search-content .intelligent-assistant > img {
  vertical-align: middle;
}
.page-main-header .header-option-box .mix-search-header-search {
  width: 350px;
  margin: 12px 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  border-radius: 8px;
}
.page-main-header .header-option-box .mix-search-header-search .search-select-box {
  margin: 5px 0 5px 5px;
}
.page-main-header .header-option-box .mix-search-header-search .search-select-box .bootstrap-select > .btn {
  height: 30px;
  line-height: 20px;
  border: 1px solid #ddd;
  padding: 3px 25px 3px 15px;
}
.page-main-header .header-option-box .mix-search-header-search .search-content {
  flex: 1;
  height: 40px;
  padding: 5px 10px;
}
.page-main-header .header-option-box .mix-search-header-search .search-content .fa-times-circle {
  float: left;
  display: none;
  margin: 7px 10px 0;
  color: #666;
}
.page-main-header .header-option-box .mix-search-header-search .search-content .search-input {
  float: left;
  width: calc(100% - 60px);
  height: 30px;
  line-height: 30px;
  background: none;
  font-size: 14px;
  color: #666;
}
.page-main-header .header-option-box .mix-search-header-search .search-content .search-input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
.page-main-header .header-option-box .mix-search-header-search .search-content .search-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
.page-main-header .header-option-box .mix-search-header-search .search-content .search-input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
}
.page-main-header .header-option-box .mix-search-header-search .search-content .search-input:focus + .fa-times-circle {
  display: block;
}
.page-main-header .header-option-box .mix-search-header-search .search-content .intelligent-assistant {
  float: right;
  height: 30px;
  line-height: 28px;
  cursor: pointer;
}
.page-main-header .header-option-box .mix-search-header-search .search-content .intelligent-assistant > img {
  vertical-align: middle;
}
.page-main-header .header-option-box.full-search .header-option-btn,
.page-main-header .header-option-box.full-search .header-lang-btn {
  width: 0px;
  padding: 19px 0;
  overflow: hidden;
}
.page-main-header .header-option-box.full-search .mix-search-header-search {
  width: calc(100% - 80px);
}
.page-main-header .header-option-box .header-avatar-box {
  height: 64px;
  padding: 12px 10px;
}
.page-main-header .header-option-box .header-avatar-box .avatar-pic-box {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  align-content: center;
}
.page-main-header .header-option-box .header-avatar-box .avatar-pic-box > img {
  width: 100%;
}
.page-main-header .header-option-box .header-avatar-box .dropdown-menu {
  display: none;
  position: absolute;
  top: 55px;
  width: 140px;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.03);
}
.page-main-header .header-option-box .header-avatar-box .dropdown-menu .dropdown-menu-item {
  height: 40px;
  line-height: 38px;
  padding: 0 10px;
  color: #666;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
}
.page-main-header .header-option-box .header-avatar-box .dropdown-menu .dropdown-menu-item:last-child {
  border-bottom: none;
}
.page-main-header .header-option-box .header-avatar-box.active .dropdown-menu {
  display: block;
}
.page-main-header .header-option-box .header-avatar-box.with-username .avatar-box {
  cursor: pointer;
}
.page-main-header .header-option-box .header-avatar-box.with-username .avatar-box .avatar-pic-icon {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
}
.page-main-header .header-option-box .header-avatar-box.with-username .avatar-box .avatar-pic-icon > img {
  height: 100%;
}
.page-main-header .header-option-box .header-avatar-box.with-username .avatar-box .avatar-pic-text {
  float: left;
  padding: 10px 10px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
}
.page-main-header .header-option-box .header-avatar-box.with-username .avatar-box > i {
  line-height: 40px;
  color: #666;
  font-size: 14px;
}
.page-main-header .header-option-box .switch-identity {
  height: 64px;
  padding: 12px 10px;
}
.page-main-header .header-option-box .switch-identity .switch-identity-box .user-icon {
  float: left;
  height: 30px;
  height: 40px;
  padding: 5px 5px 5px 0;
  line-height: 30px;
  color: #666;
  font-size: 16px;
}
.page-main-header .header-option-box .switch-identity .switch-identity-box .name-box {
  float: left;
  width: 60px;
  height: 40px;
  padding: 5px 0;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
.page-main-header .header-option-box .switch-identity .switch-identity-box .switch-icon {
  float: left;
  height: 40px;
  padding: 5px 0;
  line-height: 30px;
  font-size: 14px;
  color: #999;
}
.header-navigation-box .header-navigation-item {
  float: left;
  height: 64px;
  padding: 12px 2px;
  cursor: pointer;
}
.header-navigation-box .header-navigation-item > a {
  float: left;
  display: block;
  height: 40px;
  padding: 4px 20px;
  line-height: 32px;
  border-radius: 14px;
}
.header-navigation-box .header-navigation-item > a .navigation-icon {
  float: left;
  margin: 2px 8px 0 0;
  height: 30px;
  line-height: 30px;
}
.header-navigation-box .header-navigation-item > a .navigation-icon > img {
  float: left;
}
.header-navigation-box .header-navigation-item > a .navigation-icon .normal {
  display: inline-block;
}
.header-navigation-box .header-navigation-item > a .navigation-icon .selected {
  display: none;
}
.header-navigation-box .header-navigation-item.active > a .navigation-icon .normal,
.header-navigation-box .header-navigation-item:hover > a .navigation-icon .normal {
  display: none;
}
.header-navigation-box .header-navigation-item.active > a .navigation-icon .selected,
.header-navigation-box .header-navigation-item:hover > a .navigation-icon .selected {
  display: inline-block;
}
@media only screen and (max-width: 1350px) {
  .page-main-header .header-option-box .mix-search-header-search {
    width: 280px;
  }
}
@media only screen and (max-width: 1279px) {
  .page-main-header .header-option-box .mix-search-header-search {
    width: 210px;
  }
}
@media only screen and (max-width: 1100px) {
  .page-main-header .header-option-box .mix-search-header-search {
    width: 180px;
  }
}
.page-menu-container .page-menu-content {
  position: relative;
  width: 196px;
  height: calc(100vh - 64.01px);
  background-color: #fff;
}
.page-menu-container .page-menu-content .page-title-box {
  padding: 14px 28px;
}
.page-menu-container .page-menu-content .page-title-box .title-icon {
  float: left;
  margin: 0 11px 0 0;
  padding: 0;
  height: 32px;
  line-height: 32px;
}
.page-menu-container .page-menu-content .page-title-box .title-icon > img {
  vertical-align: middle;
}
.page-menu-container .page-menu-content .page-title-box .title-icon > i {
  font-size: 18px;
}
.page-menu-container .page-menu-content .page-title-box > span {
  display: inline-block;
  max-width: calc(100% - 40px);
  height: 32px;
  padding: 5px 0;
  line-height: 22px;
  font-weight: bold;
}
.page-menu-container .page-menu-content .page-menu-list-outside {
  padding: 4px 0 0;
  height: calc(100vh - 135.01px);
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list {
  padding: 0 15px 5px;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item {
  display: flex;
  width: 100%;
  min-height: 40px;
  padding: 10px 15px;
  margin: 0 0 5px;
  border-radius: 14px;
  cursor: pointer;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item .title-box {
  display: block;
  width: calc(100% - 18px);
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item .number-box {
  display: block;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
  line-height: 20px;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item .star-box {
  display: none;
  float: left;
  font-size: 13px;
  line-height: 20px;
  color: #f8ac30;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item .drag-handle {
  display: none;
  float: right;
  width: 18px;
  padding: 5px 0 0 10px;
  line-height: 30px;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item .drag-handle > p {
  float: right;
  width: 2px;
  height: 2px;
  margin: 0 0 2px 2px;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item.active .star-box,
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item.active .drag-handle {
  display: block;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item:hover .star-box,
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item:hover .drag-handle {
  display: block;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list.collection {
  position: relative;
  padding: 0 15px 11px;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list.collection::after {
  content: "";
  position: absolute;
  bottom: 9px;
  left: 20px;
  right: 20px;
  display: block;
  border-bottom: 1px dashed #ccc;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list.setting-menu .page-menu-item {
  padding: 10px 15px 10px 35px;
}
.page-menu-container .page-menu-content .page-menu-list-outside .setting-title-row {
  width: 100%;
  padding: 2px 15px 12px 28px;
}
.page-menu-container .page-menu-content .page-menu-list-outside .setting-title-row > span {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
.page-menu-container .page-menu-content .page-menu-list-outside .setting-title-row > a {
  font-size: 14px;
  line-height: 20px;
}
.page-menu-container .page-menu-content .fold-btn {
  position: absolute;
  top: calc(50% - 39px);
  right: 0px;
  width: 12px;
  height: 78px;
  padding: 3px 4px;
  cursor: pointer;
}
.page-menu-container .page-menu-content .fold-btn .fold-btn-inside {
  width: 4px;
  height: 50%;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
}
.page-menu-container .page-menu-content .fold-btn .fold-btn-inside > span {
  display: block;
  width: 100%;
  height: 100%;
}
.page-menu-container .page-menu-content .fold-btn .fold-btn-inside:nth-child(1) {
  border-radius: 2px 2px 0 0;
  margin: 0 0 -3px;
}
.page-menu-container .page-menu-content .fold-btn .fold-btn-inside:nth-child(2) {
  border-radius: 0 0 2px 2px;
  margin: -3px 0 0;
}
.page-menu-container .page-menu-content .fold-btn:hover,
.page-menu-container .page-menu-content .fold-btn.active {
  padding: 28px 4px;
}
.page-menu-container .page-menu-content .fold-btn:hover .fold-btn-inside,
.page-menu-container .page-menu-content .fold-btn.active .fold-btn-inside {
  height: 12px;
}
.page-menu-container .page-menu-content .fold-btn:hover .fold-btn-inside:nth-child(1),
.page-menu-container .page-menu-content .fold-btn.active .fold-btn-inside:nth-child(1) {
  transform: rotate(30deg);
}
.page-menu-container .page-menu-content .fold-btn:hover .fold-btn-inside:nth-child(2),
.page-menu-container .page-menu-content .fold-btn.active .fold-btn-inside:nth-child(2) {
  transform: rotate(-30deg);
}
.page-body-container {
  display: flex;
  height: calc(100vh - 64.01px);
}
.page-body-container.fold-menu .page-menu-container .page-menu-content {
  margin: 0 0 0 -182px;
}
.page-body-container.fold-menu .page-menu-container .page-menu-content .fold-btn:hover,
.page-body-container.fold-menu .page-menu-container .page-menu-content .fold-btn.active {
  padding: 28px 4px;
}
.page-body-container.fold-menu .page-menu-container .page-menu-content .fold-btn:hover .fold-btn-inside,
.page-body-container.fold-menu .page-menu-container .page-menu-content .fold-btn.active .fold-btn-inside {
  height: 12px;
}
.page-body-container.fold-menu .page-menu-container .page-menu-content .fold-btn:hover .fold-btn-inside:nth-child(1),
.page-body-container.fold-menu .page-menu-container .page-menu-content .fold-btn.active .fold-btn-inside:nth-child(1) {
  transform: rotate(-30deg);
  margin: 0 0 -3px;
}
.page-body-container.fold-menu .page-menu-container .page-menu-content .fold-btn:hover .fold-btn-inside:nth-child(2),
.page-body-container.fold-menu .page-menu-container .page-menu-content .fold-btn.active .fold-btn-inside:nth-child(2) {
  transform: rotate(30deg);
  margin: -3px 0 0;
}
.page-body-container.fold-menu .page-content-wrap {
  width: calc(100% - 14px);
}
.mark-point-title {
  width: 100%;
}
.mark-point-title .mark-point {
  float: left;
  display: block;
  width: 5px;
  height: 14px;
  margin: 6px 10px 0 0;
}
.mark-point-title .title-text {
  float: left;
  display: block;
  width: calc(100% - 140.01px);
  height: 26px;
  font-size: 16px;
  line-height: 26px;
  color: #333;
}
.mark-point-title .title-btn-box {
  float: right;
  display: block;
  width: 85px;
  height: 26px;
  font-size: 14px;
  line-height: 26px;
}
.mark-point-title .info-alert-box {
  float: right;
  display: block;
  height: 26px;
  font-size: 14px;
  line-height: 26px;
  color: #f05757;
  text-align: right;
}
.footer-with-menu {
  padding: 0 15px;
}
.footer {
  width: 100%;
  padding: 10px 0 15px;
}
.footer-link-info {
  float: left;
}
.footer-link-info .footer-link-item {
  float: left;
}
.footer-link-info .footer-link-line {
  display: block;
  float: left;
  height: 14px;
  margin: 5px 20px;
  width: 1px;
  background-color: #aaa;
}
.footer-copyright-info,
.footer-link-item {
  float: right;
  font-size: 14px;
  line-height: 24px;
  color: #999;
}
.login-wizard-tab {
  display: table;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background-position: center;
  overflow: hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAtCAYAAABS6WCiAAABkElEQVRYhb3YTVPCMBCA4bcVUDl58OJY//8PA0QPOuMXqCjxEHYmRtpms4l7apnAw7a73Uwb5xxRTIEbYALsgAXwFS+yRBudzwIw/APTWugM6AJQYnr4vBgsaB8YwsUyFvRyAJSYlIIFvQO2CesFnpVA98BKAXcWOCykPbAENrXhuGUcPuNUOOtSx2gIvyV8/+QAn1pRgW8VcKeB+9Cq8BBaDR5DQ/hVAZ9ZUYHXpeBUNIRfEta2Q7AGzYXPraiEBr6O4VxU4Occ2IKCn06pcAfM5WReAH5KWNfgM55L6lb4XgO3h4MLIwrwgB+Po3CLH2NrIyhjLqVGNo1zrsH3nwVMHegbYNX+Nwg4S8towK2AkN+n8lBXg7mobFE04K+q1qI5Gf5pIw2q2ZK894EaVAsu+8BUtCiYghYHx1AZBingBwP3MBUd3OMcAZfAdwrYh1YFj6HVwRiVe1gVDNGju7ae+LSAIXqlABcWMEQfGS93c4Yxuh35QQGLvDkLC0meKDFcFIxR8FUZvgvclQYBfgAWs4Zx9JgOHgAAAABJRU5ErkJggg==);
}
.login-wizard-tab .login-wizard-item {
  display: table-cell;
  float: left;
  height: 40px;
  padding: 8px 0;
  border-radius: 20px;
  text-align: center;
  background-position: center;
}
.login-wizard-tab .login-wizard-item .number-box {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  padding: 0 1px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
.login-wizard-tab .login-wizard-item .text-box {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
.login-wizard-tab .login-wizard-item.active {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAtCAYAAABS6WCiAAABkElEQVRYhb3YTVPCMBCA4bcVUDl58OJY//8PA0QPOuMXqCjxEHYmRtpms4l7apnAw7a73Uwb5xxRTIEbYALsgAXwFS+yRBudzwIw/APTWugM6AJQYnr4vBgsaB8YwsUyFvRyAJSYlIIFvQO2CesFnpVA98BKAXcWOCykPbAENrXhuGUcPuNUOOtSx2gIvyV8/+QAn1pRgW8VcKeB+9Cq8BBaDR5DQ/hVAZ9ZUYHXpeBUNIRfEta2Q7AGzYXPraiEBr6O4VxU4Occ2IKCn06pcAfM5WReAH5KWNfgM55L6lb4XgO3h4MLIwrwgB+Po3CLH2NrIyhjLqVGNo1zrsH3nwVMHegbYNX+Nwg4S8towK2AkN+n8lBXg7mobFE04K+q1qI5Gf5pIw2q2ZK894EaVAsu+8BUtCiYghYHx1AZBingBwP3MBUd3OMcAZfAdwrYh1YFj6HVwRiVe1gVDNGju7ae+LSAIXqlABcWMEQfGS93c4Yxuh35QQGLvDkLC0meKDFcFIxR8FUZvgvclQYBfgAWs4Zx9JgOHgAAAABJRU5ErkJggg==);
}
.login-wizard-tab .login-wizard-item.active .number-box {
  background-color: #fff;
}
.login-wizard-tab .login-wizard-item.active .passed-bg {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  height: 40px;
  width: 400%;
  top: 0;
  left: calc(-400% + 20px);
}
.login-wizard-tab.two-step .login-wizard-item {
  width: 50%;
}
.login-wizard-tab.four-step .login-wizard-item {
  width: 25%;
}
.login-wizard-tab.five-step .login-wizard-item {
  width: 20%;
}
/*COLORPICKER */
.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url(../../image/common/colorpicker/saturation.png);
  cursor: crosshair;
  float: left;
}
.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
}
.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
.colorpicker-hue {
  background-image: url(../../image/common/colorpicker/hue.png);
}
.colorpicker-alpha {
  background-image: url(../../image/common/colorpicker/alpha.png);
  display: none;
}
.colorpicker {
  top: 0;
  left: 0;
  padding: 4px;
  min-width: 120px;
  margin-top: 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.colorpicker.dropdown-menu {
  margin-top: 8px;
}
.colorpicker div {
  position: relative;
}
.colorpicker.alpha {
  min-width: 140px;
}
.colorpicker.alpha .colorpicker-alpha {
  display: block;
}
.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url(../../image/common/colorpicker/alpha.png);
  background-position: 0 100%;
}
.colorpicker-color div {
  height: 10px;
}
.input-group.color .input-group-addon i {
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}
/*COLORPICKER */
.form-colorpick {
  display: flex;
}
.form-colorpick .form-control {
  border-radius: 5px 0 0 5px;
}
.form-colorpick .colorpick-btn {
  height: 32px;
  width: 50px;
  padding: 5px;
  border-radius: 0 5px 5px 0;
  border: 1px solid #ddd;
  border-left: none;
}
.form-colorpick .colorpick-btn > i {
  width: 100%;
  height: 20px;
  display: block;
}
.examination-rule-box {
  float: left;
  margin: 0 0 20px;
  padding: 15px 20px 0px;
  width: 100%;
  min-height: 57px;
  line-height: 25px;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  height: 57px;
  border-width: 1px;
  border-style: solid;
}
.examination-rule-box.active {
  height: auto;
}
.examination-rule-box .examination-ruletit-box {
  float: left;
  width: 100%;
  padding: 0 0 0;
  margin: 0 0 10px;
}
.examination-rule-box .examination-ruletit-box > div {
  width: calc(100% - 50px);
}
.examination-rule-box .examination-ruletit-box > div span {
  margin: 0 5px 15px 0;
}
.examination-rule-box a.fold-up-btn {
  font-size: 12px;
}
.examination-rule-box .title {
  font-size: 14px;
  float: left;
  line-height: 25px;
  margin-right: 5px;
  margin-bottom: 15px;
}
.examination-rule-box .text {
  font-size: 14px;
  float: left;
  line-height: 25px;
  margin-right: 5px;
  margin-bottom: 15px;
}
.examination-rule-box .tag-big {
  float: left;
  height: 25px;
  line-height: 23px;
  color: #fff;
  padding: 0 8px;
  border-radius: 6px;
  margin-right: 5px;
  font-size: 12px;
  margin-bottom: 15px;
}
.examination-rule-box.formula-container {
  min-height: auto;
}
.examination-rule-box .examination-info-row {
  width: 100%;
  float: left;
  padding: 0;
}
.examination-rule-box .examination-info-row .examination-item {
  float: left;
  margin: 0 25px 0 0;
}
.examination-rule-box .examination-info-row .examination-item > span {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  color: #666;
}
.examination-rule-box .examination-info-row .examination-item > font {
  font-size: 14px;
  color: #666;
}
.formula-container-outside .formula-container {
  height: auto;
  padding: 10px 30px 0 10px;
  position: relative;
}
.formula-container-outside .examination-rule-box .title,
.formula-container-outside .examination-rule-box .tag-big,
.formula-container-outside .examination-rule-box .text {
  margin: 0;
}
.formula-container-outside .examination-rule-box .tag-big input {
  background: transparent;
  border: none;
  height: 23px;
  line-height: 23px;
  width: 60px;
}
.formula-container-outside .formula-container-inside {
  float: left;
  width: calc(80%);
}
.formula-container-outside .tag-outside {
  float: left;
  margin: 0 0 10px;
  padding: 0 5px;
  position: relative;
}
.formula-container-outside .tag-outside .insert-front-btn {
  height: 25px;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 20;
}
.formula-container-outside .tag-outside .insert-back-btn {
  height: 25px;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  z-index: 20;
}
.formula-container-outside .groupRule-box {
  float: left;
  position: relative;
}
.formula-container-outside .groupRule-box .insert-front-btn {
  height: 25px;
  width: 15px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 50;
}
.formula-container-outside .groupRule-box .insert-back-btn {
  height: 25px;
  width: 15px;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  z-index: 50;
}
.formula-container-outside .tag-outside.input .insert-front-btn,
.formula-container-outside .experiment-examination .tag-outside.input .insert-back-btn {
  width: 5px;
}
.formula-container-outside .cursor-con {
  height: 25px;
  width: 20px;
  text-align: center;
  float: left;
  margin: 0 0 10px;
}
.formula-container-outside .empty-rule {
  position: absolute;
  top: calc(50% - 13px);
  right: 10px;
}
.formula-container-outside .btn-formula-drop-outside {
  position: relative;
}
.formula-container-outside .btn-formula-drop-outside.active .formula-drop-container {
  display: block;
}
.formula-container-outside .formula-drop-container {
  display: none;
  position: absolute;
  left: 0;
  top: 34px;
  z-index: 10;
  min-width: 330px;
  padding: 10px 0 0 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}
.formula-container-outside .formula-drop-container:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -13px;
  left: 21px;
  border: 7px solid rgba(255, 255, 255, 0);
  border-bottom: 7px solid #ddd;
}
.formula-container-outside .formula-drop-container:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -11px;
  left: 22px;
  border: 6px solid rgba(255, 255, 255, 0);
  border-bottom: 6px solid #fff;
}
.formula-container-outside .formula-btn-group .formula-btn-group-title {
  float: left;
  width: 80px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  text-align: right;
}
.formula-container-outside .formula-btn-group .formula-btn-group-body {
  float: left;
  width: calc(100% - 80.1px);
}
.formula-container-outside .formula-btn-group .formula-drop-footer {
  width: calc(100% - 10px);
  padding: 10px 0 0;
  border-top: 1px solid #ddd;
}
.formula-group-outside {
  float: left;
  width: 100%;
  border: 1px solid #ddd;
}
.formula-group-outside .group-menu-list-container {
  float: left;
  width: 160px;
  height: calc(100vh - 430px);
}
.formula-group-outside .group-menu-list-container .group-menu-list {
  float: left;
  width: 100%;
}
.formula-group-outside .group-menu-list-container .group-menu-list .group-menu-list-item {
  float: left;
  width: 100%;
}
.formula-group-outside .group-menu-list-container .group-menu-list .group-menu-list-item .group-title {
  float: left;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
.formula-group-outside .group-menu-list-container .group-menu-list .group-menu-list-item .group-title > i {
  float: right;
  margin: 14px 0 0;
}
.formula-group-outside .group-menu-list-container .group-menu-list .group-menu-list-item .group-menu-detail-option {
  float: left;
  width: 100%;
}
.formula-group-outside .group-menu-list-container .group-menu-list .group-menu-list-item .group-menu-detail-option .btn-formula-option {
  float: left;
  width: 100%;
  height: 30px;
  padding: 0 25px;
  color: #333;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}
.formula-group-outside .group-menu-list-container .group-menu-list .group-menu-list-item.fold .group-menu-detail-option {
  height: 0;
  overflow: hidden;
}
.formula-group-outside .btn-formula-detail-container {
  float: left;
  width: calc(100% - 160.01px);
  height: calc(100vh - 430px);
  border-left: 1px solid #ddd;
}
.formula-group-outside .btn-formula-detail-container .formula-btn-group-fixed {
  float: left;
  width: 100%;
  padding: 20px 20px 10px;
  border-bottom: 1px solid #ddd;
}
.formula-group-outside .btn-formula-detail-container .formula-detail-contemt {
  float: left;
  display: none;
  width: 100%;
  padding: 20px;
}
.formula-group-outside .btn-formula-detail-container .formula-detail-contemt .select-option {
  float: left;
}
.page-dropfile-upload {
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  border: 4px dashed #ccc;
  background-color: rgba(255, 255, 255, 0.5);
}
.page-dropfile-upload .page-dropfile-info {
  font-size: 46px;
  color: #999;
}
.page-main-body {
  position: relative;
  z-index: 4;
  width: 100%;
  padding: 0 0 0 57px;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-main-body .page-service-list {
  position: absolute;
  z-index: 106;
  left: 0;
  top: 0;
  width: 57px;
  height: calc(100vh - 64.01px);
  background-color: #fff;
  overflow: hidden;
}
.page-main-body .page-service-list .service-list-fold-content {
  width: 223px;
  padding: 0 5px 0 5px;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-control {
  width: 36px;
  height: 57px;
  margin: 0 5px 10px 5px;
  padding: 12px 0 8px;
  line-height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  cursor: pointer;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-control .unfold-btn {
  float: left;
  width: 36px;
  margin: 0 7px 0 0;
  font-size: 22px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-control .fold-content-title {
  opacity: 0;
  float: left;
  font-size: 14px;
  line-height: 36px;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-control .service-list-btn {
  display: none;
  float: right;
  width: 30px;
  margin: 0 -10px 0 0;
  font-size: 16px;
  line-height: 36px;
  color: #333;
  text-align: center;
  cursor: pointer;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside {
  width: 100%;
  height: calc(100vh - 150px);
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .mCSB_container {
  padding: 0 5px 0 0;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item {
  width: 100%;
  height: 40px;
  margin: 0 0 5px;
  border-radius: 11px;
  cursor: pointer;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item .service-list-item-inside {
  width: 100%;
  height: 40px;
  padding: 5px 10px 5px 8px;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item .service-list-item-inside .icon-box {
  float: left;
  width: 26px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  margin: 0 15px 0 0;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item .service-list-item-inside .icon-box > img {
  vertical-align: middle;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item .service-list-item-inside .icon-box .normal {
  display: block;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item .service-list-item-inside .icon-box .selected {
  display: none;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item .service-list-item-inside .icon-box > i {
  vertical-align: middle;
  font-size: 22px;
  color: #a5adb4;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item .service-list-item-inside .title-box {
  display: block;
  opacity: 0;
  float: left;
  width: calc(100% - 72.01px);
  font-size: 13px;
  line-height: 30px;
  color: #333;
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item .service-list-item-inside .star-box {
  display: none;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item .service-list-item-inside .drag-handle {
  display: none;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item:hover .service-list-item-inside .icon-box .normal {
  display: none;
}
.page-main-body .page-service-list .service-list-fold-content .service-list-outside .service-list-item:hover .service-list-item-inside .icon-box .selected {
  display: block;
}
.page-main-body.unfold-service-list {
  padding: 0 0 0 223px;
}
.page-main-body.unfold-service-list .page-service-list {
  width: 223px;
}
.page-main-body.unfold-service-list .page-service-list .service-list-fold-content {
  width: 223px;
}
.page-main-body.unfold-service-list .page-service-list .service-list-fold-content .service-list-control {
  width: calc(100% - 10px);
}
.page-main-body.unfold-service-list .page-service-list .service-list-fold-content .service-list-control .fold-content-title,
.page-main-body.unfold-service-list .page-service-list .service-list-fold-content .service-list-control .service-list-btn {
  display: block;
  opacity: 1;
}
.page-main-body.unfold-service-list .page-service-list .service-list-outside .mCSB_container {
  padding: 0 0 20px;
}
.page-main-body.unfold-service-list .page-service-list .service-list-outside .service-list-item .service-list-item-inside .title-box {
  display: block;
  opacity: 1;
}
.page-main-body.unfold-service-list .page-service-list .service-list-outside .service-list-item .service-list-item-inside .star-box {
  display: none;
  float: left;
  font-size: 13px;
  line-height: 30px;
  color: #f8ac30;
}
.page-main-body.unfold-service-list .page-service-list .service-list-outside .service-list-item .service-list-item-inside .drag-handle {
  display: none;
  float: right;
  width: 18px;
  padding: 10px 0 8px 10px;
  line-height: 30px;
}
.page-main-body.unfold-service-list .page-service-list .service-list-outside .service-list-item .service-list-item-inside .drag-handle > p {
  float: right;
  width: 2px;
  height: 2px;
  margin: 0 0 2px 2px;
}
.page-main-body.unfold-service-list .page-service-list .service-list-outside .service-list-item:hover .service-list-item-inside .star-box {
  display: block;
}
.page-main-body.unfold-service-list .page-service-list .service-list-outside .service-list-item:hover .service-list-item-inside .drag-handle {
  display: block;
}
.page-main-body.unfold-service-popup .page-service-popup {
  left: 223px;
}
.page-main-body.full-width {
  width: 100%;
  padding: 0;
}
.service-search-content {
  width: 100%;
  padding: 0 25px;
}
.service-search-content .service-search-inside {
  width: 100%;
  max-width: 584px;
  height: 40px;
  padding: 0 10px;
  margin: 0 0 12px;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #fff;
}
.service-search-content .service-search-inside .search-icon-box {
  float: left;
  width: 15px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.service-search-content .service-search-inside .search-input-box {
  float: right;
  width: calc(100% - 25px);
  height: 38px;
}
.service-search-content .service-search-inside .search-input-box > input {
  width: 100%;
  height: 38px;
  border: none;
  font-size: 14px;
  line-height: 38px;
}
.service-search-content .service-search-inside.with-border {
  border: 1px solid #ddd;
}
.page-service-popup-shadow {
  display: none;
  position: absolute;
  z-index: 104;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.page-service-popup {
  position: absolute;
  z-index: 105;
  left: -100%;
  top: 0;
  width: 95%;
  max-width: 801px;
  height: 100%;
  background-color: #fff;
  background-size: 100% 110%;
  background-repeat: no-repeat;
  background-position: 0 -30px;
}
.page-service-popup .page-service-popup-inside {
  position: relative;
  width: 100%;
  padding: 20px 5px 0;
}
.page-service-popup .page-service-popup-inside .close-service-popup {
  position: absolute;
  z-index: 5;
  right: 22px;
  top: 12px;
  width: 30px;
  height: 30px;
  background-image: url("../../image/home/icon/service-popup.png");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.page-service-popup .page-service-popup-inside .service-quick-search {
  width: 100%;
  padding: 0 25px 20px;
}
.page-service-popup .page-service-popup-inside .service-quick-search .quick-search-content {
  display: flex;
  width: 100%;
  padding: 0 0 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.page-service-popup .page-service-popup-inside .service-quick-search .quick-search-content .title-box {
  font-size: 13px;
  line-height: 26px;
  color: #333;
}
.page-service-popup .page-service-popup-inside .service-quick-search .quick-search-content .quick-search-box > a {
  display: block;
  float: left;
  height: 26px;
  padding: 0 10px;
  margin: 0 10px 10px 0;
  font-size: 13px;
  line-height: 26px;
  color: #333;
  border-radius: 6px;
  cursor: pointer;
}
.page-service-popup .page-service-popup-inside .popup-service-select-container {
  position: relative;
  width: 100%;
  padding: 0 25px 23px;
}
.page-service-popup .page-service-popup-inside .popup-service-container {
  width: 100%;
  height: calc(100vh - 235px);
}
.page-service-popup .page-service-popup-inside .popup-service-container.height-auto {
  height: auto;
}
.page-service-popup .page-service-popup-inside .popup-service-container .mCustomScrollBox {
  width: 100%;
}
.page-service-popup .page-service-popup-inside .popup-service-container .mCustomScrollBox .mCSB_container {
  width: 100%;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box {
  display: flex;
  width: 100%;
  padding: 0 10px;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col {
  width: 25%;
  padding: 0 15px;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel {
  width: 100%;
  padding: 9px 5px;
  margin: 0 0 30px;
  border-radius: 10px;
  background-color: #fff;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-title {
  display: flex;
  width: 100%;
  height: 26px;
  padding: 0 10px;
  margin: 0 0 10px;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-title .icon-box {
  flex-basis: auto;
  width: 29px;
  height: 26px;
  line-height: 26px;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-title .icon-box > img {
  vertical-align: middle;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-title .icon-box > i {
  font-size: 20px;
  line-height: 26px;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-title .title-box {
  flex: 1;
  height: 26px;
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
  color: #333;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-content {
  width: 100%;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-content .service-box-item {
  width: 100%;
  height: 34px;
  padding: 0 15px;
  border-radius: 3px;
  cursor: pointer;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-content .service-box-item .title-box {
  display: block;
  float: left;
  width: calc(100% - 15.01px);
  font-size: 13px;
  line-height: 34px;
  color: #333;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-content .service-box-item .star-box {
  display: block;
  float: right;
  font-size: 13px;
  line-height: 34px;
  color: #f8ac30;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-content .service-box-item .star-box.unselect {
  display: none;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-content .service-box-item:hover .star-box.unselect {
  display: block;
}
.page-service-popup .page-service-popup-inside.with-service-select .service-quick-search {
  padding: 0 25px 0;
}
.page-service-popup .page-service-popup-inside.with-service-select .service-down-part {
  height: calc(100vh - 180px);
}
.panel-details-iframe {
  padding: 15px 10px 0;
  height: calc(100vh - 145px);
}
.panel-header-row {
  width: calc(100% - 20px);
  margin: 0 10px;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #eee;
}
.panel-header-row .header-title-part {
  width: 100%;
  display: flex;
  padding: 0 0 20px;
}
.panel-header-row .header-title-part .header-icon-box {
  width: 47px;
  height: 47px;
  margin: 0 10px 0 0;
}
.panel-header-row .header-title-part .header-title-box {
  height: 47px;
  padding: 10px 0;
  line-height: 26px;
  font-size: 20px;
}
.panel-header-row .option-box {
  height: 47px;
  padding: 10px 0;
}
.panel-header-row .option-box .text-btn {
  padding: 0 0 0 20px;
  line-height: 26px;
  font-size: 20px;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: left center;
}
.block-panel-center {
  position: relative;
  z-index: 6;
  width: calc(100% - 310.01px);
  padding: 20px 5px 0;
  margin: 0 0;
}
.block-panel-center .block-panel-center-scroll {
  position: relative;
  top: 0px;
  width: 100%;
  height: calc(100vh - 95px);
  padding: 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
.block-panel-center .block-panel-center-scroll .mCustomScrollBox {
  width: 100%;
}
.block-panel-center .block-panel-center-scroll .mCSB_container {
  display: flex;
  flex-wrap: wrap;
}
.block-panel-center .block-panel-center-scroll > .mCSB_scrollTools {
  opacity: 0;
}
.block-panel-center .block-panel-center-scroll > .mCSB_scrollTools .mCSB_dragger {
  opacity: 0;
}
.block-panel-center .block-panel-container {
  flex-basis: auto;
  padding: 11px 15px 10px;
  margin: 0 10px 30px;
  border-radius: 10px;
  background-color: #fff;
}
.block-panel-center .block-panel-container.width-50 {
  width: calc(50% - 20.01px);
}
.block-panel-center .block-panel-container.width-100 {
  width: calc(100% - 20.01px);
}
.block-panel-center .block-panel-container .home-block-title {
  display: flex;
  width: 100%;
  padding: 0 5px 0 5px;
}
.block-panel-center .block-panel-container .home-block-title .title-box {
  flex: 1;
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.block-panel-center .block-panel-container .home-block-title .title-box .info-alert {
  font-size: 14px;
  font-weight: normal;
  color: #999;
}
.block-panel-center .block-panel-container .home-block-title .home-block-btn-box {
  flex-basis: auto;
  height: 30px;
}
.block-panel-center .block-panel-container .home-block-title .home-block-btn-box .title-link-btn {
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.block-panel-center .block-panel-container .home-block-title .home-block-btn-box .title-link-btn.ii_b003 {
  font-size: 20px;
}
.block-panel-center .block-panel-container .multiple-col-container {
  display: flex;
}
.block-panel-center .block-panel-container .multiple-col-container .width-40 {
  width: 40%;
}
.block-panel-center .block-panel-container .multiple-col-container .width-50 {
  width: 50%;
}
.block-panel-center .block-panel-container .multiple-col-container .width-60 {
  width: 60%;
}
.home-block-tab {
  flex: 1;
  height: 30px;
  margin: 9px 15px 20px 0;
}
.home-block-tab .home-block-wrap {
  display: flex;
}
.home-block-tab .tab-item {
  flex-basis: auto;
  width: auto;
  padding: 0 5px;
}
.home-block-tab .tab-item > a {
  display: block;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  border-radius: 6px;
  cursor: pointer;
}
.home-block-tab .tab-item.unread {
  position: relative;
}
.home-block-tab .tab-item.unread:before {
  content: "";
  position: absolute;
  top: 2px;
  right: 7px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #e60012;
}
.home-block-tab.block-right-tab-title {
  flex: initial;
  margin: 0 0 20px 0;
}
.home-block-tab.block-right-tab-title .tab-item {
  padding: 0;
}
.home-block-tab.height-40 {
  height: 40px;
}
.home-block-tab.height-40 .tab-item {
  border-radius: 10px;
}
.home-block-tab.height-40 .tab-item > a {
  height: 40px;
  padding: 5px 15px;
  font-size: 14px;
}
.home-block-tab.alert-tab .tab-item.success a {
  color: #08979c;
}
.home-block-tab.alert-tab .tab-item.danger a {
  color: #fa541c;
}
.home-block-tab.alert-tab .tab-item.warning a {
  color: #f8ac30;
}
.home-block-tab.alert-tab .tab-item.active.success a {
  background-color: rgba(8, 151, 156, 0.15);
}
.home-block-tab.alert-tab .tab-item.active.danger a {
  background-color: rgba(250, 84, 28, 0.15);
}
.home-block-tab.alert-tab .tab-item.active.warning a {
  background-color: rgba(248, 172, 48, 0.15);
}
.panel-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px;
  margin: 0 0 25px;
}
.panel-title > h4 {
  font-size: 16px;
  line-height: 26px;
  color: #333;
}
.panel-title > h4 .back-btn {
  font-size: 16px;
  line-height: 26px;
  color: #999;
  margin: 0 15px 0 0;
  position: relative;
}
.panel-title > h4 .back-btn > i {
  font-size: 16px;
  margin: 0 5px 0 0;
}
.panel-title > h4 .back-btn::before {
  position: absolute;
  right: -10px;
  top: 4px;
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  border-right: 1px solid #ddd;
}
.panel-title.form-panel-title-bar {
  padding: 8px 15px 11px;
  border-radius: 10px;
  align-items: center;
}
.card-panel-center {
  position: relative;
  z-index: 5;
  flex-basis: auto;
  width: 310px;
  padding: 20px 0 0;
}
.card-panel-center .card-panel-center-scroll {
  width: 100%;
  height: calc(100vh - 100px);
}
.card-panel-center .card-panel-center-scroll .mCSB_container {
  width: 100%;
}
.card-panel-center .card-panel-container {
  width: calc(100% - 30.01px);
  padding: 15px 10px 10px;
  margin: 0 15px 20px;
  border-radius: 10px;
  background-color: #fff;
}
.card-panel-center .card-panel-container .card-panel-title {
  width: 100%;
  padding: 0 5px;
  margin: 0 0 11px;
}
.card-panel-center .card-panel-container .card-panel-title .title-box {
  font-size: 14px;
  color: #333;
  line-height: 22px;
}
.card-panel-center .card-panel-container .card-panel-body {
  width: 100%;
}
.card-panel-center .card-panel-container:hover {
  width: calc(100% - 20.01px);
  padding: 15px 10px 15px;
  margin: -5px 15px 20px 5px;
}
.card-panel-center .card-center-title {
  display: flex;
  width: calc(100% - 30.01px);
  margin: 0 15px 12px;
}
.card-panel-center .card-center-title .title-box {
  width: 60%;
  font-size: 14px;
  line-height: 24px;
}
.card-panel-center .card-center-title .setting-btn-box {
  width: 40%;
  font-size: 14px;
  text-align: right;
  line-height: 24px;
}
.card-panel-center .card-center-title .setting-btn-box > a {
  cursor: pointer;
}
.home-setting-btn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAd0lEQVQ4je3RsQkCURCE4c/lNXFayEWWI5ZjLIpgLV6gbchpHSYGx1PwdA1vooUZ/t1lZpvt8YzW77pEEgBtoEtCTgXLJERkAVCwwuJD7obdc16jGXj3GAFQZZrKm//lncB1RG6Y6SuvLzh8uXj/7pK0pnZe23kAKZsV2dE4YIwAAAAASUVORK5CYII=);
}
.panel-with-menu {
  display: flex;
  overflow: hidden;
}
.panel-with-menu .panel-menu {
  min-width: 224px;
  background-color: #f8f9f9;
  padding: 0 0px;
}
.panel-with-menu .panel-menu .panel-menu-title {
  display: flex;
  justify-content: space-between;
  height: 60px;
  width: calc(100% - 40px);
  margin: 0 20px;
  padding: 15px 0;
}
.panel-with-menu .panel-menu .panel-menu-title .title-box {
  line-height: 30px;
  font-size: 16px;
  color: #333;
}
.panel-with-menu .panel-menu .panel-menu-title .btn-solt {
  line-height: 30px;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
}
.panel-with-menu .panel-menu .inside-content {
  padding: 0 20px;
}
.panel-with-menu .panel-block {
  flex: 1;
  max-width: calc(100% - 230.01px);
  padding: 0 10px;
}
.panel-with-menu .panel-block-title {
  height: 61px;
  width: calc(100% - 20px);
  margin: 0 10px;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.panel-with-menu .panel-block-title .title-box {
  line-height: 30px;
  font-size: 16px;
  color: #333;
}
.menu-list-container {
  height: calc(100vh - 325px);
}
.menu-list-container .menu-list-box {
  padding: 0 20px;
}
.menu-list-container .menu-list-box .menu-list-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 10px 0;
  font-size: 14px;
  color: #333;
}
.menu-list-container .menu-list-box .menu-list-item > i {
  opacity: 0.5;
  margin: -1px 0 0;
}
.menu-list-container .menu-list-box .menu-list-item > .fa-times {
  display: none;
  color: #999;
}
.menu-list-container .menu-list-box .menu-list-item > font {
  flex: 1;
}
.menu-list-container .menu-list-box .menu-list-item.color-theme-100 > i,
.menu-list-container .menu-list-box .menu-list-item:hover > i {
  opacity: 1;
}
.menu-list-container .menu-list-box .menu-list-item:hover > .fa-times {
  display: inline;
}
.layui-laypage {
  width: 100%;
  text-align: right;
}
.custom-pager-container {
  width: 100%;
}
.custom-pager-container .select-show-number {
  float: left;
}
.custom-pager-container .select-show-number > font {
  float: left;
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #333;
}
.custom-pager-container .select-show-number .bootstrap-select {
  float: left;
  width: 70px;
}
.custom-pager-container .select-show-number .bootstrap-select > .btn {
  height: 30px;
  line-height: 20px;
}
.custom-pager-container .select-show-number .bootstrap-select > .btn .filter-option {
  line-height: 20px;
}
.custom-pager-container .pager-info {
  float: left;
  padding: 5px 0;
  line-height: 20px;
  font-size: 12px;
  color: #333;
}
.custom-pager-container .pager-box {
  float: right;
}
.custom-pager-container .pager-box > a {
  display: block;
  float: left;
  margin: 0 0 10px 10px;
  height: 30px;
  border-radius: 4px;
  padding: 0 10px;
  line-height: 28px;
  border: 1px solid #ddd;
  font-size: 12px;
  text-align: cneter;
  color: #666;
  cursor: pointer;
}
.custom-pager-container .pager-box > span {
  display: block;
  float: left;
  margin: 0 0 10px 10px;
  height: 30px;
  border-radius: 4px;
  padding: 0;
  line-height: 30px;
}
.pager-small .btn {
  float: left;
  height: 30px;
  padding: 4px 8px;
}
.pager-small .btn:first-child {
  border-radius: 5px 0 0 5px;
}
.pager-small .btn:last-child {
  border-radius: 0 5px 5px 0;
}
.pager-small.height-30 .btn {
  line-height: 20px;
}
.pager-small.height-30 .btn > i.fa {
  margin: 0;
}
.pager-small.height-30 .form-control {
  height: 30px;
}
.pager-small .form-control {
  float: left;
  width: 50px;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.pager-row {
  width: 100%;
  max-width: 690px;
  padding: 0;
}
.loading-box {
  width: 100%;
  height: 50px;
  padding: 10px 0;
  text-align: center;
  line-height: 30px;
}
.loading-box .loading-title {
  display: inline-block;
  height: 30px;
  font-size: 14px;
  color: #999;
  margin: 0 5px 0 0;
  line-height: 30px;
}
.loading-box .point-box {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 2px 5px;
  border-radius: 3px;
  background-color: #bfbfbf;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}
.loading-box .point-box.anm-1 {
  animation-name: loading-three-point-1;
}
.loading-box .point-box.anm-2 {
  animation-name: loading-three-point-2;
}
.loading-box .point-box.anm-3 {
  animation-name: loading-three-point-3;
}
/*加载中 START*/
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}
@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: .77s;
  animation-delay: .77s;
  -webkit-animation-duration: 1.26s;
  animation-duration: 1.26s;
}
.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: .29s;
  animation-delay: .29s;
  -webkit-animation-duration: .43s;
  animation-duration: 0.43s;
}
.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: .28s;
  animation-delay: .28s;
  -webkit-animation-duration: 1.01s;
  animation-duration: 1.01s;
}
.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: .74s;
  animation-delay: .74s;
  -webkit-animation-duration: .73s;
  animation-duration: 0.73s;
}
.line-scale-party > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
  animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}
.line-scale-pulse-out > div:nth-child(2),
.line-scale-pulse-out > div:nth-child(4) {
  -webkit-animation-delay: .2s!important;
  animation-delay: 0.2s !important;
}
.line-scale-pulse-out > div:nth-child(1),
.line-scale-pulse-out > div:nth-child(5) {
  -webkit-animation-delay: .4s!important;
  animation-delay: 0.4s !important;
}
@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  90% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  90% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
  animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
}
.line-scale-pulse-out-rapid > div:nth-child(2),
.line-scale-pulse-out-rapid > div:nth-child(4) {
  -webkit-animation-delay: .25s!important;
  animation-delay: 0.25s !important;
}
.line-scale-pulse-out-rapid > div:nth-child(1),
.line-scale-pulse-out-rapid > div:nth-child(5) {
  -webkit-animation-delay: .5s!important;
  animation-delay: 0.5s !important;
}
@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.line-spin-fade-loader {
  position: relative;
}
.line-spin-fade-loader > div:nth-child(1) {
  top: 20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(2) {
  top: 13.63636px;
  left: 13.63636px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(4) {
  top: -13.63636px;
  left: 13.63636px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(5) {
  top: -20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(6) {
  top: -13.63636px;
  left: -13.63636px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(8) {
  top: 13.63636px;
  left: -13.63636px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
}
.line-spin-fade-loader > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 5px;
  height: 15px;
}
.exam-loader-centerbox {
  width: 200px;
  height: 150px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 30px 0 0;
  box-sizing: border-box;
}
.exam-loader-centerbox .loader > div {
  width: 60px;
  margin: 0 auto;
}
.exam-loader-text {
  font-size: 14px;
  margin: 20px 0 0;
  text-align: center;
  width: 100%;
  color: #fff;
  font-family: "Microsoft YaHei UI";
}
.my-loader-con {
  width: 100%;
  height: ;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.my-loader-con .my-loader-box {
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: ;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.my-loader-con .exam-loader-centerbox {
  z-index: 10000;
  position: fixed;
  top: calc(-25%);
  left: calc(-50%);
}
.layui-layer-content.layui-layer-loading1 {
  width: 200px;
  height: 160px;
}
/*加载中 END*/
/**需要添加的样式代码**START**/
.no-background {
  background: none;
  margin: 40px auto;
}
.no-background .line-scale > div {
  background-color: rgba(0, 0, 0, 0.7);
}
.no-background .exam-loader-text {
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
}
.exam-loader-centerbox {
  position: fixed;
  left: calc(50% - 100px);
  top: calc(50vh - 75px);
  z-index: 999;
}
/**需要添加的样式代码**END**/
.academic-table {
  width: 100%;
  table-layout: fixed;
}
.academic-table thead tr {
  min-height: 10px;
}
.academic-table thead tr:nth-child(1) th {
  padding: 10px 10px;
  line-height: 18px;
  height: 46px;
  vertical-align: middle;
  box-sizing: border-box;
}
.academic-table thead tr:nth-child(1) th:first-child {
  border-radius: 10px 0 0 10px;
  padding: 7px 10px 7px 30px;
}
.academic-table thead tr:nth-child(1) th:last-child {
  border-radius: 0 10px 10px 0;
  padding: 7px 30px 7px 10px;
}
.academic-table thead tr:nth-child(2) {
  height: 10px;
}
.academic-table thead tr th.fixed_column.border-theme-20 {
  border-left-width: 1px;
  border-left-style: solid;
}
.academic-table thead tr th .bootstrap-select > .btn.dropdown-toggle {
  text-align: left;
  padding: 0;
  background: none;
  border: none;
}
.academic-table thead tr th .bootstrap-select > .btn.dropdown-toggle div {
  font-size: 14px;
  line-height: 30px;
}
.academic-table tbody tr {
  border-radius: 10px;
  overflow: hidden;
}
.academic-table tbody tr td {
  height: 46px;
  padding: 12px 10px;
  line-height: 22px;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
}
.academic-table tbody tr td:first-child {
  border-radius: 10px 0 0 10px;
  padding: 7px 10px 7px 30px;
}
.academic-table tbody tr td:last-child {
  border-radius: 0 10px 10px 0;
  padding: 7px 30px 7px 10px;
}
.academic-table tbody tr td.fixed_column.border-theme-20 {
  border-left-width: 1px;
  border-left-style: solid;
}
.academic-table tbody tr td.fixed_column > span {
  font-size: 16px;
  color: #666;
}
.academic-table tbody tr td .empty {
  float: right;
  display: inline-block;
  width: 16px;
  height: 8px;
  border-radius: 4px;
  background-color: rgba(153, 153, 153, 0.2);
}
.academic-table.three-color tbody tr:nth-child(odd) td {
  background-color: #fff;
}
.academic-table.three-color tbody tr:nth-child(4n-2) td {
  background-color: #fffaf4;
}
.academic-table.two-color tbody tr:nth-child(odd) td {
  background-color: #fff;
}
.part-content-outside {
  width: calc(100% + 40px);
  margin: 0 -20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
}
.part-content-outside .part-content-container {
  padding: 0 20px;
  position: relative;
}
.part-content-outside .part-content-container.width-50 {
  width: 50%;
}
.part-content-outside .part-content-container::before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 5px;
  bottom: 0;
  right: -1px;
  background-color: #ddd;
}
.pie-chart-with-circle::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(70% - 90px);
  left: calc(50% - 90px);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  box-shadow: 0 0 40px 0 rgba(173, 23, 52, 0.1);
}
.info-page-container {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: calc(100vh - 190px);
}
.info-page-container .info-page-picture {
  display: inline-block;
}
.info-page-container .info-page-box {
  display: inline-block;
}
.info-page-container .info-page-box .title-box {
  font-size: 32px;
  line-height: 42px;
  color: #333;
  font-weight: bold;
}
.info-page-container .info-page-box .title-box-en {
  font-size: 20px;
  line-height: 30px;
  color: #333;
  font-weight: bold;
}
.info-page-container .info-page-box .sec-title {
  font-size: 20px;
  line-height: 30px;
  color: #666;
}
.info-page-container .info-page-box .sec-title-en {
  font-size: 16px;
  line-height: 26px;
  color: #666;
}
.info-page-container .info-page-box .details-text {
  font-size: 18px;
  line-height: 20px;
  color: #666;
}
.info-page-container .info-page-box .details-text-en {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.info-page-container .info-page-box .btn-box {
  width: 120px;
}
.bind_main_container {
  width: 480px;
  margin: 0 auto;
  padding: 0 15px;
  overflow: hidden;
}
.bind_main_container .btn-row {
  width: 100%;
  text-align: center;
}
.bind_main_container .btn-row .bind_button {
  width: 198px;
  height: 52px;
  margin: 0 5px;
  line-height: 18px;
  margin-top: 20px;
  padding: 17px 0;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
}
.bind_main_container .btn-row .bind_button_1 {
  color: #fff;
}
.bind_main_container .btn-row .bind_button_2 {
  color: #666;
  background-color: #fff;
  border: 1px solid #ddd;
}
/* 2016-10-24 授权页样式 zhaosiqi start*/
.authorise_img {
  float: left;
  width: 100%;
  height: 184px;
  margin: 85px 0 0;
  text-align: center;
}
.authorise_title {
  float: left;
  width: 100%;
  height: 44px;
  line-height: 44px;
  margin-top: 20px;
  text-align: center;
  font-size: 32px;
}
.authorise_p {
  float: left;
  width: 100%;
  height: 28px;
  line-height: 28px;
  margin-top: 6px;
  font-size: 14px;
  color: #999;
}
.unauthorise_p {
  float: left;
  width: 100%;
  min-height: 34px;
  line-height: 34px;
  margin-bottom: 8px;
  font-size: 22px;
  color: #999;
  text-align: center;
}
/* 2016-10-24 授权页样式 zhaosiqi end*/
.tab-container {
  display: flex;
  width: calc(100% + 10px);
  margin: 0 -5px;
}
.tab-container .home-block-btn-box .btn {
  margin: 0 5px;
}
.panel-tab-container {
  display: flex;
  width: 100%;
  padding: 0 5px 0;
}
.panel-tab-container > li {
  height: 30px;
  padding: 5px 10px;
  margin: 0 5px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #666;
  cursor: pointer;
}
.panel-tab-container.secondary-tab {
  float: left;
  padding: 0;
  width: auto;
  border-width: 1px;
  border-style: solid;
  height: 28px;
  border-radius: 6px;
  overflow: hidden;
}
.panel-tab-container.secondary-tab > li {
  height: 26px;
  margin: 0;
  padding: 5px 15px;
  line-height: 16px;
  font-size: 14px;
  border-radius: 0;
}
.under-line-tab {
  width: 100%;
  margin: 0 0 20px;
}
.under-line-tab .under-line-tab-wrap {
  width: 100%;
}
.under-line-tab .under-line-tab-wrap .under-line-tab-item {
  float: left;
  height: 49px;
  margin: 0 40px 0 0;
  width: auto;
  line-height: 35px;
  padding: 5px 0;
  font-size: 16px;
  color: #666;
  cursor: pointer;
}
.under-line-tab .under-line-tab-wrap .under-line-tab-item.border-theme-100 {
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: rgba(255, 255, 255, 0);
}
.page-content-inside > .under-line-tab {
  margin: -6px 0 20px;
}
.panel-outside-tab-row {
  height: 49px;
  padding: 0 0;
  margin: 0 0 -1px;
  position: relative;
  z-index: 2;
}
.panel-outside-tab-row .panel-outside-tab-wrap {
  width: 100%;
  margin: 0;
}
.panel-outside-tab-row .tab-row {
  width: 100%;
}
.panel-outside-tab-row .tab-row .tab-item {
  cursor: pointer;
  width: auto;
  height: 49px;
  padding: 10px 20px;
  margin: 0 10px 0 0;
  border-radius: 10px 10px 0 0;
  color: #666;
  background-color: rgba(255, 255, 255, 0.4);
  line-height: 29px;
  font-size: 18px;
}
.panel-outside-tab-row .tab-row .tab-item.color-theme-100 {
  background-color: #fff;
}
.panel-outside-tab-row .tab-row .tab-item:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.panel-outside-tab-row .tab-row .tab-item:hover.color-theme-100 {
  background-color: #fff;
}
.panel-blank-container.with-outside-tab .panel-blank {
  border-radius: 0 10px 10px 10px;
}
.nav-tabs .swiper-slide {
  width: auto!important;
}
.fullsize-page-main-tab-row {
  width: 100%;
  padding: 17px 0 0;
}
.fullsize-page-main-tab-row .swiper-container {
  overflow: inherit;
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item {
  cursor: pointer;
  width: auto;
  margin: 0 10px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-radius: 10px;
  line-height: 48px;
  font-size: 16px;
  color: #333;
  background-color: rgba(255, 255, 255, 0.85);
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item .act-icon {
  display: none;
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item .normal-icon {
  display: block;
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item > img {
  margin: 0 10px 0 0;
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item.bg-theme-100 {
  color: #fff;
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item.bg-theme-100 .act-icon {
  display: block;
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item.bg-theme-100 .normal-icon {
  display: none;
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item.bg-theme-hover-100:hover {
  color: #fff;
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item.bg-theme-hover-100:hover .act-icon {
  display: block;
}
.fullsize-page-main-tab-row .fullsize-page-tab .main-tab-item.bg-theme-hover-100:hover .normal-icon {
  display: none;
}
.ellipsis-dropdown-outside {
  position: relative;
}
.ellipsis-dropdown {
  display: none;
}
.active .ellipsis-dropdown {
  position: absolute;
  z-index: 50;
  top: 25px;
  right: 0;
  display: block;
  width: 110px;
  padding: 10px 10px 5px;
  border: 1px solid #eee;
  border-radius: 6px;
  background-color: #fff;
}
.active .ellipsis-dropdown > li {
  height: 34px;
  margin: 0 0 5px;
  line-height: 34px;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
}
.active .ellipsis-dropdown > li > a {
  display: block;
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.active .ellipsis-dropdown > li.bg-theme-100 > a {
  color: #fff;
}
.active .ellipsis-dropdown > li.bg-theme-hover-100:hover > a {
  color: #fff;
}
.select-objects-box {
  height: 37px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px 10px;
  overflow: hidden;
}
.select-objects-box.unfold {
  height: auto;
}
.select-objects-box .select-objects-inside {
  height: auto;
}
.select-objects-box .select-objects-btn {
  color: #666;
  font-size: 12px;
  line-height: 1;
}
.select-objects-box .select-objects-btn font {
  font-size: 16px;
  line-height: 1;
  float: left;
}
.select-objects-box .select-objects-btn span {
  float: left;
  font-size: 12px;
  margin: 0 5px 0 0;
  line-height: 20px;
}
.select-objects-box .select-objects-btn:hover {
  color: #999;
}
.select-objects-box .select-objects-btn .obj-line {
  line-height: 1;
  font-size: 12px;
}
.select-objects-box .btn-delete {
  color: #666;
  font-size: 16px;
  line-height: 1;
}
.select-objects-box .btn-delete font {
  font-size: 14px;
  line-height: 1;
  float: left;
}
.select-objects-box .btn-delete span {
  float: left;
  font-size: 12px;
  margin: 0 5px 0 0;
}
.select-objects-box .btn-delete:hover {
  color: #999;
}
.select-objects-box li {
  position: relative;
  float: left;
  padding: 5px 20px 5px 0;
  height: 30px;
}
.select-objects-box li span {
  color: #666;
  float: left;
  font-size: 14px;
}
.select-objects-box li a {
  color: #666;
  float: left;
  margin: 1px 0 0;
  font-size: 18px;
}
.select-objects-box li a:hover {
  color: #999;
}
.select-objects-box li::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 5px;
  display: block;
  height: 20px;
  width: 1px;
  border-right: 1px solid #ddd;
}
.select-objects-box .title-row {
  padding: 0 0 8px;
  margin: 0 0 5px;
  border-bottom: 1px solid #dedede;
}
.select-objects-box .title-row > span {
  font-size: 14px;
  line-height: 20px;
}
.select-objects-box .title-row > a {
  line-height: 20px;
}
.select-objects-box .bootstrap-select li {
  height: auto;
  width: 100%;
}
.select-objects-box .bootstrap-select li a {
  width: 100%;
  font-size: 14px;
}
.pick-tag-container {
  width: calc(100% + 10px);
  margin: 0 -5px 5px;
}
.pick-tag-container .pick-tag-item {
  float: left;
  height: 36px;
  padding: 5px 15px;
  border-radius: 6px;
  margin: 0 5px 10px;
}
.pick-tag-container .pick-tag-item > span {
  font-size: 14px;
  line-height: 26px;
  margin: 0 10px 0 0;
}
.pick-tag-container .pick-tag-item > a {
  font-size: 14px;
  line-height: 26px;
}
.pick-block-list {
  width: 100%;
}
.pick-block-list .pick-block-item {
  width: 100%;
  display: table;
  table-layout: fixed;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin: 0 0 20px;
  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.03);
}
.pick-block-list .pick-block-item .title-part {
  display: table-cell;
  width: 85px;
  vertical-align: middle;
  height: 57px;
  text-align: center;
  border-right: 1px solid #ddd;
  font-size: 14px;
}
.pick-block-list .pick-block-item .checkbox-pick-part {
  display: table-cell;
  vertical-align: middle;
}
.pick-block-list .pick-block-item .checkbox-pick-part .checkbox-pick-inside {
  width: 100%;
  padding: 10px;
}
.pick-block-list .pick-block-item .checkbox-pick-part .checkbox-pick-inside .checkbox-pick-item {
  float: left;
  width: 25%;
  height: 34px;
  padding: 5px 10px;
  line-height: 24px;
}
.pick-block-list .pick-block-item .checkbox-pick-part .checkbox-pick-inside .checkbox-pick-item > input {
  float: left;
  margin: 6px 10px 5px 0;
}
.pick-block-list .pick-block-item .checkbox-pick-part .checkbox-pick-inside .checkbox-pick-item > font {
  font-size: 14px;
}
.drag-pick-area {
  width: 100%;
}
.drag-pick-area .drag-pick-select-area {
  width: 100%;
  min-height: 80px;
  padding: 20px 10px 0;
  border-style: dashed;
  border-width: 1px;
  border-radius: 8px;
}
.drag-pick-area .drag-pick-unselect-area {
  width: 100%;
  padding: 0 10px 0;
}
.drag-pick-area .drag-pick-item {
  cursor: pointer;
  float: left;
  width: calc(25% - 20px);
  height: 38px;
  margin: 0 10px 20px;
  padding: 9px 5px 4px 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
  line-height: 18px;
  font-size: 14px;
  color: #666;
  border-radius: 8px;
  background-color: #fff;
}
.drag-pick-area .drag-pick-item .title-box {
  float: left;
  width: calc(100% - 15px);
  font-size: 14px;
  color: #666;
  line-height: 18px;
}
.drag-pick-area .drag-pick-item .drag-mark {
  width: 14px;
  float: right;
  cursor: pointer;
}
.drag-pick-area .drag-pick-item .drag-mark > span {
  float: left;
  display: block;
  width: 2px;
  height: 2px;
  margin: 0 5px 5px 0;
}
.select-tag-content {
  width: 100%;
}
.select-tag-content .select-tag-row {
  width: 100%;
  min-height: 32px;
  padding: 5px 10px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
}
.select-tag-content .select-tag-row .tag-box {
  float: left;
  height: 20px;
  padding: 0 10px;
  border-radius: 3px;
  margin: 0 10px 5px 0;
}
.select-tag-content .select-tag-row .tag-box > span {
  float: left;
  margin: 0 5px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.select-tag-content .select-tag-row .tag-box > a {
  float: left;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.select-pop-list {
  width: 100%;
  padding: 0!important;
}
.select-pop-list .check-item {
  width: 100%;
  height: 50px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
}
.select-pop-list .check-item .check-box {
  line-height: 20px;
  display: flex;
  align-items: center;
  margin: 0 20px 0 0;
}
.select-pop-list .check-item .check-text {
  line-height: 20px;
  color: #616266;
  font-size: 14px;
}
.check-select {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #bfbfbf;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.check-select > .icon {
  font: normal normal normal 14px/1 FontAwesome;
  display: none;
  position: absolute;
  top: -2px;
  left: -1px;
  font-size: 25px;
}
.check-select > .icon::before {
  content: "\f058";
}
.check-select > input {
  zoom: 2;
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 100;
  opacity: 0;
  cursor: pointer;
}
.check-select.active {
  border: none;
}
.check-select.active > .icon {
  display: block;
}
.check-select.checkbox {
  border-radius: 4px;
}
.check-select.checkbox > .icon::before {
  content: "\f14a";
}
.progress-bar {
  display: block;
  height: 10px;
  border-radius: 5px;
  border: 1px solid #dedede;
  width: 100%;
  overflow: hidden;
}
.progress-bar .progress-bar-inside {
  display: block;
  height: 100%;
  transition: width .6s ease;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar.size-4 {
  height: 4px;
  border-radius: 2px;
}
.progress-bar.size-6 {
  height: 6px;
  border-radius: 3px;
}
.progress-bar.size-16 {
  height: 16px;
  border-radius: 8px;
}
.progress-bar.size-20 {
  height: 20px;
  border-radius: 10px;
}
.progress-bar.animation .progress-bar-inside {
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar.inline {
  display: inline-block;
}
.text-delete {
  color: #e01b19;
}
.text-delete:hover {
  color: #e01b19;
}
.edit-tree-block {
  width: 100%;
  padding: 0 0 42px ;
}
.edit-tree-block .edit-tree-level {
  position: relative;
  width: 100%;
  padding: 0 0 0 30px;
}
.edit-tree-block .edit-tree-level > .line-box {
  position: absolute;
  top: 45px;
  left: 15px;
  bottom: 0;
  width: 5px;
  border-left-style: solid;
  border-left-width: 5px;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  box-sizing: border-box;
}
.edit-tree-block .edit-tree-level > .line-box .add-item {
  position: absolute;
  left: -14px;
  bottom: -22px;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
  cursor: pointer;
}
.edit-tree-block .edit-tree-level > .line-box .add-item::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 5px;
  display: block;
  width: 12px;
  height: 1px;
  background-color: #ddd;
}
.edit-tree-block .edit-tree-level > .line-box .add-item::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #ddd;
}
.edit-tree-block .edit-tree-level > .edit-tree-level {
  padding: 0 0 30px 30px;
  margin: 0 0 30px;
}
.edit-tree-block .edit-tree-level > .edit-tree-level > .line-box {
  width: 25px;
}
.edit-tree-block .edit-tree-level > .edit-tree-level > .line-box .add-item {
  left: 15px;
  bottom: -12px;
}
.edit-tree-block .edit-tree-level > .edit-tree-level > .edit-tree-level {
  padding: 0 0 0 30px;
  margin: 0;
}
.edit-tree-block .edit-tree-level > .edit-tree-level > .edit-tree-level .edit-tree-item .edit-title {
  border-radius: 10px;
}
.edit-tree-block .edit-tree-level > .edit-tree-level > .edit-tree-level:last-child {
  margin: 0 0 0!important;
}
.edit-tree-block .first-time-alert {
  position: absolute;
  bottom: -95px;
  left: 10px;
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  padding: 37px 0 0 ;
  background-position: left top;
  background-repeat: no-repeat;
  color: #f67017;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAlCAMAAACqP0MoAAAAb1BMVEUAAAD1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBf1cBcMxedvAAAAJHRSTlMAsg/xJPktxqViOPXpzb2chh0J1reMaVtRTkIqFwPh27+URi+I07dYAAAAqklEQVQoz43Q2Q6CMBCF4ZZSQJBF3FjE9X//ZzQSQzj1xrn7Jp2Tk5p5No1ZTwfVioMHzgvzgj34/svEkVksRT4z3mKnkqHGJR+nVK25kkyWdH5+iIzZEps2i5dIx04KQPS3f+/nfPGeXFzRiTNO4oajeIMV59zErQ8KlTzFDxpxTymOPBdZHDgFDVI9cIyyqKnFCYUmWo7iFz4OPsGKd45z0MHphQ1L3cc3MDwMGKCxfpkAAAAASUVORK5CYII=);
}
.edit-tree-block .edit-tree-item {
  width: calc(100% + 30px);
  margin: 0 0 0 -30px;
  position: relative;
}
.edit-tree-block .edit-tree-item .line-box-v {
  position: absolute;
  top: 22px;
  left: -10px;
  height: 5px;
  width: 15px;
}
.edit-tree-block .edit-tree-item .edit-tree-item-inside {
  float: left;
  width: calc(100% - 135.01px);
  max-width: 670px;
  height: 50px;
  padding: 4px;
  border-radius: 10px;
}
.edit-tree-block .edit-tree-item .edit-tree-item-inside .edit-tree-item-border {
  display: flex;
  width: 100%;
  height: 42px;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
}
.edit-tree-block .edit-tree-item .edit-tree-item-inside .edit-tree-item-border .select-label {
  height: 40px;
  border-right: 1px solid #ddd;
  padding: 5px 5px;
}
.edit-tree-block .edit-tree-item .edit-tree-item-inside .edit-tree-item-border .select-label .bootstrap-select > .btn {
  background: none;
  border: none;
  font-size: 16px;
  color: #333;
}
.edit-tree-block .edit-tree-item .edit-tree-item-inside .edit-tree-item-border .select-label .bootstrap-select .caret {
  color: #ccc;
}
.edit-tree-block .edit-tree-item .edit-tree-item-inside .edit-tree-item-border .edit-title {
  flex: 1;
  height: 40px;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
.edit-tree-block .edit-tree-item .edit-tree-item-inside .edit-tree-item-border .edit-title > input {
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  line-height: 30px;
  border: none;
  font-size: 16px;
  color: #333;
}
.edit-tree-block .edit-tree-item .edit-details {
  float: left;
  width: 135px;
  padding: 10px 0 10px 15px;
  line-height: 30px;
}
.edit-tree-block .edit-tree-item .line-box {
  position: absolute;
  left: 10;
}
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0;
}
.irs-line-left {
  left: 0;
  width: 11%;
}
.irs-line-mid {
  left: 9%;
  width: 82%;
}
.irs-line-right {
  right: 0;
  width: 11%;
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  display: none;
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
}
.irs-slider.single {
  left: 10px;
}
.irs-slider.single:before {
  position: absolute;
  display: block;
  content: "";
  top: 5px;
  left: 5px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
}
.irs-slider.from {
  left: 100px;
}
.irs-slider.from:before {
  position: absolute;
  display: block;
  content: "";
  top: -30%;
  left: -30%;
  width: 130%;
  height: 160%;
  background: rgba(0, 0, 0, 0);
}
.irs-slider.to {
  left: 300px;
}
.irs-slider.to:before {
  position: absolute;
  display: block;
  content: "";
  top: -30%;
  left: 0;
  width: 130%;
  height: 160%;
  background: rgba(0, 0, 0, 0);
}
.irs-slider.type_last {
  z-index: 2;
}
.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default;
}
.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default;
}
.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.irs-disabled {
  opacity: 0.4;
}
.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40);
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
}
/* Ion.RangeSlider, Flat UI Skin
// css version 2.0.0
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
  /* background: url(../../img/ion/sprite-skin-flat.png) repeat-x; */
}
.irs-line-mid,
.irs-line-left,
.irs-line-right {
  background-color: #ccc;
}
.irs {
  height: 60px;
}
.irs-slider {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  top: 34px;
}
.irs-with-grid {
  height: 60px;
}
.irs-line {
  height: 12px;
  top: 40px;
  border: 5px solid rgba(102, 102, 102, 0.05);
  border-radius: 6px;
}
.irs-line-left {
  height: 12px;
  background-position: 0 -30px;
}
.irs-line-mid {
  height: 12px;
  background-position: 0 0;
}
.irs-line-right {
  height: 12px;
  background-position: 100% -30px;
}
.irs-bar {
  height: 12px;
  top: 40px;
  border-width: 5px;
  border-style: solid;
  border-radius: 6px;
  border-right: 0;
  left: 0!important;
}
.irs-bar-edge {
  top: 40px;
  height: 12px;
  width: 9px;
}
.irs-shadow {
  height: 3px;
  top: 34px;
  background: #000;
  opacity: 0.25;
}
.lt-ie9 .irs-shadow {
  filter: alpha(opacity=25);
}
#irs-active-slider,
.irs-slider:hover {
  background-position: 0 -150px;
}
.irs-min,
.irs-max {
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  text-shadow: none;
  top: 11px;
  padding: 1px 3px;
  /* background: #e1e4e9; */
  font-weight: bold;
  border-radius: 4px;
}
.irs-from,
.irs-to,
.irs-single {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  padding: 0 10px;
  font-weight: bold;
  height: 24px;
  text-shadow: none;
  padding: 1px 5px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.irs-from:after,
.irs-to:after,
.irs-single:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -4px;
  overflow: hidden;
  border: 4px solid transparent;
}
.irs-grid-pol {
  background: #e1e4e9;
}
.irs-grid-text {
  color: #999;
}
.rangeslider-container {
  width: 100%;
}
.rangeslider-container.width-490 {
  max-width: 510px;
  margin: 0 auto;
}
.rangeslider-item {
  width: 100%;
  padding: 0 10px;
  margin: 0 0 19px;
}
.rangeslider-item .title-box {
  width: 100%;
  font-size: 16px;
  color: #666;
  line-height: 20px;
}
.rangeslider-item .rangeslider-box {
  float: left;
  width: calc(100% - 88.01px);
  height: 60px;
}
.rangeslider-item .rangeslider-input {
  float: right;
  width: 68px;
  height: 32px;
  margin: 21px 0 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.rangeslider-item .rangeslider-input .number-input {
  width: 50px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-radius: 5px 0 0 5px;
  padding: 0 5px;
  text-align: center;
  font-size: 14px;
}
.rangeslider-item .rangeslider-input .number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.rangeslider-item .rangeslider-input .number-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  /* 有无看不出差别 */
}
.rangeslider-item .rangeslider-input .number-controller {
  width: 16px;
  float: right;
}
.rangeslider-item .rangeslider-input .number-controller .plus-btn {
  display: block;
  height: 15px;
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: #999;
  line-height: 14px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.rangeslider-item .rangeslider-input .number-controller .minus-btn {
  display: block;
  height: 14px;
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: #999;
  line-height: 14px;
  cursor: pointer;
}
.building-content {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: calc(100vh - 175px);
  margin: 0!important;
}
.building-box {
  width: 100%;
}
.building-box .title {
  height: 26px;
  line-height: 26px;
  color: #333;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif, 'Microsoft YaHei';
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 0 20px;
}
.building-box .sec-bg-box {
  width: calc(100% - 40px);
  margin: 0 20px;
  float: left;
  min-height: 460px;
}
.building-box .building-inside-content {
  width: 900px;
}
.building-box .building-inside-content.building-inside-con-02 {
  margin: 0 auto;
}
.building-box .building-pic {
  max-width: 392px;
  width: calc(100% - 20px);
  float: left;
}
.building-box .building-pic img {
  max-width: 100%;
}
.building-box .building-right-word {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif, 'Microsoft YaHei';
  float: left;
  margin: 95px 0 0 24px;
}
.building-box .building-right-word .title-01 {
  color: #333;
  font-size: 48px;
  line-height: 1;
  margin: 0;
}
.building-box .building-right-word .text {
  color: #666;
  font-size: 28px;
  line-height: 1;
  margin: 37px 0 0;
}
.building-box .building-right-word-02 {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif, 'Microsoft YaHei';
  float: left;
  margin: 55px 0 0 24px;
}
.building-box .building-right-word-02 .title-01 {
  color: #333;
  font-size: 42px;
  line-height: 1;
  margin: 0;
}
.building-box .building-right-word-02 .text {
  color: #666;
  font-size: 24px;
  line-height: 1;
  margin: 34px 0 0;
}
.building-box .building-right-word-02 .text-02 {
  color: #666;
  font-size: 18px;
  line-height: 1;
  margin: 18px 0 0;
}
@media only screen and (max-width: 1280px) {
  /*建设中 START*/
  .building-content {
    min-height: 460px;
  }
  .building-content .building-box {
    min-height: 460px;
  }
  .building-content .building-box .sec-bg-box {
    min-height: 380px;
  }
  .building-content .building-box .building-inside-content {
    width: 780px;
  }
  .building-content .building-box .building-pic {
    max-width: 300px;
  }
  .building-content .building-box .building-right-word .title-01,
  .building-content .building-box .building-right-word-02 .title-01 {
    font-size: 40px;
  }
  .building-content .building-box .building-right-word .text,
  .building-content .building-box .building-right-word-02 .text {
    font-size: 20px;
  }
  .building-content.type-02 .building-box .building-pic {
    max-width: 360px;
  }
  /*建设中 END*/
}
@media only screen and (max-width: 767px) {
  /*建设中 START*/
  .building-content img.building-bg-down {
    display: none;
  }
  .building-content .building-box .building-inside-content {
    width: 100%;
    margin: 20px auto 0;
  }
  .building-content .building-box .building-inside-content.building-inside-con-02 {
    margin: 30px auto;
  }
  .building-content .building-box .building-pic {
    max-width: 300px;
    width: calc(100%  - 110px);
    margin: 0 auto 0;
    float: none;
    clear: both;
  }
  .building-content .building-box .building-pic img {
    float: none;
    clear: both;
    display: block;
  }
  .building-content .building-box .building-right-word {
    float: none;
    clear: both;
    width: calc(100%  - 30px);
    margin: 20px auto 0;
  }
  .building-content .building-box .building-right-word .title-01 {
    font-size: 30px;
    text-align: center;
    width: 100%;
  }
  .building-content .building-box .building-right-word .text {
    font-size: 18px;
    text-align: center;
    width: 100%;
    margin: 20px 0 0;
  }
  .building-content .building-box .building-right-word-02 {
    float: none;
    clear: both;
    width: calc(100%  - 30px);
    margin: 20px auto 0;
  }
  .building-content .building-box .building-right-word-02 .title-01 {
    font-size: 30px;
    text-align: center;
    width: 100%;
  }
  .building-content .building-box .building-right-word-02 .text {
    font-size: 18px;
    text-align: center;
    width: 100%;
    margin: 20px 0 0;
  }
  .building-content .building-box .building-right-word-02 .text-02 {
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin: 10px 0 0;
  }
  .building-content.type-02 .building-box .building-inside-content {
    margin: 60px auto;
  }
  .building-content.type-02 .building-box .building-pic {
    max-width: 300px;
  }
  .building-content.type-02 .building-box .building-right-word {
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif, 'Microsoft YaHei';
    float: right;
    margin: 40px 0 0 0px;
    width: 100%;
    padding: 0 20px;
  }
  .building-content.type-02 .building-box .building-right-word .title-01 {
    font-size: 32px;
  }
  .building-content.type-02 .building-box .building-right-word .text {
    font-size: 16px;
    margin: 21px 0 15px;
  }
  .building-content.type-02 .building-box .building-right-word .info-text {
    font-size: 14px;
    line-height: 22px;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif, 'Microsoft YaHei';
  }
  /*建设中 END*/
}
.post-space {
  width: 100%;
  padding: 0 10px;
}
.post-space ul {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.post-space ul li {
  position: relative;
  float: left;
  width: calc((100% / 5) - 20.01px);
  margin: 10px;
  border-width: 1px ;
  border-style: solid;
  border-radius: 5px;
  height: 80px;
}
.post-space ul li .left-block {
  float: left;
  width: 100%;
  padding: 0 10px 0 20px;
  margin-top: 12px;
}
.post-space ul li .post {
  font-size: 18px;
  float: left;
  width: 100%;
}
.post-space ul li .describe {
  float: left;
  width: 100%;
  font-size: 14px;
  margin-top: 4px;
}
.post-space ul li .icon {
  position: absolute;
  font-size: 48px;
  right: 0;
  top: -2px;
  line-height: 1;
  z-index: 100;
  font-weight: bold;
}
.post-space ul li .icon-btn {
  display: none;
  border-radius: 5px 0 0 5px;
  padding: 2px 8px;
  position: absolute;
  z-index: 100;
  right: 0;
  top: 25px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-right: 0;
  font-size: 14px;
}
.post-space ul li .icon-btn-delete {
  display: none;
  border-radius: 5px 0 0 5px;
  padding: 2px 8px;
  position: absolute;
  z-index: 100;
  right: 0;
  top: 56px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-right: 0;
}
.post-space ul li:hover {
  cursor: pointer;
}
.post-space ul li:hover .icon-btn {
  display: block;
}
.post-space ul li:hover .icon-btn-delete {
  display: block;
}
.post-space-admin {
  padding: 0 10px;
}
.post-space-admin .admin-info-list {
  float: left;
  width: 100%;
}
.post-space-admin .admin-info-list .admin-info-item {
  float: left;
  width: 100%;
  padding: 15px 20px 5px;
  margin: 0 0 15px;
  position: relative;
  border-width: 1px ;
  border-style: solid;
  border-radius: 6px;
}
.post-space-admin .admin-info-list .admin-info-item .title-row {
  display: flex;
  margin: 0 0 10px;
}
.post-space-admin .admin-info-list .admin-info-item .title-row .title-box {
  font-size: 16px;
  line-height: 26px;
  font-weight: bold;
}
.post-space-admin .admin-info-list .admin-info-item .icon {
  position: absolute;
  font-size: 48px;
  right: 0;
  top: -2px;
  line-height: 1;
  z-index: 100;
  font-weight: bold;
}
.post-space-admin .admin-info-list .admin-info-item .admin-name-block {
  width: calc(100% + 10px);
  margin: 0 -5px;
}
.post-space-admin .admin-info-list .admin-info-item .admin-name-block .admin-name {
  float: left;
  height: 34px;
  padding: 7px 10px;
  margin: 0 5px 10px;
  line-height: 20px;
  border-radius: 5px;
  font-size: 14px;
  color: #666;
}
.post-space-admin .admin-info-list .admin-info-item:last-child {
  margin: 0;
}
.post-search-container {
  width: 100%;
  padding: 0 10px;
}
.app-post-title {
  width: 100%;
}
.app-post-title .tit-bar-line {
  float: left;
  width: 5px;
  height: 16px;
  margin: 5px 10px 5px 0;
}
.app-post-title .title-box {
  font-size: 16px;
  line-height: 26px;
  color: #333;
}
.tag-box {
  width: auto;
  padding: 0 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
}
@media only screen and (max-width: 1600px) {
  .post-space ul li {
    width: calc((100% / 4) - 20.01px);
  }
}
@media only screen and (max-width: 1500px) {
  .post-space ul li {
    width: calc((100% / 3) - 20.01px);
  }
}
@media only screen and (max-width: 1200px) {
  .post-space ul li {
    width: calc((100% / 2) - 20.01px);
  }
}
@media only screen and (max-width: 1023px) {
  .post-space ul li {
    width: calc((100% / 1) - 20.01px);
  }
}
.tag-cloud-box {
  width: 100%;
}
.tag-cloud-box .wordcloud-inside {
  position: relative;
  width: 100%;
  height: 240px;
  margin: 0 auto 0;
  overflow: hidden;
}
.tag-cloud-box .wordcloud-inside a {
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  max-width: 200px;
  font-size: 14px;
  text-decoration: none;
  padding: 0px 10px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border: none;
  border-radius: 5px;
}
.tag-cloud-box .wordcloud-inside a:hover {
  font-weight: bolder;
  opacity: 1!important;
  border-style: solid;
  border-width: 1px;
}
.tag-cloud-box.orange {
  background-color: rgba(255, 198, 88, 0.05);
  border-radius: 10px;
}
.tag-cloud-box.orange .wordcloud-inside {
  height: 211px;
}
body {
  min-width: 1023px;
}
@media only screen and (max-width: 1280px) {
  .header-navigation-box .header-navigation-item > a {
    padding: 4px 10px;
  }
  .header-navigation-box .header-navigation-item > a .navigation-icon {
    margin: 0 5px 0 0;
  }
  .block-panel-center .block-panel-container.width-50,
  .block-panel-center .block-panel-container.width-100 {
    width: calc(100% - 20.01px);
  }
  .page-main-header .header-option-box .header-search-box .search-content {
    width: 160px;
  }
}