/* 整体样式 */

[v-cloak] {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* -webkit-user-select: none; */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  /* background-color: #F1F1F1; */
  -webkit-font-smoothing: antialiased;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #000;
}

input,
textarea,
keygen,
select,
button {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 12px;
  color: #606266;
}

a {
  color: #529F9B;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:focus {
  color: #529F9B;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.displaynoempty:empty {
  display: none;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 30px;
}

h2,
.h2 {
  font-size: 24px;
}

h3,
.h3 {
  font-size: 18px;
}

h4,
.h4 {
  font-size: 16px;
}

h5,
.h5 {
  font-size: 13px;
}

h6,
.h6 {
  font-size: 12px;
}

hr {
  margin: 7px 0;
  border: none;
  background-color: #dcdfe6;
  height: 1px;
}

p {
  margin: 0 0 10px;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857143;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

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

td,
th {
  padding: 0;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 18px;
  border-left: 5px solid #dcdfe6;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014 \00A0";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #dcdfe6;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: "";
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: "\00A0 \2014";
}

.clear {
  clear: both;
}

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

.fl,
.pull-left,
.left {
  float: left;
}

.fr,
.pull-right,
.right {
  float: right;
}

.displaynone {
  display: none !important;
}

/* 间距样式 */
.pd-lt-0 {
  padding-left: 0;
}

.pd-lt-5 {
  padding-left: 5px;
}

.pd-lt-10 {
  padding-left: 10px;
}

.pd-rt-0 {
  padding-right: 0;
}

.pd-rt-5 {
  padding-right: 5px;
}

.pd-rt-10 {
  padding-right: 10px;
}

.pd-rt-20 {
  padding-right: 20px;
}

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

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

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

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

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

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

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

.pd-bt-50 {
  padding-bottom: 50px !important;
}

.no-padding,
.pd-0 {
  padding: 0 !important;
}

.pd-5 {
  padding: 5px !important;
}

.pd-10 {
  padding: 10px !important;
}

.pd-11 {
  padding: 11px !important;
}

.pd-12 {
  padding: 12px !important;
}

.pd-15 {
  padding: 15px !important;
}

.pd-20 {
  padding: 20px !important;
}

.no-margin,
.mg-0 {
  margin: 0 !important;
}

.mg-5 {
  margin: 5px;
}

.mg-10 {
  margin: 10px;
}

.mg-lt-0 {
  margin-left: 0;
}

.mg-lt-5 {
  margin-left: 5px;
}

.mg-lt-10 {
  margin-left: 10px;
}

.mg-rt-0 {
  margin-right: 0;
}

.mg-rt-5 {
  margin-right: 5px;
}

.mg-rt-10 {
  margin-right: 10px;
}

.mg-top-0 {
  margin-top: 0;
}

.mg-top-5 {
  margin-top: 5px;
}

.mg-top-10 {
  margin-top: 10px;
}

.mg-top-20 {
  margin-top: 20px;
}

.mg-top-50 {
  margin-top: 50px;
}

.mg-bt-0 {
  margin-bottom: 0 !important;
}

.mg-bt-5 {
  margin-bottom: 5px;
}

.mg-bt-10 {
  margin-bottom: 10px;
}

.mg-bt-20 {
  margin-bottom: 20px;
}

/* 边框样式 */
.no-border,
.no-border.el-textarea>textarea {
  border: 0 solid #fff;
}

.border {
  border: 1px solid #dcdfe6;
}

.border.is-error {
  border-color: #F56C6C;
}

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

.border-top-35 {
  border-top: 35px solid transparent;
}

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

.border-bt-35 {
  border-bottom: 35px solid transparent;
}

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

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

.no-borderRadius,
.no-borderRadius>.list-group-item,
.no-borderRadius>.list-group-item:first-child,
.no-borderRadius>.list-group-item:last-child,
.border-r0 {
  border-radius: 0;
}

.border-r3 {
  border-radius: 3px;
}

.border-r8 {
  border-radius: 8px;
}

.no-shadow {
  box-shadow: none;
}

.textHover:hover {
  color: #529F9B;
  cursor: pointer;
}

.bgHover-White:hover {
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

.no-bg,
.nobg {
  background: none !important;
}

/*彩色背景颜色*/

.colorBg-0 {
  background-color: transparent;
}

.colorBg-1 {
  background-color: #5E7B8B;
}

.colorBg-2 {
  background-color: #7A5449;
}

.colorBg-3 {
  background-color: #00BCD2;
}

.colorBg-4 {
  background-color: #F83F3D;
}

.colorBg-5 {
  background-color: #1096EA;
}

.colorBg-6 {
  background-color: #EE1860;
}

.colorBg-7 {
  background-color: #029489;
}

.colorBg-8 {
  background-color: #FE5430;
}

.colorBg-9 {
  background-color: #4152AE;
}

.colorBg-10 {
  background-color: #A127A9;
}

.colorBg-11 {
  background-color: #84C25B;
}

.colorBg-12 {
  background-color: #FF9734;
}

.colorBg-13 {
  background-color: #6B3BB1;
}

.colorBg-14 {
  background-color: #9D9D9D;
}

/* 文字颜色 */

.text-color-1 {
  color: #5E7B8B;
}

.text-color-2 {
  color: #7A5449;
}

.text-color-3 {
  color: #00BCD2;
}

.text-color-4 {
  color: #F83F3D;
}

.text-color-5 {
  color: #1096EA;
}

.text-color-6 {
  color: #EE1860;
}

.text-color-7 {
  color: #029489;
}

.text-color-8 {
  color: #FE5430;
}

.text-color-9 {
  color: #4152AE;
}

.text-color-10 {
  color: #A127A9;
}

.text-color-11 {
  color: #84C25B;
}

.text-color-12 {
  color: #FF9734;
}

.text-color-13 {
  color: #6B3BB1;
}

.text-color-14 {
  color: #9D9D9D;
}

.text-primary {
  color: #529F9B !important;
}

.text-success {
  color: #0c8bd4 !important;
}

.text-warning {
  color: #e6a23c !important;
}

.text-danger,
.text-error {
  color: #f56c6c !important;
}

.text-info {
  color: #909399 !important;
}

.text-default {
  color: #606266 !important;
}

.text-light {
  color: #eaeaea !important;
}

/* 字体样式 */
.font-12 {
  font-size: 12px !important;
}

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

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-22 {
  font-size: 22px !important;
}

b,
strong,
.font-b {
  font-weight: bold !important;
}

/* 删除线 */
.line-through {
  text-decoration: line-through;
}

/* 行高样式 */
.line-h10 {
  line-height: 10px;
  min-height: 10px;
}

.line-h22 {
  line-height: 22px;
  min-height: 22px;
}

.line-h26 {
  line-height: 26px;
  min-height: 26px;
}

.line-h28 {
  line-height: 28px;
  min-height: 28px;
}

.line-h32 {
  line-height: 32px;
  min-height: 32px;
}

.line-h56 {
  line-height: 56px;
  min-height: 56px;
}

/* 文字对其 */
.tl,
.text-left {
  text-align: left;
}

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-top {
  vertical-align: top;
}

.text-bottom {
  vertical-align: bottom;
}

/* 显示之前textarea中的内容时，支持其中的换行符 */
.textareaBR {
  white-space: pre-line;
}

/* 多于1行或2行显示... */
.ellipsis-1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 弹性布局样式 */
.flex {
  display: flex;
  flex-direction: row;
}

.flex::before,
.flex::after {
  display: none;
  align-items: center;
}

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

.flex-wrap {
  flex-wrap: wrap;
  /* 自动换行 */
}

.align-center {
  align-items: center;
  /* 水平居中 */
}

.align-stretch {
  align-items: stretch;
  /* 水平居中+等高 */
}

.end {
  justify-content: flex-end;
  /* 右对齐 */
}

.center {
  justify-content: center;
  /* 右对齐 */
}

.between {
  justify-content: space-between;
  /* 两端对齐 */
}

.around {
  justify-content: space-around;
  /* 每个项目两侧的间隔相等 */
}

.flex-grow {
  flex-grow: 1;
  /* 占据剩余空间 */
}

/* ------------------------ Aux 开始 ----------------------- */

/*水平线*/
.line-x {
  position: relative;
  height: 1px;
}

.line-x:after {
  border-top: 1px solid #c8c7cc;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* 页面布局 */

.badge {
  display: inline-block;
  min-width: 16px;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 8px;
}

.badge:empty {
  display: none;
}

.badge-info {
  color: #fff;
  background-color: #777;
}

.badge-primary {
  color: #fff;
  background-color: #529F9B;
}

.badge-success {
  color: #fff;
  background-color: #0c8bd4;
}

.badge-warning {
  color: #fff;
  background-color: #e6a23c;
}

.badge-error,
.badge-danger {
  color: #fff;
  background-color: #f56c6c;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.label:empty {
  display: none;
}

.label-default {
  background-color: #777;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #529F9B;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #02837a;
}

.label-success {
  background-color: #098bd4;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #0f9999;
}

.label-info {
  background-color: #777;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #5e5e5e;
}

.label-warning {
  background-color: #e6a23c;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-error,
.label-danger {
  background-color: #f56c6c;
}

.label-error[href]:hover,
.label-error[href]:focus,
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.list-group-item.active>.badge {
  color: #1abc9c;
  background-color: #fff;
}

.list-group-item>.badge {
  float: right;
}

.list-group-item>.badge+.badge {
  margin-right: 5px;
}

.list-group {
  margin-bottom: 0px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 8px 15px;
  margin-bottom: -1px;
  border: 1px solid #e6e8eb;
}

.list-group-item:first-child {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #e0f1ee;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #dcdfe6;
  color: #777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #529F9B;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
  color: #919399;
  font-size: 12px;
}

.list-group-item>small {
  color: #909399;
  margin-left: 5px;
  line-height: 22px;
}

.list-group-item.property {
  display: flex;
  align-items: center;
  padding: 0;
  background-color: #FFFFFF;
  min-height: 50px;
}

.list-group-item.property>label {
  white-space: nowrap;
  margin-left: 10px;
  font-size: 13px;
  font-weight: bold;
}

.list-group-item.property>div {
  flex-grow: 1;
  margin: 10px;
}

.list-group-item.property>span {
  flex-grow: 1;
  font-size: 12px;
  text-align: right;
  margin: 10px;
}

.list-group-item.property>span.small {
  font-size: 10px;
}

.list-group.no-border>.list-group-item {
  border-left-width: 0;
  border-right-width: 0;
}

.list-group.no-border>.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
}

.list-group.no-border>.list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-width: 0;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddfe6;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
  margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group+.panel-footer {
  border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
  margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
  border-top: 1px solid #dddfe6;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
  border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
  border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
  border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom: 0;
}

.panel>.table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel+.panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
  border-top: 1px solid #dddfe6;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #dddfe6;
}

.panel-default {
  border-color: #dddfe6;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #dddfe6;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #dddfe6;
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #dddfe6;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #99dad5;
}

.panel-success>.panel-heading {
  color: #529F9B;
  background-color: #e6f6f5;
  border-color: #99dad5;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #99dad5;
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #99dad5;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1;
}

.ui-article:before,
.ui-article:after {
  content: "";
  display: table;
}

.ui-article:after {
  clear: both;
}

.ui-article> :last-child {
  margin-bottom: 0;
}

.ui-article+.ui-article {
  margin-top: 25px;
}

.ui-article .ui-article-title {
  font-size: 22px;
  line-height: 26px;
  font-weight: normal;
  text-transform: none;
}

.ui-article .ui-article-title a {
  color: inherit;
  text-decoration: none;
}

.ui-article .ui-article-meta {
  font-size: 12px;
  line-height: 18px;
  color: #909399;
}

.ui-article .ui-article-lead {
  color: #444444;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}

.ui-article .ui-article-divider {
  margin-bottom: 15px;
  border: none;
  background-color: #dcdfe6;
  height: 1px;
}

.ui-article *+.ui-article-divider {
  margin-top: 15px;
}

.ui-comment:before,
.ui-comment:after {
  content: " ";
  display: table;
}

.ui-comment:after {
  clear: both;
}

.ui-comment-avatar {
  float: left;
  border: 1px solid #dddfe6;
  border-radius: 50%;
}

.ui-comment-main {
  position: relative;
  margin-left: 42px;
  border: 1px solid #dcdfe6;
  border-radius: 0;
}

.ui-comment-main:before,
.ui-comment-main:after {
  position: absolute;
  top: 10px;
  left: -8px;
  right: 100%;
  width: 0;
  height: 0;
  display: block;
  content: " ";
  border-color: transparent;
  border-style: solid solid outset;
  border-width: 8px 8px 8px 0;
  pointer-events: none;
}

.ui-comment-main:before {
  border-right-color: #dcdfe6;
  z-index: 1;
}

.ui-comment-main:after {
  border-right-color: #f2f6fc;
  margin-left: 1px;
  z-index: 2;
}

@media only screen and (min-width: 641px) {
  .ui-comment-main {
    margin-left: 63px;
  }
}

.ui-comment-hd {
  background: #f2f6fc;
  border-bottom: 1px solid #dcdfe6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ui-comment-title {
  margin: 0 0 8px 0;
  font-size: 1.6rem;
  line-height: 1.2;
}

.ui-comment-meta {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px 15px;
  font-size: 13px;
  color: #909399;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-comment-meta a {
  color: #303133;
}

.ui-comment-author {
  font-weight: bold;
  color: #303133;
}

.ui-comment-bd {
  padding: 15px;
  overflow: hidden;
}

.ui-comment-bd>blockquote {
  font-size: 12px;
}

.ui-comment-bd> :last-child {
  margin-bottom: 0;
}

.ui-comment-footer {
  padding: 0 15px 5px;
}

.ui-comment-footer .ui-comment-actions a+a {
  margin-left: 5px;
}

.ui-comment-actions {
  font-size: 13px;
  color: #909399;
}

.ui-comment-actions a {
  display: inline-block;
  padding: 10px 5px;
  line-height: 1;
  color: #909399;
  opacity: 0.7;
}

.ui-comment-actions a:hover {
  color: #0e90d2;
  opacity: 1;
}

.ui-comment-hd .ui-comment-actions {
  padding-right: 0.5rem;
}

.ui-comment-flip .ui-comment-avatar {
  float: right;
}

.ui-comment-flip .ui-comment-main {
  margin-left: auto;
  margin-right: 42px;
}

@media only screen and (min-width: 641px) {
  .ui-comment-flip .ui-comment-main {
    margin-right: 63px;
  }
}

.ui-comment-flip .ui-comment-main:before,
.ui-comment-flip .ui-comment-main:after {
  left: auto;
  right: -8px;
  border-width: 8px 0 8px 8px;
}

.ui-comment-flip .ui-comment-main:before {
  border-left-color: #dcdfe6;
}

.ui-comment-flip .ui-comment-main:after {
  border-left-color: #f2f6fc;
  margin-right: 1px;
  margin-left: auto;
}

.ui-comment-primary .ui-comment-avatar {
  border-color: #529F9B;
}

.ui-comment-primary .ui-comment-main {
  border-color: #529F9B;
}

.ui-comment-primary .ui-comment-main:before {
  border-right-color: #529f9c;
}

.ui-comment-primary.ui-comment-flip .ui-comment-main:before {
  border-left-color: #0e90d2;
  border-right-color: transparent;
}

.ui-comment-primary.ui-comment-flip .ui-comment-main:after {
  border-left-color: #f2f6fc;
}

.ui-comment-secondary .ui-comment-avatar,
.ui-comment-highlight .ui-comment-avatar {
  border-color: #3bb4f2;
}

.ui-comment-secondary .ui-comment-main,
.ui-comment-highlight .ui-comment-main {
  border-color: #3bb4f2;
}

.ui-comment-secondary .ui-comment-main:before,
.ui-comment-highlight .ui-comment-main:before {
  border-right-color: #3bb4f2;
}

.ui-comment-secondary.ui-comment-flip .ui-comment-main:before,
.ui-comment-highlight.ui-comment-flip .ui-comment-main:before {
  border-left-color: #3bb4f2;
  border-right-color: transparent;
}

.ui-comment-secondary.ui-comment-flip .ui-comment-main:after,
.ui-comment-highlight.ui-comment-flip .ui-comment-main:after {
  border-left-color: #f2f6fc;
}

.ui-comment-success .ui-comment-avatar {
  border-color: #5eb95e;
}

.ui-comment-success .ui-comment-main {
  border-color: #5eb95e;
}

.ui-comment-success .ui-comment-main:before {
  border-right-color: #5eb95e;
}

.ui-comment-success.ui-comment-flip .ui-comment-main:before {
  border-left-color: #5eb95e;
  border-right-color: transparent;
}

.ui-comment-success.ui-comment-flip .ui-comment-main:after {
  border-left-color: #f2f6fc;
}

.ui-comment-warning .ui-comment-avatar {
  border-color: #f37b1d;
}

.ui-comment-warning .ui-comment-main {
  border-color: #f37b1d;
}

.ui-comment-warning .ui-comment-main:before {
  border-right-color: #f37b1d;
}

.ui-comment-warning.ui-comment-flip .ui-comment-main:before {
  border-left-color: #f37b1d;
  border-right-color: transparent;
}

.ui-comment-warning.ui-comment-flip .ui-comment-main:after {
  border-left-color: #f2f6fc;
}

.ui-comment-danger .ui-comment-avatar {
  border-color: #dd514c;
}

.ui-comment-danger .ui-comment-main {
  border-color: #dd514c;
}

.ui-comment-danger .ui-comment-main:before {
  border-right-color: #dd514c;
}

.ui-comment-danger.ui-comment-flip .ui-comment-main:before {
  border-left-color: #dd514c;
  border-right-color: transparent;
}

.ui-comment-danger.ui-comment-flip .ui-comment-main:after {
  border-left-color: #f2f6fc;
}

.ui-comments-list {
  padding: 0;
  list-style: none;
}

.ui-comments-list .ui-comment {
  margin: 1.6rem 0 0 0;
  list-style: none;
}

@media only screen and (min-width: 641px) {
  .ui-comments-list-flip .ui-comment-main {
    margin-right: 64px;
  }

  .ui-comments-list-flip .ui-comment-flip .ui-comment-main {
    margin-left: 64px;
  }
}

[class*="ui-animation-"] {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ui-animation-fade {
  -webkit-animation-name: ui-fade;
  animation-name: ui-fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.ui-animation-scale-down {
  -webkit-animation-name: ui-scale-down;
  animation-name: ui-scale-down;
}

.ui-animation-slide-top {
  -webkit-animation-name: ui-slide-top;
  animation-name: ui-slide-top;
}

.ui-animation-slide-bottom {
  -webkit-animation-name: ui-slide-bottom;
  animation-name: ui-slide-bottom;
}

.ui-animation-slide-left {
  -webkit-animation-name: ui-slide-left;
  animation-name: ui-slide-left;
}

.ui-animation-slide-right {
  -webkit-animation-name: ui-slide-right;
  animation-name: ui-slide-right;
}

.ui-animation-slide-top-fixed {
  -webkit-animation-name: ui-slide-top-fixed;
  animation-name: ui-slide-top-fixed;
}

.ui-animation-scale-up {
  -webkit-animation-name: ui-scale-up;
  animation-name: ui-scale-up;
}

.ui-animation-shake {
  -webkit-animation-name: ui-shake;
  animation-name: ui-shake;
}

.ui-animation-spin {
  display: inline-block;
  -webkit-animation: ui-spin 2s infinite linear;
  animation: ui-spin 2s infinite linear;
}

.ui-animation-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

@-webkit-keyframes ui-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ui-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes ui-scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ui-scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes ui-scale-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ui-scale-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes ui-slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes ui-slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes ui-slide-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes ui-slide-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes ui-slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes ui-slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes ui-slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes ui-slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes ui-shake {

  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }

  20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  30% {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
  }

  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  60% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  70% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }

  90% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}

@keyframes ui-shake {

  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }

  20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  30% {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
  }

  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  60% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  70% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }

  90% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}

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

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

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

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* ------------------------ Aux 结束 ----------------------- */

.el-card.no-padding>.el-card__body {
  padding: 0;
}

.el-card+.el-card {
  margin-top: 10px;
}

/*.el-container > .el-container {*/
/*  background-color: #ffffff;*/
/*}*/

.content {
  margin: 0 auto;
}

.content800 {
  max-width: 800px;
}

.content1400 {
  max-width: 1400px;
}

.content>.el-card {
  background-color: initial;
}

.content-app {
  /*background-color: #ffffff;*/
  overflow: hidden;
  /* margin: 8px; */
}

.content-app>.el-card {}

.content-app>.el-card>.el-card__body {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 2px);
}

.content-app>.el-card>.el-card__body>.main {
  flex-grow: 1;
  overflow: auto;
}

.content-card>.el-card>.el-card__body {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 2px);
}

.content-card>.el-card>.el-card__body>.main {
  flex-grow: 1;
  overflow: auto;
}

.cardMinHeightFull {
  min-height: calc(100vh - 90px);
}

.headBar {
  /*background-color: #fff;*/
  height: 35px !important;
  min-height: 35px;
  padding: 0 10px;
  /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
  border-bottom: solid 1px #dcdfe6;
  z-index: 1;
}

/* .headBar:empty {
    display: none
} */

/* 工具栏嵌入 单选组件 */
.headBar .el-radio-group>.el-radio {
  margin-right: 15px;
}

.headBar .el-radio-group>.el-radio>.el-radio__input {
  display: none;
}

.headBar .el-radio-group>.el-radio>.el-radio__label {
  padding-left: 0;
  font-size: 13px;
  line-height: 16px;
}

.headBar .el-radio-group>.el-radio>.el-radio__input.is-checked+.el-radio__label {
  color: #303133;
  font-weight: 500;
}

.headBar .el-radio-group>.el-radio .badge {
  color: #999;
  background-color: #eee;
}

/* 工具栏嵌入 tab组件 */
.headBar .el-tabs>.el-tabs__header {
  margin: 0;
}

.headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap::after {
  display: none;
}

.headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item {
  color: #606266;
  font-weight: initial;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
}

.headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item:hover {
  font-weight: bold;
  cursor: pointer;
}

.headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item i[class^="fa"] {
  color: #909399;
}

.headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item.is-active {
  font-weight: bold;
}

.headBar .el-tabs__nav-next,
.headBar .el-tabs__nav-prev {
  line-height: 32px;
}

.headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item.is-active i[class^="fa"] {
  color: #606266;
}

.headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item .badge {}

.header {
  /* background-color: #fff; */
  min-height: 35px;
  padding: 0 10px;
}

.header-v {
  width: 35px;
  padding: 7px 7px;
}

.header-v .title {
  transform: translate(20px, 2px) rotate(90deg);
  transform-origin: left top;
  white-space: nowrap;
}


/* 工具栏嵌入 单选组件 */
.header .el-radio-group>.el-radio {
  margin-right: 15px;
}

.header .el-radio-group>.el-radio>.el-radio__input {
  display: none;
}

.header .el-radio-group>.el-radio>.el-radio__label {
  padding-left: 0;
  font-size: 13px;
  line-height: 16px;
}

.header .el-radio-group>.el-radio>.el-radio__input.is-checked+.el-radio__label {
  color: #303133;
  font-weight: 500;
}

.header .el-radio-group>.el-radio .badge {
  color: #999;
  background-color: #eee;
}

/* 工具栏嵌入 tab组件 */
.header .el-tabs>.el-tabs__header {
  margin: 0;
}

.header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap::after {
  display: none;
}

.header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap.is-scrollable {
  padding: 0 15px;
}

.header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item {
  color: #606266;
  font-weight: initial;
}

.header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item:hover {
  font-weight: bold;
  cursor: pointer;
}

.header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item i[class^="fa"] {
  color: #909399;
}

.header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item.is-active {
  font-weight: bold;
}

.header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item.is-active i[class^="fa"] {
  color: #606266;
}

/* .header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item .badge {
  color: #606266;
  background-color: #eee;
} */

.header .el-tabs__nav-next,
.header .el-tabs__nav-prev {
  line-height: 35px;
}

.footer {
  /* background-color: #fff; */
  min-height: 35px;
  padding: 0 15px;
}

.footer .el-pagination {
  display: flex;
  align-items: center;
}

/* 侧边栏样式 */
.leftPanel {
  background-color: #F7F7F7;
  width: 200px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: 1px solid #DCDFE5;
}

.leftPanel.el-scrollbar>.el-scrollbar__wrap {
  overflow-x: hidden;
  margin-bottom: 0px !important;
}

.leftPanel-header {
  height: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 1px #DCDFE5 solid;
}

.leftPanel-header>.title {
  flex-grow: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 16px;
  line-height: 22px;
}

.leftPanel-main {
  flex-grow: 1;
  padding: 10px;
}

.leftPanel .group__title {
  color: #909399;
  font-size: 12px;
}

.leftPanel .group__content {
  margin: 0 0 5px 0;
}

.leftPanel .header {
  padding: 0 10px;
}

.leftPanel .el-menu {
  border-right: solid 0 #e6e6e6;
}

.leftPanel .el-menu-item-group__title {
  padding-left: 0px !important;
}

.leftPanel .el-menu-item {
  font-size: 12px;
  margin: 5px 0px;
  padding: 0px 0px 0px 13px !important;
  color: #303133;
}

.leftPanel .el-menu-item>i {
  margin-right: 4px;
}

.leftPanel .el-menu-item,
.leftPanel .el-submenu__title {
  height: 24px;
  line-height: 22px;
  border-radius: 3px;
}

.leftPanel .el-menu-item:focus,
.leftPanel .el-menu-item:hover {
  background-color: #DEDEDE;
}

.leftPanel .el-menu-item.is-active {
  background-color: #DEDEDE;
  color: #303133;
}

.leftPanel .el-tree-node {
  margin: 5px 0;
}

.leftPanel .el-tree-node__content {
  color: #303133;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  border-radius: 3px;
}

.leftPanel .el-tree-node__content:hover {
  background-color: #DEDEDE;
}

.leftPanel .el-tree-node__content:hover>.el-tree-node__label {
  background-color: #DEDEDE;
  border-radius: 3px;
}

.leftPanel .el-tree-node__content i[class^='fa'] {
  margin-right: 7px;
  color: #909399;
}

.leftPanel .el-tree-node__content>.el-tree-node__expand-icon {
  padding: 6px 1px;
}

.leftPanel .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #DEDEDE;
  color: #303133;
}

.leftPanel .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content>.el-tree-node__label {
  background-color: #DEDEDE;
  border-radius: 3px;
}

.leftPanel .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content>.el-tree-node__expand-icon.is-leaf {
  color: transparent;
}

.leftPanel .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content i[class^='fa'] {
  color: #303133;
}

.leftPanel .searchAutocomplete .el-input__inner {
  background-color: #ffffff;
}

.topBar {
  /*background-color: rgba(255, 255, 255, 0.8);*/
  min-height: 50px;
  padding: 0 20px;
}

.leftBar {
  /*background-color: rgba(255, 255, 255, 0.8);*/
  width: 220px;
  border-right: solid 1px #DCDFE5;
  z-index: 1;
}

.rightBar {
  /*background-color: rgba(255, 255, 255, 0.8);*/
  width: 220px;
  padding: 0 10px;
  border-left: solid 1px #DCDFE5;
  z-index: 1;
}

.rightBar>.el-card {
  border: 0 solid #fff;
  box-shadow: none;
  background: none;
}

.rightBar>.el-card>.el-card__header {
  padding: 0;
  line-height: initial;
  min-height: initial;
}

.rightBar>.el-card>.el-card__header .el-button.is-circle {
  margin-top: -6px;
}

.rightBar>.el-card>.el-card__body {
  padding: 10px 0;
}

.el-card__header>div>h4:before {
  content: ".";
  display: inline-block;
  width: 5px;
  margin-right: 8px;
  border-radius: 3px;
  color: #529F9B;
  background-color: #529F9B;
}

/* 头像 */
.avatar {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  overflow: hidden;
  background: url("/std/static/image/avatar.png") no-repeat 50%;
}

.avatar img {
  width: 100%;
  height: 100%;
  border-style: none;
}

/* 更多筛选按钮的样式*/

.search-input {
  width: 300px;
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}

.ss-more-select {
  float: right;
}

.more-search {
  margin-top: 8px;
}

/*未读小圆点标记*/
.noReadRoundAction {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0aa6a6;
}

/* el 控件补充 */

.el-block {
  display: block;
  width: 100%;
}

.ss-block {
  display: block;
  width: 100% !important;
}

.ss-block+.ss-block {
  margin-left: 0;
  margin-top: 10px;
}

.dialog-card.el-card {
  height: calc(100vh - 20px);
  overflow: hidden;
  margin: 8px;
}

.dialog-header {
  margin-bottom: 20px;
}

.dialog-main {
  height: calc(100vh - 115px);
  overflow-y: auto;
}

/* vue-component-ssFormFlow */
.vue-component-ssFormFlow.el-select {
  width: 260px;
}

.vue-component-ssFormFlow .el-input__prefix {
  color: #606266;
  left: 5px;
  transition: all 0.3s;
  text-align: left;
  width: 164px;
  border-right: 1px solid #ebeef5;
  top: 1px;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}

.vue-component-ssFormFlow .el-input--prefix .el-input__inner {
  padding-left: 175px;
}

/* 用于隐藏表格多选框 */
.hidden-selection .el-checkbox__input {
  display: none;
}

/* 图例样式 */
.legend {
  display: inline-block;
  margin-left: 10px;
  /* line-height: 32px; */
}

.legend span {
  display: inline-block;
  line-height: 32px;
  white-space: nowrap;
  padding-left: 15px;
  padding-right: 15px;
}

/* 给表格设置颜色状态区分 */
.el-table .warning-row,
.legend span.warning {
  background: oldlace;
}

.el-table .success-row,
.legend span.success {
  background: #f0f9eb;
}

/* 表格已选择行 */
.el-table__body tr.ss-table-selection-row>td {
  background-color: #529F9B !important;
  color: #ffffff !important;
}

.el-table__body tr.ss-table-selection-row>td .el-link {
  color: #ffffff !important;
}

/* 表格嵌套验证的情况下优化样式 */
.el-table--valid .el-table__body .el-form-item__label {
  width: 0 !important;
}

.el-table--valid .el-table__body .el-form-item__content {
  margin-left: 0 !important;
}

.el-table--valid .el-table__body .cell>.el-input,
.el-table--valid .el-table__body .cell>.el-select,
.el-table--valid .el-table__body .cell>.el-checkbox,
.el-table--valid .el-table__body .cell>.el-button {
  margin-bottom: 18px;
}

.el-table--valid .el-table__body .cell>label {
  margin-bottom: 15px;
  display: block;
}

/* 表格标题栏签入 tab组件 */
.el-table__header .el-tabs>.el-tabs__header {
  margin: 0;
}

.el-table__header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap::after {
  display: none;
}

.el-table__header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item {
  color: #606266;
  font-weight: initial;
  padding: 0 0 0 20px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
}

.el-table__header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item:nth-child(2) {
  padding: 0;
}

.el-table__header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item.is-active {
  font-weight: bold;
}

.el-table__header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item .badge {
  color: #606266;
  background-color: #eee;
}

/* 表格标题栏嵌入 单选组件 */
.el-table__header .el-radio {
  margin-right: 15px;
}

.el-table__header .el-radio>.el-radio__input {
  display: none;
}

.el-table__header .el-radio>.el-radio__label {
  padding-left: 0;
  font-size: 13px;
  line-height: 16px;
}

.el-table__header .el-radio>.el-radio__input.is-checked+.el-radio__label {
  color: #303133;
  font-weight: 500;
}

.el-table__header .badge {
  color: #999;
  background-color: #eee;
}

/* 表格标题栏嵌入 下拉菜单组件 */
.el-table__header .el-dropdown {
  color: #606266;
  font-size: 13px;
  font-weight: initial;
}

.el-table__header .el-dropdown+.el-dropdown {
  margin-left: 10px;
}

/* 表格内容行 嵌入 el-menu */
.el-table__row .el-menu {
  display: inline-block;
  border-bottom: none;
}

.el-table__row .el-menu.el-menu--horizontal>.el-menu-item {
  color: #529F9B;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
}

.el-table__row .el-menu.el-menu--horizontal>.el-menu-item [class^=el-icon-],
.el-table__row .el-menu.el-menu--horizontal>.el-menu-item [class^=fa] {
  margin-right: 0px;
  width: 12px;
  font-size: 12px;
}

.el-table__row .el-menu.el-menu--horizontal>.el-menu-item i {
  color: #529F9B;
}

.el-table__row .el-menu.el-menu--horizontal .el-submenu [class^=el-icon-],
.el-table__row .el-menu.el-menu--horizontal .el-submenu [class^=fa] {
  margin-right: 0px;
  width: 12px;
  font-size: 12px;
}

.el-table__row .el-menu.el-menu--horizontal .el-submenu i {
  color: #529F9B;
}

.el-table__row .el-menu.el-menu--horizontal .el-submenu .el-submenu__title {
  color: #529F9B;
  padding: 0 5px !important;
  height: 26px;
  line-height: 26px;
}

.el-table__row .el-menu.el-menu--horizontal .el-submenu .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}

.el-table__row .el-menu.el-menu--horizontal .el-submenu.is-active .el-submenu__title {
  border-bottom: none;
}

.el-table__row .el-menu.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-table__row .el-menu.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-table__row .el-menu.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
  background: none;
  color: #34b5ac;
}


.el-table__body tr.current-row>td {
  color: #ffffff !important;
}

.el-table__body tr.current-row>td .el-link {
  color: #ffffff !important;
}

.el-table__body tr.current-row>td .el-tag--plain {
  color: #409eff !important;
}

.el-table__body tr.current-row>td .el-tag--plain.el-tag--warning {
  color: #e6a23c !important;
}

.el-table__body tr.current-row>td .el-tag--plain.el-tag--danger {
  color: #f56c6c !important;
}

/* 其他组件优化 */


.el-form>.el-card {
  margin-bottom: 10px;
  border: 0 solid #fff;
  border-radius: 0;
  background-color: initial;
}

.el-form>.el-card>.el-card__header {
  padding: 0;
  margin-bottom: 10px;
  line-height: initial;
  min-height: initial;
}

.el-form>.el-card>.el-card__body {
  padding: 0;
}

.el-menu--popup .el-divider--horizontal {
  margin: 4px 0;
}

.el-rate__icon {
  margin-right: 0;
}

.el-checkbox {
  font-weight: normal;
}

.el-radio {
  font-weight: normal;
}

.el-image {
  border-radius: 4px;
}

.el-image+.el-image {
  margin-left: 10px;
}

.el-avatar.el-avatar--small {
  font-size: 12px;
}

.el-dropdown.flex-grow>.el-button-group {
  display: flex;
}

.el-dropdown.flex-grow>.el-button-group>.el-button:first-child {
  flex-grow: 1;
}

small .el-button {
  font-size: 80%;
}

.el-tag:empty {
  display: none;
}

.el-link .fa {
  display: inline !important;
}

.el-breadcrumb.small>.el-breadcrumb__item .el-breadcrumb__inner,
.el-breadcrumb.small>.el-breadcrumb__item .el-breadcrumb__inner a {
  font-size: 12px;
  color: #606266;
  font-weight: normal;
  display: inline;
}

.el-breadcrumb.small>.el-breadcrumb__item .el-breadcrumb__inner .fa {
  font-size: 12px;
}

.el-breadcrumb.small>.el-breadcrumb__item .el-breadcrumb__separator {
  font-size: 12px;
  margin: 0 3px;
}

.el-breadcrumb.title>.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb.title>.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb.title>.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb.title>.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  font-weight: initial;
  color: #529F9B;
  cursor: pointer;
}

.minScrollbar::-webkit-scrollbar {
  border-radius: 0;
}

.minScrollbar::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  box-shadow: inset 0 0 5px rgba(180, 180, 180, 0.1);
  background: #8a8a8a;
}

.minScrollbar::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(180, 180, 180, 0.1);
  border-radius: 2px;
  background: transparent;
}

.minScrollbarX::-webkit-scrollbar {
  border-radius: 0;
}

.minScrollbarX::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  box-shadow: inset 0 0 5px rgba(180, 180, 180, 0.1);
  background: #8a8a8a;
}

.minScrollbarX::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(180, 180, 180, 0.1);
  border-radius: 2px;
  background: transparent;
}

/*调整 el-radio-group button 类型样式*/
.el-radio-group.ss-radioButtonGroupStyle {
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  background-color: #e6e6e6;
  display: inline-flex;
  align-items: center;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button {
  flex-grow: 1;
  display: flex;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button:first-child .el-radio-button__inner {
  border-left: 1px solid #e6e6e6;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button__inner {
  flex-grow: 1;
  background: none;
  border-radius: 0;
  border: none;
  border-left: 1px solid #cccccc;
  -webkit-transition: none;
  transition: none;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button--small .el-radio-button__inner {
  padding: 0px 6px;
  line-height: 20px;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button--small .el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color: #606266;
  background-color: #ffffff;
  border-left: 1px solid #ffffff;
  -webkit-box-shadow: none;
  border-radius: 2px;
  padding: 0px 6px;
  line-height: 24px;
  box-shadow: 5px 0 0px #e6e6e6 !important;
  z-index: 1;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button--small:last-child .el-radio-button__orig-radio:checked+.el-radio-button__inner {
  box-shadow: none !important;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button--large .el-radio-button__inner {
  padding: 4px 20px;
  margin: 1px;
  font-size: 16px !important;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button--large .el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color: inherit;
  background-color: #ffffff;
  border-left: 1px solid #ffffff;
  -webkit-box-shadow: none;
  border-radius: 3px;
  padding: 10px 20px;
  margin: 1px;
  font-size: 16px !important;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button--small .badge {
  position: absolute;
  top: -6px;
  font-size: 12px;
  z-index: 2;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button--small.is-active .badge {
  position: absolute;
  top: -6px !important;
  z-index: 2;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button--large .badge {
  position: absolute;
  top: -12px;
  font-size: 12px;
  z-index: 1;
}

.el-radio-group.ss-radioButtonGroupStyle .el-radio-button--large.is-active .badge {
  position: absolute;
  top: -6px !important;
}

.searchInput.el-select::before {
  content: "\e778";
  position: absolute;
  top: 0;
  left: 5px;
  line-height: 32px;
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all .3s;
  font-family: element-icons, serif !important;
  speak: none;
  color: #606266;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  z-index: 1;
}

.searchInput.el-select .el-input__inner {
  padding-left: 30px;
}

.searchInput.el-select .el-input__inner::placeholder {
  color: #606266;
}

.searchInput.el-select .el-input__icon.el-icon-arrow-up {
  display: none;
}

.searchInput.el-select .el-input__inner {
  background-color: rgba(255, 255, 255, 0.8);
}

.leftPanel .searchInput .el-input__inner {
  background-color: rgba(255, 255, 255, 0.5);
}

.w-e-toolbar {
  border: 1px solid #dcdfe6 !important;
  border-radius: 4px 4px 0 0;
}

.w-e-text-container {
  border: 1px solid #dcdfe6 !important;
  background-color: #fefefe;
  border-radius: 0 0 4px 4px;
}


.tabBar.headMainTabs {
  height: 35px !important;
  min-height: 35px;
  padding: 0 15px;
  /* box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); */
  border-bottom: solid 1px #dcdfe6;
  z-index: 1;
}

.el-tabs--card.headMainTabs>.el-tabs__header {
  margin: 0;
  border-bottom: 0px solid #E4E7ED;
}

.el-tabs--card.headMainTabs>.el-tabs__header .el-tabs__nav {
  border-width: 0;
}

.el-tabs--card.headMainTabs>.el-tabs__header .el-tabs__item {
  margin: 5px;
  height: 25px !important;
  line-height: 25px !important;
  color: #767676;
  border-radius: 15px;
  background-color: #ffffff;
}

.el-tabs--card.headMainTabs>.el-tabs__header .el-tabs__item.is-active {
  color: #303133;
  background-color: #C4C5C5;
}

.el-tabs--card.headMainTabs .el-tabs__nav-wrap.is-scrollable {
  padding: 0 30px;
}

.el-tabs--card.headMainTabs .el-tabs__nav-next,
.el-tabs--card.headMainTabs .el-tabs__nav-prev {
  line-height: 35px !important;
}

.el-tabs--card.headMainTabs .el-tabs__nav-next.is-disabled,
.el-tabs--card.headMainTabs .el-tabs__nav-prev.is-disabled {
  z-index: 3;
  box-shadow: #F3F3F3 0px 0px 10px 18px;
}

.el-tabs--card.headMainTabs .el-tabs__nav-next>i,
.el-tabs--card.headMainTabs .el-tabs__nav-prev>i {
  font-weight: 900;
  color: #606266;
  background-color: #ffffff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 15px;
}

/* 合同页脚的统计信息 */
.amount-statistics {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  min-height: 50px;
}

/* antv g6 插件*/
.g6-minimap {
  position: fixed;
  left: 10px;
  bottom: 10px;
  border: 1px solid #ced4db;
  background-color: #ffffff !important;
}

.g6-minimap-viewport {
  outline: 2px solid rgb(222 100 255) !important;
}

.ss-window-container {
  flex-grow: 1;
  border-width: 0px;
}

@media (prefers-color-scheme: dark) {
  ::-webkit-scrollbar {
    background-color: #151a1a;
  }

  ::-webkit-scrollbar-corner {
    background-color: #151a1a;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #3c4449;
    border-radius: 8px;
    border: 3px solid #151a1a;
  }

  html,
  body {
    background-color: #15171a;
    color: #E0DFDF;
  }

  hr {
    background-color: #3d4448;
  }

  input {
    background-color: #0f1112;
    color: #E0DFDF;
  }

  textarea {
    background-color: #0f1112;
    color: #E0DFDF;
  }

  .border {
    border: 1px solid #3c4449;
  }

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

  .border-bt {
    border-bottom: 1px solid #3c4449;
  }

  .border-lt {
    border-left: 1px solid #3c4449;
  }

  .border-rt {
    border-right: 1px solid #3c4449;
  }

  .bgHover-White:hover {
    background-color: #3b4449;
    cursor: pointer;
  }

  .headBar {
    background-color: #1c2021;
    border-bottom: solid 1px #3c4449;
  }

  .headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item {
    color: #989696;
  }

  .headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item i[class^="fa"] {
    color: #9d9d9d;
  }

  .headBar .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item.is-active {
    color: #E0DFDF;
  }

  .header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item {
    color: #989696;
  }

  .header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item i[class^="fa"] {
    color: #9d9d9d;
  }

  .header .el-tabs>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item.is-active {
    color: #E0DFDF;
  }

  .leftBar {
    border-right: solid 1px #3d4448;
  }

  .leftPanel {
    background-color: #0f1112;
    border-right: 1px solid #3c4449;
  }

  .leftPanel-header {
    border-bottom: 1px solid #3c4449;
  }

  .leftPanel .group__title {
    color: #9E9C9B;
  }

  .leftPanel .el-menu-item {
    color: #E0DFDF;
  }

  .leftPanel .el-menu-item:focus,
  .leftPanel .el-menu-item:hover {
    background-color: #1d2022;
  }

  .leftPanel .el-menu-item.is-active {
    background-color: #3b4449;
    color: #E7E7E7;
  }

  .leftPanel .el-tree-node__content {
    color: #E7E7E7;
  }

  .leftPanel .el-tree-node__content:hover {
    background-color: #1d2022;
  }

  .leftPanel .el-tree-node__content:hover>.el-tree-node__label {
    background-color: #1d2022;
    border-radius: 3px;
  }

  .leftPanel .el-tree-node__content i[class^='fa'] {
    color: #909399;
  }

  .leftPanel .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #3b4449;
    color: #E7E7E7;
  }

  .leftPanel .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content>.el-tree-node__label {
    background-color: #3b4449;
    border-radius: 3px;
  }

  .leftPanel .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content i[class^='fa'] {
    color: #E7E7E7;
  }

  .leftPanel .searchAutocomplete .el-input__inner {
    background-color: #1d2022;
  }

  .rightBar {
    border-left: solid 1px #3c4449;
  }

  .el-radio-group.ss-radioButtonGroupStyle {
    background-color: #1c2021;
    border: 1px solid #3c4449;
  }

  .el-radio-group.ss-radioButtonGroupStyle .el-radio-button__inner {
    color: #E7E7E7;
    border-left: 1px solid #1c2021;
  }

  .el-radio-group.ss-radioButtonGroupStyle .el-radio-button--small .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #3c4449;
    border-left: 1px solid #3c4449;
    color: #E7E7E7;
    box-shadow: 5px 0 0px #1c2021 !important;
  }

  .el-radio-group.ss-radioButtonGroupStyle .el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #1c2021;
  }

  .w-e-toolbar {
    background-color: #151a1a !important;
    border: 1px solid #3c4449 !important;
  }

  .w-e-toolbar .w-e-menu:hover>i {
    color: #ebebeb !important;
  }

  .w-e-text-container {
    border: 1px solid #3c4449 !important;
    background-color: #0f1112;
  }

  .tabBar.headMainTabs {
    border-bottom: solid 1px #2c3235;
  }

  .el-tabs--card.headMainTabs>.el-tabs__header .el-tabs__item {
    color: #989696;
    background-color: #1c2021;
  }

  .el-tabs--card.headMainTabs>.el-tabs__header .el-tabs__item.is-active {
    color: #E0DFDF;
    background-color: #3b4449;
  }

  .el-tabs--card.headMainTabs .el-tabs__nav-next.is-disabled,
  .el-tabs--card.headMainTabs .el-tabs__nav-prev.is-disabled {
    z-index: 3;
    box-shadow: #15171a 0px 0px 10px 18px;
  }

  .el-tabs--card.headMainTabs .el-tabs__nav-next>i,
  .el-tabs--card.headMainTabs .el-tabs__nav-prev>i {
    color: #E0DFDF;
    background-color: #3b4449;
  }

  .el-table__row .el-menu .el-menu--horizontal>.el-menu-item {
    color: #529F9B;
  }

  /* antv g6 插件*/
  .g6-minimap {
    border: 1px solid #e2e2e2;
    background-color: #1c2021 !important;
  }

  .g6-minimap-viewport {
    border: 2px solid rgb(98, 167, 253);
  }

  /* AuxUI */
  .panel {
    border: 1px solid #3c4449;
    background-color: #1c2021;
  }

  .panel-default>.panel-heading {
    color: #EBEBEB;
    background-color: #1d2022;
    border-color: #3b4549;
  }

  .panel-primary>.panel-heading {
    background-color: #337ab7;
    border-color: #3b4549;
  }

  .panel-success>.panel-heading {
    background-color: #2f3b3b;
    border-color: #3b4549;
  }

  .panel-info>.panel-heading {
    background-color: #383e44;
    border-color: #3b4549;
  }

  .panel-warning>.panel-heading {
    background-color: #312f2d;
    border-color: #3b4549;
  }

  .panel-danger>.panel-heading {
    background-color: #3b2e2e;
    border-color: #3b4549;
  }

  .panel-footer {
    background-color: #1d2022;
    border-top: 1px solid #3b4549;
  }

  .ui-comment-main {
    border: 1px solid #3b4549;
  }

  .ui-comment-hd {
    background: #1d2022;
    border-bottom: 1px solid #3b4549;
  }

  .ui-comment-main:before {
    border-right-color: #3b4549;
  }

  .ui-comment-main:after {
    border-right-color: #1d2022;
  }

  .ui-comment-avatar {
    border: 1px solid #3b454a;
  }

  .ui-comment-flip .ui-comment-main:before {
    border-left-color: #3b454a;
  }

  .ui-comment-flip .ui-comment-main:after {
    border-left-color: #1e2022;
  }

  .ui-comment-secondary.ui-comment-flip .ui-comment-main:after {
    border-left-color: #1d2022;
  }

  .ui-comment-success.ui-comment-flip .ui-comment-main:after {
    border-left-color: #1d2022;
  }

  .ui-comment-primary.ui-comment-flip .ui-comment-main:after {
    border-left-color: #1d2022;
  }

  .ui-comment-warning.ui-comment-flip .ui-comment-main:after {
    border-left-color: #1d2022;
  }

  .ui-comment-meta a {
    color: #dddfe6;
  }

  .list-group-item {
    border: 1px solid #2c3235;
  }

  .list-group-item.property {
    background-color: #1c2021;
  }

  a.list-group-item,
  button.list-group-item {
    color: #e0dfe0;
  }

  a.list-group-item:hover,
  button.list-group-item:hover,
  a.list-group-item:focus,
  button.list-group-item:focus {
    color: #e0dfe0;
    background-color: #3c4449;
  }

  .list-group-item.disabled,
  .list-group-item.disabled:hover,
  .list-group-item.disabled:focus {
    background-color: #3c4449;
    color: #c8c8c8;
  }

  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #E0DFDF;
  }

  .list-group-item-text {
    color: #909399;
  }

  .list-group-item-success {
    background-color: #2f3b3b;
  }

  .list-group-item-info {
    background-color: #383e44;
  }

  .list-group-item-warning {
    background-color: #312f2d;
  }

  .list-group-item-danger {
    background-color: #3b2e2e;
  }

  .ui-article .ui-article-lead {
    color: #e1e1e1;
  }

  .ui-article .ui-article-divider {
    background-color: #2c3235;
  }
}