.alpha-loading .ball-roll-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 1px solid #ed6c00;
  border-bottom-color: #e3dbd7;
  border-left-color: #e3dbd7;
  border-right-color: #e3dbd7;
  height: 14px;
  width: 14px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
  animation: rotate 0.75s 0s linear infinite;
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
html {
  font-size: 16px;
}
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
}
.canot-edit {
  pointer-events: none;
}
.matter-type-icon-red {
  color: #ff5469;
}
.matter-type-icon-green {
  color: #4fbe6d;
}
.matter-type-icon-blue {
  color: #67aaf6;
}
.matter-type-icon-yellow {
  color: #fa8919;
}
#mainbody {
  background: var(--default-bgColor);
}
p {
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
button,
input,
pre,
select,
textarea {
  outline: none;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
a {
  color: #4a4a4a;
  text-decoration: none;
  outline: none;
}
input:focus,
select:focus {
  outline: 0;
  border-color: #fa8919;
}
button {
  cursor: pointer;
  box-sizing: border-box;
}
input,
select {
  box-sizing: border-box;
}
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.right {
  float: right;
}
.left {
  float: left;
}
/*文本*/
.l-pagetitle {
  font-size: 18px;
  font-weight: 500;
}
.s-pagetitle {
  font-size: 18px;
}
.l-original {
  font-size: 14px;
}
.s-original {
  font-size: 12px;
}
.l-lite {
  font-size: 14px;
  color: #8a94a0;
}
.s-lite {
  font-size: 12px;
  color: #8a94a0;
}
.l-ultralite {
  font-size: 14px;
  color: #c7d1da;
}
.s-ultralite {
  font-size: 12px;
  color: #c7d1da;
}
.l-highlight {
  font-size: 14px;
  color: #1e8aff;
}
.s-highlight {
  font-size: 12px;
  color: #1e8aff;
}
.l-subtle {
  font-size: 14px;
  color: #79aad1;
}
.s-subtle {
  font-size: 12px;
  color: #79aad1;
}
/*颜色*/
.bg-canvas {
  background: #fcfcfc;
}
.bg-subtle {
  background: #fcfdfe;
}
.bg-memo {
  background: #f9fff4;
}
.bg-selected {
  background: #f6f9ff;
}
.hl-yellow {
  color: #ffba49;
}
.hl-blue {
  color: #74b4ff;
}
.hl-dgreen {
  color: #00bf94;
}
.hl-pink {
  color: #ff7284;
}
.hl-purple {
  color: #e66cff;
}
.hl-lgreen {
  color: #a7d639;
}
/*输入框*/
.l-input {
  width: 280px;
  padding: 8px 10px;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #cdc9c5;
}
.m-input {
  width: 130px;
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #cdc9c5;
}
.s-input {
  width: 100px;
  padding: 7px 10px;
  font-size: 12px;
  border-radius: 2px;
  border: 1px solid #cdc9c5;
}
.l-input-group {
  padding: 8px 10px;
  border-radius: 2px;
  border: 1px solid #cdc9c5;
  width: 280px;
  line-height: 20px;
  overflow: hidden;
}
.l-input-group-icon {
  font-size: 16px;
  color: #ff8800;
  padding-top: 2px;
  float: left;
}
.l-input-group-input {
  border: 0;
  font-size: 14px;
  width: 254px;
  margin-left: 10px;
  float: left;
  line-height: 20px;
}
.m-input-group {
  padding: 6px 10px;
  border-radius: 2px;
  border: 1px solid #cdc9c5;
  width: 130px;
  line-height: 18px;
  overflow: hidden;
}
.m-input-group-icon {
  color: #cdc9c5;
  padding-top: 2px;
  float: left;
}
.m-input-group-input {
  font-size: 14px;
  border: 0;
  width: 104px;
  margin-left: 10px;
  float: left;
  line-height: 20px;
}
.s-input-group {
  padding: 6px 8px;
  border-radius: 2px;
  border: 1px solid #cdc9c5;
  width: 104px;
  line-height: 14px;
  overflow: hidden;
}
.s-input-group-icon {
  font-size: 12px;
  color: #ff8800;
  padding-top: 2px;
  float: left;
}
.s-input-group-input {
  font-size: 12px;
  border: 0;
  width: 74px;
  margin-left: 10px;
  float: left;
  line-height: 16px;
}
.l-select {
  position: relative;
  width: 160px;
}
.l-select select {
  background: transparent;
  width: 160px;
  height: 36px;
  padding: 6px 10px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  -webkit-appearance: none;
  /*for chrome*/
}
.l-select-icon {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 12px;
  color: #cdc9c5;
}
.m-select {
  position: relative;
  width: 130px;
}
.m-select select {
  background: transparent;
  width: 130px;
  height: 30px;
  padding: 6px 10px;
  border-radius: 2px;
  background-color: rgba(3, 3, 3, 0);
  /* 用于让箭头也可以点击*/
  border: solid 1px #cdc9c5;
  -webkit-appearance: none;
  /*for chrome*/
}
.m-select-icon {
  position: absolute;
  z-index: -1;
  /* 用于让箭头也可以点击*/
  top: 7px;
  right: 10px;
  font-size: 12px;
  color: #cdc9c5;
}
.s-select {
  position: relative;
  width: 100px;
}
.s-select select {
  font-size: 12px;
  background: transparent;
  width: 100px;
  height: 30px;
  padding: 6px 10px;
  border-radius: 2px;
  border: solid 1px #cdc9c5;
  -webkit-appearance: none;
  /*for chrome*/
}
.s-select-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #cdc9c5;
}
.l-select2 {
  position: relative;
  width: 160px;
}
.l-select2 select {
  background: transparent;
  width: 160px;
  height: 36px;
  padding: 6px 10px 6px 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #cdc9c5;
  -webkit-appearance: none;
  /*for chrome*/
}
.l-select2-icon-r {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 12px;
  color: #1e8aff;
}
.l-select2-icon-l {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 16px;
  color: #ff8800;
}
.l-btn:hover,
.m-btn:hover,
.s-btn:hover {
  border: solid 1px #ff8800;
}
.l-btn {
  min-width: 150px;
  height: 36px;
  line-height: 20px;
  font-size: 14px;
  border: 1px solid #c7d1da;
  background: #fff;
  border-radius: 2px;
}
.m-btn {
  min-width: 110px;
  height: 30px;
  line-height: 20px;
  font-size: 14px;
  border: 1px solid #c7d1da;
  background: #fff;
  border-radius: 2px;
}
.m-btn .icon-close {
  font-size: 10px;
  color: #79aad1;
  float: right;
  padding: 0 4px;
  visibility: hidden;
}
.m-btn:hover .icon-close {
  visibility: visible;
}
.s-btn {
  min-width: 80px;
  height: 30px;
  line-height: 20px;
  font-size: 12px;
  border: 1px solid #c7d1da;
  background: #fff;
  border-radius: 2px;
}
.btn-blue {
  background: #1e8aff;
  border: 1px solid #1e8aff;
  color: #fff;
}
.btn-red {
  background: #ff7284;
  border: 1px solid #ff7284;
  color: #fff;
}
.alphav2-wrap {
  margin: 0 auto;
  width: var(--default-width);
  background: #FFF;
  min-height: 900px;
  position: relative;
  z-index: 10;
  background-color: #ffffff;
}
.alphav2-wrap-second {
  margin: 0 auto;
  background: #fcfdfe;
  position: relative;
  z-index: 1;
  display: none;
  width: 970px;
  border-radius: 10px;
  background-color: #ffffff;
  height: 6px;
}
.alphav2-wrap-second-icon {
  cursor: pointer;
  width: 35px;
  height: 35px;
  background: #fff;
  position: absolute;
  right: -16px;
  top: -20px;
  border-radius: 18px;
  border: 1px solid #ededed;
  text-align: center;
}
.alphav2-wrap-second-icon .icon {
  color: #1e8aff;
  line-height: 35px;
}
.transform_ninety span {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
}
.prepage {
  color: #79aad1;
  display: inline-block;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  padding: 8px;
  cursor: pointer;
}
.lastpage {
  color: #79aad1;
  display: inline-block;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  padding: 8px;
  cursor: pointer;
}
.uk-notify {
  z-index: 10001 !important;
}
.bell-notify {
  z-index: 10001 !important;
}
.uk-notify .alert-warning {
  background-color: #ffba49;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.uk-notify .alert-danger {
  background-color: #ea5959;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
/*添加成员下拉框样式微调*/
.ui-select-choices {
  width: 100% !important;
  box-shadow: inset 1px 1px 2px #ccc;
}
.ui-select-match > .btn {
  cursor: pointer;
  text-align: left !important;
  display: inline-block;
  width: 100%;
}
.ui-select-match {
  background-color: transparent !important;
  background: transparent !important;
}
.ui-select-container + span {
  z-index: -1;
}
.fix-ngdialog {
  overflow: hidden;
}
@media (min-height: 400px) {
  .member-dialog-srcoll {
    height: 400px;
    overflow-y: auto;
  }
  .team-dialog-srcoll {
    height: 400px;
    overflow-y: auto;
  }
  .media-content {
    height: 400px;
    overflow-y: auto;
  }
  .fix-ngdialog .ngdialog-content {
    top: -120px;
  }
}
@media (min-height: 700px) {
  .fix-ngdialog .ngdialog-content {
    top: -50px;
  }
}
@media (min-height: 800px) {
  .fix-ngdialog .ngdialog-content {
    top: -30px;
  }
}
@media (min-height: 1000px) {
  .fix-ngdialog .ngdialog-content {
    top: 0;
  }
}
.tooltip {
  margin-top: -8px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background: #000;
  border-radius: 4px;
  opacity: 0.9;
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  transition: opacity 0.15s linear;
  box-sizing: border-box;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip-bottom {
  margin-top: 10px;
}
.tooltip-bottom .tooltip-arrow {
  top: -15px;
  bottom: inherit;
  border-width: 5px;
  border-top-width: 0;
  border-bottom-color: #000;
}
.clear-float-both::after {
  content: ' ';
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  clear: both;
}
.text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div treecontrol.tree-classic li .tree-selected {
  background-color: transparent;
  font-weight: normal;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #4a4a4a!important;
}
.i-add-search-report {
  cursor: pointer;
  user-select: none;
}
.i-add-search-report .confirm-add:hover i,
.i-add-search-report .cancel-add i,
.i-add-search-report .confirm-add:hover span,
.i-add-search-report .cancel-add span {
  color: var(--default);
}
.i-add-search-report .ibass-add-round,
.i-add-search-report .ibass-done {
  font-size: 16px;
}
.i-add-search-report span {
  margin-left: 5px;
  font-size: 14px;
  user-select: none;
}
.btn-disabled {
  background: #ebebee !important;
  border-color: #ebebee !important;
  color: #a9a9a9 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}
.invalid-error {
  color: #e74955 !important;
}
.cursor {
  cursor: pointer;
}
.i-pagination {
  height: 28px;
  line-height: 28px;
  margin: 30px auto;
  position: relative;
  font-size: 14px;
  color: #737373;
}
.i-pagination li:first-child,
.i-pagination li:last-child {
  display: none;
}
.i-pagination li {
  float: left;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  height: 30px;
  margin: 0 3px;
}
.i-pagination li a {
  color: #737373;
}
.i-pagination li:nth-of-type(2) {
  width: 70px;
  margin-right: 10px;
  padding: 0 10px 0 0;
  text-align: right;
}
.i-pagination li:nth-of-type(2) a {
  position: relative;
}
.i-pagination li:nth-of-type(2) a:before {
  position: absolute;
  left: -23px;
}
.i-pagination li:nth-last-child(2) {
  text-align: left;
  width: 70px;
  margin-left: 10px;
  padding: 0 0 0 10px;
}
.i-pagination li:nth-last-child(2) a {
  position: relative;
}
.i-pagination li:nth-last-child(2) a:before {
  position: absolute;
  right: -23px;
}
.i-pagination li:hover {
  background: #f8f8f9;
  border-radius: 5px;
}
.i-pagination li:hover a {
  color: var(--default);
}
.i-pagination li.noHover {
  cursor: not-allowed;
  background: #fff;
}
.i-pagination li.noHover a {
  color: #737373;
}
.i-pagination .paginationActive {
  background: var(--default);
  border-radius: 15px;
}
.i-pagination .paginationActive a {
  color: #fff;
  display: inline-block;
  min-width: 10px;
}
.i-pagination .paginationActive:hover {
  background: var(--default);
  border-radius: 25px;
}
.i-pagination .paginationActive:hover a {
  color: #fff;
}
.ibass-close {
  font-size: 18px;
  color: #cdc9c5;
  font-weight: 600;
}
.dropdown-menu::-webkit-scrollbar {
  width: 0;
  border-radius: 10px;
}
.ncc-flet-content {
  position: relative;
  border-right: 1px solid #f0f0f0;
  box-sizing: border-box;
  float: left;
  width: 300px;
  border-bottom-left-radius: 10px;
}
.ncc-flet-content .active {
  color: #fa8919 !important;
}
.ncc-flet-content .filter-noActive {
  color: #cdc9c5;
}
.ncc-flet-content .ncc-top-serch {
  height: 50px;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 20px;
}
.ncc-flet-content .ncc-top-serch .ncc-serchBox {
  width: 194px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  float: left;
  margin-left: 15px;
  margin-right: 8px;
  text-indent: 25px;
}
.ncc-flet-content .ncc-top-serch .ncc-serchBox span {
  font-size: 12px;
  color: #a9a9a9;
  float: left;
}
.ncc-flet-content .ncc-top-serch .long {
  width: 269px !important;
  margin-right: 15px !important;
}
.ncc-flet-content .ncc-top-serch .ncc-add-member {
  width: 68px;
  height: 30px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  float: left;
}
.ncc-flet-content .ncc-top-serch .ncc-add-member .ibass-add {
  color: #fff;
  line-height: 30px;
  text-indent: 27px;
}
.ncc-flet-content .ncc-top-banner {
  line-height: 37px;
  height: 37px;
  border-bottom: 1px solid #f0f0f0;
}
.ncc-flet-content .ncc-top-banner .ibass-filter {
  font-size: 16px;
  text-align: center;
  color: #cdc9c5;
  float: left;
  margin-left: 16px;
}
.ncc-flet-content .ncc-top-banner .ncc-pop-dropDown {
  width: 150px;
  border-radius: 8px;
  padding: 8px 0;
  background-color: #3d3d3d;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 9;
  top: 115px;
  left: -60px;
}
.ncc-flet-content .ncc-top-banner .ncc-pop-dropDown ul li span {
  font-size: 12px;
  font-style: normal;
  text-align: left;
  display: block;
  height: 35.5px;
  float: none;
  padding: 0 15px;
  margin: 0;
  color: #d9d9d9;
  overflow: hidden;
}
.ncc-flet-content .ncc-top-banner .ncc-pop-dropDown ul li span .ibass-checkmark {
  float: right;
  color: #fa8919;
  font-size: 16px;
}
.ncc-flet-content .ncc-top-banner .ncc-pop-dropDown ul li span:hover {
  background: #282828;
}
.ncc-flet-content .ncc-top-banner .ncc-pop-dropDown ul li:nth-of-type(1) {
  border-bottom: 1px solid #464646;
}
.ncc-flet-content .ncc-top-banner .ncc-pop-dropDown ul li:nth-of-type(2) {
  border-bottom: 1px solid #464646;
}
.ncc-flet-content .ncc-top-banner .ncc-pop-dropDown .ncc-pop-tine {
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 17px solid #3d3d3d;
  position: absolute;
  top: -16px;
  left: 69px;
}
.ncc-flet-content .ncc-top-banner span {
  float: right;
  margin-right: 15px;
  font-size: 14px;
  color: #737373;
}
.ncc-flet-content .ncc-top-banner span .ibass-trig-down,
.ncc-flet-content .ncc-top-banner span .ibass-trig-up {
  font-size: 12px;
  color: #fa8919;
  padding-left: 5px;
  float: right;
}
.ncc-flet-content .ncc-sort-list {
  margin-bottom: 25px;
  height: 850px;
  overflow: scroll;
}
.ncc-flet-content .ncc-sort-list li {
  width: 300px;
  line-height: 50px;
  height: 50px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  float: left;
}
.ncc-flet-content .ncc-sort-list li i {
  float: left;
  margin-left: 15px;
  margin-right: 8px;
  font-size: 16px;
  height: 50px;
}
.ncc-flet-content .ncc-sort-list li .ibass-company,
.ncc-flet-content .ncc-sort-list li .ibass-user,
.ncc-flet-content .ncc-sort-list li .ibass-user-female {
  color: #07cfda;
  font-size: 18px;
}
.ncc-flet-content .ncc-sort-list li span {
  width: 257px;
  font-size: 14px;
  color: #4a4a4a;
  float: left;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ncc-flet-content .ncc-sort-list li:hover {
  background: #f8f8f9;
}
.ncc-flet-content .ncc-sort-list li.active {
  background: #f8f8f9;
}
.ncc-flet-content .ncc-addMore {
  height: 87px;
  width: 300px;
  border-bottom-left-radius: 10px;
}
.ncc-flet-content .ncc-addMore .ncc-more {
  cursor: pointer;
  width: 130px;
  height: 32px;
  border-radius: 20px;
  background-color: #ffffff;
  color: #4a4a4a;
  font-size: 12px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  margin: 0 auto;
  line-height: 32px;
  text-align: center;
}
.ncc-flet-content .ncc-addMore .isloadAll-btn {
  cursor: not-allowed;
  color: #cdc9c5;
}
.ctr-ac-lineTitle {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  z-index: 1;
  margin: 0 50px;
}
.ctr-ac-addCustomers {
  width: 100px;
  text-align: center;
  z-index: 2;
  background: #fff;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -50px;
}
.ctr-ac-lineThrough {
  width: 500px;
  height: 1px;
  background: #f0f0f0;
  margin-bottom: 49px;
}
.ctr-ac-message-wrap {
  width: 400px;
  margin-left: 70px;
}
.ctr-ac-message-wrap .searchAcName .ctr-ac-arrNameAc-tit-right {
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 9;
}
.ctr-ac-message-wrap .searchAcName .dropdown-menu {
  position: absolute;
  z-index: 9;
  background: #fff;
  max-height: 172px;
  padding: 10px 0;
  width: 400px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  overflow: auto;
}
.ctr-ac-message-wrap .searchAcName .dropdown-menu li:hover {
  background: #f0f0f0;
}
.ctr-ac-message-wrap .searchAcName .dropdown-menu li:hover i {
  display: block;
}
.ctr-ac-class .line {
  position: absolute;
  left: 94px;
}
.ctr-ac-popClass {
  padding: 10px 0;
  position: absolute;
  margin-left: -50px;
  border-radius: 8px;
  background-color: #3d3d3d;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  margin-top: 15px;
  font-size: 12px;
  color: #d9d9d9;
}
.ctr-ac-popClass span {
  display: block;
  line-height: 30px;
  padding: 0 15px;
}
.ctr-ac-popClass span:hover {
  background: #282828;
  color: #fff;
}
.topZindex {
  z-index: 9999;
}
.ctr-ac-top .topZindex .ctr-ac-class span {
  position: relative;
}
.topZindex .ctr-ac-class .ibass-trig-down a {
  padding-left: 10px;
  color: #ededed;
}

.alphav2-header {
  margin-bottom: 30px;
  height: 56px;
  border-bottom: 1px solid #EDEDED;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-image: url(../images/header/logo.png), url(../images/header/user.png);
  background-position: 0 0, 100% 0;
  background-size: auto 56px;
  box-sizing: initial;
}
.alphav2-header .smartInput {
  margin: 0 auto;
  width: 1000px;
  height: 56px;
  background: url(../images/header/smart-input.png) no-repeat 0 0;
  background-size: auto 56px;
}
.top-nav {
  width: 100%;
  min-width: 1205px;
  height: 56px;
  box-shadow: 0 1px 0 0 #ededed;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  margin-bottom: 30px;
}
.logo-part {
  overflow: hidden;
  padding: 10px 20px;
  border-right: 1px solid #ededed;
  width: 55px;
  cursor: pointer;
  display: inline-block;
  float: left;
}
.logo-part img {
  width: 36px;
  height: 36px;
  display: inline-block;
  float: left;
  margin-right: 4px;
}
.logo-part span {
  font-size: 12px;
  color: #979797;
  line-height: 36px;
}
.search-part {
  width: 1000px;
  margin: 0 auto;
  left: 50%;
  margin-left: -600px;
  position: relative;
  float: left;
}
.search-part input {
  font-size: 14px;
  vertical-align: super;
  border: none;
  line-height: 26px;
  width: 290px;
}
.search-part button {
  vertical-align: super;
  margin-left: 10px;
}
.search-part .icon-close {
  color: #c7d1da;
  font-size: 10px;
  vertical-align: super;
  cursor: pointer;
}
.way-part {
  float: right;
  line-height: 60px;
  padding-right: 25px;
}
.way-acti {
  padding-right: 25px;
}
.way-acti img {
  width: 30px;
  height: 30px;
  border-radius: 18px;
  display: inline-block;
  vertical-align: middle;
}
.acti-span {
  margin-left: 100px !important;
}
.way-part .icon {
  font-size: 18px;
  color: #1e8aff;
  vertical-align: middle;
  margin-right: 20px;
}
.way-part img {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  display: inline-block;
  vertical-align: middle;
}
.icon-part {
  padding-right: 10px;
  border-right: 1px solid #d8d8d8;
  display: inline-block;
  margin-top: 8px;
  margin-right: 20px;
}
.icon-part .icon-add-fill,
.icon-part .icon-search-fill {
  color: #1e8aff;
  font-size: 24px;
  cursor: pointer;
}
.icon-part .icon-add-round,
.icon-part .icon-search-round {
  color: #c7d1da;
  font-size: 24px;
  cursor: pointer;
}
.clock-part {
  line-height: 14px;
  font-size: 14px;
  float: left;
  vertical-align: middle;
  margin: 15px 10px;
  text-align: right;
}
.clock-part p:first-child {
  color: #8e8e8e;
  font-size: 10px;
}
.tag {
  width: 310px;
  height: 130px;
  position: relative;
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 0 0 10px #9b9b9b;
  top: 65px;
  left: 10px;
  z-index: 99;
}
.tag:before,
.tag:after {
  content: "";
  display: block;
  border-width: 15px;
  position: absolute;
  top: -31px;
  left: 20px;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3;
  font-size: 0;
  line-height: 0;
}
.tag:after {
  top: -30px;
  border-color: transparent transparent #FFF;
}
.tag ul {
  width: 100%;
  overflow: hidden;
  position: absolute;
}
.tag li {
  float: left;
  width: 33.33%;
  text-align: center;
}
.tag a {
  padding: 18px 0;
  overflow: hidden;
  float: left;
  width: 100%;
}
.tag a p:last-child {
  font-size: 14px;
  color: #79aad1;
}
.tag .icon {
  color: #1e8aff;
  font-size: 46px;
}
.tag-message {
  width: 360px;
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 0 0 10px #9b9b9b;
  top: 65px;
  right: 68px;
  z-index: 99;
}
.tag-message ul {
  padding: 12px 25px;
}
.tag-message ul li {
  border-bottom: 1px solid #ebebeb;
  padding: 12px 0;
  overflow: hidden;
  color: #4a4a4a;
  cursor: pointer;
}
.tag-message ul li:last-child {
  border-bottom: 0;
}
.tag-message .icon {
  font-size: 18px;
  color: #07cfda !important;
  line-height: 20px;
}
.tag-message .message-title {
  font-size: 14px;
  margin-left: 28px;
  line-height: 20px;
}
.tag-message .message-title p {
  color: #8a94a0;
  line-height: 18px;
  font-weight: normal;
  margin-top: 8px;
}
.tag-message .message-title .message-comment {
  font-size: 30px;
  vertical-align: -webkit-baseline-middle;
}
.tag-message .ul-bottom {
  height: 50px;
  border-top: 1px solid #ebebeb;
  margin: 0 15px;
  overflow: hidden;
  box-sizing: border-box;
}
.tag-message .ul-bottom i {
  color: #07cfda;
}
.tag-message .ul-bottom .firm-icon-group {
  line-height: 50px;
}
.tag-message .ul-bottom .firm-icon-group .i {
  color: #c7d1da;
  font-size: 16px;
  vertical-align: middle;
}
.tag-message .ul-bottom .firm-icon-group span {
  color: #8a94a0;
  font-size: 12px;
  vertical-align: top;
  margin: 0 5px;
}
.tag-article {
  width: 200px;
  height: 4px;
  border-radius: 2px;
  background: #f1f2f4;
  display: inline-block;
}
.tag-article span {
  height: 100%;
  border-radius: 2px;
  background: #1e8aff;
}
.tag-percent {
  font-size: 12px;
  color: #fa8919;
  font-weight: normal;
  float: none;
}
.psetting-setting {
  width: 500px;
  height: 556px;
  margin: 0 auto;
  background: #fff;
}
.psetting-setting .matter .edit-view {
  left: 0;
  padding: 0;
  margin: 0 auto;
  position: static;
}
.psetting-setting .label-noactive {
  position: absolute;
  left: 0px;
  top: 10px;
  font-size: 12px;
  color: #a9a9a9;
}
.psetting-setting .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  font-size: 12px;
  display: block;
}
.psetting-setting .label-pulldown {
  position: absolute;
  top: 12px;
  right: 0px;
  color: #a9a9a9;
  display: block;
}
.psetting-setting .label-required {
  position: absolute;
  top: 30px;
  right: 0px;
  color: #a9a9a9;
  display: block;
  color: red;
}
.psetting-header {
  position: relative;
  width: 100%;
  height: 90px;
  padding: 20px 0 ;
  text-align: center;
}
.psetting-header div {
  position: absolute;
  border-bottom: solid 1px #f0f0f0;
  width: 90%;
  height: 10px;
  top: 37px;
  left: 5%;
}
.psetting-header h3 {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 22px;
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
}
.psetting-body {
  width: 400px;
  margin: 0 auto;
}
.setting-pop i {
  margin-right: 10px;
  color: #07cfda;
  font-size: 16px;
}
.getSettingBlock {
  top: 40px !important;
}
.head-notification-show-unread-count {
  position: relative;
  top: -1px;
  display: inline-block;
  line-height: 11px;
  font-size: 12px;
  text-align: center;
  padding: 4px 5px;
  margin-left: -4px;
  border-radius: 10rem;
  background: #ff1744;
  color: #fff;
  box-sizing: border-box;
}
.getMessageBlock {
  top: 40px !important;
}
.notify-for-new-task {
  cursor: pointer;
  position: absolute;
  right: 40px;
  width: 47px;
  height: 24px;
  border-radius: 3px;
  border: solid 1px #ffffff;
  margin-top: 12px;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}
.notify-for-new-task a {
  color: #FFF;
}
.notify-for-new-task.long {
  position: static;
  margin-left: 10px;
}

/*! jQuery UI - v1.12.1 - 2016-10-16
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default!important;
  pointer-events: none;
}
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000000;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(97.6%);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}
.ui-checkboxradio-disabled {
  pointer-events: none;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: 0.3em;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-tabs {
  position: relative;
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-caret-1-n {
  background-position: 0 0;
}
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}
.ui-icon-caret-1-e {
  background-position: -32px 0;
}
.ui-icon-caret-1-se {
  background-position: -48px 0;
}
.ui-icon-caret-1-s {
  background-position: -65px 0;
}
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}
.ui-icon-caret-1-w {
  background-position: -96px 0;
}
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: alpha(opacity=30);
}
.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666666;
}

/*! 
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  white-space: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
  display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
  display: block;
}
.datetimepicker.days div.datetimepicker-days {
  display: block;
}
.datetimepicker.months div.datetimepicker-months {
  display: block;
}
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
  width: 226px;
}
.datetimepicker table tr td.minute:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datetimepicker table tr td span:hover {
  background: #eeeeee;
}
.datetimepicker table tr td span.old {
  color: #999999;
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
[class*="datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
[class*="datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
}
[class*="datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
[class*="datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}
.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}
.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}
.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}
.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}
.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #999999;
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:last-child th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:last-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.datetimepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
}
.datetimepicker.dropdown-menu th,
.datetimepicker.dropdown-menu td {
  padding: 4px 5px;
}
.datetimepicker .prev,
.datetimepicker .next {
  font-style: normal;
}
.datetimepicker .prev:after {
  content: "«";
}
.datetimepicker .next:after {
  content: "»";
}
.datetimepicker .hour-minutes {
  background-color: #373737;
  display: none;
}
.datetimepicker .hour-minutes th {
  font-size: 14px;
  color: #adadad;
}
.datetimepicker .hour-minutes th input {
  width: 100px;
  height: 30px;
  border-radius: 3px;
  background-color: #464646;
  border: solid 1px #2f2f2f;
  color: #adadad;
  text-align: center;
  color: #ffffff;
}

.ngdialog-content {
  padding: 0!important;
  background: #fff!important;
}

/* ========================================================================
   Component: notify.less
 ========================================================================== */
.bell-notify {
  position: fixed;
  z-index: 1040;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 300px;
  color: #fff;
}
.bell-notify .alert-success {
  background-color: #fdba78;
}
.bell-notify .alert-danger {
  background-color: #ffffff;
}
.bell-notify .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: relative;
  top: 12px;
  right: 12px;
  color: inherit;
}
.bell-notify .close:hover,
.bell-notify .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.bell-notify-top-right,
.bell-notify-bottom-right {
  left: auto;
  right: 10px;
}
.bell-notify-top-center,
.bell-notify-bottom-center {
  left: 50%;
  margin-left: -260px;
}
.bell-notify-bottom-left,
.bell-notify-bottom-right,
.bell-notify-bottom-center {
  top: auto;
  bottom: 10px;
}
.bell-notify-message {
  position: relative;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 3px;
  line-height: 48px;
  min-height: 48px;
  border-radius: 6px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  color: #4a4a4a;
}
.bell-notify-message.alert.alert-normal {
  background: #444444;
  color: #ffffff;
}
.bell-notify-message.alert.alert-danger .img-icon {
  color: #e18c6d;
}
.bell-notify-message .content {
  padding: 0 15px;
}
.bell-notify-message .content .img-icon {
  font-size: 22px;
}

/* ========================================================================
   Component: notify.less
 ========================================================================== */
.uk-notify {
  position: fixed;
  top: 50px;
  left: 50px;
  z-index: 1040;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 260px;
  color: #fff;
}
.uk-notify .alert-success {
  background-color: #fdba78;
}
.uk-notify .alert-danger {
  background-color: #f72b44;
}
.uk-notify .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.uk-notify .close:hover,
.uk-notify .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.uk-notify-top-right,
.uk-notify-bottom-right {
  left: auto;
  right: 50px;
}
.uk-notify-top-center,
.uk-notify-bottom-center {
  left: 50%;
  margin-left: -130px;
}
.uk-notify-bottom-left,
.uk-notify-bottom-right,
.uk-notify-bottom-center {
  top: auto;
  bottom: 50px;
}
.uk-notify-message {
  position: relative;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 3px;
  line-height: 48px;
  min-height: 48px;
  border-radius: 24px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.2);
}
.uk-notify-message.alert.alert-normal {
  background: #444444;
  color: #ffffff;
}
.uk-notify-message .content {
  padding: 0 15px;
}
.uk-notify-message .content .img-icon {
  font-size: 22px;
}
.uk-notify-message > .close {
  visibility: hidden;
}
.uk-notify-message:hover > .close {
  visibility: visible;
}

.ns-popover-tooltip {
  border-radius: 10px!important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  border: solid 1px #e5e5e5!important;
  width: 240px;
  padding: 0!important;
}
.ns-popover-tooltip .ns-popover-top {
  height: 30px;
  line-height: 30px;
  border-bottom: solid 1px #f0f0f0;
}
.ns-popover-tooltip .ns-popover-bottom {
  height: 30px;
  line-height: 30px;
  padding-left: 9px;
}
.ns-popover-tooltip .ns-popover-search {
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin: 0.5625rem 0.875rem;
}
.ns-popover-tooltip .ns-popover-search .ibass-search {
  float: left;
  color: #cdc9c5;
}
.ns-popover-tooltip .ns-popover-search input {
  border: none;
  float: left;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.ns-popover-tooltip .ns-popover-search-v2 {
  padding-left: 10px;
  border-bottom: solid 1px #ebebeb;
  height: 45px;
  line-height: 45px;
  background: transparent;
  overflow: hidden;
}
.ns-popover-tooltip .ns-popover-search-v2 .ibass-search {
  float: left;
  font-size: 16px;
  color: #cdc9c5;
}
.ns-popover-tooltip .ns-popover-search-v2 input {
  border: none;
  float: left;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.ns-popover-tooltip .ns-popover-search-v2 ::-webkit-input-placeholder {
  color: #cdc9c5;
}
.ns-popover-tooltip .ns-popover-items {
  margin: 10px 0;
  max-height: 180px;
  overflow-y: auto;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item {
  width: 100%;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding: 0 1.7rem 0 0.875rem;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item:hover {
  background-color: #f8f8f9;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item .ns-popover-item-pic {
  width: 24px;
  height: 100%;
  float: left;
  text-align: center;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item .ns-popover-item-pic img {
  width: 100%;
  height: 24px;
  border-radius: 50%;
  margin-top: 6px;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item .ns-popover-item-pic .ibass-team {
  color: #ed6c00;
  font-size: 18px;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item .ns-popover-item-value {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  position: absolute;
  padding-left: 32px;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item .popover-item-checkmark {
  position: absolute;
  right: 0.875rem;
  font-size: 14px;
  display: none;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item-white {
  background-color: white;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item-selected-tmp {
  background-color: #f8f8f9!important;
  color: #737373;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item-selected-gray {
  background-color: #f8f8f9;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item-selected .popover-item-checkmark {
  color: #fa8919;
  display: inline;
}
.ns-popover-tooltip-option {
  width: 180px;
  background-color: #3d3d3d!important;
  color: white;
}
.ns-popover-tooltip-option .ns-popover-items .ns-popover-item {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.ns-popover-tooltip-option .ns-popover-items .ns-popover-item:hover {
  background-color: #282828;
}
.task-flow-popover {
  width: 320px;
}
.task-flow-popover .ns-popover-item {
  padding: 0 0.875rem;
}
.task-flow-popover .ns-popover-item-selected {
  padding: 0 1.7rem 0 0.875rem;
}
.task-flow-popover .matter-name,
.task-flow-popover .flow-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-flow-popover .matter-name {
  max-width: 60%;
  float: left;
}
.task-flow-popover .flow-name {
  box-sizing: border-box;
}
.task-flow-popover .none-flow .flow-name {
  display: none!important;
}
.task-flow-popover .ns-popover-items .ns-popover-item .popover-item-checkmark {
  position: absolute;
  top: 0;
  right: 0.875rem;
}
.popover-in-dialog {
  z-index: 10001!important;
}
.popup-location-bottom-center {
  left: 50%!important;
  top: 100%!important;
  transform: translateX(-50%);
}
.popup-location-bottom-center .triangle {
  left: 50%!important;
}
.popup-location-bottom-left {
  left: 0!important;
  top: 100%!important;
}
.popup-location-bottom-left .triangle {
  left: 50%!important;
}
.popup-location-top-center {
  left: 50%!important;
  top: 0!important;
  transform: translateX(-50%) translateY(-100%);
}

.ysf-online-invite-wrap {
  right: 60px;
  bottom: 20px;
  left: inherit!important;
  top: initial!important;
}
.ysf-online-invite-wrap .ysf-online-invite {
  right: 20px;
  bottom: -100%;
  left: initial!important;
  top: initial!important;
}


.datetimepicker.dropdown-menu {
  background-color: #3d3d3d !important;
  color: #fff !important;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif !important;
}
.datetimepicker.dropdown-menu td,
.datetimepicker.dropdown-menu th {
  padding: 5px;
}
[class*="datetimepicker-dropdown"]:before,
[class*="datetimepicker-dropdown"]:after {
  top: -22px;
  left: 108px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: transparent;
  position: absolute;
  border-bottom: 12px solid #3d3d3d;
}
.datetimepicker-dropdown-top-right {
  margin-top: -15px !important;
}
[class*="datetimepicker-dropdown-top-right"]:before,
[class*="datetimepicker-dropdown-top-right"]:after {
  top: initial;
  bottom: -22px;
  transform: rotate(180deg);
}
[class*="datetimepicker-dropdown-middle-right"]:before {
  top: 50%;
  left: -21px;
  border-color: transparent;
  border-right: 12px solid #3d3d3d;
  transform: translateY(-25%);
}
[class*="datetimepicker-dropdown-middle-right"]:after {
  display: none;
}
[class*="datetimepicker-dropdown-middle-left"]:before {
  top: 50%;
  left: 100%;
  border-color: transparent;
  border-left: 12px solid #3d3d3d;
  transform: translateY(-25%);
}
[class*="datetimepicker-dropdown-middle-left"]:after {
  display: none;
}
.datetimepicker {
  border-collapse: collapse;
  margin-left: -70px;
  margin-top: 10px;
  padding: 8px;
  padding-top: 12px !important;
  border-radius: 8px !important;
}
.datetimepicker thead .dow {
  color: #999;
  border-radius: 0;
  border-bottom: 1px solid #464646;
  font-size: 12px;
}
.datetimepicker thead tr:first-child th:hover {
  background-color: #282828 !important;
}
.datetimepicker tfoot .today,
.datetimepicker tfoot .clear {
  font-size: 12px;
  width: 54px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}
.datetimepicker tfoot .today:hover,
.datetimepicker tfoot .clear:hover {
  background-color: #282828 !important;
}
.datetimepicker tfoot .today:before {
  vertical-align: middle;
  content: "\EA31" !important;
  font-family: "icon-bass";
  padding-right: 4px;
}
.datetimepicker tfoot .clear:before {
  vertical-align: middle;
  content: "\EA58" !important;
  font-family: "icon-bass";
  padding-right: 4px;
}
.datetimepicker tfoot .operation th {
  padding: 0;
}
.datetimepicker tbody span.month,
.datetimepicker tbody span.year {
  color: #fff !important;
}
.datetimepicker tbody td.day:hover,
.datetimepicker tbody span.month:hover,
.datetimepicker tbody span.year:hover {
  background-color: #282828 !important;
}
.datetimepicker tbody td.today,
.datetimepicker tbody td.today:hover {
  background-color: #e74955 !important;
  background-image: none !important;
  border-radius: 50% !important;
}
.datetimepicker tbody td.active,
.datetimepicker tbody td.active:hover,
.datetimepicker tbody span.year.active {
  background-color: #fa8919 !important;
  background-image: none !important;
}
.datetimepicker tbody td.day.disabled:hover,
.datetimepicker tbody .year.disabled:hoverƒ {
  background-color: #3d3d3d !important;
}
.datetimepicker tbody span.year.old,
.datetimepicker tbody span.year.disabled {
  color: #adadad !important;
}
.datetimepicker tbody .year {
  line-height: 40px;
  height: 40px;
}
.datetimepicker th,
.datetimepicker .month,
.datetimepicker .year {
  font-weight: normal !important;
}
.datetimepicker .prev:after {
  content: "\EA01" !important;
  display: inline-block;
  color: #adadad;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.datetimepicker .next:after {
  content: "\EA02" !important;
  display: inline-block;
  color: #adadad;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.datetimepicker .datetimepicker-months .today,
.datetimepicker .datetimepicker-months .clear {
  min-width: 62px;
  text-align: center;
}
.datetimepicker .datetimepicker-months .clear {
  display: block;
  box-sizing: content-box;
}
.datetimepicker .datetimepicker-months td span {
  line-height: 40px;
  height: 40px;
}
.datetimepicker .datetimepicker-months td span.active {
  background-color: #e74955 !important;
  background-image: none !important;
}
.datetimepicker .datetimepicker-years .today,
.datetimepicker .datetimepicker-years .clear {
  min-width: 62px;
  text-align: center;
}
.datetimepicker .datetimepicker-years .clear {
  display: block;
  box-sizing: content-box;
}

.header-nav-wrap .v3-header-nav {
  width: 1000px;
  height: 49px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.header-nav-wrap .v3-header-nav .firmname-part {
  margin-top: 20px;
}
.header-nav-wrap .v3-header-nav .firmname-part span {
  padding-left: 28px;
  font-size: 14px;
  color: #737373;
  line-height: 20px;
}
.header-nav-wrap .v3-header-nav .way-part {
  padding-right: 50px;
  box-sizing: border-box;
}
.header-nav-wrap .v3-header-nav .way-part .navigation-search {
  width: 120px;
  height: 28px;
  box-sizing: border-box;
  border-radius: 14px;
  position: relative;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  margin-top: 15px;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: scale(1, 1);
}
.header-nav-wrap .v3-header-nav .way-part .navigation-search .ibass-search {
  float: left;
  margin-left: 53px;
  line-height: 28px;
  font-size: 16px;
  -webkit-transition-duration: 0.3s;
}
.header-nav-wrap .v3-header-nav .way-part .navigation-search input {
  border: none;
  border-radius: 14px;
  width: 100%;
  height: 28px;
  padding: 0 10px;
  background-color: transparent;
  position: absolute;
  left: 0;
}
.header-nav-wrap .v3-header-nav .way-part .navigation-search i {
  width: 15px;
  height: 15px;
  color: #cdc9c5;
}
.header-nav-wrap .v3-header-nav .way-part .search-focus {
  border-color: #ffb387 !important;
  width: 230px !important;
  -webkit-transform: scale(1, 1);
  -webkit-transition-duration: 0.3s;
}
.header-nav-wrap .v3-header-nav .way-part .search-focus input {
  padding-left: 30px !important;
}
.header-nav-wrap .v3-header-nav .way-part .search-focus i {
  margin-left: 10px !important;
  -webkit-transition-duration: 0.3s;
}
.header-nav-wrap .v3-header-nav .way-part .chat-icon {
  display: flex;
  width: 104px;
  height: 60px;
  align-items: center;
}
.header-nav-wrap .v3-header-nav .way-part .chat-icon .tip-customer-service {
  display: flex;
  align-items: center;
}
.header-nav-wrap .v3-header-nav .way-part .chat-icon .tip-customer-service.hasCourse .ibass-live,
.header-nav-wrap .v3-header-nav .way-part .chat-icon .tip-customer-service.hasCourse .tip-customer-service-name {
  color: #ed6c00;
}
.header-nav-wrap .v3-header-nav .way-part .chat-icon .tip-customer-service .tip-customer-service-name {
  margin: 0 4px;
}
.header-nav-wrap .v3-header-nav .way-part .chat-icon .tip-customer-service .tip-customer-service-num {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #ff1744;
  color: #fff;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  visibility: hidden;
}
.header-nav-wrap .v3-header-nav .way-part .chat-icon .tip-customer-service .tip-customer-service-num .tip-customer-service-scale {
  transform: scale(0.85);
}
.header-nav-wrap .v3-header-nav .way-part .chat-icon .tip-customer-service .tip-customer-service-num.living {
  visibility: visible;
}
.header-nav-wrap .v3-header-nav .way-part .chat-icon .tip-customer-service-line {
  flex-grow: 1;
  border-right: 1px solid #d8d8d8;
  width: 2px;
  height: 12px;
}
.header-nav-wrap .v3-header-nav .way-part .evidence-enter-style {
  width: 120px;
}
.header-nav-wrap .v3-header-nav .way-part .tip-message,
.header-nav-wrap .v3-header-nav .way-part .tip-setting,
.header-nav-wrap .v3-header-nav .way-part .chat-icon {
  color: #cdc9c5;
  cursor: pointer;
  margin-left: 24px;
}
.header-nav-wrap .v3-header-nav .way-part .tip-message .icon,
.header-nav-wrap .v3-header-nav .way-part .tip-setting .icon,
.header-nav-wrap .v3-header-nav .way-part .chat-icon .icon {
  color: #cdc9c5;
  font-size: 20px;
  margin-right: 0;
}
.header-nav-wrap .v3-header-nav .way-part .tip-message .icon:hover,
.header-nav-wrap .v3-header-nav .way-part .tip-setting .icon:hover,
.header-nav-wrap .v3-header-nav .way-part .chat-icon .icon:hover,
.header-nav-wrap .v3-header-nav .way-part .tip-message .icon .active,
.header-nav-wrap .v3-header-nav .way-part .tip-setting .icon .active,
.header-nav-wrap .v3-header-nav .way-part .chat-icon .icon .active {
  color: #ed6c00;
}
.header-nav-wrap .v3-header-nav .way-part .tip-customer-Message .icon,
.header-nav-wrap .v3-header-nav .way-part .tip-customer-service:hover .icon,
.header-nav-wrap .v3-header-nav .way-part .tip-customer-Message .tip-customer-service-name,
.header-nav-wrap .v3-header-nav .way-part .tip-customer-service:hover .tip-customer-service-name {
  color: #ed6c00;
}
.header-nav-wrap .v3-header-nav .nav-message {
  width: 360px;
  position: absolute;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px #9b9b9b;
  top: 0px;
  right: 0px;
  z-index: 99;
}
.header-nav-wrap .v3-header-nav .evidence-enter-style .ibass-aicase {
  font-size: 24px !important;
  position: relative;
  top: 1.5px;
}
.header-nav-wrap-padding {
  padding-top: 45px;
}
.searchPop .ns-popover-tooltip {
  width: 345px;
  margin: 0px;
  margin-top: -2px;
  max-width: 345px !important;
  padding: 2px 0 !important;
}
.searchPop p.title {
  overflow: hidden;
  color: #a9a9a9;
  line-height: 36px;
  height: 36px;
  padding: 0 0.625rem;
}
.searchPop ul {
  margin-top: 0px !important;
}
.searchPop li {
  cursor: pointer;
  line-height: 42px;
  height: 42px;
}
.searchPop li a {
  padding: 0 0.625rem !important;
}
.searchPop li:hover {
  background-color: #f8f8f9 !important;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-head {
  height: 55px;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-head .upload-dialog-tab {
  margin: 0 auto;
  width: 240px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #cfc7c1;
  margin-top: 60px;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-head .upload-dialog-tab p {
  width: 50%;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border-right: solid 1px #cfc7c1;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-head .upload-dialog-tab .forbid {
  cursor: not-allowed;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-head .upload-dialog-tab .active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-head .upload-dialog-tab p:first-child {
  border-radius: 20px 0 0 20px;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-head .upload-dialog-tab p:last-child {
  border-right: 0;
  border-radius: 0 20px 20px 0;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-head .upload-tab-tip {
  text-align: center;
  color: #f72b44;
  font-size: 14px;
  position: relative;
  top: 10px;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-body .upload-tool {
  margin: 0 auto;
  margin-top: 36px;
  width: 100%;
  height: 320px;
  border: 2px dashed #cfc7c1;
  border-radius: 8px;
  text-align: center;
  padding-top: 140px;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-body .upload-tool .new-common-attachment-lists {
  position: relative;
  top: -80px;
  padding-left: 20px;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-footer {
  position: absolute;
  bottom: 60px;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-footer .upload-main-btn {
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  line-height: 34px;
  padding: 0 10px;
  background: #f8f8f9;
  min-width: 120px;
  border: none;
  cursor: auto;
  color: #cdc9c5;
}
.upload-dialog .upload-dialog-wrapper .upload-dialog-footer .active {
  color: #fff;
  background: #fa8919;
  cursor: pointer;
  border: 1px solid #fa8919;
}
.living-course-animation {
  transform-origin: 50% 50%;
  animation: jump 5s linear infinite;
}
@keyframes jump {
  0% {
    transform: translate3d(0, 0, 0);
  }
  2% {
    transform: translate3d(0, -30%, 0);
  }
  5% {
    transform: translate3d(0, -100%, 0);
  }
  8% {
    transform: translate3d(0, -30%, 0);
  }
  10% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(0, 0, 0);
  }
  12% {
    transform: translate3d(0, -30%, 0);
  }
  15% {
    transform: translate3d(0, -100%, 0);
  }
  18% {
    transform: translate3d(0, -30%, 0);
  }
  20% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

.loading {
  padding: 150px 0;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes color {
  0% {
    stroke: #ed6c00;
  }
  40% {
    stroke: rgba(237, 108, 0, 0.5);
  }
  90% {
    stroke: #ed6c00;
  }
}
.loading .loader {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
}
.loading .loader:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100px;
  text-align: center;
  font-family: 'icon-bass';
  font-size: 40px;
  line-height: 100px;
  color: #FDBA78;
}
.loading .loader .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: rotate 2s linear infinite;
  transform-origin: center center;
}
.loading .loader .loader-path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -10;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite, color 3s ease-in-out infinite;
}
.loading .loader.loader-s {
  width: 50px;
  height: 50px;
}
.loading .loader.loader-s:before {
  width: 50px;
  font-size: 20px;
  line-height: 50px;
}

.tooltip-anomaly-timing-info {
  display: inline-block;
  position: relative;
}
.tooltip-anomaly-timing-info .tooltip-anomaly-timing {
  display: none;
}
.tooltip-anomaly-timing-info:hover .tooltip-anomaly-timing {
  display: block;
}
.tooltip-anomaly-timing-info .ibass-info {
  color: #f72b44;
  font-size: 16px;
  line-height: 30px;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.tooltip-anomaly-timing-info .tooltip-anomaly {
  margin-top: 0px;
  min-width: 100px;
  text-align: center;
}
.tooltip-anomaly-timing-info .tooltip-anomaly-timing {
  position: absolute;
  z-index: 3;
  top: 24px;
  left: -101px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding-top: 15px;
}
.tooltip-anomaly-timing-info .tooltip-anomaly-timing .tooltip-arrow {
  top: 0px;
  left: 50%;
  margin-left: -20px;
  bottom: inherit;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 15px;
  border-top-width: 0px;
  border-bottom-color: #3d3d3d;
}
.tooltip-anomaly-timing-info .tooltip-anomaly-timing .tooltip-inner {
  width: 240px;
  padding: 20px;
  background: #3d3d3d;
  border-radius: 8px;
  box-sizing: border-box;
}
.tooltip-anomaly-timing-info .tooltip-anomaly-timing .btn-group {
  overflow: hidden;
}
.tooltip-anomaly-timing-info .tooltip-anomaly-timing .btn-group button {
  width: 90px;
  height: 30px;
  border: 0;
  min-width: 90px;
  line-height: 30px;
  margin-top: 16px;
}
.tooltip-anomaly-timing-info .tooltip-anomaly-timing .btn-group .main-btn {
  font-weight: bold;
}
.tooltip-anomaly-timing-info .tooltip-anomaly-timing .btn-group .normal-btn {
  background: #525252;
  color: #fff;
  margin-right: 20px;
}

.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list {
  height: 66px;
  padding-left: 48px;
  position: relative;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list:hover {
  background: #f8f8f8!important;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-icon {
  display: block;
  height: 32px;
  width: 32px;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  top: 17px;
  left: 6px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-name {
  height: 18px;
  width: 75%;
  box-sizing: content-box;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 18px;
  padding-top: 17px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-name-click-preview {
  cursor: pointer;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-name-click-preview:hover {
  color: #222222;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-size {
  width: 400px;
  box-sizing: content-box;
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-progress {
  width: 200px;
  height: 13px;
  margin-top: 2px;
  position: relative;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-progress .progress-baseline {
  height: 0px;
  width: 160px;
  border: 1px solid #F0F0F0;
  margin-top: 6px;
  margin-right: 6px;
  position: relative;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  transition: width linear .2s;
  width: 0;
  height: 6px;
  border-radius: 6px;
  background: #fc8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-progress .progress-percent {
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-process {
  position: absolute;
  right: 0;
  height: 34px;
  font-size: 12px;
  line-height: 34px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-process .upload-process-tip {
  color: #fa8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-complete {
  position: absolute;
  right: 0;
  height: 34px;
  font-size: 12px;
  line-height: 34px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-complete .upload-complete-tip {
  color: #00c853;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-error {
  height: 14px;
  width: 400px;
  margin-top: 2px;
  font-size: 12px;
  line-height: 14px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-error .upload-error-tip {
  color: #f72b44;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-error .reupload {
  margin-left: 5px;
  color: #a9a9a9;
  cursor: pointer;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-upload-error .reupload:hover {
  color: #fc8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-operation {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-operation i {
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 8px;
  cursor: pointer;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-operation .ibass-delete:hover {
  color: #f72b44;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-operation .ibass-download:hover {
  color: #fa8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-operation .ibass-stop:hover {
  color: #fa8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-operation .ibass-view:hover {
  color: #fa8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list .file-operation .delete-button {
  outline: none;
  border: none;
  height: 22px;
  width: 64px;
  line-height: 22px;
  font-size: 12px;
  background: #f72b44;
  color: #ffffff;
  text-align: center;
  border-radius: 24px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 {
  height: 34px;
  padding-left: 56px;
  position: relative;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1:hover {
  background: #f8f8f8!important;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-icon1 {
  display: block;
  height: 34px;
  width: 28px;
  font-size: 40px;
  line-height: 34px;
  position: absolute;
  top: 0px;
  left: 6px;
  text-align: left;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-name1 {
  float: left;
  height: 34px;
  max-width: 55%;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 34px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info {
  border-bottom: 1px solid #ebebeb;
  overflow: auto;
  margin-right: 36px;
  position: relative;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-name-click-preview {
  cursor: pointer;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-name-click-preview:hover {
  color: #222222;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-size {
  margin-left: 8px;
  float: left;
  box-sizing: content-box;
  color: #a9a9a9;
  font-size: 12px;
  height: 34px;
  line-height: 34px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-progress {
  width: 22%;
  height: 13px;
  margin-top: 10px;
  position: relative;
  float: left;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-progress .progress-baseline {
  height: 0px;
  width: 90%;
  border: 1px solid #F0F0F0;
  margin-top: 6px;
  margin-right: 6px;
  position: relative;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  transition: width linear .2s;
  width: 0;
  height: 6px;
  border-radius: 6px;
  background: #fc8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-progress .progress-percent {
  display: none;
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-process {
  position: absolute;
  right: 0;
  height: 34px;
  font-size: 12px;
  line-height: 34px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-process .upload-process-tip {
  color: #fa8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-complete {
  position: absolute;
  right: 0;
  height: 34px;
  font-size: 12px;
  line-height: 34px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-complete .upload-complete-tip {
  color: #00c853;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-error {
  position: absolute;
  right: 0;
  height: 34px;
  font-size: 12px;
  line-height: 34px;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-error .upload-error-tip {
  color: #f72b44;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-error .reupload {
  margin-left: 5px;
  color: #a9a9a9;
  cursor: pointer;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-info .file-upload-error .reupload:hover {
  color: #fc8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-operation {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-operation i {
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 8px;
  cursor: pointer;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-delete:hover {
  color: #f72b44;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-download:hover {
  color: #fa8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-stop:hover {
  color: #fa8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-view:hover {
  color: #fa8919;
}
.attach-upload-for-kang-da .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .delete-button {
  outline: none;
  border: none;
  height: 22px;
  width: 64px;
  line-height: 22px;
  font-size: 12px;
  background: #f72b44;
  color: #ffffff;
  text-align: center;
  border-radius: 24px;
}
.attach-upload-for-kang-da .new-common-attachments-upload {
  display: inline-block;
  position: relative;
  color: #a9a9a9;
  margin-left: 8px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}
.attach-upload-for-kang-da .new-common-attachments-upload:hover {
  color: #fc8919;
}
.attach-upload-for-kang-da .new-common-attachments-upload i {
  color: #fa8919;
  font-size: 64px;
}
.attach-upload-for-kang-da .nca-over-flow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-common-attachments-drag-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.95);
  border: dashed 2px #b5b5b5;
  color: #4a4a4a;
  z-index: 10000;
}
.new-common-attachments-drag-content .drag-content-tip {
  width: 100px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
}
.new-common-attachments-drag-content .drag-content-tip .ibass-upload {
  display: block!important;
  width: 36px!important;
  height: 36px!important;
  color: #fc8919!important;
  font-size: 36px!important;
  margin: 0 auto!important;
}
.new-common-attachments-drag-content .drag-content-tip p {
  font-size: 14px!important;
  text-align: center!important;
}
.ibass-filetype-ppt {
  color: #d04424;
}
.ibass-filetype-pdf {
  color: #e3574d;
}
.ibass-filetype-image {
  color: #07cfda;
}
.ibass-text {
  color: #000;
}
.ibass-filetype-doc {
  color: #0a96e5;
}
.ibass-filetype-excel {
  color: #1c7044;
}
.ibass-filetype-zip {
  color: #9d7120;
}
.ibass-filetype-music {
  color: #a7d638;
}
.ibass-filetype-video {
  color: #d94ff5;
}
.ibass-filetype-default {
  color: #cdc9c5;
}

.approve-flow {
  width: 100%;
  position: relative;
  padding-bottom: 10px;
  min-height: 120px;
}
.approve-flow .approve-flow-header {
  width: 100%;
  height: 28px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.approve-flow .approve-flow-header .approve-flow-title {
  color: #4A4A4A;
  font-weight: bold;
}
.approve-flow .approve-flow-header .approve-flow-select {
  position: relative;
  color: #737373;
  cursor: pointer;
  height: 20px;
  max-width: 70%;
  padding-right: 20px;
}
.approve-flow .approve-flow-header .approve-flow-select .approve-flow-name {
  display: inline-block;
  max-width: 100%;
}
.approve-flow .approve-flow-header .approve-flow-select .ibass-trig-down {
  position: absolute;
  right: 0;
  color: #cdc9c5;
  margin-left: 5px;
}
.approve-flow .ns-popover-tooltip-option {
  width: 270px;
  height: auto;
  background: white !important;
  color: #737373 !important;
  text-align: left;
}
.approve-flow .ns-popover-tooltip-option .ns-popover-items {
  min-height: 86px;
  max-height: 135px;
  overflow-y: scroll;
}
.approve-flow .ns-popover-tooltip-option .ns-popover-item:hover {
  background: #f8f8f8;
}
.approve-flow .approve-content {
  width: 100%;
  font-size: 14px;
  color: #4A4A4A;
}
.approve-flow .approve-content .approve-node {
  padding-top: 14px;
  height: 84px;
}
.approve-flow .approve-content .approve-node .approve-approver-info {
  position: relative;
}
.approve-flow .approve-content .approve-node .approve-approver-info .ns-popover-tooltip {
  width: 200px !important;
}
.approve-flow .approve-content .approve-node .approve-approver-info .ns-popover-tooltip .appro-flow-items {
  width: 100%;
  padding: 0;
}
.approve-flow .approve-content .approve-node .approve-approver-info .ns-popover-tooltip .appro-flow-items i {
  float: right;
}
.approve-flow .approve-content .approve-node .approve-approver-info .title {
  color: #4a4a4a;
  padding: 0 1.7rem 0 0.875rem;
  transform: translateY(0);
  text-align: left;
}
.approve-flow .approve-content .approve-node .approve-approver-info .explain,
.approve-flow .approve-content .approve-node .approve-approver-info .explain-small,
.approve-flow .approve-content .approve-node .approve-approver-info .time {
  color: #a9a9a9;
}
.approve-flow .approve-content .approve-node .approve-approver-info .time {
  text-align: center;
  font-size: 12px;
}
.approve-flow .approve-content .approve-node .approve-approver-info .explain-small {
  font-size: 12px;
  padding: 0 1.7rem 0 0.875rem;
  margin-bottom: 10px;
}
.approve-flow .approve-content .approve-node .avatar {
  height: 32px;
  width: 40px;
  padding: 4px;
  margin: 0 auto;
}
.approve-flow .approve-content .approve-node .avatar .avatar-content {
  height: 32px;
  width: 32px;
  margin: 0 auto;
  border-radius: 50%;
  border: none;
  cursor: default;
}
.approve-flow .approve-content .approve-node .avatar .avatar-content.has-no-pic {
  border: 1px solid #e8e8e8;
}
.approve-flow .approve-content .approve-node .avatar .avatar-content .ibass-team {
  width: 100%;
  font-size: 34px;
  color: #e8e8e8;
  height: 100%;
  border-radius: 50%;
}
.approve-flow .approve-content .approve-node .avatar .avatar-content .ibass-team:before {
  line-height: 0 !important;
}
.approve-flow .approve-content .approve-node .avatar .reselect {
  position: absolute;
  bottom: 46px;
  right: 27px;
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  cursor: pointer;
}
.approve-flow .approve-content .approve-node .avatar .remove {
  position: absolute;
  bottom: 46px;
  right: 27px;
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  color: #f72b44;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  cursor: pointer;
}
.approve-flow .approve-content .approve-node .approver-icon {
  height: 32px;
  width: 32px;
  background: #f8f8f9;
  margin: 0px auto;
  border-radius: 50%;
  color: #cdc9c5;
  text-align: center;
  line-height: 32px;
  font-size: 20px;
}
.approve-flow .approve-content .approve-node .name {
  margin-top: 10px;
  width: 100px;
  text-align: center;
}
.approve-flow .approve-content .approve-node .name .approver-tip {
  position: relative;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 auto;
  color: #737373;
}
.approve-flow .approve-content .approve-node .name .approver-tip .ibass-trig-down {
  color: #cdc9c5;
  position: unset;
}
.approve-flow .approve-content .approve-node .role {
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #a9a9a9;
}
.approve-flow .approve-content .approve-node .approve-arrow {
  width: 32px;
  height: 10px;
  margin-top: 14px;
  background: url(/common/directives/approveFlow/images/arrowGrey.png);
  background-size: contain;
}
.approve-flow .approve-content .approve-node .appro-department-items {
  position: relative;
  height: 30px;
  padding-left: 10px;
  padding-right: 20px;
  line-height: 30px;
  color: #737373;
  font-size: 14px;
}
.approve-flow .approve-content .approve-node .appro-department-items .ibass-team {
  margin-right: 4px;
  color: #cdc9c5;
}
.approve-flow .approve-content .approve-node .appro-department-items .ibass-done {
  position: absolute;
  right: 2px;
  top: 50%;
  height: 14px;
  line-height: 14px;
  transform: translateY(-50%);
}
.approve-flow .approve-content .approve-node .ibass-loop,
.approve-flow .approve-content .approve-node .loop,
.approve-flow .approve-content .approve-node .ibass-reject,
.approve-flow .approve-content .approve-node .reject,
.approve-flow .approve-content .approve-node .ibass-close,
.approve-flow .approve-content .approve-node .close {
  color: #f72b44;
}
.approve-flow .approve-content .approve-node .ibass-approved,
.approve-flow .approve-content .approve-node .approved {
  color: #1ac031;
}
.approve-flow .approve-content .approve-node .ibass-done {
  color: #ED6C00;
}
.approve-flow .approve-content .approve-flow-select {
  position: relative;
  top: 43px;
  color: #737373;
  text-align: center;
  cursor: pointer;
}
.approve-flow .approve-content .approve-flow-select span {
  vertical-align: top;
}
.approve-flow .approve-content .approve-flow-select i {
  vertical-align: middle;
  color: #cdc9c5;
}
.approve-flow .approve-content .approve-approver-manually {
  padding-top: 14px;
  cursor: pointer;
  position: relative;
}
.approve-flow .approve-content .approve-approver-manually .avatar {
  position: relative;
  height: 40px;
  width: 40px;
  padding: 4px;
  margin: 0 auto;
}
.approve-flow .approve-content .approve-approver-manually .avatar .approver-icon {
  height: 32px;
  width: 32px;
  margin: 0px auto;
  border-radius: 50%;
  background: #f8f8f9;
  color: #cdc9c5;
  text-align: center;
  line-height: 32px;
  font-size: 20px;
}
.approve-flow .approve-content .approve-approver-manually .name {
  margin-top: 5px;
  width: 100px;
  text-align: center;
  color: #737373;
}
.approve-flow .approve-content .approve-approver-manually .name .approver-tip {
  position: relative;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 auto;
}
.approve-flow .approve-content .approve-approver-manually:hover .avatar .approver-icon {
  color: #a0a0a0;
}
.approve-flow .approve-content .approve-approver-manually:hover .name {
  color: #fc8919;
}
.approve-flow .approve-content .has-not-items-tip {
  height: 60px;
  line-height: 60px;
  color: #737373;
  text-align: center;
  cursor: default;
}
.approve-flow .approve-content .need-to-select {
  font-size: 0;
  position: relative;
  cursor: pointer;
}
.approve-flow .approve-content .need-to-select div {
  font-size: 14px;
  display: inline-block;
}
.approve-flow .approve-content .need-to-select div.ibass-trig-down {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  color: #a9a9a9;
  margin-right: 0;
  position: relative;
  top: 0;
}
.approve-flow .ns-popover-tooltip-theme {
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%);
}
.approve-flow .black .triangle {
  border-bottom-color: #3D3D3D !important;
}
.approve-flow .black .triangle:after {
  border-bottom-color: #3D3D3D !important;
}
.approve-flow .black .ns-popover-tooltip {
  border-color: #3d3d3d !important;
}
.approve-flow .appro-flow-items {
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  width: 230px;
  padding-right: 20px;
  color: #737373;
  position: relative;
}
.approve-flow .appro-flow-items .ibass-done {
  position: absolute;
  right: 4px;
  top: 50%;
  height: 14px;
  line-height: 14px;
  transform: translateY(-50%);
}
.approve-flow .loading {
  padding: 0;
}
.approve-flow .ns-popover-search input {
  padding-top: 0;
}
.approve-flow .need-to-finish-form {
  text-align: center;
  margin-top: 40px;
  color: #a9a9a9;
  font-size: 14px;
}

.cl-classify-list i {
  color: #cdc9c5;
  font-size: 16px;
}
.cl-classify-list .classify-name {
  height: 30px;
  line-height: 30px;
  margin-left: 24px;
}
.cl-classify-list .classify-name .classify-name-top {
  height: 30px;
}
.cl-classify-list .classify-name .classify-name-top .count {
  position: relative;
  top: -2px;
  font-size: 12px;
  color: #a9a9a9;
}
.cl-classify-list .classify-name .name {
  position: relative;
  top: -2px;
  font-weight: 500;
}
.cl-classify-list .classify-name .ibass-search {
  height: 34px;
  margin-right: 13.5px;
}
.cl-classify-list .classify-search-state {
  width: 160px !important;
  opacity: 1 !important;
  animation: right-to-left 0.3s;
}
.cl-classify-list .classify-search-state .search {
  opacity: 1 !important;
}
.cl-classify-list .classify-search {
  position: relative;
  width: 0;
  opacity: 0;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.cl-classify-list .classify-search input {
  border: none;
  border-radius: 16px;
  width: 70%;
  height: 100%;
  padding: 0 10px;
  font-size: 12px;
  background-color: transparent;
}
.cl-classify-list .classify-search .search {
  opacity: 0;
  height: 28px;
  border-radius: 0 20px 20px 0;
  position: absolute;
  right: 9px;
  top: -1px;
  text-align: center;
  line-height: 30px;
  color: #4a4a4a;
  font-size: 12px;
}
.cl-classify-list .classify-search .search .ibass-back {
  text-indent: -2px;
  font-size: 14px;
  color: #cdc9c5;
}
.cl-classify-list .classify-search .search .clear {
  position: relative;
  top: -2px;
}
.cl-classify-list ul {
  width: 180px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: 18px;
}
.cl-classify-list ul::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.cl-classify-list ul::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.cl-classify-list ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.cl-classify-list ul:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.cl-classify-list ul li {
  width: 180px;
  height: 34px;
  line-height: 34px;
  margin-top: 2px;
  border-radius: 25px;
  overflow: hidden;
}
.cl-classify-list ul li:hover {
  background-color: #f8f8f9;
}
.cl-classify-list ul li:hover .ibass-dot {
  color: #fa8919;
}
.cl-classify-list ul li .count {
  font-size: 12px;
  color: #a9a9a9;
}
.cl-classify-list ul li .ibass-dot,
.cl-classify-list ul li .ibass-arrow-down {
  margin-left: 7px;
}
.cl-classify-list ul li .ibass-checkmark,
.cl-classify-list ul li .ibass-arrow-right {
  display: none;
  height: 30px;
  margin-right: 11px;
  font-size: 12px;
  color: #fa8919;
}
.cl-classify-list ul li .ibass-arrow-right {
  font-size: 16px;
}
.cl-classify-list ul li span {
  position: relative;
  top: -2px;
}
.cl-classify-list ul li .show-all {
  font-size: 12px;
  color: #a9a9a9;
}
.cl-classify-list ul .show-all-li {
  width: 80px !important;
}
.cl-classify-list ul .show-all-li .ibass-arrow-down {
  font-size: 14px;
}
.cl-classify-list ul .show-all-li:hover {
  background-color: #fff !important;
}
.cl-classify-list ul .select {
  background-color: #f8f8f9;
}
.cl-classify-list ul .select .ibass-checkmark,
.cl-classify-list ul .select .ibass-arrow-right {
  display: inline-block;
}
.cl-classify-list ul .select .ibass-dot {
  color: #fa8919;
}
.cl-classify-list ul .tooltip.bottom {
  margin-top: 3px;
}
.cl-classify-list ul .tooltip.bottom .tooltip-arrow {
  top: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
@keyframes right-to-left {
  0% {
    width: 0;
    left: 100%;
    opacity: 0;
  }
  100% {
    width: 162px;
    left: 0;
    opacity: 1;
  }
}

.finance-comments-wrap {
  width: 100%;
}
.finance-comments-wrap .fc-input-box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  padding: 12px 10px;
  padding-right: 100px;
  border-radius: 6px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  margin: 19px 25px 0 0;
  line-height: 28px;
  transition: border-color 0.2s linear;
}
.finance-comments-wrap .fc-input-box:focus {
  border-color: #fc8919;
}
.finance-comments-wrap .fc-input-box .fc-textarea-wrap {
  position: relative;
}
.finance-comments-wrap .fc-input-box .fc-textarea-wrap span {
  display: inline-block;
}
.finance-comments-wrap .fc-input-box .fc-textarea-wrap textarea {
  border: none;
  width: 100%;
  padding: 0;
  line-height: 28px;
  font-size: 14px;
  color: #4A4A4A;
}
.finance-comments-wrap .fc-input-box .fc-save-button {
  width: 76px;
  height: 32px;
  position: absolute;
  right: 10px;
  bottom: 11px;
  border-radius: 16px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.finance-comments-wrap .fc-input-box .disable-save-btn {
  background: #ebebee;
  border-color: #ebebee;
  color: #a9a9a9;
}
.finance-comments-wrap .inputFocus {
  border-color: #fc8919!important;
}
.finance-comments-wrap .nfim-just-comments {
  margin-top: 15px;
  margin-right: 25px;
  font-size: 12px;
  color: #737373;
  height: 20px;
  overflow: hidden;
}
.finance-comments-wrap .nfim-just-comments .justDisplayCommentsCheckBox {
  font-size: 14px;
  color: #cdc9c5;
  margin-right: 5px;
}
.finance-comments-wrap .coments-dynamic-list {
  position: relative;
  box-sizing: border-box;
  padding-left: 15px;
}
.finance-comments-wrap .coments-dynamic-list .comment {
  border-left: 2px solid #eeeeee;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-user-avatar {
  box-sizing: content-box;
  padding: 5px 0;
  position: relative;
  transform: translateX(calc(-51%));
  float: left;
  background: transparent;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-user-avatar img {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  overflow: hidden;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-inside-wrap {
  padding-bottom: 8px;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-user-name-time {
  padding-top: 2px;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-user-name-time .comment-user-name {
  height: 24px;
  line-height: 24px;
  display: inline-block;
  max-width: 160px;
  color: #4a4a4a;
  font-size: 14px;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-user-name-time .comment-time {
  height: 24px;
  line-height: 24px;
  display: inline-block;
  color: #a9a9a9;
  font-size: 12px;
  margin-left: 10px;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-user-name-time .ibass-delete {
  display: block;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  color: #fa8919;
  overflow: hidden;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-user-name-time .comment-delete-btn {
  width: 76px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-content {
  font-size: 14px;
  line-height: 20px;
  color: #4a4a4a;
  word-break: break-all;
  width: 92%;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-content a {
  color: #fa8919;
  text-decoration: underline;
}
.finance-comments-wrap .coments-dynamic-list .comment .comment-content .at-member {
  color: #fa8919;
}
.finance-comments-wrap .coments-dynamic-list .dynamic {
  color: #cdc9c5;
  font-size: 12px;
  padding-bottom: 8px;
  border-left: 2px solid #eeeeee;
  line-height: 30px;
}
.finance-comments-wrap .coments-dynamic-list .dynamic .dynamic-icon {
  width: 18px;
  height: 12px;
  box-sizing: content-box;
  font-size: 18px;
  line-height: 12px;
  padding: 3px 0;
  transform: translateX(calc(-50% - 1px));
  margin-top: 4px;
}
.finance-comments-wrap .coments-dynamic-list .dynamic .dynamic-user-name {
  max-width: 230px;
  display: block;
  float: left;
}
.finance-comments-wrap .coments-dynamic-list .dynamic .dynamic-updateLists {
  margin-left: 10px;
}
.finance-comments-wrap .coments-dynamic-list .dynamic .dynamic-updateSublist {
  margin-left: 10px;
}
.finance-comments-wrap .coments-dynamic-list .dynamic .dynamic-update-collection {
  margin-left: 10px;
}
.finance-comments-wrap .coments-dynamic-list:nth-last-child(2) .comment-inside-wrap {
  padding-bottom: 0!important;
}
.finance-comments-wrap .coments-dynamic-list:nth-last-child(2) .dynamic {
  padding-bottom: 0!important;
}
.finance-comments-wrap li.noHover {
  background: transparent!important;
}
.finance-comments-wrap .page ul {
  margin: 15px 0px 10px 0px;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list {
  height: 66px;
  padding-left: 48px;
  position: relative;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list:hover {
  background: #f8f8f8!important;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .ibass-filetype-doc {
  display: block;
  height: 32px;
  width: 32px;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  top: 17px;
  left: 6px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-name {
  height: 18px;
  width: 75%;
  box-sizing: content-box;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 18px;
  padding-top: 17px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-name-click-preview {
  cursor: pointer;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-name-click-preview:hover {
  color: #222222;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-size {
  width: 400px;
  box-sizing: content-box;
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-upload-progress {
  width: 200px;
  height: 13px;
  margin-top: 2px;
  position: relative;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-upload-progress .progress-baseline {
  height: 0px;
  width: 160px;
  border: 1px solid #F0F0F0;
  margin-top: 6px;
  margin-right: 6px;
  position: relative;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-upload-progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  transition: width linear .2s;
  width: 0;
  height: 6px;
  border-radius: 6px;
  background: #fc8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-upload-progress .progress-percent {
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-upload-error {
  height: 14px;
  width: 400px;
  margin-top: 2px;
  font-size: 12px;
  line-height: 14px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-upload-error .uoload-error-tip {
  color: #f72b44;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-upload-error .reupload {
  margin-left: 5px;
  color: #a9a9a9;
  cursor: pointer;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-upload-error .reupload:hover {
  color: #fc8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-operation {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: flex;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-operation i {
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 8px;
  cursor: pointer;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-operation .ibass-delete:hover {
  color: #f72b44;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-operation .ibass-download:hover,
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-operation .ibass-edit:hover {
  color: #fa8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-operation .ibass-stop:hover {
  color: #fa8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-operation .ibass-view:hover {
  color: #fa8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .file-operation .delete-button {
  outline: none;
  border: none;
  height: 22px;
  width: 64px;
  line-height: 22px;
  font-size: 12px;
  background: #f72b44;
  color: #ffffff;
  text-align: center;
  border-radius: 24px;
  margin-left: 7px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .doc-attachemnt-list .line {
  border-left: 1px solid #a9a9a9;
  height: 15px;
  margin: 5px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 {
  height: 34px;
  padding-left: 28px;
  position: relative;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1:hover {
  background: #f8f8f8!important;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-icon1 {
  display: block;
  height: 34px;
  width: 28px;
  font-size: 14px;
  line-height: 34px;
  position: absolute;
  top: 0px;
  left: 6px;
  text-align: left;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-name1 {
  float: left;
  height: 34px;
  max-width: 65%;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 34px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-name-click-preview {
  cursor: pointer;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-name-click-preview:hover {
  color: #222222;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-size {
  margin-left: 8px;
  float: left;
  box-sizing: content-box;
  color: #a9a9a9;
  font-size: 12px;
  height: 34px;
  line-height: 34px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-progress {
  width: 22%;
  height: 13px;
  margin-top: 10px;
  position: relative;
  float: left;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-progress .progress-baseline {
  height: 0px;
  width: 90%;
  border: 1px solid #F0F0F0;
  margin-top: 6px;
  margin-right: 6px;
  position: relative;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  transition: width linear .2s;
  width: 0;
  height: 6px;
  border-radius: 6px;
  background: #fc8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-progress .progress-percent {
  display: none;
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-error {
  height: 34px;
  width: 25%;
  font-size: 12px;
  line-height: 34px;
  float: left;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-error .uoload-error-tip {
  color: #f72b44;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-error .reupload {
  margin-left: 5px;
  color: #a9a9a9;
  cursor: pointer;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-error .reupload:hover {
  color: #fc8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-operation {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-operation i {
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 8px;
  cursor: pointer;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-delete:hover {
  color: #f72b44;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-download:hover {
  color: #fa8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-stop:hover {
  color: #fa8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-view:hover {
  color: #fa8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .delete-button {
  outline: none;
  border: none;
  height: 22px;
  width: 64px;
  line-height: 22px;
  font-size: 12px;
  background: #f72b44;
  color: #ffffff;
  text-align: center;
  border-radius: 24px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachments-upload {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #a9a9a9;
  cursor: pointer;
  margin-left: 8px;
}
.new-common-attachments.doc-tpl-alert .new-common-attachments-upload:hover {
  color: #fc8919;
}
.new-common-attachments.doc-tpl-alert .new-common-attachments-upload .triangle {
  border-bottom-color: #3d3d3d!important;
}
.new-common-attachments.doc-tpl-alert .new-common-attachments-upload .triangle::after {
  border-bottom-color: #3d3d3d!important;
}
.new-common-attachments.doc-tpl-alert .new-common-attachments-upload .ns-popover-tooltip-theme .ns-popover-tooltip {
  border-color: #3d3d3d!important;
}
.new-common-attachments.doc-tpl-alert .nca-over-flow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-common-attachments.doc-tpl-alert .required-icon {
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  color: #f72b44;
  font-style: normal;
}
.new-common-attachments-drag-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.95);
  border: dashed 2px #b5b5b5;
  color: #4a4a4a;
  z-index: 10000;
}
.new-common-attachments-drag-content .drag-content-tip {
  width: 100px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
}
.new-common-attachments-drag-content .drag-content-tip .ibass-upload {
  display: block!important;
  width: 36px!important;
  height: 36px!important;
  color: #fc8919!important;
  font-size: 36px!important;
  margin: 0 auto!important;
}
.new-common-attachments-drag-content .drag-content-tip p {
  font-size: 14px!important;
  text-align: center!important;
}
.ibass-filetype-ppt {
  color: #d04424;
}
.ibass-filetype-pdf {
  color: #e3574d;
}
.ibass-filetype-image {
  color: #07cfda;
}
.ibass-text {
  color: #000;
}
.ibass-filetype-doc {
  color: #0a96e5;
}
.ibass-filetype-excel {
  color: #1c7044;
}
.ibass-filetype-zip {
  color: #9d7120;
}
.ibass-filetype-music {
  color: #a7d638;
}
.ibass-filetype-video {
  color: #d94ff5;
}
.ibass-filetype-default {
  color: #cdc9c5;
}

.drop-down-lists {
  background: white;
  max-height: 220px;
  width: 100%;
  min-width: 120px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0px;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-top: 8px solid white;
  border-bottom: 8px solid white;
  overflow-y: scroll;
}
.drop-down-lists .ddl-list {
  position: relative;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #4a4a4a;
  padding-right: 28px;
  padding-left: 8px;
}
.drop-down-lists .ddl-list:hover {
  background: #f8f8f9;
}
.drop-down-lists .ddl-list center {
  text-align: center;
}
.drop-down-lists .ddl-list .ddl-list-name {
  padding-left: 8px;
  width: calc(100% - 26px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drop-down-lists .selected-by-index {
  background: #f8f8f9;
}
.drop-down-lists .ddl-search {
  height: 32px;
  margin: 5px 16px;
  padding-left: 10px;
  padding-right: 28px;
  border-radius: 32px;
  border: 1px solid #eaeaea;
  position: relative;
}
.drop-down-lists .ddl-search-input {
  outline: none;
  border: none;
  height: 100%;
  width: 100%;
}
.drop-down-lists .ddl-search-input::placeholder {
  color: #a9a9a9;
}
.drop-down-lists .ibass-search {
  color: #a9a9a9;
  position: absolute;
  font-size: 14px;
  right: 8px;
  height: 30px;
  line-height: 30px;
}
.drop-down-lists .ddl-list-avatar {
  margin-top: 3px;
  height: 26px;
  width: 26px;
  border-radius: 26px;
  overflow: hidden;
}
.drop-down-lists .ddl-list-avatar img {
  height: 100%;
  width: 100%;
}
.drop-down-lists .ddl-list-selected {
  position: absolute;
  right: 8px;
  top: 0;
  height: 30px;
  width: 16px;
  text-align: center;
  color: #fc8919;
}
.drop-down-lists em {
  color: #fc8919;
  font-style: normal;
}
.drop-down-lists .ddl-list-rankName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
}
.drop-down-lists .ddl-list-rankType {
  color: #9b9b9b;
}

.popover-content-wrap {
  padding: 15px;
  font-size: 14px;
}
.popover-content-wrap .content {
  padding: 0!important;
  padding-bottom: 10px;
  margin: 0!important;
  font-size: 14px;
  color: #000;
}
.popover-content-wrap .known-confirm-btn {
  color: #ed6c00;
  display: inline-block;
  margin-top: 20px;
}
.popover-content-wrap .ns-popover-tooltip-theme {
  z-index: 99999!important;
}
.guide-popover-dot {
  width: 20px;
  height: 20px;
  display: block;
  z-index: 10;
}
.guide-popover-dot::before {
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: #ed6c00;
  animation: guidePlay 3s linear infinite;
  animation-delay: 1s;
}
.guide-popover-dot::after {
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: #ed6c00;
  animation: guidePlay 3s linear infinite;
  animation-delay: 2s;
}
@keyframes guidePlay {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  10% {
    opacity: .8;
  }
  60% {
    opacity: 0.1;
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

.i-at-textarea {
  height: 100%;
  min-height: 28px;
  position: relative;
}
.i-at-textarea .same {
  display: inline-block;
  position: absolute;
  outline: none;
  white-space: pre-wrap;
  cursor: auto;
  color: #808080;
  border-radius: 4px;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #fa7d3c;
  font-family: Arial, 'Microsoft YaHei';
  left: 0px;
  top: 0px;
  height: 100%;
  word-wrap: break-word;
  word-break: break-all;
  resize: none;
  overflow: hidden;
}
.i-at-textarea .div-for-position {
  z-index: 9999;
  visibility: hidden;
  line-height: 28px;
}
.i-at-textarea pre {
  visibility: hidden;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  line-height: inherit;
}
.i-at-textarea textarea {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  word-wrap: break-word;
  word-break: break-all;
  resize: none;
  font-size: inherit;
  overflow: hidden;
}
.i-at-textarea .member-list {
  position: absolute;
  width: 200px;
  transform: translate(-50%, 0);
  background: #fff;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding: 10px 0;
}
.i-at-textarea .member-list .list-content-wrapper {
  max-height: 126px;
  overflow-y: auto;
}
.i-at-textarea .member-list .list-content {
  font-size: 12px;
  padding: 0 10px;
  cursor: pointer;
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-at-textarea .member-list .list-content.list-active {
  background-color: #f8f8f9;
}
.i-at-textarea .member-list .list-content:hover {
  background-color: #f8f8f9;
}
.i-at-textarea .member-list:before {
  content: "";
  display: block;
  border-width: 8px;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3;
  font-size: 0;
  line-height: 0;
  transform: translate(-50%, 100%) rotate(180deg);
}
.i-at-textarea .member-list:after {
  content: "";
  display: block;
  border-width: 7px;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid dashed dashed;
  border-color: transparent transparent #fff;
  font-size: 0;
  line-height: 0;
  transform: translate(-50%, 100%) rotate(180deg);
}


.i-input-module {
  position: relative;
  margin-top: 20px;
  padding-right: 20px;
}
.i-input-module .i-input-module-label {
  font-size: 14px;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 0;
  z-index: 1;
  -webkit-transform: translate3d(0, 28px, 0) scale(1);
  transform: translate3d(0, 28px, 0) scale(1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  color: #a9a9a9;
}
.i-input-module .i-input-module-label .i-input-module-error {
  display: inline-block;
  /*position: relative;
            -webkit-box-ordinal-group: 5;
            -webkit-order: 4;
            order: 4;
            overflow: hidden;
            clear: left;
            font-size: 12px;
            display: inline-block;
            span{
                display: inline-block;
                line-height: 14px;
                padding-top: 5px;
                transition: all .15s cubic-bezier(.55,0,.55,.2);
                opacity: 0;
                transform: translateY(-20px);
            }*/
}
.i-input-module .i-input-module-input {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  order: 2;
  display: block;
  margin-top: 0;
  background: none;
  padding: 2px 20px 1px 2px;
  border-width: 0 0 1px;
  line-height: 26px;
  height: 30px;
  -ms-flex-preferred-size: 26px;
  border-radius: 0;
  border-style: solid;
  width: 100%;
  box-sizing: border-box;
  float: left;
  border-color: #f0f0f0;
}
.i-input-module .i-input-module-input:focus {
  border-width: 0 0 1px;
  border-color: #fa8919;
}
.i-input-module .i-input-module-info {
  position: absolute;
  right: 0;
  top: 0;
  color: #cdc9c5;
}
.i-input-module .i-input-module-info .info {
  display: none;
  position: absolute;
  top: -30px;
  width: auto;
  border-radius: 8px;
  background-color: #3d3d3d;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  font-style: normal;
  padding: 0 12px;
  transform: translateX(-50%);
}
.i-input-module .i-input-module-info:hover {
  color: #fdba78;
}
.i-input-module .i-input-module-info:hover .info {
  display: block;
}
.i-input-module-animation .i-input-module-label {
  transform: translate3d(0, 6px, 0) scale(0.86);
}
.i-input-module-message .i-input-module-label {
  color: #e8263e /*.i-input-module-error{
            span{
                opacity: 1;
                transform: translateY(0px);
                color:rgb(221,44,0);
            }
        }*/;
}
.i-input-module-message .i-input-module-input {
  border-color: #e8263e;
}

.common-i-search .search-box {
  height: 35px;
}
.common-i-search .search-box input {
  line-height: 20px;
  vertical-align: middle;
  background-color: #fefeff;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 4px 0px inset;
  padding-left: 26px;
  font-size: 12px;
  color: #4a4a4a;
  border-radius: 20px;
  border: 1px solid #d5d5d5;
  border-image: initial;
  outline: none;
  margin-left: -10px;
}
.common-i-search .search-box input:focus {
  border-color: #fa8919;
}
.common-i-search .ibass-search {
  position: relative;
  left: 16px;
  font-size: 14px;
  color: #a9a9a9;
  vertical-align: middle;
  top: 3px;
}

.ns-pop-item-tag .al-add-tag {
  font-size: 14px;
  margin: 0 8px 8px 0;
  color: #737373;
}
.ns-pop-item-tag .al-add-tag .ibass-add {
  color: #cdc9c5;
}
.ns-pop-item-tag.ns-tag-container-for-location {
  left: 50% !important;
  top: calc(95%) !important;
  transform: translateX(-50%);
}
.ns-pop-item-tag.ns-tag-container-for-location .ns-popover-tooltip {
  width: 240px;
}
.ns-pop-item-tag.ns-tag-container-for-location .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  padding-top: 5px;
  padding-bottom: 5px;
  height: auto;
  line-height: 2;
}
.ns-pop-item-tag.ns-tag-container-for-location .ns-popover-tooltip .ns-popover-items .ns-popover-item span {
  white-space: normal;
  height: auto;
  line-height: 1;
}
.al-add-tag {
  display: inline-block;
  position: relative;
  height: 28px;
  line-height: 22px;
  color: #737373;
  margin-left: 4px;
}
.al-add-tag i {
  margin-right: 0;
}
.input-add-tag {
  width: 80px !important;
  position: absolute;
  background: transparent;
  border: 0;
  left: 0;
  opacity: 0;
}
.input-add-tag.active {
  border-radius: 20px;
  background: #fff;
  opacity: 1;
}
.tag-item {
  display: inline-block;
  height: 26px;
  border-radius: 20px;
  background-color: #f8f8f9;
  line-height: 24px;
  padding: 0 10px;
  margin: 0 8px 8px 0;
  font-size: 12px;
}
.tag-item i {
  font-size: 12px;
  position: relative;
  top: 1px;
  transform: scale(0.8, 0.8);
  padding-left: 10px;
}

i-textarea-height-auto pre {
  visibility: hidden;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  line-height: inherit;
}
i-textarea-height-auto textarea {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  word-wrap: break-word;
  word-break: break-all;
  resize: none;
  font-size: inherit;
  overflow: hidden;
}

.i-tree-list-module {
  min-width: 200px;
  max-width: 100%;
  overflow: auto;
}
.i-tree-list-module i {
  vertical-align: middle;
  color: #cdc9c5;
}
.i-tree-list-module i:hover {
  color: #fa8919;
}
.i-tree-list-module .p-tree-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 30px;
}
.i-tree-list-module .p-tree-item .tree-left {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
  flex-grow: 1;
}
.i-tree-list-module .p-tree-item .tree-right .i-tree-checked {
  color: #fa8919;
}
.i-tree-list-module .p-tree-item .i-tree-checked {
  color: #fa8919;
}
.i-tree-list-module .children-ul {
  padding-left: 15px;
  line-height: 30px;
}

.i-tree-view-wrap {
  width: 100%;
}
.i-tree-view-wrap .i-tree-view-ul {
  width: 100%;
}
.i-tree-view-wrap .i-tree-view-ul-expanded {
  height: auto;
  width: 100%;
}
.i-tree-view-wrap .itv-list {
  height: 30px;
  width: calc(100% - 10px);
  padding-left: 10px;
  overflow: hidden;
  position: relative;
}
.i-tree-view-wrap .itv-list .itv-node-name {
  display: inline-block;
  width: calc(100% - 36px);
  padding: 0 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  font-size: 14px;
}
.i-tree-view-wrap .itv-list .itv-node-status-expand,
.i-tree-view-wrap .itv-list .itv-node-status-collapse,
.i-tree-view-wrap .itv-list .itv-node-status-leaf {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  vertical-align: middle;
}
.i-tree-view-wrap .itv-list .itv-node-status-checked,
.i-tree-view-wrap .itv-list .itv-node-status-uncheck {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}
.i-tree-view-wrap .itv-list .itv-node-status-checked {
  color: #fc8919;
}
.i-tree-view-wrap .itv-list-expand {
  height: auto;
}

.uiTree {
  list-style-type: none;
  margin-left: 35px;
  padding-bottom: 5px;
  font-size: 14px;
}
.uiTree:first-child {
  margin-left: 0px;
}
.uiTree li .icon {
  color: #cdc9c5;
  display: inline-block;
  line-height: 16px;
  width: 19px;
  cursor: pointer;
  vertical-align: text-bottom;
}
.uiTree li .node:hover > a.addChild {
  vertical-align: middle;
  display: inline-block;
}
.uiTree li a.addChild {
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer;
  display: none;
  vertical-align: text-bottom;
}
.uiTree li .node {
  padding-bottom: 5px;
}
.uiTree span.nodeLabel {
  cursor: pointer;
}
.uiTree span.nodeLabel.selected {
  width: 197px;
  height: 22px;
  border-radius: 22px;
  background-color: #fa8919;
  padding: 5px 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #ffffff;
}
.uiTreeMultiple .node {
  padding: 0 20px 5px;
  position: relative;
}
.uiTreeMultiple .node .name-icon {
  position: absolute;
  left: 0;
  top: 2px;
}
.uiTreeMultiple .node .name {
  cursor: pointer;
}
.uiTreeMultiple .node .ibass-done {
  color: #ed6c00;
  margin-left: 5px;
}

.i-invalid-message {
  color: red !important;
}

.ns-popover-tooltip-theme {
  top: 21px;
}
.long-name-select {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99999;
  background: transparent;
}
.long-name-select-popover .lns-popover-search-main {
  display: flex;
  line-height: 30px;
}
.long-name-select-popover .lns-popover-search-main .lns-popover-search {
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin: 0 0.875rem 0.5625rem;
}
.long-name-select-popover .lns-popover-search-main .lns-popover-search .ibass-search {
  position: absolute;
  color: #d5d5d5;
}
.long-name-select-popover .lns-popover-search-main .lns-popover-search input {
  border: none;
  float: left;
  height: 100%;
  background: transparent;
  padding: 0 10px 0 20px;
}
.long-name-select-popover .lns-popover-search-main .group-num {
  color: #a9a9a9;
  font-size: 14px;
}
.long-name-select-popover .lns-popover-search-main .ns-popover-close {
  line-height: 30px;
}

.long-name-select-wrap {
  width: 580px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
}
.lns-head {
  width: 480px;
  box-sizing: border-box;
  margin: 25px;
  padding: 25px;
  margin-bottom: 0px;
  padding-bottom: 11px;
}
.lns-head .split-line {
  width: 100%;
  background: #ebebeb;
  height: 1px;
}
.lns-head .lns-title {
  width: 124px;
  height: 22px;
  margin: -12px auto;
  text-align: center;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  background: #FFFFFF;
}
.lns-body {
  width: 570px;
  margin: 0 auto;
  padding: 0 45px;
  cursor: default;
}
.lns-body .lns-search {
  position: relative;
  width: 480px;
  height: 30px;
  box-sizing: content-box;
  margin-bottom: 10px;
}
.lns-body .lns-search input {
  float: left;
  height: 30px;
  width: 30px;
  background-color: transparent;
  box-sizing: border-box;
  padding: 0 0 0 30px;
  border-radius: 16px;
  transition: all ease-in-out 0.5s;
  border: 1px solid transparent;
  margin-right: 5px;
  color: #4A4A4A;
}
.lns-body .lns-search .lnsSearchFocus {
  width: 200px;
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  margin-right: 13px;
  padding: 0 30px;
  border-color: #fa8919;
}
.lns-body .lns-search .result-count {
  float: left;
  color: #a9a9a9;
  height: 18px;
  line-height: 18px;
  padding-left: 14px;
  margin-top: 6px;
  border-left: 1px solid #ebebeb;
  font-size: 14px;
}
.lns-body .lns-search .loading {
  top: 50%!important;
  transform: translateY(-50%);
}
.lns-body .lns-lists {
  width: 480px;
}
.lns-body .lns-lists .lns-list {
  width: 100%;
  min-height: 42px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  box-sizing: border-box;
  padding: 9px 0;
  cursor: pointer;
}
.lns-body .lns-lists .lns-list .list-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.lns-body .lns-lists .lns-list span {
  display: block;
  float: left;
  max-width: 378px;
  font-size: 14px;
  line-height: 24px;
  min-height: 24px;
  max-height: 48px;
  margin-left: 8px;
  overflow: hidden;
}
.lns-body .lns-lists .lns-list span em {
  font-style: normal;
  background: #fffbc4;
  color: #f72341;
}
.lns-body .lns-lists .lns-list .lns-list-name {
  max-width: 280px;
}
.lns-body .lns-lists .lns-list .list-selected {
  float: right;
  margin-right: 13px;
}
.lns-confirm {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 22px auto;
  line-height: 36px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.matter-type-container-for-location {
  left: 50% !important;
  top: 100% !important;
  transform: translateX(-50%);
}
.matter-type-select-container .ns-popover-search {
  margin: 15px 10px 8px 10px;
}
.matter-type-select-container input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.matter-type-select-container .ns-popover-items {
  margin: 10px 0;
  padding: 0;
  font-size: 12px;
  color: #4a4a4a;
}
.matter-type-select-container .ns-popover-items .matter-type {
  margin: 0px !important;
  margin-bottom: 10px !important;
}
.matter-type-select-container .ns-popover-items li {
  padding: 0 10px;
  margin: 0;
  position: relative;
}
.matter-type-select-container .ns-popover-items li .matter-type-container {
  height: 36px;
  line-height: 36px;
  width: 100%;
}
.matter-type-select-container .ns-popover-items li .matter-type-container span {
  max-width: calc(80%);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.matter-type-select-container .ns-popover-items li .matter-type-container i {
  color: #fa8919;
  position: absolute;
  right: 20px;
}
.matter-type-select-container .ns-popover-items .hidden {
  display: none;
}
.matter-type-select-container .ns-popover-items .main-type {
  color: #d7d7d7;
  box-sizing: border-box;
}
.matter-type-select-container .ns-popover-items .main-type .matter-type-container {
  border-bottom: 1px solid #f0f0f0;
}
.matter-type-select-container .ns-popover-items .sub-type {
  font-size: 14px;
  cursor: pointer;
}
.matter-type-select-container .ns-popover-items .sub-type:hover {
  background: #f8f8f9;
}

.multi-selector-wrap .multi-selector-list {
  font-size: 12px;
  position: relative;
  padding-right: 26px;
}
.multi-selector-wrap .multi-selector-list i {
  display: block;
  height: 100%;
  width: 26px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
.multi-selector-wrap .multi-selector-list span {
  height: 100%;
  display: block;
}
.multi-selector-wrap .multi-selector-header {
  position: relative;
  height: 32px;
}
.multi-selector-wrap .multi-selector-header i {
  cursor: pointer;
  display: block;
  height: 100%;
  width: 26px;
  text-align: center;
  line-height: 36px;
  position: absolute;
  top: 0;
  left: 0;
}
.multi-selector-wrap .multi-selector-header i:hover {
  color: #fc8919;
}
.multi-selector-wrap .multi-selector-header .multi-selector-title {
  height: 100%;
  width: calc(68%);
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 36px;
}

.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list {
  height: 66px;
  padding-left: 48px;
  position: relative;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list:hover {
  background: #f8f8f8!important;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-icon {
  display: block;
  height: 32px;
  width: 32px;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  top: 17px;
  left: 6px;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-name {
  height: 18px;
  width: 75%;
  box-sizing: content-box;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 18px;
  padding-top: 17px;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-name-click-preview {
  cursor: pointer;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-name-click-preview:hover {
  color: #222222;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-size {
  width: 400px;
  box-sizing: content-box;
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-upload-progress {
  width: 200px;
  height: 13px;
  margin-top: 2px;
  position: relative;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-upload-progress .progress-baseline {
  height: 0px;
  width: 160px;
  border: 1px solid #F0F0F0;
  margin-top: 6px;
  margin-right: 6px;
  position: relative;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-upload-progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  transition: width linear .2s;
  width: 0;
  height: 6px;
  border-radius: 6px;
  background: #fc8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-upload-progress .progress-percent {
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-upload-error {
  height: 14px;
  width: 400px;
  margin-top: 2px;
  font-size: 12px;
  line-height: 14px;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-upload-error .uoload-error-tip {
  color: #f72b44;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-upload-error .reupload {
  margin-left: 5px;
  color: #a9a9a9;
  cursor: pointer;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-upload-error .reupload:hover {
  color: #fc8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation i {
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 8px;
  cursor: pointer;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation .ibass-delete:hover {
  color: #f72b44;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation .ibass-download:hover {
  color: #fa8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation .ibass-stop:hover {
  color: #fa8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation .ibass-view:hover {
  color: #fa8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation .delete-button {
  outline: none;
  border: none;
  height: 22px;
  width: 64px;
  line-height: 22px;
  font-size: 12px;
  background: #f72b44;
  color: #ffffff;
  text-align: center;
  border-radius: 24px;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 {
  height: 34px;
  padding-left: 28px;
  position: relative;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1:hover {
  background: #f8f8f8!important;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-icon1 {
  display: block;
  height: 34px;
  width: 28px;
  font-size: 14px;
  line-height: 34px;
  position: absolute;
  top: 0px;
  left: 6px;
  text-align: left;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-name1 {
  float: left;
  height: 34px;
  max-width: 65%;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 34px;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-name-click-preview {
  cursor: pointer;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-name-click-preview:hover {
  color: #222222;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-size {
  margin-left: 8px;
  float: left;
  box-sizing: content-box;
  color: #a9a9a9;
  font-size: 12px;
  height: 34px;
  line-height: 34px;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-progress {
  width: 22%;
  height: 13px;
  margin-top: 10px;
  position: relative;
  float: left;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-progress .progress-baseline {
  height: 0px;
  width: 90%;
  border: 1px solid #F0F0F0;
  margin-top: 6px;
  margin-right: 6px;
  position: relative;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  transition: width linear .2s;
  width: 0;
  height: 6px;
  border-radius: 6px;
  background: #fc8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-progress .progress-percent {
  display: none;
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-error {
  height: 34px;
  width: 25%;
  font-size: 12px;
  line-height: 34px;
  float: left;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-error .uoload-error-tip {
  color: #f72b44;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-error .reupload {
  margin-left: 5px;
  color: #a9a9a9;
  cursor: pointer;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-upload-error .reupload:hover {
  color: #fc8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-operation {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-operation i {
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 8px;
  cursor: pointer;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-delete:hover {
  color: #f72b44;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-download:hover {
  color: #fa8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-stop:hover {
  color: #fa8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .ibass-view:hover {
  color: #fa8919;
}
.new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1 .file-operation .delete-button {
  outline: none;
  border: none;
  height: 22px;
  width: 64px;
  line-height: 22px;
  font-size: 12px;
  background: #f72b44;
  color: #ffffff;
  text-align: center;
  border-radius: 24px;
}
.new-common-attachments .new-common-attachments-upload {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #a9a9a9;
  cursor: pointer;
  margin-left: 8px;
}
.new-common-attachments .new-common-attachments-upload:hover {
  color: #fc8919;
}
.new-common-attachments .new-common-attachments-upload .triangle {
  border-bottom-color: #3d3d3d!important;
}
.new-common-attachments .new-common-attachments-upload .triangle::after {
  border-bottom-color: #3d3d3d!important;
}
.new-common-attachments .new-common-attachments-upload .ns-popover-tooltip-theme .ns-popover-tooltip {
  border-color: #3d3d3d!important;
}
.new-common-attachments .nca-over-flow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-common-attachments .required-icon {
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  color: #f72b44;
  font-style: normal;
}
.new-common-attachments-drag-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.95);
  border: dashed 2px #b5b5b5;
  color: #4a4a4a;
  z-index: 10000;
}
.new-common-attachments-drag-content .drag-content-tip {
  width: 100px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
}
.new-common-attachments-drag-content .drag-content-tip .ibass-upload {
  display: block!important;
  width: 36px!important;
  height: 36px!important;
  color: #fc8919!important;
  font-size: 36px!important;
  margin: 0 auto!important;
}
.new-common-attachments-drag-content .drag-content-tip p {
  font-size: 14px!important;
  text-align: center!important;
}
.ibass-filetype-ppt {
  color: #d04424;
}
.ibass-filetype-pdf {
  color: #e3574d;
}
.ibass-filetype-image {
  color: #07cfda;
}
.ibass-text {
  color: #000;
}
.ibass-filetype-doc {
  color: #0a96e5;
}
.ibass-filetype-excel {
  color: #1c7044;
}
.ibass-filetype-zip {
  color: #9d7120;
}
.ibass-filetype-music {
  color: #a7d638;
}
.ibass-filetype-video {
  color: #d94ff5;
}
.ibass-filetype-default {
  color: #cdc9c5;
}

ordered-lists-with-arrow {
  display: block;
}
ordered-lists-with-arrow .olwa-list {
  display: block;
  position: relative;
  margin-bottom: 14px;
}
ordered-lists-with-arrow .olwa-name {
  max-width: 320px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  padding: 0px 15px;
}
ordered-lists-with-arrow .olwa-link {
  display: block;
  width: 32px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
ordered-lists-with-arrow .olwa-dot {
  display: block;
  width: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  position: absolute;
  color: #cdc9c5;
  z-index: 2;
}
ordered-lists-with-arrow .olwa-border {
  width: 1px;
  height: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #eaeaea;
  z-index: 1;
}
ordered-lists-with-arrow .olwa-border-top {
  top: 0;
}
ordered-lists-with-arrow .olwa-border-bottom {
  bottom: 0px;
}

.project-search-list-checkbox-module .i-clock {
  color: #cdc9c5;
}
.project-search-list-checkbox-module .is-null-project {
  cursor: auto;
}
.project-search-list-checkbox-module .project-search-list-module {
  position: relative;
}
.project-search-list-checkbox-module .project-search-list-module .triangle {
  left: 168px!important;
}
.project-search-list-checkbox-module .project-search-list-module .triangle:after {
  z-index: 100;
}
.project-search-list-checkbox-module .project-search-list-module .project-list-show-module {
  cursor: auto;
  max-height: 108px;
  width: 370px;
  overflow: auto;
  background-color: #f8f8f9;
  border-radius: 5px;
  padding: 15px 10px 5px 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.project-search-list-checkbox-module .project-search-list-module .project-list-show-module .project-list-module {
  max-width: 350px;
  height: 22px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  background-color: #fff;
  margin-bottom: 10px;
  border: 1px solid #ebe8e6;
  border-radius: 20px;
  padding: 0 8px 0 10px;
  line-height: 1.4;
  font-size: 12px;
  width: auto;
  margin-right: 10px;
}
.project-search-list-checkbox-module .project-search-list-module .project-list-show-module .project-list-module span {
  overflow: hidden;
  /*自动隐藏文字*/
  text-overflow: ellipsis;
  /*文字隐藏后添加省略号*/
  white-space: nowrap;
  /*强制不换行*/
}
.project-search-list-checkbox-module .project-search-list-module .project-list-show-module .project-list-module i {
  font-size: 10px;
  color: #cdc9c5;
  display: inline-flex;
  flex-shrink: 0;
  width: 12px;
  cursor: pointer;
  margin-left: 4px;
}
.project-search-list-checkbox-module .project-search-list-module .add-project-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #737373;
  padding-top: 6px;
}
.project-search-list-checkbox-module .project-search-list-module .add-project-btn i {
  vertical-align: middle;
  color: #cdc9c5;
  display: inline-flex;
  margin-right: 10px;
}
.project-search-list-checkbox-module .project-search-list-module .default-selected-all {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
}
.project-search-list-checkbox-module .project-search-list-module .default-selected-all span {
  display: inline-flex;
  margin-right: 4px;
}
.project-search-list-checkbox-module .project-search-list-module .is-selected-null {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
}
.project-search-list-checkbox-module .project-search-list-module .is-selected-null span {
  display: inline-flex;
  margin-right: 4px;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox {
  top: 100%!important;
  left: -130px !important;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip {
  width: 530px;
  max-width: 530px;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-search-module {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-search-module .ns-popover-search {
  width: 200px;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-search-module .count {
  color: #a9a9a9;
  display: inline-block;
  border-left: 1px solid #ebebeb;
  padding-left: 10px;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-search-module .ibass-close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  vertical-align: middle;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project {
  padding: 0 15px;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 42px;
  border-bottom: 1px solid #f0f0f0;
  padding-right: 5px;
  font-size: 14px;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project em {
  font-style: normal;
  color: #f72341;
  background-color: #fffbc4;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 10px 5px 0;
  max-width: 90%;
  overflow: hidden;
  text-align: left;
  word-break: break-all;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name span {
  text-align: left;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: 1px;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name .ibass-project-type1 {
  color: #ff6c7e;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name .ibass-project-type2 {
  color: #83d198;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name .ibass-project-type3 {
  color: #98c2f1;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name .ibass-project-type4 {
  color: #ffc18d;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name .search-project-name {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name .search-project-name .pName {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .project-name .search-project-name .pClient {
  font-size: 12px;
  color: #737373;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project .checked-icon {
  color: #fa8919;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-item-project .ns-popover-project:hover {
  background-color: #f8f8f9;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-null-project {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ddd9d6;
  padding-bottom: 20px;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-items .ns-popover-null-project i {
  font-size: 60px;
  display: inline-flex;
  margin: 40px 0;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-end-btn {
  height: 50px;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  padding: 0 15px;
  border-top: 1px solid #ebebeb;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .ns-popover-end-btn i {
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 4px;
}

.search-enter-module {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.search-enter-module .search-enter-i {
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  z-index: 10;
  color: #cdc8c5;
  font-size: 12px;
  transform: translateY(-50%);
  text-align: right;
  margin-left: 9px;
}
.search-enter-module .search-enter-input {
  width: 100%;
  height: 30px;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  overflow: hidden;
  padding: 0 50px 0 24px;
  font-size: 12px;
}
.search-enter-module .search-enter-input-padding {
  padding: 0 10px 0 24px;
}
.search-enter-module .search-enter-input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.search-enter-module .search-enter-clear {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 12px;
  width: 45px;
  color: #737373;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.search-enter-module .search-enter-clear .search-enter-i-back {
  color: #cdc8c5;
  vertical-align: middle;
  display: inline-flex;
  margin-right: 2px;
}
.search-enter-module .search-enter-clear-none {
  display: none;
}
.search-enter-module .search-enter-now {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  background-color: #fa8919;
  border: 1px solid #ed6c00;
  border-radius: 0 20px 20px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.search-enter-module .search-enter-now .search-enter-i-return {
  color: #fff;
  vertical-align: middle;
}

.task-name-select-popover {
  margin: 0 auto;
  width: 530px;
  border-radius: 0 0 10px 10px;
  background-color: #ffffff;
}
.task-name-select-popover .tnsp-select {
  width: 100%;
  display: flex;
  margin: 24px 0 8px;
  align-content: center;
  justify-content: center;
}
.task-name-select-popover .tnsp-select .tnsp-selectd-style {
  color: #ed6c00;
  background: #fcfcfb;
}
.task-name-select-popover .tnsp-select .tnsp-select-list {
  font-size: 12px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #c5b6aa;
  cursor: pointer;
}
.task-name-select-popover .tnsp-select .tnsp-select-list:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-right: none;
}
.task-name-select-popover .tnsp-select .tnsp-select-list:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.task-name-select-popover .tnsp-body {
  width: 100%;
  height: auto;
  padding: 0;
  overflow-y: hidden;
  position: relative;
}
.task-name-select-popover .tnsp-popover-close {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  color: #cdc9c5;
  position: absolute;
  top: 20px;
  right: 20px;
}
.task-name-select-popover .tnsp-search {
  position: relative;
  width: 480px;
  height: 30px;
  box-sizing: content-box;
  margin: 16px 0 10px 0;
}
.task-name-select-popover .tnsp-search input {
  float: left;
  height: 30px;
  width: 30px;
  background-color: transparent;
  box-sizing: border-box;
  padding: 0 30px;
  border-radius: 16px;
  transition: all ease-in-out 0.5s;
  border: 1px solid transparent;
  margin-right: 5px;
  color: #4A4A4A;
}
.task-name-select-popover .tnsp-search input:focus {
  border-color: #fa8919;
}
.task-name-select-popover .tnsp-search .tnspSearchFocus {
  width: 200px;
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  margin-right: 13px;
  padding: 0 30px;
}
.task-name-select-popover .tnsp-search .result-count {
  float: left;
  color: #a9a9a9;
  height: 18px;
  line-height: 18px;
  padding-left: 14px;
  margin-top: 6px;
  border-left: 1px solid #ebebeb;
  font-size: 14px;
}
.task-name-select-popover .tnsp-search .loading {
  top: 50%!important;
  transform: translateY(-50%);
}
.task-name-select-popover .tnsp-search .icon-search {
  position: absolute;
  left: 9px;
  top: 50%;
  color: #cdc9c5;
  transform: translateY(-50%);
  cursor: pointer;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 28px;
  z-index: 10;
}
.task-name-select-popover .tnsp-search .tnsp-search-container {
  float: left;
  position: relative;
}
.task-name-select-popover .tnsp-search .tnsp-search-container .ibass-close {
  position: absolute;
  top: 50%;
  right: 20px;
  color: #cdc9c5;
  transform: translateY(-50%);
  display: block;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
  left: auto !important;
}
.task-name-select-popover .tnsp-lists {
  width: 480px;
}
.task-name-select-popover .tnsp-lists .hasNotFile .ibass-search {
  font-size: 60px;
  margin: 50px auto;
  text-align: center;
  color: #ddd9d6;
}
.task-name-select-popover .tnsp-lists .hasNotFile p {
  font-size: 16px;
  text-align: center;
  color: #ddd9d6;
}
.task-name-select-popover .tnsp-list {
  width: 480px;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 42px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  box-sizing: border-box;
  padding: 9px 0;
  cursor: pointer;
}
.task-name-select-popover .tnsp-list .list-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.task-name-select-popover .tnsp-list span {
  display: block;
  float: left;
  max-width: 378px;
  font-size: 14px;
  line-height: 24px;
  min-height: 24px;
  max-height: 48px;
  margin-left: 8px;
  overflow: hidden;
}
.task-name-select-popover .tnsp-list span em {
  font-style: normal;
  background: #fffbc4;
  color: #f72341;
}
.task-name-select-popover .tnsp-list .tnsp-list-name {
  max-width: 390px;
}
.task-name-select-popover .tnsp-list .list-selected {
  float: right;
  margin-right: 13px;
}
.task-name-select-popover .tnsp-list:hover {
  background: #f8f8f9;
}
.task-name-select-popover .tnsp-list-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: normal;
  color: #4A4A4A;
}
.task-name-select-popover .tnsp-loadMoreBtn {
  margin: 12px auto;
  cursor: pointer;
  width: 130px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  text-align: center;
  line-height: 32px;
  color: #4a4a4a;
  font-size: 12px;
}
.task-name-select-popover .tnsp-popover-search-main {
  display: flex;
  line-height: 30px;
}
.task-name-select-popover .tnsp-popover-search-main .tnsp-popover-search {
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin: 0 0.875rem 0.5625rem;
}
.task-name-select-popover .tnsp-popover-search-main .tnsp-popover-search .ibass-search {
  position: absolute;
  color: #d5d5d5;
}
.task-name-select-popover .tnsp-popover-search-main .tnsp-popover-search input {
  border: none;
  float: left;
  height: 100%;
  background: transparent;
  padding: 0 10px 0 20px;
}
.task-name-select-popover .tnsp-popover-search-main .group-num {
  color: #a9a9a9;
  font-size: 14px;
}
.task-name-select-popover .tnsp-popover-search-main .ns-popover-close {
  line-height: 30px;
}
.task-name-select-popover .task-name-select-wrap {
  width: 580px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
}
.task-name-select-popover .tnsp-head {
  width: 480px;
  box-sizing: border-box;
  margin: 25px;
  padding: 25px;
  margin-bottom: 0px;
  padding-bottom: 11px;
}
.task-name-select-popover .tnsp-head .split-line {
  width: 100%;
  background: #ebebeb;
  height: 1px;
}
.task-name-select-popover .tnsp-head .tnsp-title {
  width: 124px;
  height: 22px;
  margin: -12px auto;
  text-align: center;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  background: #FFFFFF;
}
.task-name-select-popover .tnsp-confirm {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 22px auto;
  line-height: 36px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.timing-panel .edit {
  line-height: 35px;
  padding-bottom: 6px;
  font-size: 14px;
}
.timing-panel .edit .row {
  width: 280px;
  margin: 10px auto;
}
.timing-panel .edit .row input {
  width: 100%;
  height: 35px;
  background-color: transparent;
}
.timing-panel .edit .row input::-webkit-input-placeholder {
  font-size: 12px;
  padding: 0;
  color: #c7d1da !important;
  line-height: 22px;
}
.timing-panel .edit .row input::placeholder {
  font-size: 12px;
  padding: 0;
  color: #c7d1da !important;
  line-height: 22px;
}
.timing-panel .edit .row input:-moz-placeholder {
  font-size: 12px;
  padding: 0;
  color: #c7d1da !important;
  line-height: 22px;
}
.timing-panel .edit .row input::-moz-placeholder {
  font-size: 12px;
  padding: 0;
  color: #c7d1da !important;
  line-height: 22px;
}
.timing-panel .edit .row input:-ms-input-placeholder {
  font-size: 12px;
  padding: 0;
  color: #c7d1da !important;
  line-height: 22px;
}
.timing-panel .edit .add-next {
  font-size: 12px;
  color: #737373;
  position: relative;
}
.timing-panel .edit .add-next .checked {
  position: absolute;
  top: -8px;
  left: -16px;
}
.timing-panel .edit .add-next .ibass-checked {
  color: #ed6c00;
}
.timing-panel .edit .add-next .ibass-checkbox {
  color: #d5d5d5;
}
.timing-panel .edit .name-project {
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 16px;
}
.timing-panel .edit .name-project .name {
  margin-bottom: 5px;
}
.timing-panel .edit .name-project .name input {
  border-bottom: solid 1px #ebebeb;
  font-size: 14px;
  color: #4a4a4a;
}
.timing-panel .edit .name-project .name textarea {
  width: 100%;
  height: 80px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  resize: none;
}
.timing-panel .edit .name-project input {
  border: none;
  margin-top: 0;
}
.timing-panel .edit .name-project .project {
  position: relative;
  z-index: 1;
}
.timing-panel .edit .name-project .project .selector {
  line-height: 25px;
}
.timing-panel .edit .name-project .ui-select-placeholder {
  color: #c7d1da;
  font-size: 10px;
}
.timing-panel .edit .time-btn .time-name {
  font-size: 12px;
  color: #737373;
  line-height: 25px;
}
.timing-panel .edit .time-btn .time {
  padding: 0 5px;
  text-align: left;
  width: 130px;
  height: 32px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  color: #4a4a4a;
  box-sizing: border-box;
  cursor: text;
  font-size: 12px;
  line-height: 30px;
}
.timing-panel .edit .time-btn .time-start-end {
  width: 160px;
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d2da;
  box-sizing: border-box;
}
.timing-panel .edit .time-btn .time-start-end input {
  height: 28px;
  line-height: 28px;
  width: 72px;
  border: none;
  padding: 0 5px;
  text-align: center;
}
.timing-panel .edit .time-btn .time-start-end .icon-separate {
  line-height: 28px;
}
.timing-panel .edit .time-btn .end-time-wrap {
  position: relative;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select {
  height: 100%;
  width: 60px;
  position: absolute;
  top: 0px;
  right: 6px;
  cursor: text;
  color: #cdc9c5;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select .ibass-add {
  display: block;
  height: 30px;
  width: 14px;
  line-height: 32px;
  font-size: 20px;
  text-align: center;
  transform: scale(0.5);
}
.timing-panel .edit .time-btn .end-time-wrap .days-select .more-than-limit-icon {
  width: 10px;
  transform: scale(0.35) translateY(-50%);
  color: #ed6c00;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select span {
  height: 30px;
  line-height: 32px;
  font-size: 12px;
  margin-left: 2px;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select .days-controller {
  height: 100%;
  width: 12px;
  overflow: hidden;
  position: relative;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select .days-controller > i {
  display: block;
  position: absolute;
  height: 30px;
  width: 14px;
  line-height: 32px;
  font-size: 20px;
  text-align: center;
  color: #cdc9c5;
  right: 4px;
  cursor: pointer;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select .days-controller > i:hover {
  color: #ED6C00;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select .days-controller .ibass-trig-up {
  transform: translateY(-5px) scale(0.5);
}
.timing-panel .edit .time-btn .end-time-wrap .days-select .days-controller .ibass-trig-down {
  transform: translateY(5px) scale(0.5);
}
.timing-panel .edit .time-btn .end-time-wrap .days-select .days-controller .disabled-icon {
  color: #f4f2f1;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select .days-controller .disabled-icon:hover {
  color: #f4f2f1;
  cursor: not-allowed;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select-show-btn {
  position: absolute;
  top: 0;
  right: 8px;
  width: 30px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #a9a9a9;
  font-size: 12px;
  transform: translateY(-21px);
  cursor: pointer;
}
.timing-panel .edit .time-btn .end-time-wrap .days-select-show-btn:hover {
  color: #ED6C00;
}
.timing-panel .edit .show-more {
  color: #737373;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
}
.timing-panel .edit .cancel {
  font-size: 12px;
  color: #737373;
  cursor: pointer;
}
.timing-panel .edit .ok {
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  width: 80px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
  margin-left: 15px;
}
.timing-panel .work-type-container-for-location {
  margin-top: -10px;
}
.timing-panel .work-type-container-for-location .ns-popover-items {
  max-height: 130px;
}
.timing-panel .work-type-container-for-location .ns-popover-items .work-type-no-level {
  margin: 0;
  font-size: 14px;
}
.timing-panel .work-type-container-for-location .ns-popover-items .work-type-no-level li {
  height: 36px;
  padding: 0 10px;
  line-height: 36px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.timing-panel .work-type-container-for-location .ns-popover-items .work-type-no-level li span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(80%);
}
.timing-panel .work-type-container-for-location .ns-popover-items .work-type-no-level li i {
  display: inline-block;
  color: #fa8919;
  vertical-align: middle;
  margin-right: 10px;
}
.timing-panel .work-type-container-for-location .ns-popover-items .work-type-no-level li:hover {
  background-color: #f8f8f9;
}

.work-type-checkbox-module-show {
  cursor: auto;
}
.work-type-checkbox-module-show .checked-module {
  max-height: 108px;
  width: 370px;
  border-radius: 5px;
  overflow: auto;
  background-color: #f8f8f9;
  padding: 10px 10px 0px 10px;
}
.work-type-checkbox-module-show .checked-module .checked-items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-name {
  flex-shrink: 0;
  margin-bottom: 8px;
  display: inline-block;
  width: 50px;
  text-align: right;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-item .checked-item-module {
  height: 22px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #ebe8e6;
  padding: 0 8px 0 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  box-sizing: border-box;
  line-height: 1;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-item .checked-item-module span {
  display: inline-flex;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-item .checked-item-module i {
  font-size: 10px;
  vertical-align: middle;
  margin-left: 5px;
  cursor: pointer;
}
.work-type-checkbox-module .work-type-module {
  position: relative;
}
.work-type-checkbox-module .ns-popover-work-type-checkbox {
  top: 100%!important;
  left: 50%!important;
  transform: translateX(-50%);
}
.work-type-checkbox-module .default-module {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
}
.work-type-checkbox-module .default-module i {
  vertical-align: middle;
  display: inline-flex;
  margin-left: 4px;
}
.work-type-checkbox-module .add-type-module {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #737373;
  font-size: 14px;
  padding-top: 6px;
}
.work-type-checkbox-module .add-type-module i {
  vertical-align: middle;
  margin-right: 5px;
  color: #cdc9c5;
}
.work-type-checkbox-module .is-null-choose {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
}
.work-type-checkbox-module .is-null-choose span {
  display: inline-flex;
  margin-right: 4px;
}
.ns-popover-work-type-checkbox .ns-popover-items .checked-icon {
  color: #fa8919;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-p,
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-p:hover {
  background-color: #f8f8f9;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c {
  padding-left: 30px;
  position: relative;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c .enable-text-color {
  color: #cdc9c5;
  position: absolute;
  right: 35px;
  top: 0;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c:hover {
  background-color: #f8f8f9;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c:hover .i-expend {
  color: #fa8919;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .work-type-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .work-type-name .name-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .i-expend {
  color: #cdc9c5;
  margin-right: 6px;
  vertical-align: middle;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .i-expend-orange {
  color: #fa8919;
}
.ns-popover-work-type-checkbox .ns-popover-end-btn {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
}
.ns-popover-work-type-checkbox .ns-popover-end-btn i {
  font-size: 14px;
  margin: 2px 2px 0;
}
.ns-popover-work-type-checkbox i {
  vertical-align: middle;
}

.work-type-container-for-location {
  left: 50% !important;
  top: 100% !important;
  transform: translateX(-50%);
}
.work-type-container-for-location .work-type-select-container {
  width: 200px;
}
.work-type-container-for-location .work-type-select-container .ns-popover-search {
  margin: 15px 10px 10px 10px;
}
.work-type-container-for-location .work-type-select-container .ns-popover-search input {
  height: 28px !important;
  width: 80% !important;
  font-size: 12px;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items {
  margin: 10px 0;
  padding: 0;
  font-size: 14px;
  color: #4a4a4a;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items ul {
  margin: 0 !important;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .hidden {
  display: none;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .main-work-type .other-type-li {
  position: relative;
  line-height: 36px;
  height: 36px;
  padding: 0 10px;
  cursor: pointer;
  margin: 0;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .main-work-type .other-type-li .active {
  color: #fa8919;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .main-work-type .type-icon {
  position: absolute;
  right: 10px;
  color: #cdc9c5;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type li {
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  margin: 0;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .main-type-li {
  position: relative;
  cursor: pointer;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .main-type-li span {
  vertical-align: middle;
  max-width: calc(80%);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 140px;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .main-type-li i {
  vertical-align: sub;
  color: #cdc9c5;
  cursor: pointer;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .main-type-li i:hover {
  color: #fa8919;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .main-type-li .type-icon.active {
  color: #fa8919;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .main-type-li .type-name.active:before {
  color: #fa8919;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .sub-type-li {
  cursor: pointer;
  position: relative;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .sub-type-li:hover .type-name:before {
  color: #fa8919;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .sub-type-li .type-name {
  margin-left: 20px;
  max-width: calc(58%);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .sub-type-li .type-name:before {
  vertical-align: bottom;
  font-family: "icon-bass";
  margin-right: 6px;
  color: #cdc9c5;
  content: "\EA54";
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .sub-type-li .type-state {
  color: #cdc9c5;
  margin-right: 18px;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .sub-type-li .type-icon.active {
  color: #fa8919;
  background-color: #fff;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .sub-type-li .type-name.active {
  background-color: #fff;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .sub-type-li .type-name.active:before {
  color: #fa8919;
}
.work-type-container-for-location .work-type-select-container .ns-popover-items .sub-work-type .type-icon {
  color: #cdc9c5;
  position: absolute;
  right: 10px;
}

.dc-body-wrap.doc-template-dialog-v2 {
  padding: 40px 30px 30px 30px;
}
.dc-body-wrap.doc-template-dialog-v2 .doc-header {
  font-weight: 600;
  text-align: center;
  margin-bottom: 15px;
}
.dc-body-wrap.doc-template-dialog-v2 .doc-header .line {
  display: inline-block;
  height: 1px;
  width: 100%;
  border-bottom: solid 1px #ebebeb;
}
.dc-body-wrap.doc-template-dialog-v2 .doc-header .tab-content {
  position: relative;
  top: -17px;
  font-size: 18px;
  padding: 0 10px;
  font-weight: 500;
  background-color: #fff;
}
.dc-body-wrap.doc-template-dialog-v2 .active-tab {
  color: #ed6c00;
  box-sizing: border-box;
  border-bottom: 2px solid #fa8919;
  padding-bottom: 10px;
}
.dc-body-wrap.doc-template-dialog-v2 .tpl-list {
  min-height: 568px;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-sort-box {
  width: 210px;
  max-height: 580px;
  overflow: auto;
}
.dc-body-wrap.doc-template-dialog-v2 .tpl-item {
  position: relative;
}
.dc-body-wrap.doc-template-dialog-v2 .content {
  width: 80%;
}
.dc-body-wrap.doc-template-dialog-v2 .opertate {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  height: 100%;
  align-items: center;
}
.dc-body-wrap.doc-template-dialog-v2 .opertate span {
  cursor: pointer;
  font-size: 12px;
  color: #a9a9a9;
  display: inline-block;
  margin-left: 10px;
}
.dc-body-wrap.doc-template-dialog-v2 .opertate span:last-of-type {
  position: relative;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content {
  width: 210px;
  padding: 0;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content .title {
  padding-left: 22px;
  height: 37px;
  font-weight: 500;
  position: relative;
  line-height: 36px;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content .name-long.sort-item {
  width: 180px;
  height: 34px;
  line-height: 34px;
  border-radius: 25px;
  background-color: #fff;
  margin: 0 15px 8px 15px;
  padding: 0 0 0 7px;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content .name-long.sort-item .type-name {
  max-width: 100px;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content .name-long.sort-item.active {
  background-color: #f8f8f9;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content .name-long.sort-item:hover {
  background-color: #f8f8f9;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content .name-long.sort-item:hover i {
  color: #fa8919;
}
.dc-body-wrap.doc-template-dialog-v2 .select-tab {
  display: flex;
  justify-content: center;
  padding: 0 0 0 0;
  border-bottom: 1px solid #ebebeb!important;
}
.dc-body-wrap.doc-template-dialog-v2 .select-tab .tab {
  width: 80px;
  height: 36px;
  margin-right: 24px;
}
.dc-body-wrap.doc-template-dialog-v2 .relevant-comment-wrapper {
  position: absolute;
  width: 160px;
  z-index: 1;
  max-height: 400px;
  min-height: 200px;
}
.dc-body-wrap.doc-template-dialog-v2 .relevant-comment-wrapper .triangle.more {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #f0f0f0;
  left: 60%;
  top: -13px;
  margin-left: -11px;
}
.dc-body-wrap.doc-template-dialog-v2 .relevant-comment-wrapper .triangle.more:after {
  margin-left: -10px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  top: 1px;
}
.dc-body-wrap.doc-template-dialog-v2 .relevant-comment-wrapper .wrapper-input {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  padding: 5px;
  border-radius: 3px;
  max-height: 300px;
  overflow-y: scroll;
}
.dc-body-wrap.doc-template-dialog-v2 .relevant-comment-wrapper .wrapper-input li {
  word-break: break-all;
  font-size: 12px;
  color: #a9a9a9;
}
.dc-body-wrap.doc-template-dialog-v2 .no-data {
  text-align: center;
  margin-top: 64px;
}
.dc-body-wrap.doc-template-dialog-v2 .no-data img {
  width: 72px;
  margin-bottom: 33px;
}
.dc-body-wrap.doc-template-dialog-v2 .no-data .sub-color {
  color: #a9a9a9;
  font-size: 12px;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content li {
  display: flex;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content li i {
  top: 1px;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content li .ibass-arrow-right {
  position: absolute;
  right: 7px;
  color: #fa8919;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content li span:first-of-type {
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
}
.dc-body-wrap.doc-template-dialog-v2 .ns-left-content li + .tooltip {
  max-width: 100px !important;
}
.dc-body-wrap.doc-template-dialog-v2 .dc-right-content {
  min-height: 705px;
  margin-left: 210px;
}
.dc-body-wrap.doc-template-dialog-v2 .dc-right-content .ns-right-main {
  margin-top: 0;
}

/*
154541
*/
@font-face {
  font-family: "icon-bass";
  src: url('fonts-bass/icon-bass.eot?timestamp=154541');
  src: url('fonts-bass/icon-bass.eot?#iefix?timestamp=154541') format('eot'), url('fonts-bass/icon-bass.woff2?timestamp=154541') format('woff2'), url('fonts-bass/icon-bass.woff?timestamp=154541') format('woff'), url('fonts-bass/icon-bass.ttf?timestamp=154541') format('truetype'), url('fonts-bass/icon-bass.svg#icon-bass?timestamp=154541') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ibass:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-left:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-left:before {
  content: "\EA01";
}
.ibass-arrow-right:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-right:before {
  content: "\EA02";
}
.ibass-arrow-down:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-down:before {
  content: "\EA03";
}
.ibass-km:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-km:before {
  content: "\EA04";
}
.ibass-task:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task:before {
  content: "\EA05";
}
.ibass-project:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project:before {
  content: "\EA06";
}
.ibass-moreapp:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-moreapp:before {
  content: "\EA07";
}
.ibass-calendar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-calendar:before {
  content: "\EA08";
}
.ibass-analytics:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-analytics:before {
  content: "\EA09";
}
.ibass-arrow-up:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-up:before {
  content: "\EA11";
}
.ibass-edit:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-edit:before {
  content: "\EA12";
}
.ibass-trig-down:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-down:before {
  content: "\EA13";
}
.ibass-trig-up:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-up:before {
  content: "\EA14";
}
.ibass-arrow-next:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-next:before {
  content: "\EA15";
}
.ibass-arrow-prev:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-prev:before {
  content: "\EA16";
}
.ibass-archive:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-archive:before {
  content: "\EA17";
}
.ibass-search:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-search:before {
  content: "\EA18";
}
.ibass-close:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-close:before {
  content: "\EA19";
}
.ibass-start-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-start-round:before {
  content: "\EA21";
}
.ibass-flag:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-flag:before {
  content: "\EA22";
}
.ibass-clock:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-clock:before {
  content: "\EA23";
}
.ibass-user:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-user:before {
  content: "\EA24";
}
.ibass-add-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-add-round:before {
  content: "\EA25";
}
.ibass-add:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-add:before {
  content: "\EA26";
}
.ibass-task-check:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-check:before {
  content: "\EA27";
}
.ibass-return:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-return:before {
  content: "\EA28";
}
.ibass-notification:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-notification:before {
  content: "\EA29";
}
.ibass-back:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-back:before {
  content: "\EA31";
}
.ibass-checked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checked:before {
  content: "\EA32";
}
.ibass-done:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-done:before {
  content: "\EA33";
}
.ibass-start:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-start:before {
  content: "\EA34";
}
.ibass-notification-unread:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-notification-unread:before {
  content: "\EA35";
}
.ibass-warning:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-warning:before {
  content: "\EA36";
}
.ibass-comment:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-comment:before {
  content: "\EA37";
}
.ibass-stop-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-stop-round:before {
  content: "\EA38";
}
.ibass-checkbox:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checkbox:before {
  content: "\EA39";
}
.ibass-filetype-doc:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-doc:before {
  content: "\EA41";
}
.ibass-filetype-pdf:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-pdf:before {
  content: "\EA42";
}
.ibass-filetype-folder:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-folder:before {
  content: "\EA43";
}
.ibass-filetype-video:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-video:before {
  content: "\EA44";
}
.ibass-filetype-music:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-music:before {
  content: "\EA45";
}
.ibass-filetype-zip:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-zip:before {
  content: "\EA46";
}
.ibass-filetype-image:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-image:before {
  content: "\EA47";
}
.ibass-filetype-excel:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-excel:before {
  content: "\EA48";
}
.ibass-filetype-default:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-default:before {
  content: "\EA49";
}
.ibass-info:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-info:before {
  content: "\EA51";
}
.ibass-alpha:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alpha:before {
  content: "\EA52";
}
.ibass-link:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-link:before {
  content: "\EA53";
}
.ibass-dot:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-dot:before {
  content: "\EA54";
}
.ibass-filetype-ppt:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-ppt:before {
  content: "\EA55";
}
.ibass-settings:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-settings:before {
  content: "\EA56";
}
.ibass-restore:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-restore:before {
  content: "\EA57";
}
.ibass-delete:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-delete:before {
  content: "\EA58";
}
.ibass-list:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-list:before {
  content: "\EA59";
}
.ibass-company:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-company:before {
  content: "\EA61";
}
.ibass-timer-hand:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-timer-hand:before {
  content: "\EA62";
}
.ibass-timer-body:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-timer-body:before {
  content: "\EA63";
}
.ibass-timer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-timer:before {
  content: "\EA64";
}
.ibass-list-add:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-list-add:before {
  content: "\EA65";
}
.ibass-project-type4:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type4:before {
  content: "\EA66";
}
.ibass-project-type3:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type3:before {
  content: "\EA67";
}
.ibass-project-type2:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type2:before {
  content: "\EA68";
}
.ibass-project-type1:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type1:before {
  content: "\EA69";
}
.ibass-filter:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filter:before {
  content: "\EA71";
}
.ibass-category:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-category:before {
  content: "\EA72";
}
.ibass-process:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-process:before {
  content: "\EA73";
}
.ibass-paper:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-paper:before {
  content: "\EA74";
}
.ibass-firm:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-firm:before {
  content: "\EA75";
}
.ibass-clerk:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-clerk:before {
  content: "\EA76";
}
.ibass-judge:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-judge:before {
  content: "\EA77";
}
.ibass-lawyer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-lawyer:before {
  content: "\EA78";
}
.ibass-team:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-team:before {
  content: "\EA79";
}
.ibass-ilaw:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-ilaw:before {
  content: "\EA81";
}
.ibass-tools:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-tools:before {
  content: "\EA82";
}
.ibass-customer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer:before {
  content: "\EA83";
}
.ibass-hr:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-hr:before {
  content: "\EA84";
}
.ibass-add-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-add-fill:before {
  content: "\EA85";
}
.ibass-minus-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-minus-fill:before {
  content: "\EA86";
}
.ibass-checkmark:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checkmark:before {
  content: "\EA87";
}
.ibass-stop:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-stop:before {
  content: "\EA88";
}
.ibass-download:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-download:before {
  content: "\EA89";
}
.ibass-share:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-share:before {
  content: "\EA91";
}
.ibass-location:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-location:before {
  content: "\EA92";
}
.ibass-phone:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-phone:before {
  content: "\EA93";
}
.ibass-email:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-email:before {
  content: "\EA94";
}
.ibass-user-female:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-user-female:before {
  content: "\EA95";
}
.ibass-smart:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-smart:before {
  content: "\EA96";
}
.ibass-logout:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-logout:before {
  content: "\EA97";
}
.ibass-chart-bar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-bar:before {
  content: "\EA98";
}
.ibass-chart-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-line:before {
  content: "\EA99";
}
.ibass-minus-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-minus-round:before {
  content: "\EB01";
}
.ibass-chart-pie:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-pie:before {
  content: "\EB02";
}
.ibass-chart-map:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-map:before {
  content: "\EB03";
}
.ibass-customer-service:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer-service:before {
  content: "\EB04";
}
.ibass-marker:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-marker:before {
  content: "\EB05";
}
.ibass-copy:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-copy:before {
  content: "\EB06";
}
.ibass-star:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-star:before {
  content: "\EB07";
}
.ibass-star-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-star-fill:before {
  content: "\EB08";
}
.ibass-heart:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-heart:before {
  content: "\EB09";
}
.ibass-pin:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-pin:before {
  content: "\EB11";
}
.ibass-required:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-required:before {
  content: "\EB12";
}
.ibass-customer-surprise:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer-surprise:before {
  content: "\EB13";
}
.ibass-text:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-text:before {
  content: "\EB14";
}
.ibass-field-casade:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-field-casade:before {
  content: "\EB15";
}
.ibass-insert:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-insert:before {
  content: "\EB16";
}
.ibass-case:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-case:before {
  content: "\EB17";
}
.ibass-attachment:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-attachment:before {
  content: "\EB18";
}
.ibass-heart-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-heart-fill:before {
  content: "\EB19";
}
.ibass-trig-right:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-right:before {
  content: "\EB21";
}
.ibass-trig-left:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-left:before {
  content: "\EB22";
}
.ibass-bold:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bold:before {
  content: "\EB23";
}
.ibass-italic:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-italic:before {
  content: "\EB24";
}
.ibass-underline:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-underline:before {
  content: "\EB25";
}
.ibass-plus-square:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-plus-square:before {
  content: "\EB26";
}
.ibass-minus-square:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-minus-square:before {
  content: "\EB27";
}
.ibass-chart-bar-h:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-bar-h:before {
  content: "\EB28";
}
.ibass-task-pad:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-pad:before {
  content: "\EB29";
}
.ibass-schedule:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-schedule:before {
  content: "\EB31";
}
.ibass-upload:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-upload:before {
  content: "\EB32";
}
.ibass-tag:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-tag:before {
  content: "\EB33";
}
.ibass-sort:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sort:before {
  content: "\EB34";
}
.ibass-more:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-more:before {
  content: "\EB35";
}
.ibass-side-column:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-side-column:before {
  content: "\EB36";
}
.ibass-window-fullscreen:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-window-fullscreen:before {
  content: "\EB37";
}
.ibass-mute:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-mute:before {
  content: "\EB38";
}
.ibass-locked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-locked:before {
  content: "\EB39";
}
.ibass-spanner:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-spanner:before {
  content: "\EB41";
}
.ibass-alarm:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alarm:before {
  content: "\EB42";
}
.ibass-loop:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-loop:before {
  content: "\EB43";
}
.ibass-unlocked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-unlocked:before {
  content: "\EB44";
}
.ibass-memo:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-memo:before {
  content: "\EB45";
}
.ibass-ellipses:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-ellipses:before {
  content: "\EB46";
}
.ibass-partial-select:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-partial-select:before {
  content: "\EB47";
}
.ibass-question:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-question:before {
  content: "\EB48";
}
.ibass-permission:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-permission:before {
  content: "\EB49";
}
.ibass-refresh:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-refresh:before {
  content: "\EB51";
}
.ibass-emoji:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-emoji:before {
  content: "\EB52";
}
.ibass-snap:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-snap:before {
  content: "\EB53";
}
.ibass-move:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-move:before {
  content: "\EB54";
}
.ibass-thumbnail:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-thumbnail:before {
  content: "\EB55";
}
.ibass-openproject:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-openproject:before {
  content: "\EB56";
}
.ibass-notebook:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-notebook:before {
  content: "\EB57";
}
.ibass-approved:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approved:before {
  content: "\EB58";
}
.ibass-reject:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-reject:before {
  content: "\EB59";
}
.ibass-textnote:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-textnote:before {
  content: "\EB61";
}
.ibass-mindnode:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-mindnode:before {
  content: "\EB62";
}
.ibass-approve-stamp:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-stamp:before {
  content: "\EB63";
}
.ibass-approve-Invoice:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-Invoice:before {
  content: "\EB64";
}
.ibass-approve-reimburse:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-reimburse:before {
  content: "\EB65";
}
.ibass-board:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-board:before {
  content: "\EB66";
}
.ibass-vault:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-vault:before {
  content: "\EB67";
}
.ibass-view:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-view:before {
  content: "\EB68";
}
.ibass-key-enter:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-key-enter:before {
  content: "\EB69";
}
.ibass-key-shift:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-key-shift:before {
  content: "\EB71";
}
.ibass-shared:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-shared:before {
  content: "\EB72";
}
.ibass-video:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-video:before {
  content: "\EB73";
}
.ibass-percent:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-percent:before {
  content: "\EB74";
}
.ibass-number:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-number:before {
  content: "\EB75";
}
.ibass-trash-empty:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trash-empty:before {
  content: "\EB76";
}
.ibass-regulation:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-regulation:before {
  content: "\EB77";
}
.ibass-vault-readonly:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-vault-readonly:before {
  content: "\EB78";
}
.ibass-vault-locked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-vault-locked:before {
  content: "\EB79";
}
.ibass-faq:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-faq:before {
  content: "\EB81";
}
.ibass-subscribe:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-subscribe:before {
  content: "\EB82";
}
.ibass-indent:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-indent:before {
  content: "\EB83";
}
.ibass-align:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-align:before {
  content: "\EB84";
}
.ibass-pic:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-pic:before {
  content: "\EB85";
}
.ibass-checked-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checked-line:before {
  content: "\EB86";
}
.ibass-linethrough:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-linethrough:before {
  content: "\EB87";
}
.ibass-quote:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-quote:before {
  content: "\EB88";
}
.ibass-import:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-import:before {
  content: "\EB89";
}
.ibass-calculator:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-calculator:before {
  content: "\EB91";
}
.ibass-clause:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-clause:before {
  content: "\EB92";
}
.ibass-fullpage:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-fullpage:before {
  content: "\EB93";
}
.ibass-addtobookmark:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-addtobookmark:before {
  content: "\EB94";
}
.ibass-report:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-report:before {
  content: "\EB95";
}
.ibass-approve-flow:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-flow:before {
  content: "\EB96";
}
.ibass-judicial:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-judicial:before {
  content: "\EB97";
}
.ibass-database:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-database:before {
  content: "\EB98";
}
.ibass-contract:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-contract:before {
  content: "\EB99";
}
.ibass-unapprove:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-unapprove:before {
  content: "\EC01";
}
.ibass-alignment-left:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alignment-left:before {
  content: "\EC02";
}
.ibass-alignment-right:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alignment-right:before {
  content: "\EC03";
}
.ibass-alignment-both:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alignment-both:before {
  content: "\EC04";
}
.ibass-grade:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-grade:before {
  content: "\EC05";
}
.ibass-follower:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-follower:before {
  content: "\EC06";
}
.ibass-task-autodone:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-autodone:before {
  content: "\EC07";
}
.ibass-task-autodone-List:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-autodone-List:before {
  content: "\EC08";
}
.ibass-invisible:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-invisible:before {
  content: "\EC09";
}
.ibass-filter-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filter-line:before {
  content: "\EC10";
}
.ibass-folder-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-folder-line:before {
  content: "\EC11";
}
.ibass-kanban:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-kanban:before {
  content: "\EC12";
}
.ibass-rdefault-selected:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-rdefault-selected:before {
  content: "\EC13";
}
.ibass-database-outline:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-database-outline:before {
  content: "\EC14";
}
.ibass-custom:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-custom:before {
  content: "\EC15";
}
.ibass-system:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-system:before {
  content: "\EC16";
}
.ibass-strickout:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-strickout:before {
  content: "\EC17";
}
.ibass-sidebar-notification:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-notification:before {
  content: "\EC18";
}
.ibass-sidebar-at:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-at:before {
  content: "\EC19";
}
.ibass-sidebar-research:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-research:before {
  content: "\EC20";
}
.ibass-sidebar-add-task:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-add-task:before {
  content: "\EC21";
}
.ibass-sidebar-timer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-timer:before {
  content: "\EC22";
}
.ibass-sidebar-timer-stop:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-timer-stop:before {
  content: "\EC23";
}
.ibass-financial:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-financial:before {
  content: "\EC24";
}
.ibass-customer-service-for-sidebar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer-service-for-sidebar:before {
  content: "\EC25";
}
.ibass-Detail:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-Detail:before {
  content: "\EC26";
}
.ibass-new-comment:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-new-comment:before {
  content: "\EC27";
}
.ibass-zoom-out:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-zoom-out:before {
  content: "\EC28";
}
.ibass-zoom-in:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-zoom-in:before {
  content: "\EC29";
}
.ibass-print:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-print:before {
  content: "\EC30";
}
.ibass-fullScreen:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-fullScreen:before {
  content: "\EC31";
}
.ibass-defaultScreen:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-defaultScreen:before {
  content: "\EC32";
}
.ibass-new-download:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-new-download:before {
  content: "\EC33";
}
.ibass-wechat:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-wechat:before {
  content: "\EC34";
}
.ibass-sidebar-empty-timer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-empty-timer:before {
  content: "\EC35";
}
.ibass-keynote:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-keynote:before {
  content: "\EC36";
}
.ibass-numbers:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-numbers:before {
  content: "\EC37";
}
.ibass-pages:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-pages:before {
  content: "\EC38";
}
.ibass-home:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-home:before {
  content: "\EC39";
}
.ibass-folder:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-folder:before {
  content: "\EC40";
}
.ibass-picker:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-picker:before {
  content: "\EC41";
}
.ibass-speaker:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-speaker:before {
  content: "\EC42";
}
.ibass-bigdata-share:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-share:before {
  content: "\EC43";
}
.ibass-bigdata-download:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-download:before {
  content: "\EC44";
}
.ibass-bigdata-list:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-list:before {
  content: "\EC45";
}
.ibass-bigdata-visualization:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-visualization:before {
  content: "\EC46";
}
.ibass-bigdata-area-diagram:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-area-diagram:before {
  content: "\EC47";
}
.ibass-bigdata-annular:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-annular:before {
  content: "\EC48";
}
.ibass-bigdata-biaxial-graph:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-biaxial-graph:before {
  content: "\EC49";
}
.ibass-bigdata-form:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-form:before {
  content: "\EC50";
}
.ibass-h1:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-h1:before {
  content: "\EC51";
}
.ibass-h2:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-h2:before {
  content: "\EC52";
}
.ibass-undo:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-undo:before {
  content: "\EC53";
}
.ibass-live:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-live:before {
  content: "\EC54";
}
.ibass-replace:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-replace:before {
  content: "\EC55";
}
.ibass-printline:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-printline:before {
  content: "\EC56";
}
.ibass-counsellor:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-counsellor:before {
  content: "\EC57";
}
.ibass-intelligent-chart-bar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-intelligent-chart-bar:before {
  content: "\EC58";
}
.ibass-legal-finance-regulations:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-finance-regulations:before {
  content: "\EC59";
}
.ibass-legal-court-decisions:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-court-decisions:before {
  content: "\EC60";
}
.ibass-legal-punish:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-punish:before {
  content: "\EC61";
}
.ibass-legal-dynamic:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-dynamic:before {
  content: "\EC62";
}
.ibass-legal-questions-answers:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-questions-answers:before {
  content: "\EC63";
}
.ibass-check-internal:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-internal:before {
  content: "\EC64";
}
.ibass-check-outside:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-outside:before {
  content: "\EC65";
}
.ibass-check-undo-internal:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-undo-internal:before {
  content: "\EC66";
}
.ibass-check-undo-outside:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-undo-outside:before {
  content: "\EC67";
}
.ibass-aicase:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-aicase:before {
  content: "\EC68";
}
.ibass-case-compilation-rules:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-case-compilation-rules:before {
  content: "\EC69";
}
.ibass-radar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-radar:before {
  content: "\EC70";
}
.ibass-client-list:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-client-list:before {
  content: "\EC71";
}
.ibass-smart-form:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-smart-form:before {
  content: "\EC72";
}
.ibass-industry-radar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-industry-radar:before {
  content: "\EC73";
}
.ibass-academic-viewpoint:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-academic-viewpoint:before {
  content: "\EC74";
}
.ibass-excellent-case:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-excellent-case:before {
  content: "\EC75";
}

@font-face {
  font-family: "icon";
  src: url('fonts/icon.eot');
  src: url('fonts/icon.eot?#iefix') format('eot'), url('fonts/icon.woff2') format('woff2'), url('fonts/icon.woff') format('woff'), url('fonts/icon.ttf') format('truetype'), url('fonts/icon.svg#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-2x {
  font-size: 2em;
}
.icon-3x {
  font-size: 3em;
}
.icon-4x {
  font-size: 4em;
}
.icon-5x {
  font-size: 5em;
}
.icon-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-dropdown:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dropdown-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-dropdown-2x {
  font-size: 2em;
}
.icon-dropdown-3x {
  font-size: 3em;
}
.icon-dropdown-4x {
  font-size: 4em;
}
.icon-dropdown-5x {
  font-size: 5em;
}
.icon-dropdown-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-dropdown:before {
  content: "\E900";
}
.icon-calendar:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-calendar-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-calendar-2x {
  font-size: 2em;
}
.icon-calendar-3x {
  font-size: 3em;
}
.icon-calendar-4x {
  font-size: 4em;
}
.icon-calendar-5x {
  font-size: 5em;
}
.icon-calendar-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-calendar:before {
  content: "\E901";
}
.icon-collpseleft:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-collpseleft-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-collpseleft-2x {
  font-size: 2em;
}
.icon-collpseleft-3x {
  font-size: 3em;
}
.icon-collpseleft-4x {
  font-size: 4em;
}
.icon-collpseleft-5x {
  font-size: 5em;
}
.icon-collpseleft-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-collpseleft:before {
  content: "\E902";
}
.icon-fullscreen:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fullscreen-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-fullscreen-2x {
  font-size: 2em;
}
.icon-fullscreen-3x {
  font-size: 3em;
}
.icon-fullscreen-4x {
  font-size: 4em;
}
.icon-fullscreen-5x {
  font-size: 5em;
}
.icon-fullscreen-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-fullscreen:before {
  content: "\E903";
}
.icon-close:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-close-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-close-2x {
  font-size: 2em;
}
.icon-close-3x {
  font-size: 3em;
}
.icon-close-4x {
  font-size: 4em;
}
.icon-close-5x {
  font-size: 5em;
}
.icon-close-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-close:before {
  content: "\E904";
}
.icon-add:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-add-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-add-2x {
  font-size: 2em;
}
.icon-add-3x {
  font-size: 3em;
}
.icon-add-4x {
  font-size: 4em;
}
.icon-add-5x {
  font-size: 5em;
}
.icon-add-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-add:before {
  content: "\E905";
}
.icon-add-round:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-add-round-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-add-round-2x {
  font-size: 2em;
}
.icon-add-round-3x {
  font-size: 3em;
}
.icon-add-round-4x {
  font-size: 4em;
}
.icon-add-round-5x {
  font-size: 5em;
}
.icon-add-round-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-add-round:before {
  content: "\E906";
}
.icon-search:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-search-2x {
  font-size: 2em;
}
.icon-search-3x {
  font-size: 3em;
}
.icon-search-4x {
  font-size: 4em;
}
.icon-search-5x {
  font-size: 5em;
}
.icon-search-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-search:before {
  content: "\E907";
}
.icon-search-round:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search-round-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-search-round-2x {
  font-size: 2em;
}
.icon-search-round-3x {
  font-size: 3em;
}
.icon-search-round-4x {
  font-size: 4em;
}
.icon-search-round-5x {
  font-size: 5em;
}
.icon-search-round-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-search-round:before {
  content: "\E908";
}
.icon-notification:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-notification-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-notification-2x {
  font-size: 2em;
}
.icon-notification-3x {
  font-size: 3em;
}
.icon-notification-4x {
  font-size: 4em;
}
.icon-notification-5x {
  font-size: 5em;
}
.icon-notification-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-notification:before {
  content: "\E909";
}
.icon-user-around:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user-around-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-user-around-2x {
  font-size: 2em;
}
.icon-user-around-3x {
  font-size: 3em;
}
.icon-user-around-4x {
  font-size: 4em;
}
.icon-user-around-5x {
  font-size: 5em;
}
.icon-user-around-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-user-around:before {
  content: "\E90A";
}
.icon-folder:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-folder-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-folder-2x {
  font-size: 2em;
}
.icon-folder-3x {
  font-size: 3em;
}
.icon-folder-4x {
  font-size: 4em;
}
.icon-folder-5x {
  font-size: 5em;
}
.icon-folder-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-folder:before {
  content: "\E90B";
}
.icon-contact:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-contact-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-contact-2x {
  font-size: 2em;
}
.icon-contact-3x {
  font-size: 3em;
}
.icon-contact-4x {
  font-size: 4em;
}
.icon-contact-5x {
  font-size: 5em;
}
.icon-contact-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-contact:before {
  content: "\E90C";
}
.icon-clock:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-clock-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-clock-2x {
  font-size: 2em;
}
.icon-clock-3x {
  font-size: 3em;
}
.icon-clock-4x {
  font-size: 4em;
}
.icon-clock-5x {
  font-size: 5em;
}
.icon-clock-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-clock:before {
  content: "\E90D";
}
.icon-flag:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-flag-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-flag-2x {
  font-size: 2em;
}
.icon-flag-3x {
  font-size: 3em;
}
.icon-flag-4x {
  font-size: 4em;
}
.icon-flag-5x {
  font-size: 5em;
}
.icon-flag-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-flag:before {
  content: "\E90E";
}
.icon-doc:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-doc-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-doc-2x {
  font-size: 2em;
}
.icon-doc-3x {
  font-size: 3em;
}
.icon-doc-4x {
  font-size: 4em;
}
.icon-doc-5x {
  font-size: 5em;
}
.icon-doc-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-doc:before {
  content: "\E90F";
}
.icon-add-fill:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-add-fill-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-add-fill-2x {
  font-size: 2em;
}
.icon-add-fill-3x {
  font-size: 3em;
}
.icon-add-fill-4x {
  font-size: 4em;
}
.icon-add-fill-5x {
  font-size: 5em;
}
.icon-add-fill-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-add-fill:before {
  content: "\E910";
}
.icon-search-fill:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search-fill-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-search-fill-2x {
  font-size: 2em;
}
.icon-search-fill-3x {
  font-size: 3em;
}
.icon-search-fill-4x {
  font-size: 4em;
}
.icon-search-fill-5x {
  font-size: 5em;
}
.icon-search-fill-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-search-fill:before {
  content: "\E911";
}
.icon-list:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-list-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-list-2x {
  font-size: 2em;
}
.icon-list-3x {
  font-size: 3em;
}
.icon-list-4x {
  font-size: 4em;
}
.icon-list-5x {
  font-size: 5em;
}
.icon-list-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-list:before {
  content: "\E912";
}
.icon-comment:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-comment-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-comment-2x {
  font-size: 2em;
}
.icon-comment-3x {
  font-size: 3em;
}
.icon-comment-4x {
  font-size: 4em;
}
.icon-comment-5x {
  font-size: 5em;
}
.icon-comment-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-comment:before {
  content: "\E913";
}
.icon-checkbox:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-checkbox-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-checkbox-2x {
  font-size: 2em;
}
.icon-checkbox-3x {
  font-size: 3em;
}
.icon-checkbox-4x {
  font-size: 4em;
}
.icon-checkbox-5x {
  font-size: 5em;
}
.icon-checkbox-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-checkbox:before {
  content: "\E914";
}
.icon-checked:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-checked-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-checked-2x {
  font-size: 2em;
}
.icon-checked-3x {
  font-size: 3em;
}
.icon-checked-4x {
  font-size: 4em;
}
.icon-checked-5x {
  font-size: 5em;
}
.icon-checked-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-checked:before {
  content: "\E915";
}
.icon-edit:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-edit-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-edit-2x {
  font-size: 2em;
}
.icon-edit-3x {
  font-size: 3em;
}
.icon-edit-4x {
  font-size: 4em;
}
.icon-edit-5x {
  font-size: 5em;
}
.icon-edit-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-edit:before {
  content: "\E916";
}
.icon-delete:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-delete-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-delete-2x {
  font-size: 2em;
}
.icon-delete-3x {
  font-size: 3em;
}
.icon-delete-4x {
  font-size: 4em;
}
.icon-delete-5x {
  font-size: 5em;
}
.icon-delete-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-delete:before {
  content: "\E917";
}
.icon-team:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-team-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-team-2x {
  font-size: 2em;
}
.icon-team-3x {
  font-size: 3em;
}
.icon-team-4x {
  font-size: 4em;
}
.icon-team-5x {
  font-size: 5em;
}
.icon-team-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-team:before {
  content: "\E918";
}
.icon-forward-around:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-forward-around-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-forward-around-2x {
  font-size: 2em;
}
.icon-forward-around-3x {
  font-size: 3em;
}
.icon-forward-around-4x {
  font-size: 4em;
}
.icon-forward-around-5x {
  font-size: 5em;
}
.icon-forward-around-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-forward-around:before {
  content: "\E919";
}
.icon-bookmark:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-bookmark-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-bookmark-2x {
  font-size: 2em;
}
.icon-bookmark-3x {
  font-size: 3em;
}
.icon-bookmark-4x {
  font-size: 4em;
}
.icon-bookmark-5x {
  font-size: 5em;
}
.icon-bookmark-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-bookmark:before {
  content: "\E91A";
}
.icon-download:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-download-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-download-2x {
  font-size: 2em;
}
.icon-download-3x {
  font-size: 3em;
}
.icon-download-4x {
  font-size: 4em;
}
.icon-download-5x {
  font-size: 5em;
}
.icon-download-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-download:before {
  content: "\E91B";
}
.icon-file-move:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-move-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-move-2x {
  font-size: 2em;
}
.icon-file-move-3x {
  font-size: 3em;
}
.icon-file-move-4x {
  font-size: 4em;
}
.icon-file-move-5x {
  font-size: 5em;
}
.icon-file-move-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-move:before {
  content: "\E91C";
}
.icon-company:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-company-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-company-2x {
  font-size: 2em;
}
.icon-company-3x {
  font-size: 3em;
}
.icon-company-4x {
  font-size: 4em;
}
.icon-company-5x {
  font-size: 5em;
}
.icon-company-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-company:before {
  content: "\E91D";
}
.icon-openlink:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-openlink-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-openlink-2x {
  font-size: 2em;
}
.icon-openlink-3x {
  font-size: 3em;
}
.icon-openlink-4x {
  font-size: 4em;
}
.icon-openlink-5x {
  font-size: 5em;
}
.icon-openlink-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-openlink:before {
  content: "\E91E";
}
.icon-sync:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-sync-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-sync-2x {
  font-size: 2em;
}
.icon-sync-3x {
  font-size: 3em;
}
.icon-sync-4x {
  font-size: 4em;
}
.icon-sync-5x {
  font-size: 5em;
}
.icon-sync-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-sync:before {
  content: "\E91F";
}
.icon-checkmark:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-checkmark-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-checkmark-2x {
  font-size: 2em;
}
.icon-checkmark-3x {
  font-size: 3em;
}
.icon-checkmark-4x {
  font-size: 4em;
}
.icon-checkmark-5x {
  font-size: 5em;
}
.icon-checkmark-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-checkmark:before {
  content: "\E920";
}
.icon-copy:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-copy-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-copy-2x {
  font-size: 2em;
}
.icon-copy-3x {
  font-size: 3em;
}
.icon-copy-4x {
  font-size: 4em;
}
.icon-copy-5x {
  font-size: 5em;
}
.icon-copy-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-copy:before {
  content: "\E921";
}
.icon-rename:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-rename-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-rename-2x {
  font-size: 2em;
}
.icon-rename-3x {
  font-size: 3em;
}
.icon-rename-4x {
  font-size: 4em;
}
.icon-rename-5x {
  font-size: 5em;
}
.icon-rename-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-rename:before {
  content: "\E922";
}
.icon-smart:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-smart-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-smart-2x {
  font-size: 2em;
}
.icon-smart-3x {
  font-size: 3em;
}
.icon-smart-4x {
  font-size: 4em;
}
.icon-smart-5x {
  font-size: 5em;
}
.icon-smart-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-smart:before {
  content: "\E923";
}
.icon-analytics:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-analytics-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-analytics-2x {
  font-size: 2em;
}
.icon-analytics-3x {
  font-size: 3em;
}
.icon-analytics-4x {
  font-size: 4em;
}
.icon-analytics-5x {
  font-size: 5em;
}
.icon-analytics-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-analytics:before {
  content: "\E924";
}
.icon-overview:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-overview-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-overview-2x {
  font-size: 2em;
}
.icon-overview-3x {
  font-size: 3em;
}
.icon-overview-4x {
  font-size: 4em;
}
.icon-overview-5x {
  font-size: 5em;
}
.icon-overview-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-overview:before {
  content: "\E925";
}
.icon-lawyer:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-lawyer-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-lawyer-2x {
  font-size: 2em;
}
.icon-lawyer-3x {
  font-size: 3em;
}
.icon-lawyer-4x {
  font-size: 4em;
}
.icon-lawyer-5x {
  font-size: 5em;
}
.icon-lawyer-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-lawyer:before {
  content: "\E926";
}
.icon-opposite:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-opposite-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-opposite-2x {
  font-size: 2em;
}
.icon-opposite-3x {
  font-size: 3em;
}
.icon-opposite-4x {
  font-size: 4em;
}
.icon-opposite-5x {
  font-size: 5em;
}
.icon-opposite-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-opposite:before {
  content: "\E927";
}
.icon-firm:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-firm-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-firm-2x {
  font-size: 2em;
}
.icon-firm-3x {
  font-size: 3em;
}
.icon-firm-4x {
  font-size: 4em;
}
.icon-firm-5x {
  font-size: 5em;
}
.icon-firm-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-firm:before {
  content: "\E928";
}
.icon-ellipses:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-ellipses-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-ellipses-2x {
  font-size: 2em;
}
.icon-ellipses-3x {
  font-size: 3em;
}
.icon-ellipses-4x {
  font-size: 4em;
}
.icon-ellipses-5x {
  font-size: 5em;
}
.icon-ellipses-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-ellipses:before {
  content: "\E929";
}
.icon-template:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-template-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-template-2x {
  font-size: 2em;
}
.icon-template-3x {
  font-size: 3em;
}
.icon-template-4x {
  font-size: 4em;
}
.icon-template-5x {
  font-size: 5em;
}
.icon-template-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-template:before {
  content: "\E92A";
}
.icon-email:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-email-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-email-2x {
  font-size: 2em;
}
.icon-email-3x {
  font-size: 3em;
}
.icon-email-4x {
  font-size: 4em;
}
.icon-email-5x {
  font-size: 5em;
}
.icon-email-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-email:before {
  content: "\E92B";
}
.icon-phone:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-phone-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-phone-2x {
  font-size: 2em;
}
.icon-phone-3x {
  font-size: 3em;
}
.icon-phone-4x {
  font-size: 4em;
}
.icon-phone-5x {
  font-size: 5em;
}
.icon-phone-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-phone:before {
  content: "\E92C";
}
.icon-user-female-round:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user-female-round-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-user-female-round-2x {
  font-size: 2em;
}
.icon-user-female-round-3x {
  font-size: 3em;
}
.icon-user-female-round-4x {
  font-size: 4em;
}
.icon-user-female-round-5x {
  font-size: 5em;
}
.icon-user-female-round-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-user-female-round:before {
  content: "\E92D";
}
.icon-user-card:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user-card-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-user-card-2x {
  font-size: 2em;
}
.icon-user-card-3x {
  font-size: 3em;
}
.icon-user-card-4x {
  font-size: 4em;
}
.icon-user-card-5x {
  font-size: 5em;
}
.icon-user-card-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-user-card:before {
  content: "\E92E";
}
.icon-tag:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-tag-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-tag-2x {
  font-size: 2em;
}
.icon-tag-3x {
  font-size: 3em;
}
.icon-tag-4x {
  font-size: 4em;
}
.icon-tag-5x {
  font-size: 5em;
}
.icon-tag-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-tag:before {
  content: "\E92F";
}
.icon-link:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-link-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-link-2x {
  font-size: 2em;
}
.icon-link-3x {
  font-size: 3em;
}
.icon-link-4x {
  font-size: 4em;
}
.icon-link-5x {
  font-size: 5em;
}
.icon-link-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-link:before {
  content: "\E930";
}
.icon-folder-root:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-folder-root-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-folder-root-2x {
  font-size: 2em;
}
.icon-folder-root-3x {
  font-size: 3em;
}
.icon-folder-root-4x {
  font-size: 4em;
}
.icon-folder-root-5x {
  font-size: 5em;
}
.icon-folder-root-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-folder-root:before {
  content: "\E931";
}
.icon-handle:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-handle-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-handle-2x {
  font-size: 2em;
}
.icon-handle-3x {
  font-size: 3em;
}
.icon-handle-4x {
  font-size: 4em;
}
.icon-handle-5x {
  font-size: 5em;
}
.icon-handle-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-handle:before {
  content: "\E932";
}
.icon-quote:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-quote-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-quote-2x {
  font-size: 2em;
}
.icon-quote-3x {
  font-size: 3em;
}
.icon-quote-4x {
  font-size: 4em;
}
.icon-quote-5x {
  font-size: 5em;
}
.icon-quote-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-quote:before {
  content: "\E933";
}
.icon-logout:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-logout-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-logout-2x {
  font-size: 2em;
}
.icon-logout-3x {
  font-size: 3em;
}
.icon-logout-4x {
  font-size: 4em;
}
.icon-logout-5x {
  font-size: 5em;
}
.icon-logout-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-logout:before {
  content: "\E934";
}
.icon-financial:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-financial-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-financial-2x {
  font-size: 2em;
}
.icon-financial-3x {
  font-size: 3em;
}
.icon-financial-4x {
  font-size: 4em;
}
.icon-financial-5x {
  font-size: 5em;
}
.icon-financial-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-financial:before {
  content: "\E935";
}
.icon-editor-bold:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-editor-bold-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-editor-bold-2x {
  font-size: 2em;
}
.icon-editor-bold-3x {
  font-size: 3em;
}
.icon-editor-bold-4x {
  font-size: 4em;
}
.icon-editor-bold-5x {
  font-size: 5em;
}
.icon-editor-bold-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-editor-bold:before {
  content: "\E936";
}
.icon-editor-italic:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-editor-italic-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-editor-italic-2x {
  font-size: 2em;
}
.icon-editor-italic-3x {
  font-size: 3em;
}
.icon-editor-italic-4x {
  font-size: 4em;
}
.icon-editor-italic-5x {
  font-size: 5em;
}
.icon-editor-italic-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-editor-italic:before {
  content: "\E937";
}
.icon-editor-underline:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-editor-underline-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-editor-underline-2x {
  font-size: 2em;
}
.icon-editor-underline-3x {
  font-size: 3em;
}
.icon-editor-underline-4x {
  font-size: 4em;
}
.icon-editor-underline-5x {
  font-size: 5em;
}
.icon-editor-underline-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-editor-underline:before {
  content: "\E938";
}
.icon-editor-linethrough:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-editor-linethrough-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-editor-linethrough-2x {
  font-size: 2em;
}
.icon-editor-linethrough-3x {
  font-size: 3em;
}
.icon-editor-linethrough-4x {
  font-size: 4em;
}
.icon-editor-linethrough-5x {
  font-size: 5em;
}
.icon-editor-linethrough-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-editor-linethrough:before {
  content: "\E939";
}
.icon-editor-color:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-editor-color-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-editor-color-2x {
  font-size: 2em;
}
.icon-editor-color-3x {
  font-size: 3em;
}
.icon-editor-color-4x {
  font-size: 4em;
}
.icon-editor-color-5x {
  font-size: 5em;
}
.icon-editor-color-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-editor-color:before {
  content: "\E93A";
}
.icon-editor-orderlist:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-editor-orderlist-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-editor-orderlist-2x {
  font-size: 2em;
}
.icon-editor-orderlist-3x {
  font-size: 3em;
}
.icon-editor-orderlist-4x {
  font-size: 4em;
}
.icon-editor-orderlist-5x {
  font-size: 5em;
}
.icon-editor-orderlist-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-editor-orderlist:before {
  content: "\E93B";
}
.icon-editor-list:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-editor-list-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-editor-list-2x {
  font-size: 2em;
}
.icon-editor-list-3x {
  font-size: 3em;
}
.icon-editor-list-4x {
  font-size: 4em;
}
.icon-editor-list-5x {
  font-size: 5em;
}
.icon-editor-list-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-editor-list:before {
  content: "\E93C";
}
.icon-alpha:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-alpha-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-alpha-2x {
  font-size: 2em;
}
.icon-alpha-3x {
  font-size: 3em;
}
.icon-alpha-4x {
  font-size: 4em;
}
.icon-alpha-5x {
  font-size: 5em;
}
.icon-alpha-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-alpha:before {
  content: "\E93D";
}
.icon-picture:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-picture-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-picture-2x {
  font-size: 2em;
}
.icon-picture-3x {
  font-size: 3em;
}
.icon-picture-4x {
  font-size: 4em;
}
.icon-picture-5x {
  font-size: 5em;
}
.icon-picture-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-picture:before {
  content: "\E93E";
}
.icon-attach:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-attach-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-attach-2x {
  font-size: 2em;
}
.icon-attach-3x {
  font-size: 3em;
}
.icon-attach-4x {
  font-size: 4em;
}
.icon-attach-5x {
  font-size: 5em;
}
.icon-attach-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-attach:before {
  content: "\E93F";
}
.icon-warning:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-warning-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-warning-2x {
  font-size: 2em;
}
.icon-warning-3x {
  font-size: 3em;
}
.icon-warning-4x {
  font-size: 4em;
}
.icon-warning-5x {
  font-size: 5em;
}
.icon-warning-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-warning:before {
  content: "\E940";
}
.icon-info:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-info-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-info-2x {
  font-size: 2em;
}
.icon-info-3x {
  font-size: 3em;
}
.icon-info-4x {
  font-size: 4em;
}
.icon-info-5x {
  font-size: 5em;
}
.icon-info-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-info:before {
  content: "\E941";
}
.icon-preference:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-preference-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-preference-2x {
  font-size: 2em;
}
.icon-preference-3x {
  font-size: 3em;
}
.icon-preference-4x {
  font-size: 4em;
}
.icon-preference-5x {
  font-size: 5em;
}
.icon-preference-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-preference:before {
  content: "\E942";
}
.icon-usage:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-usage-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-usage-2x {
  font-size: 2em;
}
.icon-usage-3x {
  font-size: 3em;
}
.icon-usage-4x {
  font-size: 4em;
}
.icon-usage-5x {
  font-size: 5em;
}
.icon-usage-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-usage:before {
  content: "\E943";
}
.icon-alert:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-alert-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-alert-2x {
  font-size: 2em;
}
.icon-alert-3x {
  font-size: 3em;
}
.icon-alert-4x {
  font-size: 4em;
}
.icon-alert-5x {
  font-size: 5em;
}
.icon-alert-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-alert:before {
  content: "\E944";
}
.icon-repeat:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-repeat-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-repeat-2x {
  font-size: 2em;
}
.icon-repeat-3x {
  font-size: 3em;
}
.icon-repeat-4x {
  font-size: 4em;
}
.icon-repeat-5x {
  font-size: 5em;
}
.icon-repeat-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-repeat:before {
  content: "\E945";
}
.icon-insert:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-insert-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-insert-2x {
  font-size: 2em;
}
.icon-insert-3x {
  font-size: 3em;
}
.icon-insert-4x {
  font-size: 4em;
}
.icon-insert-5x {
  font-size: 5em;
}
.icon-insert-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-insert:before {
  content: "\E946";
}
.icon-text:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-text-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-text-2x {
  font-size: 2em;
}
.icon-text-3x {
  font-size: 3em;
}
.icon-text-4x {
  font-size: 4em;
}
.icon-text-5x {
  font-size: 5em;
}
.icon-text-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-text:before {
  content: "\E947";
}
.icon-radio-checked:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-radio-checked-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-radio-checked-2x {
  font-size: 2em;
}
.icon-radio-checked-3x {
  font-size: 3em;
}
.icon-radio-checked-4x {
  font-size: 4em;
}
.icon-radio-checked-5x {
  font-size: 5em;
}
.icon-radio-checked-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-radio-checked:before {
  content: "\E948";
}
.icon-field-checkbox:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-field-checkbox-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-field-checkbox-2x {
  font-size: 2em;
}
.icon-field-checkbox-3x {
  font-size: 3em;
}
.icon-field-checkbox-4x {
  font-size: 4em;
}
.icon-field-checkbox-5x {
  font-size: 5em;
}
.icon-field-checkbox-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-field-checkbox:before {
  content: "\E949";
}
.icon-preview:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-preview-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-preview-2x {
  font-size: 2em;
}
.icon-preview-3x {
  font-size: 3em;
}
.icon-preview-4x {
  font-size: 4em;
}
.icon-preview-5x {
  font-size: 5em;
}
.icon-preview-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-preview:before {
  content: "\E94A";
}
.icon-wx-scan:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-wx-scan-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-wx-scan-2x {
  font-size: 2em;
}
.icon-wx-scan-3x {
  font-size: 3em;
}
.icon-wx-scan-4x {
  font-size: 4em;
}
.icon-wx-scan-5x {
  font-size: 5em;
}
.icon-wx-scan-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-wx-scan:before {
  content: "\E94B";
}
.icon-help:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-help-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-help-2x {
  font-size: 2em;
}
.icon-help-3x {
  font-size: 3em;
}
.icon-help-4x {
  font-size: 4em;
}
.icon-help-5x {
  font-size: 5em;
}
.icon-help-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-help:before {
  content: "\E94C";
}
.icon-restore:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-restore-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-restore-2x {
  font-size: 2em;
}
.icon-restore-3x {
  font-size: 3em;
}
.icon-restore-4x {
  font-size: 4em;
}
.icon-restore-5x {
  font-size: 5em;
}
.icon-restore-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-restore:before {
  content: "\E94D";
}
.icon-dropdown-round:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dropdown-round-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-dropdown-round-2x {
  font-size: 2em;
}
.icon-dropdown-round-3x {
  font-size: 3em;
}
.icon-dropdown-round-4x {
  font-size: 4em;
}
.icon-dropdown-round-5x {
  font-size: 5em;
}
.icon-dropdown-round-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-dropdown-round:before {
  content: "\E94E";
}
.icon-archive:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-archive-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-archive-2x {
  font-size: 2em;
}
.icon-archive-3x {
  font-size: 3em;
}
.icon-archive-4x {
  font-size: 4em;
}
.icon-archive-5x {
  font-size: 5em;
}
.icon-archive-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-archive:before {
  content: "\E94F";
}
.icon-tree-expand:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-tree-expand-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-tree-expand-2x {
  font-size: 2em;
}
.icon-tree-expand-3x {
  font-size: 3em;
}
.icon-tree-expand-4x {
  font-size: 4em;
}
.icon-tree-expand-5x {
  font-size: 5em;
}
.icon-tree-expand-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-tree-expand:before {
  content: "\E950";
}
.icon-tree-collapse:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-tree-collapse-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-tree-collapse-2x {
  font-size: 2em;
}
.icon-tree-collapse-3x {
  font-size: 3em;
}
.icon-tree-collapse-4x {
  font-size: 4em;
}
.icon-tree-collapse-5x {
  font-size: 5em;
}
.icon-tree-collapse-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-tree-collapse:before {
  content: "\E951";
}
.icon-radio:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-radio-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-radio-2x {
  font-size: 2em;
}
.icon-radio-3x {
  font-size: 3em;
}
.icon-radio-4x {
  font-size: 4em;
}
.icon-radio-5x {
  font-size: 5em;
}
.icon-radio-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-radio:before {
  content: "\E952";
}
.icon-field-casade:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-field-casade-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-field-casade-2x {
  font-size: 2em;
}
.icon-field-casade-3x {
  font-size: 3em;
}
.icon-field-casade-4x {
  font-size: 4em;
}
.icon-field-casade-5x {
  font-size: 5em;
}
.icon-field-casade-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-field-casade:before {
  content: "\E953";
}
.icon-book:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-book-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-book-2x {
  font-size: 2em;
}
.icon-book-3x {
  font-size: 3em;
}
.icon-book-4x {
  font-size: 4em;
}
.icon-book-5x {
  font-size: 5em;
}
.icon-book-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-book:before {
  content: "\E954";
}
.icon-patent:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-patent-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-patent-2x {
  font-size: 2em;
}
.icon-patent-3x {
  font-size: 3em;
}
.icon-patent-4x {
  font-size: 4em;
}
.icon-patent-5x {
  font-size: 5em;
}
.icon-patent-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-patent:before {
  content: "\E955";
}
.icon-key:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-key-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-key-2x {
  font-size: 2em;
}
.icon-key-3x {
  font-size: 3em;
}
.icon-key-4x {
  font-size: 4em;
}
.icon-key-5x {
  font-size: 5em;
}
.icon-key-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-key:before {
  content: "\E956";
}
.icon-check:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-check-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-check-2x {
  font-size: 2em;
}
.icon-check-3x {
  font-size: 3em;
}
.icon-check-4x {
  font-size: 4em;
}
.icon-check-5x {
  font-size: 5em;
}
.icon-check-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-check:before {
  content: "\E957";
}
.icon-start:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-start-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-start-2x {
  font-size: 2em;
}
.icon-start-3x {
  font-size: 3em;
}
.icon-start-4x {
  font-size: 4em;
}
.icon-start-5x {
  font-size: 5em;
}
.icon-start-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-start:before {
  content: "\E958";
}
.icon-stop:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-stop-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-stop-2x {
  font-size: 2em;
}
.icon-stop-3x {
  font-size: 3em;
}
.icon-stop-4x {
  font-size: 4em;
}
.icon-stop-5x {
  font-size: 5em;
}
.icon-stop-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-stop:before {
  content: "\E959";
}
.icon-tool:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-tool-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-tool-2x {
  font-size: 2em;
}
.icon-tool-3x {
  font-size: 3em;
}
.icon-tool-4x {
  font-size: 4em;
}
.icon-tool-5x {
  font-size: 5em;
}
.icon-tool-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-tool:before {
  content: "\E96A";
}
.icon-task:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-task-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-task-2x {
  font-size: 2em;
}
.icon-task-3x {
  font-size: 3em;
}
.icon-task-4x {
  font-size: 4em;
}
.icon-task-5x {
  font-size: 5em;
}
.icon-task-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-task:before {
  content: "\E96B";
}
.icon-required:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-required-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-required-2x {
  font-size: 2em;
}
.icon-required-3x {
  font-size: 3em;
}
.icon-required-4x {
  font-size: 4em;
}
.icon-required-5x {
  font-size: 5em;
}
.icon-required-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-required:before {
  content: "\E96C";
}
.icon-judge:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-judge-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-judge-2x {
  font-size: 2em;
}
.icon-judge-3x {
  font-size: 3em;
}
.icon-judge-4x {
  font-size: 4em;
}
.icon-judge-5x {
  font-size: 5em;
}
.icon-judge-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-judge:before {
  content: "\E96D";
}
.icon-clerk:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-clerk-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-clerk-2x {
  font-size: 2em;
}
.icon-clerk-3x {
  font-size: 3em;
}
.icon-clerk-4x {
  font-size: 4em;
}
.icon-clerk-5x {
  font-size: 5em;
}
.icon-clerk-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-clerk:before {
  content: "\E96E";
}
.icon-progress:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-progress-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-progress-2x {
  font-size: 2em;
}
.icon-progress-3x {
  font-size: 3em;
}
.icon-progress-4x {
  font-size: 4em;
}
.icon-progress-5x {
  font-size: 5em;
}
.icon-progress-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-progress:before {
  content: "\E96F";
}
.icon-member-setting:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-member-setting-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-member-setting-2x {
  font-size: 2em;
}
.icon-member-setting-3x {
  font-size: 3em;
}
.icon-member-setting-4x {
  font-size: 4em;
}
.icon-member-setting-5x {
  font-size: 5em;
}
.icon-member-setting-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-member-setting:before {
  content: "\E970";
}
.icon-right:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-right-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-right-2x {
  font-size: 2em;
}
.icon-right-3x {
  font-size: 3em;
}
.icon-right-4x {
  font-size: 4em;
}
.icon-right-5x {
  font-size: 5em;
}
.icon-right-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-right:before {
  content: "\E971";
}
.icon-left:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-left-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-left-2x {
  font-size: 2em;
}
.icon-left-3x {
  font-size: 3em;
}
.icon-left-4x {
  font-size: 4em;
}
.icon-left-5x {
  font-size: 5em;
}
.icon-left-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-left:before {
  content: "\E972";
}
.icon-up:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-up-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-up-2x {
  font-size: 2em;
}
.icon-up-3x {
  font-size: 3em;
}
.icon-up-4x {
  font-size: 4em;
}
.icon-up-5x {
  font-size: 5em;
}
.icon-up-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-up:before {
  content: "\E973";
}
.icon-smiley:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-smiley-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-smiley-2x {
  font-size: 2em;
}
.icon-smiley-3x {
  font-size: 3em;
}
.icon-smiley-4x {
  font-size: 4em;
}
.icon-smiley-5x {
  font-size: 5em;
}
.icon-smiley-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-smiley:before {
  content: "\E974";
}
.icon-separate:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-separate-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-separate-2x {
  font-size: 2em;
}
.icon-separate-3x {
  font-size: 3em;
}
.icon-separate-4x {
  font-size: 4em;
}
.icon-separate-5x {
  font-size: 5em;
}
.icon-separate-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-separate:before {
  content: "\E975";
}
.icon-file-default:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-default-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-default-2x {
  font-size: 2em;
}
.icon-file-default-3x {
  font-size: 3em;
}
.icon-file-default-4x {
  font-size: 4em;
}
.icon-file-default-5x {
  font-size: 5em;
}
.icon-file-default-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-default:before {
  content: "\E980";
}
.icon-file-image:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-image-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-image-2x {
  font-size: 2em;
}
.icon-file-image-3x {
  font-size: 3em;
}
.icon-file-image-4x {
  font-size: 4em;
}
.icon-file-image-5x {
  font-size: 5em;
}
.icon-file-image-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-image:before {
  content: "\E981";
}
.icon-file-pdf:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-pdf-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-pdf-2x {
  font-size: 2em;
}
.icon-file-pdf-3x {
  font-size: 3em;
}
.icon-file-pdf-4x {
  font-size: 4em;
}
.icon-file-pdf-5x {
  font-size: 5em;
}
.icon-file-pdf-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-pdf:before {
  content: "\E982";
}
.icon-file-ppt:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-ppt-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-ppt-2x {
  font-size: 2em;
}
.icon-file-ppt-3x {
  font-size: 3em;
}
.icon-file-ppt-4x {
  font-size: 4em;
}
.icon-file-ppt-5x {
  font-size: 5em;
}
.icon-file-ppt-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-ppt:before {
  content: "\E983";
}
.icon-file-word:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-word-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-word-2x {
  font-size: 2em;
}
.icon-file-word-3x {
  font-size: 3em;
}
.icon-file-word-4x {
  font-size: 4em;
}
.icon-file-word-5x {
  font-size: 5em;
}
.icon-file-word-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-word:before {
  content: "\E984";
}
.icon-file-excel:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-excel-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-excel-2x {
  font-size: 2em;
}
.icon-file-excel-3x {
  font-size: 3em;
}
.icon-file-excel-4x {
  font-size: 4em;
}
.icon-file-excel-5x {
  font-size: 5em;
}
.icon-file-excel-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-excel:before {
  content: "\E985";
}
.icon-file-music:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-music-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-music-2x {
  font-size: 2em;
}
.icon-file-music-3x {
  font-size: 3em;
}
.icon-file-music-4x {
  font-size: 4em;
}
.icon-file-music-5x {
  font-size: 5em;
}
.icon-file-music-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-music:before {
  content: "\E986";
}
.icon-file-zip:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-zip-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-zip-2x {
  font-size: 2em;
}
.icon-file-zip-3x {
  font-size: 3em;
}
.icon-file-zip-4x {
  font-size: 4em;
}
.icon-file-zip-5x {
  font-size: 5em;
}
.icon-file-zip-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-zip:before {
  content: "\E987";
}
.icon-file-video:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file-video-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-file-video-2x {
  font-size: 2em;
}
.icon-file-video-3x {
  font-size: 3em;
}
.icon-file-video-4x {
  font-size: 4em;
}
.icon-file-video-5x {
  font-size: 5em;
}
.icon-file-video-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-file-video:before {
  content: "\E988";
}
.icon-user-x:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user-x-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-user-x-2x {
  font-size: 2em;
}
.icon-user-x-3x {
  font-size: 3em;
}
.icon-user-x-4x {
  font-size: 4em;
}
.icon-user-x-5x {
  font-size: 5em;
}
.icon-user-x-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-user-x:before {
  content: "\E990";
}
.icon-folder-x:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-folder-x-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-folder-x-2x {
  font-size: 2em;
}
.icon-folder-x-3x {
  font-size: 3em;
}
.icon-folder-x-4x {
  font-size: 4em;
}
.icon-folder-x-5x {
  font-size: 5em;
}
.icon-folder-x-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-folder-x:before {
  content: "\E991";
}
.icon-contact-x:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-contact-x-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-contact-x-2x {
  font-size: 2em;
}
.icon-contact-x-3x {
  font-size: 3em;
}
.icon-contact-x-4x {
  font-size: 4em;
}
.icon-contact-x-5x {
  font-size: 5em;
}
.icon-contact-x-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-contact-x:before {
  content: "\E992";
}
.icon-calendar-x:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-calendar-x-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-calendar-x-2x {
  font-size: 2em;
}
.icon-calendar-x-3x {
  font-size: 3em;
}
.icon-calendar-x-4x {
  font-size: 4em;
}
.icon-calendar-x-5x {
  font-size: 5em;
}
.icon-calendar-x-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-calendar-x:before {
  content: "\E993";
}
.icon-moreapp-x:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-moreapp-x-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-moreapp-x-2x {
  font-size: 2em;
}
.icon-moreapp-x-3x {
  font-size: 3em;
}
.icon-moreapp-x-4x {
  font-size: 4em;
}
.icon-moreapp-x-5x {
  font-size: 5em;
}
.icon-moreapp-x-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon-moreapp-x:before {
  content: "\E994";
}

/*
154541
*/
@font-face {
  font-family: "icon-bass";
  src: url('fonts-bass/icon-bass.eot?timestamp=154541');
  src: url('fonts-bass/icon-bass.eot?#iefix?timestamp=154541') format('eot'), url('fonts-bass/icon-bass.woff2?timestamp=154541') format('woff2'), url('fonts-bass/icon-bass.woff?timestamp=154541') format('woff'), url('fonts-bass/icon-bass.ttf?timestamp=154541') format('truetype'), url('fonts-bass/icon-bass.svg#icon-bass?timestamp=154541') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ibass:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-left:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-left:before {
  content: "\EA01";
}
.ibass-arrow-right:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-right:before {
  content: "\EA02";
}
.ibass-arrow-down:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-down:before {
  content: "\EA03";
}
.ibass-km:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-km:before {
  content: "\EA04";
}
.ibass-task:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task:before {
  content: "\EA05";
}
.ibass-project:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project:before {
  content: "\EA06";
}
.ibass-moreapp:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-moreapp:before {
  content: "\EA07";
}
.ibass-calendar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-calendar:before {
  content: "\EA08";
}
.ibass-analytics:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-analytics:before {
  content: "\EA09";
}
.ibass-arrow-up:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-up:before {
  content: "\EA11";
}
.ibass-edit:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-edit:before {
  content: "\EA12";
}
.ibass-trig-down:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-down:before {
  content: "\EA13";
}
.ibass-trig-up:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-up:before {
  content: "\EA14";
}
.ibass-arrow-next:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-next:before {
  content: "\EA15";
}
.ibass-arrow-prev:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-prev:before {
  content: "\EA16";
}
.ibass-archive:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-archive:before {
  content: "\EA17";
}
.ibass-search:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-search:before {
  content: "\EA18";
}
.ibass-close:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-close:before {
  content: "\EA19";
}
.ibass-start-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-start-round:before {
  content: "\EA21";
}
.ibass-flag:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-flag:before {
  content: "\EA22";
}
.ibass-clock:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-clock:before {
  content: "\EA23";
}
.ibass-user:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-user:before {
  content: "\EA24";
}
.ibass-add-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-add-round:before {
  content: "\EA25";
}
.ibass-add:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-add:before {
  content: "\EA26";
}
.ibass-task-check:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-check:before {
  content: "\EA27";
}
.ibass-return:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-return:before {
  content: "\EA28";
}
.ibass-notification:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-notification:before {
  content: "\EA29";
}
.ibass-back:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-back:before {
  content: "\EA31";
}
.ibass-checked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checked:before {
  content: "\EA32";
}
.ibass-done:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-done:before {
  content: "\EA33";
}
.ibass-start:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-start:before {
  content: "\EA34";
}
.ibass-notification-unread:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-notification-unread:before {
  content: "\EA35";
}
.ibass-warning:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-warning:before {
  content: "\EA36";
}
.ibass-comment:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-comment:before {
  content: "\EA37";
}
.ibass-stop-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-stop-round:before {
  content: "\EA38";
}
.ibass-checkbox:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checkbox:before {
  content: "\EA39";
}
.ibass-filetype-doc:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-doc:before {
  content: "\EA41";
}
.ibass-filetype-pdf:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-pdf:before {
  content: "\EA42";
}
.ibass-filetype-folder:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-folder:before {
  content: "\EA43";
}
.ibass-filetype-video:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-video:before {
  content: "\EA44";
}
.ibass-filetype-music:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-music:before {
  content: "\EA45";
}
.ibass-filetype-zip:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-zip:before {
  content: "\EA46";
}
.ibass-filetype-image:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-image:before {
  content: "\EA47";
}
.ibass-filetype-excel:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-excel:before {
  content: "\EA48";
}
.ibass-filetype-default:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-default:before {
  content: "\EA49";
}
.ibass-info:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-info:before {
  content: "\EA51";
}
.ibass-alpha:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alpha:before {
  content: "\EA52";
}
.ibass-link:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-link:before {
  content: "\EA53";
}
.ibass-dot:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-dot:before {
  content: "\EA54";
}
.ibass-filetype-ppt:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-ppt:before {
  content: "\EA55";
}
.ibass-settings:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-settings:before {
  content: "\EA56";
}
.ibass-restore:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-restore:before {
  content: "\EA57";
}
.ibass-delete:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-delete:before {
  content: "\EA58";
}
.ibass-list:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-list:before {
  content: "\EA59";
}
.ibass-company:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-company:before {
  content: "\EA61";
}
.ibass-timer-hand:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-timer-hand:before {
  content: "\EA62";
}
.ibass-timer-body:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-timer-body:before {
  content: "\EA63";
}
.ibass-timer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-timer:before {
  content: "\EA64";
}
.ibass-list-add:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-list-add:before {
  content: "\EA65";
}
.ibass-project-type4:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type4:before {
  content: "\EA66";
}
.ibass-project-type3:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type3:before {
  content: "\EA67";
}
.ibass-project-type2:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type2:before {
  content: "\EA68";
}
.ibass-project-type1:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type1:before {
  content: "\EA69";
}
.ibass-filter:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filter:before {
  content: "\EA71";
}
.ibass-category:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-category:before {
  content: "\EA72";
}
.ibass-process:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-process:before {
  content: "\EA73";
}
.ibass-paper:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-paper:before {
  content: "\EA74";
}
.ibass-firm:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-firm:before {
  content: "\EA75";
}
.ibass-clerk:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-clerk:before {
  content: "\EA76";
}
.ibass-judge:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-judge:before {
  content: "\EA77";
}
.ibass-lawyer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-lawyer:before {
  content: "\EA78";
}
.ibass-team:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-team:before {
  content: "\EA79";
}
.ibass-ilaw:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-ilaw:before {
  content: "\EA81";
}
.ibass-tools:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-tools:before {
  content: "\EA82";
}
.ibass-customer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer:before {
  content: "\EA83";
}
.ibass-hr:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-hr:before {
  content: "\EA84";
}
.ibass-add-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-add-fill:before {
  content: "\EA85";
}
.ibass-minus-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-minus-fill:before {
  content: "\EA86";
}
.ibass-checkmark:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checkmark:before {
  content: "\EA87";
}
.ibass-stop:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-stop:before {
  content: "\EA88";
}
.ibass-download:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-download:before {
  content: "\EA89";
}
.ibass-share:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-share:before {
  content: "\EA91";
}
.ibass-location:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-location:before {
  content: "\EA92";
}
.ibass-phone:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-phone:before {
  content: "\EA93";
}
.ibass-email:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-email:before {
  content: "\EA94";
}
.ibass-user-female:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-user-female:before {
  content: "\EA95";
}
.ibass-smart:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-smart:before {
  content: "\EA96";
}
.ibass-logout:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-logout:before {
  content: "\EA97";
}
.ibass-chart-bar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-bar:before {
  content: "\EA98";
}
.ibass-chart-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-line:before {
  content: "\EA99";
}
.ibass-minus-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-minus-round:before {
  content: "\EB01";
}
.ibass-chart-pie:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-pie:before {
  content: "\EB02";
}
.ibass-chart-map:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-map:before {
  content: "\EB03";
}
.ibass-customer-service:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer-service:before {
  content: "\EB04";
}
.ibass-marker:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-marker:before {
  content: "\EB05";
}
.ibass-copy:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-copy:before {
  content: "\EB06";
}
.ibass-star:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-star:before {
  content: "\EB07";
}
.ibass-star-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-star-fill:before {
  content: "\EB08";
}
.ibass-heart:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-heart:before {
  content: "\EB09";
}
.ibass-pin:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-pin:before {
  content: "\EB11";
}
.ibass-required:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-required:before {
  content: "\EB12";
}
.ibass-customer-surprise:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer-surprise:before {
  content: "\EB13";
}
.ibass-text:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-text:before {
  content: "\EB14";
}
.ibass-field-casade:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-field-casade:before {
  content: "\EB15";
}
.ibass-insert:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-insert:before {
  content: "\EB16";
}
.ibass-case:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-case:before {
  content: "\EB17";
}
.ibass-attachment:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-attachment:before {
  content: "\EB18";
}
.ibass-heart-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-heart-fill:before {
  content: "\EB19";
}
.ibass-trig-right:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-right:before {
  content: "\EB21";
}
.ibass-trig-left:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-left:before {
  content: "\EB22";
}
.ibass-bold:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bold:before {
  content: "\EB23";
}
.ibass-italic:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-italic:before {
  content: "\EB24";
}
.ibass-underline:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-underline:before {
  content: "\EB25";
}
.ibass-plus-square:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-plus-square:before {
  content: "\EB26";
}
.ibass-minus-square:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-minus-square:before {
  content: "\EB27";
}
.ibass-chart-bar-h:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-bar-h:before {
  content: "\EB28";
}
.ibass-task-pad:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-pad:before {
  content: "\EB29";
}
.ibass-schedule:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-schedule:before {
  content: "\EB31";
}
.ibass-upload:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-upload:before {
  content: "\EB32";
}
.ibass-tag:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-tag:before {
  content: "\EB33";
}
.ibass-sort:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sort:before {
  content: "\EB34";
}
.ibass-more:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-more:before {
  content: "\EB35";
}
.ibass-side-column:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-side-column:before {
  content: "\EB36";
}
.ibass-window-fullscreen:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-window-fullscreen:before {
  content: "\EB37";
}
.ibass-mute:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-mute:before {
  content: "\EB38";
}
.ibass-locked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-locked:before {
  content: "\EB39";
}
.ibass-spanner:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-spanner:before {
  content: "\EB41";
}
.ibass-alarm:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alarm:before {
  content: "\EB42";
}
.ibass-loop:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-loop:before {
  content: "\EB43";
}
.ibass-unlocked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-unlocked:before {
  content: "\EB44";
}
.ibass-memo:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-memo:before {
  content: "\EB45";
}
.ibass-ellipses:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-ellipses:before {
  content: "\EB46";
}
.ibass-partial-select:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-partial-select:before {
  content: "\EB47";
}
.ibass-question:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-question:before {
  content: "\EB48";
}
.ibass-permission:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-permission:before {
  content: "\EB49";
}
.ibass-refresh:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-refresh:before {
  content: "\EB51";
}
.ibass-emoji:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-emoji:before {
  content: "\EB52";
}
.ibass-snap:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-snap:before {
  content: "\EB53";
}
.ibass-move:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-move:before {
  content: "\EB54";
}
.ibass-thumbnail:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-thumbnail:before {
  content: "\EB55";
}
.ibass-openproject:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-openproject:before {
  content: "\EB56";
}
.ibass-notebook:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-notebook:before {
  content: "\EB57";
}
.ibass-approved:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approved:before {
  content: "\EB58";
}
.ibass-reject:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-reject:before {
  content: "\EB59";
}
.ibass-textnote:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-textnote:before {
  content: "\EB61";
}
.ibass-mindnode:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-mindnode:before {
  content: "\EB62";
}
.ibass-approve-stamp:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-stamp:before {
  content: "\EB63";
}
.ibass-approve-Invoice:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-Invoice:before {
  content: "\EB64";
}
.ibass-approve-reimburse:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-reimburse:before {
  content: "\EB65";
}
.ibass-board:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-board:before {
  content: "\EB66";
}
.ibass-vault:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-vault:before {
  content: "\EB67";
}
.ibass-view:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-view:before {
  content: "\EB68";
}
.ibass-key-enter:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-key-enter:before {
  content: "\EB69";
}
.ibass-key-shift:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-key-shift:before {
  content: "\EB71";
}
.ibass-shared:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-shared:before {
  content: "\EB72";
}
.ibass-video:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-video:before {
  content: "\EB73";
}
.ibass-percent:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-percent:before {
  content: "\EB74";
}
.ibass-number:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-number:before {
  content: "\EB75";
}
.ibass-trash-empty:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trash-empty:before {
  content: "\EB76";
}
.ibass-regulation:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-regulation:before {
  content: "\EB77";
}
.ibass-vault-readonly:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-vault-readonly:before {
  content: "\EB78";
}
.ibass-vault-locked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-vault-locked:before {
  content: "\EB79";
}
.ibass-faq:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-faq:before {
  content: "\EB81";
}
.ibass-subscribe:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-subscribe:before {
  content: "\EB82";
}
.ibass-indent:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-indent:before {
  content: "\EB83";
}
.ibass-align:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-align:before {
  content: "\EB84";
}
.ibass-pic:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-pic:before {
  content: "\EB85";
}
.ibass-checked-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checked-line:before {
  content: "\EB86";
}
.ibass-linethrough:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-linethrough:before {
  content: "\EB87";
}
.ibass-quote:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-quote:before {
  content: "\EB88";
}
.ibass-import:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-import:before {
  content: "\EB89";
}
.ibass-calculator:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-calculator:before {
  content: "\EB91";
}
.ibass-clause:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-clause:before {
  content: "\EB92";
}
.ibass-fullpage:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-fullpage:before {
  content: "\EB93";
}
.ibass-addtobookmark:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-addtobookmark:before {
  content: "\EB94";
}
.ibass-report:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-report:before {
  content: "\EB95";
}
.ibass-approve-flow:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-flow:before {
  content: "\EB96";
}
.ibass-judicial:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-judicial:before {
  content: "\EB97";
}
.ibass-database:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-database:before {
  content: "\EB98";
}
.ibass-contract:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-contract:before {
  content: "\EB99";
}
.ibass-unapprove:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-unapprove:before {
  content: "\EC01";
}
.ibass-alignment-left:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alignment-left:before {
  content: "\EC02";
}
.ibass-alignment-right:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alignment-right:before {
  content: "\EC03";
}
.ibass-alignment-both:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alignment-both:before {
  content: "\EC04";
}
.ibass-grade:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-grade:before {
  content: "\EC05";
}
.ibass-follower:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-follower:before {
  content: "\EC06";
}
.ibass-task-autodone:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-autodone:before {
  content: "\EC07";
}
.ibass-task-autodone-List:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-autodone-List:before {
  content: "\EC08";
}
.ibass-invisible:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-invisible:before {
  content: "\EC09";
}
.ibass-filter-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filter-line:before {
  content: "\EC10";
}
.ibass-folder-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-folder-line:before {
  content: "\EC11";
}
.ibass-kanban:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-kanban:before {
  content: "\EC12";
}
.ibass-rdefault-selected:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-rdefault-selected:before {
  content: "\EC13";
}
.ibass-database-outline:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-database-outline:before {
  content: "\EC14";
}
.ibass-custom:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-custom:before {
  content: "\EC15";
}
.ibass-system:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-system:before {
  content: "\EC16";
}
.ibass-strickout:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-strickout:before {
  content: "\EC17";
}
.ibass-sidebar-notification:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-notification:before {
  content: "\EC18";
}
.ibass-sidebar-at:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-at:before {
  content: "\EC19";
}
.ibass-sidebar-research:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-research:before {
  content: "\EC20";
}
.ibass-sidebar-add-task:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-add-task:before {
  content: "\EC21";
}
.ibass-sidebar-timer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-timer:before {
  content: "\EC22";
}
.ibass-sidebar-timer-stop:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-timer-stop:before {
  content: "\EC23";
}
.ibass-financial:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-financial:before {
  content: "\EC24";
}
.ibass-customer-service-for-sidebar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer-service-for-sidebar:before {
  content: "\EC25";
}
.ibass-Detail:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-Detail:before {
  content: "\EC26";
}
.ibass-new-comment:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-new-comment:before {
  content: "\EC27";
}
.ibass-zoom-out:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-zoom-out:before {
  content: "\EC28";
}
.ibass-zoom-in:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-zoom-in:before {
  content: "\EC29";
}
.ibass-print:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-print:before {
  content: "\EC30";
}
.ibass-fullScreen:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-fullScreen:before {
  content: "\EC31";
}
.ibass-defaultScreen:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-defaultScreen:before {
  content: "\EC32";
}
.ibass-new-download:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-new-download:before {
  content: "\EC33";
}
.ibass-wechat:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-wechat:before {
  content: "\EC34";
}
.ibass-sidebar-empty-timer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-empty-timer:before {
  content: "\EC35";
}
.ibass-keynote:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-keynote:before {
  content: "\EC36";
}
.ibass-numbers:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-numbers:before {
  content: "\EC37";
}
.ibass-pages:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-pages:before {
  content: "\EC38";
}
.ibass-home:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-home:before {
  content: "\EC39";
}
.ibass-folder:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-folder:before {
  content: "\EC40";
}
.ibass-picker:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-picker:before {
  content: "\EC41";
}
.ibass-speaker:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-speaker:before {
  content: "\EC42";
}
.ibass-bigdata-share:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-share:before {
  content: "\EC43";
}
.ibass-bigdata-download:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-download:before {
  content: "\EC44";
}
.ibass-bigdata-list:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-list:before {
  content: "\EC45";
}
.ibass-bigdata-visualization:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-visualization:before {
  content: "\EC46";
}
.ibass-bigdata-area-diagram:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-area-diagram:before {
  content: "\EC47";
}
.ibass-bigdata-annular:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-annular:before {
  content: "\EC48";
}
.ibass-bigdata-biaxial-graph:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-biaxial-graph:before {
  content: "\EC49";
}
.ibass-bigdata-form:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-form:before {
  content: "\EC50";
}
.ibass-h1:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-h1:before {
  content: "\EC51";
}
.ibass-h2:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-h2:before {
  content: "\EC52";
}
.ibass-undo:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-undo:before {
  content: "\EC53";
}
.ibass-live:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-live:before {
  content: "\EC54";
}
.ibass-replace:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-replace:before {
  content: "\EC55";
}
.ibass-printline:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-printline:before {
  content: "\EC56";
}
.ibass-counsellor:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-counsellor:before {
  content: "\EC57";
}
.ibass-intelligent-chart-bar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-intelligent-chart-bar:before {
  content: "\EC58";
}
.ibass-legal-finance-regulations:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-finance-regulations:before {
  content: "\EC59";
}
.ibass-legal-court-decisions:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-court-decisions:before {
  content: "\EC60";
}
.ibass-legal-punish:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-punish:before {
  content: "\EC61";
}
.ibass-legal-dynamic:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-dynamic:before {
  content: "\EC62";
}
.ibass-legal-questions-answers:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-questions-answers:before {
  content: "\EC63";
}
.ibass-check-internal:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-internal:before {
  content: "\EC64";
}
.ibass-check-outside:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-outside:before {
  content: "\EC65";
}
.ibass-check-undo-internal:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-undo-internal:before {
  content: "\EC66";
}
.ibass-check-undo-outside:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-undo-outside:before {
  content: "\EC67";
}
.ibass-aicase:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-aicase:before {
  content: "\EC68";
}
.ibass-case-compilation-rules:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-case-compilation-rules:before {
  content: "\EC69";
}
.ibass-radar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-radar:before {
  content: "\EC70";
}
.ibass-client-list:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-client-list:before {
  content: "\EC71";
}
.ibass-smart-form:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-smart-form:before {
  content: "\EC72";
}
.ibass-industry-radar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-industry-radar:before {
  content: "\EC73";
}
.ibass-academic-viewpoint:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-academic-viewpoint:before {
  content: "\EC74";
}
.ibass-excellent-case:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-excellent-case:before {
  content: "\EC75";
}

.sadmin-wrap {
  padding-bottom: 20px;
}
.sadmin-user-content {
  text-align: left;
}
.sadmin-user-avator {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  vertical-align: middle;
}
.sadmin-confirm {
  width: 460px;
  margin: 30px auto 0;
  background-color: #f8f8f9;
  border-radius: 5px;
  padding: 10px;
}
.sadmin-confirm-title {
  display: block;
  font-size: 14px;
  color: #4a4a4a;
}
.sadmin-confirm-title .ibass-info {
  font-size: 18px;
  color: #fdba78;
  vertical-align: middle;
}
.sadmin-confirm-text {
  margin-left: 22px;
  display: block;
  font-size: 12px;
  color: #737373;
}
.sadmin-popover {
  position: relative;
}
.sadmin-popover .ibass-trig-down {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 5px;
  color: #737373;
}
.sadmin-header {
  position: relative;
  margin-top: 40px;
  height: 22px;
  text-align: center;
}
.sadmin-line {
  background-color: #ebebeb;
  position: absolute;
  left: 5%;
  top: 10px;
  width: 90%;
  height: 1px;
}
.sadmin-title {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -61px;
  width: 122px;
  background-color: #fff;
  color: #4a4a4a;
  font-size: 16px;
}
.sadmin-stepstwo {
  margin-top: 40px;
}
.sadmin-two-new,
.sadmin-two-old {
  line-height: 30px;
  font-size: 14px;
  color: #737373;
  text-align: center;
}
.sadmin-two-new .ibass-required {
  font-size: 12px;
  color: #e8263e;
}
.sadmin-three-new {
  margin-top: 50px;
  text-align: center;
  font-size: 14px;
  color: #737373;
}
.sadmin-three-text {
  margin-top: 30px;
  text-align: center;
}
.sadmin-three-text .ibass-done {
  font-size: 38px;
  color: #70b839;
  vertical-align: middle;
}
.sadmin-three-text span {
  position: relative;
  top: -2px;
  margin-left: 10px;
}
.sadmin-btn {
  display: block;
  margin: 30px auto 0;
  background-color: #fa8919;
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
}

.project-number-setting-and-list.approval-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul {
  display: flex;
  align-items: center;
  align-content: center;
}
.project-number-setting-and-list.approval-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li:first-of-type {
  width: 25%;
}
.project-number-setting-and-list.approval-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li:nth-of-type(2) {
  width: 25%;
  display: inline-flex;
}
.project-number-setting-and-list.approval-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li:nth-of-type(2) span {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  max-width: 97%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-number-setting-and-list.approval-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li:nth-of-type(3) {
  width: 21%;
}
.project-number-setting-and-list.approval-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li:nth-of-type(4) {
  width: 15%;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-number-setting-and-list.approval-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li:last-of-type {
  color: #737373;
  width: 14%;
}
.project-number-setting-and-list.approval-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul .i-clock {
  margin-left: 20px;
}

.approval-detail-admin-page {
  border-top: solid 1px #ebebeb;
}
.approval-detail-admin-page .wrapper-title {
  margin-top: 15px;
  height: 40px;
  line-height: 40px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
}
.approval-detail-admin-page .wrapper-title .name {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  box-shadow: inset 0 -3px 0 0 #fa8919;
}
.approval-detail-admin-page .wrapper-title .add-btn {
  float: right;
  width: 86px;
  height: 30px;
  margin-top: 3px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-title .add-btn i {
  vertical-align: middle;
}
.approval-detail-admin-page .doc-approval-flow-tip span {
  color: #a9a9a9;
  line-height: 40px;
  font-size: 13px;
}
.approval-detail-admin-page .wrapper-content .loading {
  padding: 0;
}
.approval-detail-admin-page .wrapper-content .row {
  height: 50px;
  padding: 0 9px;
  line-height: 50px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  overflow: hidden;
}
.approval-detail-admin-page .wrapper-content .row i {
  font-size: 16px;
  color: #cdc9c5;
  vertical-align: middle;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .row i:hover {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content .row:hover {
  background-color: #f8f8f9;
}
.approval-detail-admin-page .wrapper-content .row:hover i,
.approval-detail-admin-page .wrapper-content .row:hover .ibass-edit {
  visibility: visible;
}
.approval-detail-admin-page .wrapper-content .row .drag {
  float: left;
  height: 100%;
  text-align: center;
}
.approval-detail-admin-page .wrapper-content .row .ibass-more {
  cursor: initial;
}
.approval-detail-admin-page .wrapper-content .row .ibass-more:hover {
  color: #cdc9c5;
}
.approval-detail-admin-page .wrapper-content .row .name,
.approval-detail-admin-page .wrapper-content .row .name-edit {
  float: left;
  margin-left: 9px;
  width: 360px;
  height: 100%;
}
.approval-detail-admin-page .wrapper-content .row .name .ibass-edit,
.approval-detail-admin-page .wrapper-content .row .name-edit .ibass-edit {
  margin-left: 3px;
  float: left;
}
.approval-detail-admin-page .wrapper-content .row .name i {
  visibility: hidden;
}
.approval-detail-admin-page .wrapper-content .row .name-edit,
.approval-detail-admin-page .wrapper-content .row .btn {
  position: relative;
}
.approval-detail-admin-page .wrapper-content .row .name-edit input,
.approval-detail-admin-page .wrapper-content .row .btn input {
  width: 360px;
  height: 100%;
  padding-right: 130px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
  border: none;
  background: transparent;
}
.approval-detail-admin-page .wrapper-content .row .name-edit .save-btn,
.approval-detail-admin-page .wrapper-content .row .btn .save-btn,
.approval-detail-admin-page .wrapper-content .row .name-edit .ibass-close,
.approval-detail-admin-page .wrapper-content .row .btn .ibass-close {
  position: absolute;
  bottom: 0;
  height: 100%;
}
.approval-detail-admin-page .wrapper-content .row .name-edit .save-btn,
.approval-detail-admin-page .wrapper-content .row .btn .save-btn {
  float: right;
  right: 39px;
  bottom: 10px;
  width: 76px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.approval-detail-admin-page .wrapper-content .row .name-edit .ibass-close,
.approval-detail-admin-page .wrapper-content .row .btn .ibass-close {
  right: 10px;
  font-size: 14px;
  color: #cdc9c5;
}
.approval-detail-admin-page .wrapper-content .row .name-edit .ibass-close:hover,
.approval-detail-admin-page .wrapper-content .row .btn .ibass-close:hover {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content .row .btn {
  float: right;
  height: 100%;
}
.approval-detail-admin-page .wrapper-content .name span {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.approval-detail-admin-page .wrapper-content .status-closed .name {
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content .status-open .name {
  color: #4a4a4a;
}
.approval-detail-admin-page .wrapper-content .flow-panel {
  margin-top: 10px;
  width: 100%;
  border-radius: 4px;
  background-color: #f8f8f9;
  border: solid 1px #ebebeb;
}
.approval-detail-admin-page .wrapper-content .flow-panel .header {
  height: 44px;
  line-height: 44px;
  box-shadow: inset 0 -1px 0 0 #ebebeb;
}
.approval-detail-admin-page .wrapper-content .flow-panel .header .ibass-delete,
.approval-detail-admin-page .wrapper-content .flow-panel .header .ibass-edit {
  float: right;
}
.approval-detail-admin-page .wrapper-content .flow-panel .header .ibass-edit {
  margin-right: 15px;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content {
  padding: 0 5px 19px;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col {
  margin-top: 14px;
  position: relative;
  width: 128px;
  display: inline-block;
  vertical-align: top;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img,
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .name,
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .more {
  width: 100px;
  text-align: center;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img {
  height: 32px;
  line-height: 32px;
  font-size: 32px;
  color: #e8e8e8;
  position: relative;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img .remove-node {
  position: absolute;
  top: -4px;
  right: 28px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-color: #e8263e;
  border-radius: 50%;
  text-align: center;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img .remove-node i {
  color: #ffffff;
  font-size: 10px;
  vertical-align: super;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .name {
  margin-top: 5px;
  max-height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .more {
  line-height: 16px;
  font-size: 12px;
  color: #737373;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .more .edit {
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .more .edit:hover {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .direction {
  width: 32px;
  position: absolute;
  top: 11px;
  right: 0;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .direction img {
  width: 100%;
  vertical-align: top;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .add-btn .img {
  width: 32px;
  height: 32px;
  margin-left: 34px;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 16px;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .add-btn .img i {
  color: #cdc9c5;
  vertical-align: middle;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .add-btn .img:hover i {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .add-btn .name {
  color: #737373;
}
.approval-detail-admin-page .wrapper-content .flow-panel .footer {
  margin: 0;
  padding: 0;
  background: transparent;
  height: 40px;
  width: 100%;
  box-shadow: inset 0 1px 0 0 #ebebeb;
  font-size: 14px;
  line-height: 40px;
}
.approval-detail-admin-page .wrapper-content .flow-panel .footer .numbering-fill-person-title {
  margin-left: 34px;
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content .flow-panel .footer .numbering-fill-person-cur {
  margin-left: 6px;
  color: #4a4a4a;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .flow-panel .footer .numbering-fill-person-cur::before {
  float: right;
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content .none-data {
  height: 95px;
  min-height: 95px;
  line-height: 95px;
  font-size: 14px;
  text-align: center;
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content.doc-approval .row:hover .ibass-edit {
  visibility: visible;
}
.approval-detail-admin-page .wrapper-content.doc-approval .row .ibass-edit {
  margin-left: 3px;
  visibility: hidden;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-title {
  display: flex;
  color: #737373;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-title:hover {
  background-color: #fff;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-title .ibass-info {
  color: #cdc9c5;
  margin-left: 5px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-name {
  display: inline-block;
  width: 250px;
  padding-left: 25px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .code-wrapper {
  display: inline-block;
  width: 280px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .auto-number-wrapper {
  display: inline-block;
  width: 100px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .name {
  width: 250px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code {
  float: left;
  width: 280px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code span {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-auto-number {
  float: left;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-auto-number .ibass-checked {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit {
  position: relative;
  margin-left: 24px;
  margin-right: 72px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type input,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit input {
  width: 248px;
  height: 100%;
  padding-right: 20px;
  border: none;
  background: transparent;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type input:first,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit input:first {
  width: 245px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .save-btn,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .save-btn,
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .ibass-close,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .ibass-close {
  position: absolute;
  bottom: 0;
  height: 100%;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .save-btn,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .save-btn {
  float: right;
  right: 39px;
  bottom: 10px;
  width: 76px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .ibass-close,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .ibass-close {
  right: 10px;
  font-size: 14px;
  color: #cdc9c5;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .ibass-close:hover,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .ibass-close:hover {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  padding-right: 120px;
}
.approval-detail-admin-page .del-confirm {
  display: inline-block;
  width: 60px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  height: 100%;
  width: 20px;
  cursor: pointer;
}
.animation-toggle .line,
.animation-toggle .circle {
  position: absolute;
  top: 50%;
  transition: all .6s;
}
.animation-toggle .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.animation-toggle .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -6px;
}
.animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
}
.animation-toggle-opened .line {
  background-color: #fa8919;
}
.animation-toggle-opened .circle {
  left: 8px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
}
.ns-popover-tooltip .ns-popover-items {
  margin: 10px 0;
}

.approval-admin-page {
  border-top: solid 1px #ebebeb;
}
.approval-admin-page .row {
  width: 100%;
  min-height: 40px;
  padding: 18px 10px 17px 0;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  overflow: hidden;
}
.approval-admin-page .row .icon {
  float: left;
  width: 64px;
  height: 40px;
  font-size: 36px;
  text-align: center;
}
.approval-admin-page .row .icon i {
  display: inline-block;
  margin-top: -15px;
  color: #cdc8c5;
}
.approval-admin-page .row .description {
  float: left;
  padding: 0 20px;
  max-width: 550px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 22px;
  border-left: solid 1px #ebebeb;
}
.approval-admin-page .row .description .name {
  font-weight: 500;
  color: #4a4a4a;
}
.approval-admin-page .row .description .desc {
  color: #a9a9a9;
}
.approval-admin-page .row .btn {
  float: right;
  line-height: 44px;
  font-size: 14px;
  color: #a9a9a9;
}
.approval-admin-page .row .btn .status span {
  padding-left: 10px;
  border-left: solid 1px #ebebeb;
  cursor: pointer;
}
.approval-admin-page .row .btn .status:hover span {
  color: #fa8919;
}
.approval-admin-page .row .btn .status .start {
  display: none;
}
.approval-admin-page .row .btn .status .stop {
  display: inline;
}
.approval-admin-page .row .btn .edit i,
.approval-admin-page .row .btn .enter i,
.approval-admin-page .row .btn .edit span,
.approval-admin-page .row .btn .enter span {
  float: left;
}
.approval-admin-page .row .btn .edit span,
.approval-admin-page .row .btn .enter span {
  padding-right: 10px;
  cursor: pointer;
}
.approval-admin-page .row .btn .edit i,
.approval-admin-page .row .btn .enter i {
  padding-right: 8px;
  color: #cdc9c5;
}
.approval-admin-page .row .btn .edit:hover span,
.approval-admin-page .row .btn .enter:hover span {
  color: #fa8919;
}
.approval-admin-page .row .btn .edit {
  display: none;
}
.approval-admin-page .row .btn .edit span {
  color: #fa8919;
}
.approval-admin-page .row .btn .enter {
  display: block;
}
.approval-admin-page .row .btn .enter span {
  color: #a9a9a9;
}
.approval-admin-page .template-inited .btn .edit {
  display: block;
}
.approval-admin-page .template-inited .btn .enter {
  display: none;
}
.approval-admin-page .template-status-started .icon i {
  color: #fa8919;
}
.approval-admin-page .template-status-started .btn .status .start {
  display: inline;
}
.approval-admin-page .template-status-started .btn .status .stop {
  display: none;
}

.approval-detail-admin-page {
  border-top: solid 1px #ebebeb;
}
.approval-detail-admin-page .wrapper-title {
  margin-top: 15px;
  height: 40px;
  line-height: 40px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
}
.approval-detail-admin-page .wrapper-title .name {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  box-shadow: inset 0 -3px 0 0 #fa8919;
}
.approval-detail-admin-page .wrapper-title .add-btn {
  float: right;
  width: 86px;
  height: 30px;
  margin-top: 3px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-title .add-btn i {
  vertical-align: middle;
}
.approval-detail-admin-page .doc-approval-flow-tip span {
  color: #a9a9a9;
  line-height: 40px;
  font-size: 13px;
}
.approval-detail-admin-page .wrapper-content .jump-toself-define {
  text-align: center;
  margin: 40px auto;
  color: #a9a9a9;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .loading {
  padding: 0;
}
.approval-detail-admin-page .wrapper-content .row {
  height: 50px;
  padding: 0 9px;
  line-height: 50px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  overflow: hidden;
}
.approval-detail-admin-page .wrapper-content .row i {
  font-size: 16px;
  color: #cdc9c5;
  vertical-align: middle;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .row i:hover {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content .row:hover {
  background-color: #f8f8f9;
}
.approval-detail-admin-page .wrapper-content .row:hover i,
.approval-detail-admin-page .wrapper-content .row:hover .ibass-edit {
  visibility: visible;
}
.approval-detail-admin-page .wrapper-content .row .drag {
  float: left;
  height: 100%;
  text-align: center;
}
.approval-detail-admin-page .wrapper-content .row .ibass-more {
  cursor: initial;
}
.approval-detail-admin-page .wrapper-content .row .ibass-more:hover {
  color: #cdc9c5;
}
.approval-detail-admin-page .wrapper-content .row .name,
.approval-detail-admin-page .wrapper-content .row .name-edit {
  float: left;
  margin-left: 9px;
  width: 360px;
  height: 100%;
}
.approval-detail-admin-page .wrapper-content .row .name.invoice-tax,
.approval-detail-admin-page .wrapper-content .row .name-edit.invoice-tax {
  width: 420px;
}
.approval-detail-admin-page .wrapper-content .row .name .ibass-edit,
.approval-detail-admin-page .wrapper-content .row .name-edit .ibass-edit {
  margin-left: 3px;
  float: left;
}
.approval-detail-admin-page .wrapper-content .row .name .sign-of-precent,
.approval-detail-admin-page .wrapper-content .row .name-edit .sign-of-precent {
  position: absolute;
  right: 120px;
}
.approval-detail-admin-page .wrapper-content .row .name i {
  visibility: hidden;
}
.approval-detail-admin-page .wrapper-content .row .name-edit,
.approval-detail-admin-page .wrapper-content .row .btn {
  position: relative;
}
.approval-detail-admin-page .wrapper-content .row .name-edit input,
.approval-detail-admin-page .wrapper-content .row .btn input {
  width: 360px;
  height: 100%;
  padding-right: 130px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
  border: none;
  background: transparent;
}
.approval-detail-admin-page .wrapper-content .row .name-edit input.invoice-input,
.approval-detail-admin-page .wrapper-content .row .btn input.invoice-input {
  width: 200px;
}
.approval-detail-admin-page .wrapper-content .row .name-edit input.invoice-input.invoice-input-name,
.approval-detail-admin-page .wrapper-content .row .btn input.invoice-input.invoice-input-name {
  padding-right: 0 !important;
}
.approval-detail-admin-page .wrapper-content .row .name-edit .save-btn,
.approval-detail-admin-page .wrapper-content .row .btn .save-btn,
.approval-detail-admin-page .wrapper-content .row .name-edit .ibass-close,
.approval-detail-admin-page .wrapper-content .row .btn .ibass-close {
  position: absolute;
  bottom: 0;
  height: 100%;
}
.approval-detail-admin-page .wrapper-content .row .name-edit .save-btn,
.approval-detail-admin-page .wrapper-content .row .btn .save-btn {
  float: right;
  right: 39px;
  bottom: 10px;
  width: 76px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.approval-detail-admin-page .wrapper-content .row .name-edit .ibass-close,
.approval-detail-admin-page .wrapper-content .row .btn .ibass-close {
  right: 10px;
  font-size: 14px;
  color: #cdc9c5;
}
.approval-detail-admin-page .wrapper-content .row .name-edit .ibass-close:hover,
.approval-detail-admin-page .wrapper-content .row .btn .ibass-close:hover {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content .row .btn {
  float: right;
  height: 100%;
}
.approval-detail-admin-page .wrapper-content .name span {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.approval-detail-admin-page .wrapper-content .status-closed .name {
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content .status-open .name {
  color: #4a4a4a;
}
.approval-detail-admin-page .wrapper-content .flow-panel {
  margin-top: 10px;
  width: 100%;
  border-radius: 4px;
  background-color: #f8f8f9;
  border: solid 1px #ebebeb;
}
.approval-detail-admin-page .wrapper-content .flow-panel.basic-panel {
  border: none;
  padding: 20px;
  box-sizing: border-box;
}
.approval-detail-admin-page .wrapper-content .flow-panel.basic-panel .basic-setting {
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content .flow-panel.basic-panel .basic-setting.ibass-edit {
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .flow-panel.basic-panel .basic-setting.ibass-edit:hover {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content .flow-panel.basic-panel .basic-setting label {
  font-size: 14px;
}
.approval-detail-admin-page .wrapper-content .flow-panel.basic-panel .basic-setting p {
  font-size: 16px;
  color: #4a4a4a;
  line-height: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.approval-detail-admin-page .wrapper-content .flow-panel.basic-panel .basic-setting:nth-of-type(3) p {
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content .flow-panel.basic-panel .basic-setting:last-of-type p {
  border-bottom: none;
  color: #a9a9a9;
  margin-bottom: 0;
  word-break: break-all;
}
.approval-detail-admin-page .wrapper-content .flow-panel .header {
  height: 44px;
  line-height: 44px;
  box-shadow: inset 0 -1px 0 0 #ebebeb;
}
.approval-detail-admin-page .wrapper-content .flow-panel .header .ibass-delete,
.approval-detail-admin-page .wrapper-content .flow-panel .header .ibass-edit {
  float: right;
}
.approval-detail-admin-page .wrapper-content .flow-panel .header .ibass-edit {
  margin-right: 15px;
}
.approval-detail-admin-page .wrapper-content .flow-panel .header .flow-name {
  width: 560px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.approval-detail-admin-page .wrapper-content .flow-panel .header > .ibass-more {
  display: inline-block;
  vertical-align: top;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content {
  padding: 0 5px 19px;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col {
  margin-top: 14px;
  position: relative;
  width: 128px;
  display: inline-block;
  vertical-align: top;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img,
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .name,
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .more {
  width: 100px;
  text-align: center;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img {
  height: 32px;
  line-height: 32px;
  font-size: 32px;
  color: #e8e8e8;
  position: relative;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img .remove-node {
  position: absolute;
  top: -4px;
  right: 28px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-color: #e8263e;
  border-radius: 50%;
  text-align: center;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .img .remove-node i {
  color: #ffffff;
  font-size: 10px;
  vertical-align: super;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .name {
  margin-top: 5px;
  max-height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .more {
  line-height: 16px;
  font-size: 12px;
  color: #737373;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .more .edit {
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .more .edit:hover {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .direction {
  width: 32px;
  position: absolute;
  top: 11px;
  right: 0;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .col .direction img {
  width: 100%;
  vertical-align: top;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .add-btn .img {
  width: 32px;
  height: 32px;
  margin-left: 34px;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 16px;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .add-btn .img i {
  color: #cdc9c5;
  vertical-align: middle;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .add-btn .img:hover i {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content .flow-panel .content .add-btn .name {
  color: #737373;
}
.approval-detail-admin-page .wrapper-content .flow-panel .footer {
  margin: 0;
  padding: 0;
  background: transparent;
  height: 40px;
  width: 100%;
  box-shadow: inset 0 1px 0 0 #ebebeb;
  font-size: 14px;
  line-height: 40px;
}
.approval-detail-admin-page .wrapper-content .flow-panel .footer .numbering-fill-person-title {
  margin-left: 34px;
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content .flow-panel .footer .numbering-fill-person-cur {
  margin-left: 6px;
  color: #4a4a4a;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .flow-panel .footer .numbering-fill-person-cur::before {
  float: right;
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content .none-data {
  height: 95px;
  min-height: 95px;
  line-height: 95px;
  font-size: 14px;
  text-align: center;
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content.doc-approval .row:hover .ibass-edit {
  visibility: visible;
}
.approval-detail-admin-page .wrapper-content.doc-approval .row .ibass-edit {
  margin-left: 3px;
  visibility: hidden;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-title {
  display: flex;
  color: #737373;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-title:hover {
  background-color: #fff;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-title .ibass-info {
  color: #cdc9c5;
  margin-left: 5px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-name {
  display: inline-block;
  width: 250px;
  padding-left: 25px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .code-wrapper {
  display: inline-block;
  width: 280px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .auto-number-wrapper {
  display: inline-block;
  width: 100px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .name {
  width: 250px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code {
  float: left;
  width: 280px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code span {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-auto-number {
  float: left;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-auto-number .ibass-checked {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit {
  position: relative;
  margin-left: 24px;
  margin-right: 72px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type input,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit input {
  width: 248px;
  height: 100%;
  padding-right: 20px;
  border: none;
  background: transparent;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type input:first,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit input:first {
  width: 245px;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .save-btn,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .save-btn,
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .ibass-close,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .ibass-close {
  position: absolute;
  bottom: 0;
  height: 100%;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .save-btn,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .save-btn {
  float: right;
  right: 39px;
  bottom: 10px;
  width: 76px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .ibass-close,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .ibass-close {
  right: 10px;
  font-size: 14px;
  color: #cdc9c5;
}
.approval-detail-admin-page .wrapper-content.doc-approval .add-doc-type .ibass-close:hover,
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit .ibass-close:hover {
  color: #fa8919;
}
.approval-detail-admin-page .wrapper-content.doc-approval .doc-appro-code-edit {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  padding-right: 120px;
}
.approval-detail-admin-page .del-confirm {
  display: inline-block;
  width: 60px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  height: 100%;
  width: 20px;
  cursor: pointer;
}
.animation-toggle .line,
.animation-toggle .circle {
  position: absolute;
  top: 50%;
  transition: all .6s;
}
.animation-toggle .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.animation-toggle .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -6px;
}
.animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
}
.animation-toggle-opened .line {
  background-color: #fa8919;
}
.animation-toggle-opened .circle {
  left: 8px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
}
.ns-popover-tooltip .ns-popover-items {
  margin: 10px 0;
}


.approval-self-define {
  padding: 0 20px;
}
.approval-self-define .top {
  display: flex;
  justify-content: space-between;
  padding: 0 10px 10px 10px;
  border-bottom: solid 1px #ebebeb;
}
.approval-self-define .top > span {
  font-size: 16px;
  font-weight: 500;
}
.approval-self-define .top .operation > span {
  display: inline-block;
  vertical-align: top;
  background-color: #e98e3b;
  color: white;
  font-size: 12px;
  padding: 4px 20px;
  border-radius: 20px;
  margin-right: 10px;
}
.approval-self-define .body {
  display: flex;
}
.approval-self-define .body .widgets {
  width: 200px;
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
}
.approval-self-define .body .widgets .widget {
  height: 28px;
  line-height: 28px;
  display: flex;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 0 10px;
  margin-right: 10px;
  margin-top: 10px;
}
.approval-self-define .body .widgets .widget:hover {
  cursor: move;
}
.approval-self-define .body .widgets .widget i:first-child {
  margin-right: 4px;
}
.approval-self-define .body .widgets .widget i:last-child {
  flex-grow: 1;
  text-align: right;
}
.approval-self-define .body .preview {
  width: 600px;
  padding-right: 10px;
}
.approval-self-define .body .preview .content-wrap {
  background-color: #717171;
  padding: 50px 40px;
}
.approval-self-define .body .preview .content-wrap .content {
  border-radius: 10px;
  background-color: white;
  min-height: 600px;
  display: flex;
  padding: 20px;
}
.approval-self-define .body .preview .content-wrap .content .items {
  width: 100%;
}
.approval-self-define .body .preview .content-wrap .content .items .current-item {
  border: 1px solid #fdba78 !important;
}
.approval-self-define .body .preview .content-wrap .content .items .item {
  border: 1px solid transparent;
  margin-top: 4px;
}
.approval-self-define .body .preview .content-wrap .content .items .dndPlaceholder {
  display: block;
  background-color: #ddd;
  padding: 10px 15px;
  min-height: 42px;
}
.approval-self-define .body .setting {
  width: calc(100% - 800px);
}
.approval-self-define .body .setting .setup {
  padding-left: 10px;
}
.approval-self-define .title {
  border-bottom: 1px solid #ebebeb;
  height: 40px;
  line-height: 40px;
}
.approval-self-define .title > span {
  display: inline-block;
}
.approval-self-define .active {
  box-shadow: inset 0 -3px 0 0 #fa8919;
}

.approval-admin-page {
  border-top: solid 1px #ebebeb;
}
.approval-admin-page .tabs {
  height: auto;
}
.approval-admin-page .tabs .tab-item.tab-active {
  color: #4a4a4a;
}
.approval-admin-page .tabs > div:nth-of-type(1) {
  border-top: 1px solid #ebebeb;
}
.approval-admin-page .create-new-appro-type span {
  font-size: 18px;
  cursor: pointer;
  color: #a9a9a9;
  margin: 0 12px;
}
.approval-admin-page i.ibass-ellipses {
  position: relative;
  height: 31px;
}
.approval-admin-page .row {
  width: 100%;
  min-height: 40px;
  padding: 18px 10px 17px 0;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  overflow: hidden;
}
.approval-admin-page .row .icon {
  float: left;
  width: 64px;
  height: 40px;
  font-size: 36px;
  text-align: center;
}
.approval-admin-page .row .icon i {
  display: inline-block;
  margin-top: -15px;
  color: #cdc8c5;
}
.approval-admin-page .row .description {
  float: left;
  padding: 0 20px;
  max-width: 550px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 22px;
  border-left: solid 1px #ebebeb;
}
.approval-admin-page .row .description .name {
  font-weight: 500;
  color: #4a4a4a;
}
.approval-admin-page .row .description .desc {
  color: #a9a9a9;
  word-break: break-all;
}
.approval-admin-page .row .btn {
  float: right;
  line-height: 44px;
  font-size: 14px;
  color: #a9a9a9;
}
.approval-admin-page .row .btn .status span {
  padding-left: 10px;
  border-left: solid 1px #ebebeb;
  cursor: pointer;
}
.approval-admin-page .row .btn .status i.line {
  padding-left: 10px;
}
.approval-admin-page .row .btn .status:hover span {
  color: #fa8919;
}
.approval-admin-page .row .btn .status .start {
  display: none;
}
.approval-admin-page .row .btn .status .stop {
  display: inline;
}
.approval-admin-page .row .btn .edit i,
.approval-admin-page .row .btn .enter i,
.approval-admin-page .row .btn .edit span,
.approval-admin-page .row .btn .enter span {
  float: left;
}
.approval-admin-page .row .btn .edit span,
.approval-admin-page .row .btn .enter span {
  padding-right: 10px;
  cursor: pointer;
}
.approval-admin-page .row .btn .edit i,
.approval-admin-page .row .btn .enter i {
  padding-right: 8px;
  color: #cdc9c5;
}
.approval-admin-page .row .btn .edit:hover span,
.approval-admin-page .row .btn .enter:hover span {
  color: #fa8919;
}
.approval-admin-page .row .btn .edit {
  display: none;
}
.approval-admin-page .row .btn .edit span {
  color: #fa8919;
}
.approval-admin-page .row .btn .enter {
  display: block;
}
.approval-admin-page .row .btn .enter span {
  color: #a9a9a9;
}
.approval-admin-page .template-inited .btn .edit {
  display: block;
}
.approval-admin-page .template-inited .btn .enter {
  display: none;
}
.approval-admin-page .template-status-started .icon i,
.approval-admin-page .template-status-started .icon i:before {
  color: #fa8919;
}
.approval-admin-page .template-status-started .btn .status .start {
  display: inline;
}
.approval-admin-page .template-status-started .btn .status .stop {
  display: none;
}
.dialog-body .node-name-in-appro-setting {
  text-align: center;
  margin: 30px 0;
}
.dialog-body .node-name-in-appro-setting input {
  width: 80%;
}
.dialog-body .node-name-in-appro-setting label {
  text-align: left;
  width: 80%;
  margin: 0 auto;
  font-size: 14px;
  color: #a9a9a9;
}
.dialog-body .node-name-in-appro-setting > span {
  width: 80%;
}
.dialog-body .node-name-in-appro-setting > span > p {
  width: 100%;
  text-align: left;
}
.dialog-body .node-name-in-appro-setting + div .main-btn {
  width: 110px;
}
.dialog-body .node-name-in-appro-setting + div .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
  border: none;
}
.dialog-body .node-name-in-appro-setting + div .saveButtonDisabled:hover {
  box-shadow: none !important;
}

.project-number-setting-and-list .color-block {
  color: #4a4a4a;
}
.project-number-setting-and-list .color-gray {
  color: #737373;
}
.project-number-setting-and-list .color-orange {
  color: #ed6c00;
}
.project-number-setting-and-list .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.project-number-setting-and-list .column-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.project-number-setting-and-list .row-start-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-number-setting-and-list .row-space-center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.project-number-setting-and-list .after-line {
  position: relative;
  width: 15px;
  height: 50px;
  margin-right: 15px;
}
.project-number-setting-and-list .after-line:after {
  position: absolute;
  content: '';
  right: 0;
  top: 18px;
  height: 14px;
  width: 1px;
  background-color: #ededed;
}
.project-number-setting-and-list i {
  vertical-align: middle;
}
.project-number-setting-and-list i:before {
  height: 100%;
}
.project-number-setting-and-list .project-number-title {
  height: 45px;
  line-height: 45px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.project-number-setting-and-list .project-number-title span {
  display: inline-block;
  padding-right: 8px;
  box-shadow: inset 0 -3px 0 0 #fa8919;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .null-setting {
  min-height: 210px;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .null-setting img {
  width: 60px;
  margin-bottom: 17px;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted {
  border-radius: 4px;
  margin-top: 20px;
  border: 1px solid #ebebeb;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-title {
  height: 50px;
  padding: 0 13px 0 37px;
  border-bottom: 1px solid #ebebeb;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-title .setted-left {
  margin-left: -18px;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-title .setted-left i {
  color: #fa8919;
  vertical-align: middle;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-title .setted-left .setted-title {
  font-weight: 500;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-title .setted-right i {
  color: #cdc9c5;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-title .setted-right i:first-of-type {
  margin-right: 15px;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-title .setted-right i:hover {
  color: #fdba89;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-content {
  padding: 0 13px 0 37px;
  line-height: 30px;
  font-size: 12px;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-content .name {
  padding: 16px 0;
  word-break: break-all;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-content .name .example {
  color: #a9a9a9;
}
.project-number-setting-and-list .project-number-setting .project-number-setting-content .is-setted .is-setted-content .time {
  color: #a9a9a9;
  white-space: nowrap;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title {
  height: 50px;
  box-shadow: inset 0 -1px 0 0 #ebebeb;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-left .project-number-search {
  width: 140px;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-right .time-range-item {
  height: 32px;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-right .time-range-item .time-range {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 6px 0 0;
  position: relative;
  color: #737373;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-right .time-range-item .time-range-text-select {
  padding: 0;
  line-height: 1;
  height: auto;
  color: #737373;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-right .time-range-item .time-range-start-stop {
  height: auto;
  color: #737373;
  border-left: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-right .create-type {
  color: #737373;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-right .create-type .i-down {
  margin-left: 2px;
  color: #cdc9c5;
  vertical-align: middle;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-right .time-down {
  color: #cdc9c5;
  margin-left: -4px;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-title .content-right .info-download .i-download {
  color: #cdc9c5;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 6px;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table {
  width: 100%;
  border: none;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li {
  display: inline-block;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li i {
  vertical-align: middle;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li:first-of-type {
  width: 380px;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li:nth-of-type(2) {
  width: 200px;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table ul li:nth-of-type(3) {
  width: 140px;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-head {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #737373;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-head .i-faq {
  font-size: 14px;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-head li:first-of-type i {
  color: #cdc9c5;
  margin-left: 10px;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body {
  height: 52px;
  line-height: 52px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  font-size: 14px;
  color: #4a4a4a;
  position: relative;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .light-color {
  color: #9b9b9b;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .i-edit {
  cursor: pointer;
  color: #cdc9c5;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  visibility: hidden;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .i-edit:hover {
  color: #fdba89;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .edit-input-module {
  position: absolute;
  left: 0;
  width: 380px;
  top: 0;
  height: 100%;
  box-shadow: inset 0 -1px 0 0 #ed6c00;
  z-index: 10;
  background-color: #fff;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .edit-input-module .code-input {
  border: none;
  position: absolute;
  left: 0;
  right: 120px;
  width: 380px;
  height: 50px;
  top: 1px;
  bottom: 1px;
  background-color: transparent;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .edit-input-module .input-btn-groups {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 120px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .edit-input-module .input-btn-groups .input-save-btn {
  width: 76px;
  height: 30px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .edit-input-module .input-btn-groups .input-close-btn {
  color: #cdc9c5;
  font-size: 14px;
  margin-left: 5px;
  cursor: pointer;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .edit-input-module:hover {
  background-color: #f8f8f9;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li .i-clock {
  visibility: hidden;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li:first-of-type {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li:first-of-type span {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li:nth-of-type(2),
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li:nth-of-type(3) {
  color: #737373;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li:last-of-type {
  color: #cdc9c5;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body li:last-of-type i {
  cursor: pointer;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body:hover {
  background-color: #f8f8f9;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body:hover li .i-edit {
  visibility: visible;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .project-number-table .table-body:hover li .i-clock {
  visibility: visible;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .no-number-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  color: #ddd9d6;
}
.project-number-setting-and-list .project-number-list .project-number-list-content .project-number-list-content-table .no-number-list .i-search {
  font-size: 60px;
  vertical-align: middle;
}

.project-setting-page {
  border-top: 0;
}
.project-setting-page .project-setting-item {
  margin-bottom: 30px;
}
.project-setting-page #status-setting-items .row {
  height: auto;
  padding: 14px 0;
  font-size: 14px;
  line-height: 30px;
}
.project-setting-page #status-setting-items .row .setting-item-title {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.project-setting-page #status-setting-items .row .setting-item-desc {
  color: #a9a9a9;
}
.project-setting-page #status-setting-items .row .animation-toggle {
  float: right;
  top: -36px;
}
.project-setting-page .wrapper-title .line {
  color: #a9a9a9;
}
.project-setting-page .wrapper-title .sub-name {
  margin-left: 5px;
  padding-left: 10px;
  border-left: 1px solid #f0f0f0;
  color: #a9a9a9;
}
.animation-toggle .circle {
  transition: all 0.6s ease;
}

.project-setting-page {
  border-top: 0;
}
.project-setting-page .project-setting-item {
  margin-bottom: 30px;
}
.project-setting-page #status-setting-items .row,
.project-setting-page #pending-matter-no .row {
  height: auto;
  padding: 14px 0;
  font-size: 14px;
  line-height: 30px;
}
.project-setting-page #status-setting-items .row .setting-item-title,
.project-setting-page #pending-matter-no .row .setting-item-title {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.project-setting-page #status-setting-items .row .setting-item-desc,
.project-setting-page #pending-matter-no .row .setting-item-desc {
  color: #a9a9a9;
  font-size: 13px;
  line-height: 20px;
  width: 90%;
}
.project-setting-page #status-setting-items .row .animation-toggle,
.project-setting-page #pending-matter-no .row .animation-toggle {
  float: right;
  top: -36px;
}
.project-setting-page > .processes .row {
  height: auto !important;
  padding: 14px 0 !important;
  font-size: 14px;
  line-height: 30px !important;
}
.project-setting-page #new-matter-form-config .row,
.project-setting-page .processes .row {
  height: auto;
  padding: 14px 0;
  font-size: 14px;
  line-height: 30px;
}
.project-setting-page #new-matter-form-config .row .setting-item-title,
.project-setting-page .processes .row .setting-item-title {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.project-setting-page #new-matter-form-config .row .setting-item-desc,
.project-setting-page .processes .row .setting-item-desc {
  color: #a9a9a9;
  font-size: 13px;
  line-height: 20px;
  width: 90%;
}
.project-setting-page #new-matter-form-config .row .animation-toggle,
.project-setting-page .processes .row .animation-toggle {
  float: right;
  top: -36px;
}
.project-setting-page #create-individual-matter-config .row {
  height: auto;
  padding: 14px 0;
  font-size: 14px;
  line-height: 30px;
}
.project-setting-page #create-individual-matter-config .setting-item-title {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.project-setting-page #create-individual-matter-config .setting-item-desc-wrapper {
  position: relative;
}
.project-setting-page #create-individual-matter-config .setting-item-desc-wrapper .animation-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
.project-setting-page #create-individual-matter-config .setting-item-desc {
  color: #a9a9a9;
  font-size: 13px;
  line-height: 20px;
  width: 90%;
}
.project-setting-page .wrapper-title .line {
  color: #a9a9a9;
}
.project-setting-page .wrapper-title .sub-name {
  margin-left: 5px;
  padding-left: 10px;
  border-left: 1px solid #f0f0f0;
  color: #a9a9a9;
}
.animation-toggle .circle {
  transition: all 0.6s ease;
}
.role-project-setting-v2-pre-create-status {
  height: 280px!important;
}

.project-type-setting {
  box-sizing: border-box;
}
.project-type-setting ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.project-type-setting :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.project-type-setting ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.project-type-setting :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.project-type-setting .expander {
  margin-bottom: 20px;
}
.project-type-setting .m-30 {
  margin-left: 70px;
}
.project-type-setting .overflow-inline {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-type-setting .row-space-center {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.project-type-setting .type-item-drag {
  transition: all 0.15s;
}
.project-type-setting .type-item-drag .gray-font {
  color: #a9a9a9 !important;
}
.project-type-setting .type-item-drag .drop {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  width: 770px;
}
.project-type-setting .type-item-drag .ui-draggable-dragging {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  border-color: red;
}
.project-type-setting .type-item-drag .ui-draggable-dragging {
  background-color: #f8f8f9;
  border-radius: 4px;
}
.project-type-setting .type-item-drag .ui-droppable-hover {
  box-shadow: inset 0 -1px 0 0 #fa8919 !important;
}
.project-type-setting .project-hide {
  height: 0!important;
  opacity: 0!important;
  overflow: hidden;
}
.project-type-setting i {
  vertical-align: middle;
  cursor: pointer;
}
.project-type-setting i:hover {
  color: #fa8919;
}
.project-type-setting .one-type {
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  width: 770px;
  background-color: #fff;
}
.project-type-setting .one-type .left {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-type-setting .one-type .left .drag {
  position: relative;
  box-sizing: border-box;
}
.project-type-setting .one-type .left .drag .ibass-one-more {
  position: relative;
  box-sizing: border-box;
  color: #cdc9c5;
}
.project-type-setting .one-type .left .drag .ibass-one-more:hover {
  color: #fa8919;
}
.project-type-setting .one-type .left .drag .ibass-one-more:after,
.project-type-setting .one-type .left .drag .ibass-one-more:before {
  content: "\EB35";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  width: 6px;
  opacity: 0;
}
.project-type-setting .one-type .left .name {
  box-sizing: border-box;
  box-shadow: inset 0 -3px 0 0 #fa8919;
  margin-left: 15px;
  margin-right: 10px;
  font-weight: bold;
}
.project-type-setting .one-type .right {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-type-setting .one-type .right .add-type-module {
  height: 100%;
  margin-right: 30px;
}
.project-type-setting .one-type .right .add-type-module i {
  color: #cdc8c5;
}
.project-type-setting .one-type .right .add-type-module span {
  color: #ed6c00;
}
.project-type-setting .one-type .right .i-down-expander {
  color: #cdc9c5;
  font-size: 14px;
  margin-right: 15px;
}
.project-type-setting .one-type:hover {
  background-color: #f8f8f9;
}
.project-type-setting .one-type:hover .drag .ibass-one-more:after,
.project-type-setting .one-type:hover .drag .ibass-one-more:before {
  opacity: 1;
}
.project-type-setting .expander-body {
  box-sizing: border-box;
}
.project-type-setting .expander-body ul {
  box-sizing: border-box;
  background-color: #fff;
}
.project-type-setting .expander-body ul li {
  box-sizing: border-box;
  padding-left: 0;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  width: 100%;
}
.project-type-setting .expander-body ul li .type-name {
  width: 170px;
  padding-left: 24px;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
}
.project-type-setting .expander-body ul li .type-name .move-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  color: #cdc9c5;
  display: none;
  cursor: pointer;
  vertical-align: middle;
}
.project-type-setting .expander-body ul li .type-name .move-icon:hover {
  color: #fa8919;
}
.project-type-setting .expander-body ul li .type-name .input-module-name {
  position: absolute;
  left: 27px;
  width: 340px;
  z-index: 1000;
}
.project-type-setting .expander-body ul li .type-code {
  width: 140px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
  box-sizing: border-box;
  position: relative;
}
.project-type-setting .expander-body ul li .type-code .input-module-code {
  position: absolute;
  left: 0;
  width: 340px;
  z-index: 1000;
}
.project-type-setting .expander-body ul li .type-setting {
  width: 120px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}
.project-type-setting .expander-body ul li .type-setting i:hover {
  color: #fa8919;
}
.project-type-setting .expander-body ul li .type-note {
  width: 240px;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
}
.project-type-setting .expander-body ul li .type-note .input-module-note {
  position: absolute;
  left: 0;
  top: 0;
  width: 340px;
  z-index: 1000;
}
.project-type-setting .expander-body ul li .type-note .null-note {
  visibility: hidden;
}
.project-type-setting .expander-body ul li .type-state {
  width: 100px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-type-setting .expander-body ul li .type-state .btn {
  margin-right: 15px;
}
.project-type-setting .expander-body ul li .type-state .more-line {
  color: #cdc9c5;
  display: none;
  position: relative;
  font-style: normal;
}
.project-type-setting .expander-body ul li .type-state .more-line:hover {
  color: #fa8919;
  display: block;
}
.project-type-setting .expander-body ul li .gray {
  color: #737373;
}
.project-type-setting .expander-body ul li .edit-btn {
  color: #cdc9c5;
  margin-left: 5px;
  font-size: 14px;
  visibility: hidden;
}
.project-type-setting .expander-body ul li .edit-btn:hover {
  color: #fa8919;
}
.project-type-setting .expander-body ul li .drag {
  box-sizing: border-box;
  display: inline-flex;
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  padding-right: 10px;
  color: #4a4a4a;
}
.project-type-setting .expander-body ul li .drag .ibass-one-more {
  box-sizing: border-box;
  position: relative;
  margin-right: 20px;
  color: #a9a9a9;
}
.project-type-setting .expander-body ul li .drag .ibass-one-more:hover {
  color: #fa8919;
}
.project-type-setting .expander-body ul li .drag .ibass-one-more:after {
  content: "\EB35";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  width: 6px;
  opacity: 0;
}
.project-type-setting .expander-body ul li .note {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #737373;
  width: 240px;
  padding-right: 10px;
}
.project-type-setting .expander-body ul li .note .note-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-type-setting .expander-body ul li .note .null-note {
  color: #a9a9a9;
  visibility: hidden;
}
.project-type-setting .expander-body ul li .num {
  color: #737373;
  width: 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.project-type-setting .expander-body ul li .width-300 {
  width: 300px;
}
.project-type-setting .expander-body ul li .input {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.project-type-setting .expander-body ul li .input input {
  border: none;
  height: 50px;
  line-height: 50px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
  padding-right: 110px;
  box-sizing: border-box;
  width: 100%;
}
.project-type-setting .expander-body ul li .input .add-btn {
  width: 76px;
  height: 30px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 25px;
  top: 10px;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  box-sizing: border-box;
  font-size: 12px;
  cursor: pointer;
}
.project-type-setting .expander-body ul li .input .close-new {
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 14px;
}
.project-type-setting .expander-body ul li .note {
  position: relative;
  color: #737373;
  box-sizing: border-box;
}
.project-type-setting .expander-body ul .li-item .type-code,
.project-type-setting .expander-body ul .li-item .type-setting,
.project-type-setting .expander-body ul .li-item .type-note,
.project-type-setting .expander-body ul .li-item .type-state {
  color: #737373;
}
.project-type-setting .expander-body ul .li-item:hover {
  background-color: #f8f8f9;
}
.project-type-setting .expander-body ul .li-item:hover .ibass-one-more:after {
  opacity: 1;
}
.project-type-setting .expander-body ul .li-item:hover .edit-btn {
  visibility: visible;
}
.project-type-setting .expander-body ul .li-item:hover .input input {
  background-color: #f8f8f9;
}
.project-type-setting .expander-body ul .li-item:hover .type-note .null-note {
  visibility: visible;
}
.project-type-setting .expander-body ul .type-title-line {
  color: #737373;
  font-size: 12px;
  height: 36px;
}
.project-type-setting .expander-body ul .type-title-line i {
  color: #cdc9c5;
  margin-left: 5px;
}
.project-type-setting .expander-body ul .add-module {
  padding-left: 27px;
  cursor: pointer;
  box-sizing: border-box;
}
.project-type-setting .expander-body ul .add-module .add-project-type {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-type-setting .expander-body ul .add-module .input {
  width: 340px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
}
.project-type-setting .expander-body ul .add-module .input input {
  width: 120px;
  padding-right: 10px;
}
.project-type-setting .expander-body ul .add-module i {
  color: #cdc8c5;
  font-size: 14px;
}
.project-type-setting .expander-body ul .add-module span {
  color: #fa8919;
  display: inline-block;
  margin-left: 15px;
}
.project-type-setting .expander-body ul .add-module .info {
  font-size: 14px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
}
.project-type-setting .expander-body ul .add-module .info i {
  box-sizing: border-box;
  font-size: 14px;
  margin-right: 2px;
}
.project-type-setting .expander-body ul .add-module .info span {
  color: #a9a9a9;
  margin-left: 0;
}
.project-type-setting .expander-body ul .add-module:hover {
  background-color: #fff;
}
.project-type-setting .expander-body ul .add-module:hover .input input {
  background-color: #fff;
}
.project-type-setting .expander-body ul .li-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.project-type-setting .expander-body ul .li-item:hover .type-name .move-icon {
  display: block;
}
.project-type-setting .expander-body ul .li-item:hover .type-state .more-line {
  display: block;
}
.project-type-setting .check-item-drag {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-type-setting .animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  height: 100%;
  width: 20px;
  cursor: pointer;
}
.project-type-setting .animation-toggle .line,
.project-type-setting .animation-toggle .circle {
  position: absolute;
  top: 50%;
  transition: all .6s;
}
.project-type-setting .animation-toggle .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.project-type-setting .animation-toggle .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -6px;
}
.project-type-setting .animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.project-type-setting .animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
}
.project-type-setting .animation-toggle-opened .line {
  background-color: #fa8919;
}
.project-type-setting .animation-toggle-opened .circle {
  left: 8px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
}
.type-setting .triangle {
  border-bottom-color: #3d3d3d!important;
}
.type-setting .ns-popover-items {
  margin-top: 10px;
}
.type-setting .triangle:after {
  border-bottom-color: #3d3d3d!important;
}

.work-type-setting {
  box-sizing: border-box;
}
.work-type-setting ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.work-type-setting :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.work-type-setting ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.work-type-setting :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.work-type-setting .expander {
  margin-bottom: 20px;
}
.work-type-setting .m-30 {
  margin-left: 70px;
}
.work-type-setting .overflow-inline {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work-type-setting .row-space-center {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.work-type-setting .type-item-drag {
  transition: all 0.15s;
}
.work-type-setting .type-item-drag .gray-font {
  color: #a9a9a9 !important;
}
.work-type-setting .type-item-drag .drop {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  width: 770px;
}
.work-type-setting .type-item-drag .ui-draggable-dragging {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  border-color: red;
}
.work-type-setting .type-item-drag .ui-draggable-dragging {
  background-color: #f8f8f9;
  border-radius: 4px;
}
.work-type-setting .type-item-drag .ui-droppable-hover {
  box-shadow: inset 0 -1px 0 0 #fa8919 !important;
}
.work-type-setting .project-hide {
  height: 0!important;
  opacity: 0!important;
  overflow: hidden;
}
.work-type-setting i {
  vertical-align: middle;
  cursor: pointer;
}
.work-type-setting i:hover {
  color: #fa8919;
}
.work-type-setting .one-type {
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  width: 770px;
  background-color: #fff;
}
.work-type-setting .one-type .left {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.work-type-setting .one-type .left .drag {
  position: relative;
  box-sizing: border-box;
}
.work-type-setting .one-type .left .drag .ibass-one-more {
  position: relative;
  box-sizing: border-box;
  color: #cdc9c5;
}
.work-type-setting .one-type .left .drag .ibass-one-more:hover {
  color: #fa8919;
}
.work-type-setting .one-type .left .drag .ibass-one-more:after,
.work-type-setting .one-type .left .drag .ibass-one-more:before {
  content: "\EB35";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  width: 6px;
  opacity: 0;
}
.work-type-setting .one-type .left .name {
  box-sizing: border-box;
  box-shadow: inset 0 -3px 0 0 #fa8919;
  margin-left: 15px;
  margin-right: 10px;
  font-weight: bold;
}
.work-type-setting .one-type .right {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.work-type-setting .one-type .right .add-type-module {
  height: 100%;
  margin-right: 30px;
}
.work-type-setting .one-type .right .add-type-module i {
  color: #cdc8c5;
}
.work-type-setting .one-type .right .add-type-module span {
  color: #ed6c00;
}
.work-type-setting .one-type .right .i-down-expander {
  color: #cdc9c5;
  font-size: 14px;
  margin-right: 15px;
}
.work-type-setting .one-type:hover {
  background-color: #f8f8f9;
}
.work-type-setting .one-type:hover .drag .ibass-one-more:after,
.work-type-setting .one-type:hover .drag .ibass-one-more:before {
  opacity: 1;
}
.work-type-setting .expander-body {
  box-sizing: border-box;
}
.work-type-setting .expander-body ul {
  box-sizing: border-box;
  background-color: #fff;
}
.work-type-setting .expander-body ul li {
  box-sizing: border-box;
  padding-left: 0;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  width: 100%;
}
.work-type-setting .expander-body ul li .type-name {
  width: 280px;
  padding-left: 24px;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
}
.work-type-setting .expander-body ul li .type-name .move-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  color: #cdc9c5;
  display: none;
  cursor: pointer;
  vertical-align: middle;
}
.work-type-setting .expander-body ul li .type-name .move-icon:hover {
  color: #fa8919;
}
.work-type-setting .expander-body ul li .type-name .input-module-name {
  position: absolute;
  left: 27px;
  width: 340px;
  z-index: 1000;
}
.work-type-setting .expander-body ul li .type-note {
  width: 390px;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
}
.work-type-setting .expander-body ul li .type-note .input-module-note {
  position: absolute;
  left: 0;
  top: 0;
  width: 340px;
  z-index: 1000;
}
.work-type-setting .expander-body ul li .type-note .null-note {
  visibility: hidden;
}
.work-type-setting .expander-body ul li .type-state {
  width: 100px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.work-type-setting .expander-body ul li .type-state .btn {
  margin-right: 15px;
}
.work-type-setting .expander-body ul li .type-state .more-line {
  color: #cdc9c5;
  display: none;
  position: relative;
  font-style: normal;
}
.work-type-setting .expander-body ul li .type-state .more-line:hover {
  color: #fa8919;
  display: block;
}
.work-type-setting .expander-body ul li .gray {
  color: #737373;
}
.work-type-setting .expander-body ul li .edit-btn {
  color: #cdc9c5;
  margin-left: 5px;
  font-size: 14px;
  visibility: hidden;
}
.work-type-setting .expander-body ul li .edit-btn:hover {
  color: #fa8919;
}
.work-type-setting .expander-body ul li .drag {
  box-sizing: border-box;
  display: inline-flex;
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  padding-right: 10px;
  color: #4a4a4a;
}
.work-type-setting .expander-body ul li .drag .ibass-one-more {
  box-sizing: border-box;
  position: relative;
  margin-right: 20px;
  color: #a9a9a9;
}
.work-type-setting .expander-body ul li .drag .ibass-one-more:hover {
  color: #fa8919;
}
.work-type-setting .expander-body ul li .drag .ibass-one-more:after {
  content: "\EB35";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  width: 6px;
  opacity: 0;
}
.work-type-setting .expander-body ul li .note {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #737373;
  width: 240px;
  padding-right: 10px;
}
.work-type-setting .expander-body ul li .note .note-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work-type-setting .expander-body ul li .note .null-note {
  color: #a9a9a9;
}
.work-type-setting .expander-body ul li .num {
  color: #737373;
  width: 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.work-type-setting .expander-body ul li .width-300 {
  width: 300px;
}
.work-type-setting .expander-body ul li .input {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.work-type-setting .expander-body ul li .input input {
  border: none;
  height: 50px;
  line-height: 50px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
  padding-right: 110px;
  box-sizing: border-box;
  width: 100%;
}
.work-type-setting .expander-body ul li .input .add-btn {
  width: 76px;
  height: 30px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 25px;
  top: 10px;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  box-sizing: border-box;
  font-size: 12px;
  cursor: pointer;
}
.work-type-setting .expander-body ul li .input .close-new {
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 14px;
}
.work-type-setting .expander-body ul li .note {
  position: relative;
  color: #737373;
  box-sizing: border-box;
}
.work-type-setting .expander-body ul .li-item .type-code,
.work-type-setting .expander-body ul .li-item .type-setting,
.work-type-setting .expander-body ul .li-item .type-note,
.work-type-setting .expander-body ul .li-item .type-state {
  color: #737373;
}
.work-type-setting .expander-body ul .li-item:hover {
  background-color: #f8f8f9;
}
.work-type-setting .expander-body ul .li-item:hover .type-note .null-note {
  visibility: visible;
}
.work-type-setting .expander-body ul .li-item:hover .ibass-one-more:after {
  opacity: 1;
}
.work-type-setting .expander-body ul .li-item:hover .edit-btn {
  visibility: visible;
}
.work-type-setting .expander-body ul .li-item:hover .input input {
  background-color: #f8f8f9;
}
.work-type-setting .expander-body ul .type-title-line {
  color: #737373;
  font-size: 12px;
  height: 36px;
}
.work-type-setting .expander-body ul .type-title-line i {
  color: #cdc9c5;
  margin-left: 5px;
}
.work-type-setting .expander-body ul .add-module {
  padding-left: 27px;
  cursor: pointer;
  box-sizing: border-box;
}
.work-type-setting .expander-body ul .add-module .add-project-type {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.work-type-setting .expander-body ul .add-module .input {
  width: 340px;
}
.work-type-setting .expander-body ul .add-module .input input {
  width: 340px;
}
.work-type-setting .expander-body ul .add-module i {
  color: #cdc8c5;
  font-size: 14px;
}
.work-type-setting .expander-body ul .add-module span {
  color: #fa8919;
  display: inline-block;
  margin-left: 15px;
}
.work-type-setting .expander-body ul .add-module .info {
  font-size: 14px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
}
.work-type-setting .expander-body ul .add-module .info i {
  box-sizing: border-box;
  font-size: 14px;
  margin-right: 2px;
}
.work-type-setting .expander-body ul .add-module .info span {
  color: #a9a9a9;
  margin-left: 0;
}
.work-type-setting .expander-body ul .add-module:hover {
  background-color: #fff;
}
.work-type-setting .expander-body ul .add-module:hover .input input {
  background-color: #fff;
}
.work-type-setting .expander-body ul .li-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.work-type-setting .expander-body ul .li-item:hover .type-name .move-icon {
  display: block;
}
.work-type-setting .expander-body ul .li-item:hover .type-state .more-line {
  display: block;
}
.work-type-setting .check-item-drag {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.work-type-setting .animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  height: 100%;
  width: 20px;
  cursor: pointer;
}
.work-type-setting .animation-toggle .line,
.work-type-setting .animation-toggle .circle {
  position: absolute;
  top: 50%;
  transition: all .6s;
}
.work-type-setting .animation-toggle .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.work-type-setting .animation-toggle .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -6px;
}
.work-type-setting .animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.work-type-setting .animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
}
.work-type-setting .animation-toggle-opened .line {
  background-color: #fa8919;
}
.work-type-setting .animation-toggle-opened .circle {
  left: 8px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
}
.type-setting .triangle {
  border-bottom-color: #3d3d3d!important;
}
.type-setting .ns-popover-items {
  margin-top: 10px;
}
.type-setting .triangle:after {
  border-bottom-color: #3d3d3d!important;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-attachment {
  position: relative;
}
.form-attachment .label-name {
  color: #a9a9a9;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 10px;
}
.form-attachment i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-customer .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-customer i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-customer .select-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.form-customer .select-container .triangle-space {
  margin-right: 4px;
}
.form-customer .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.form-customer .select-container > span {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-customer .select-container > div {
  height: 35px;
  line-height: 35px;
}
.form-customer .select-container .customer-form-common {
  max-width: 450px !important;
}
.form-customer .select-container .tooltip {
  height: auto !important;
  line-height: 16px;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-date .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-date .unit {
  font-size: 12px;
}
.form-date .choose-date {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  justify-content: space-between;
}
.form-date .choose-date > div {
  display: flex;
  height: 35px;
  line-height: 35px;
}
.form-date .choose-date .triangle-space {
  margin-right: 10px;
}
.form-date .choose-date .ibass-trig-down {
  color: #a9a9a9;
}
.form-date input {
  height: 35px;
  line-height: 35px;
  outline: none;
  border: none;
  color: #4a4a4a;
  background: transparent;
  width: 100%;
  font-size: 14px;
}
.form-date i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-date-interval .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-date-interval .unit {
  font-size: 12px;
}
.form-date-interval i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-date-interval .date-interval {
  display: flex;
}
.form-date-interval .date-interval > span {
  display: inline-block;
  margin: 0 6px;
  line-height: 35px;
  height: 35px;
  color: #a9a9a9;
  font-size: 14px;
}
.form-date-interval .date-interval .choose-date {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
}
.form-date-interval .date-interval .choose-date > div {
  display: flex;
  height: 35px;
  line-height: 35px;
}
.form-date-interval .date-interval .choose-date .triangle-space {
  margin-right: 10px;
}
.form-date-interval .date-interval .choose-date .ibass-trig-down {
  color: #a9a9a9;
}
.form-date-interval .date-interval input {
  height: 35px;
  line-height: 35px;
  outline: none;
  border: none;
  color: #4a4a4a;
  background: transparent;
  width: 100%;
  font-size: 14px;
}
datetimepicker table tr td span.active,
.datetimepicker table tr td span.active.active {
  background: #fa8919 none !important;
}
datetimepicker table tr td span:hover,
.datetimepicker table tr td span:hover {
  background: #282828 none !important;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-department {
  display: flex;
  flex-direction: column;
}
.form-department .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-department i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-department .department-position {
  display: inline-block;
  position: relative;
}
.form-department .department-selector {
  width: 100%;
}
.form-department > div:last-child {
  margin-top: 6px;
  display: flex;
}
.form-department .financial__department-selector-wrapper {
  width: 100%;
}
.form-department .financial__department-selector-wrapper .drop-menu-check-default {
  justify-content: space-between;
}
.form-department .financial__department-selector-wrapper .drop-menu-check-default > span:first-child {
  font-size: 14px;
}
.form-department .user-list {
  margin-top: 4px;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-member .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-member i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-member .select-container {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.form-member .select-container .triangle-space {
  margin-right: 4px;
}
.form-member .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.form-member .select-container > span {
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-member .select-container .customer-form-common {
  max-width: 450px !important;
}
.form-member .select-container .tooltip {
  height: auto !important;
  line-height: 16px;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-money form .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-money form .unit {
  font-size: 12px;
}
.form-money form input {
  height: 35px;
  outline: none;
  border: none;
  color: #4a4a4a;
  background: transparent;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  font-size: 14px;
}
.form-money form input[type='number']::-webkit-outer-spin-button,
.form-money form input[type='number']::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
.form-money form i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-money form .warning {
  color: red;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-multiple-select {
  display: flex;
  flex-direction: column;
}
.form-multiple-select .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-multiple-select i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-multiple-select .select-container {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.form-multiple-select .select-container .triangle-space {
  color: #a9a9a9;
}
.form-multiple-select .select-container > span {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-multiple-select .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.form-multiple-select .select-container .customer-form-common {
  max-width: 450px !important;
}
.form-multiple-select .select-container .tooltip {
  height: auto !important;
  line-height: 16px;
}
.form-multiple-select .popover-position {
  margin-top: -10px;
  margin-left: -10px;
  width: 100%;
}
.form-multiple-select .form-select-ul {
  width: 100%;
  color: black;
  background: white !important;
  max-width: none !important;
}
.form-multiple-select .form-select-ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-multiple-select .form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-multiple-select .form-select-ul li .ibass-done {
  color: #ed6c00;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-multistage-select form .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-multistage-select form .unit {
  font-size: 12px;
  color: #a9a9a9;
}
.form-multistage-select form input {
  height: 35px;
  outline: none;
  border: none;
  color: #4a4a4a;
  background: transparent;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  font-size: 14px;
}
.form-multistage-select form input[type='number']::-webkit-outer-spin-button,
.form-multistage-select form input[type='number']::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
.form-multistage-select form i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}

.multistage-select-container .select-container {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.multistage-select-container .select-container > span {
  font-size: 14px;
}
.multistage-select-container .select-container > div > i {
  color: #a9a9a9;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-number form .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-number form .unit {
  font-size: 12px;
  color: #a9a9a9;
}
.form-number form input {
  height: 35px;
  outline: none;
  border: none;
  color: #4a4a4a;
  background: transparent;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  font-size: 14px;
}
.form-number form input[type='number']::-webkit-outer-spin-button,
.form-number form input[type='number']::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
.form-number form i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-project .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-project i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-project .select-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.form-project .select-container .triangle-space {
  margin-right: 10px;
}
.form-project .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.form-project .select-container > span {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-project .select-container > div {
  height: 35px;
  line-height: 35px;
}
.form-project .select-container .customer-form-common {
  max-width: 450px !important;
}
.form-project .select-container .tooltip {
  line-height: 16px;
}
.form-project .form-select-ul .matter-list li {
  position: relative;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
}
.form-project .form-select-ul .matter-list li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-project .form-select-ul .matter-list li span:last-of-type {
  color: #a9a9a9;
}
.form-project .form-select-ul .matter-list i.ibass-done {
  position: absolute;
  right: 10px;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-select {
  display: flex;
  flex-direction: column;
}
.form-select .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-select i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select .select-container {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.form-select .select-container .triangle-space {
  color: #a9a9a9;
}
.form-select .select-container > span {
  font-size: 14px;
}
.form-select .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.form-select .select-container .customer-form-common {
  max-width: 450px !important;
}
.form-select .select-container .tooltip {
  height: auto !important;
  line-height: 16px;
}
.form-select .popover-position {
  margin-top: -10px;
  margin-left: -10px;
  width: 100%;
}
.form-select .form-select-ul {
  width: 100%;
  color: black;
  background: white !important;
  max-width: none;
}
.form-select .form-select-ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-text-area form .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-text-area form .unit {
  font-size: 12px;
}
.form-text-area form textarea {
  width: 100%;
  padding: 4px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  resize: none;
  height: 80px;
  font-size: 14px;
}
.form-text-area form i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}
.form-text-field form .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-text-field form input {
  height: 35px;
  line-height: 35px;
  outline: none;
  border: none;
  color: #4a4a4a;
  background: transparent;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  font-size: 14px;
}
.form-text-field form i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}

.doc-display {
  min-height: 0 !important;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  margin: 10px auto;
  position: relative;
}
.doc-display .width-doc-num {
  width: 630px;
}
.doc-display .doc-item-header {
  padding-top: 10px;
  margin: 16px 30px 0;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.doc-display .doc-item-header > span {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.doc-display .doc-item-header .doc-delete {
  border-color: #fa8919 #fa8919 #ffffff #ffffff;
  border-width: 18px 18px;
  border-style: solid;
  width: 0;
  height: 0;
  border-top-right-radius: 10px;
  margin-right: -28px;
  cursor: pointer;
}
.doc-display .doc-item-header .doc-delete > i {
  font-size: 12px;
  position: absolute;
  top: 1px;
  margin-left: 1px;
  color: white;
}
.doc-display .width-third {
  width: 32%;
}
.doc-display .width-third:nth-child(1) {
  margin-right: 12px;
}

.doc-edit {
  min-height: 0 !important;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  width: 92%;
  margin: 10px auto;
}
.doc-edit .doc-item-header {
  height: 43px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.doc-edit .doc-item-header .icon-doc {
  display: inline-block;
  font-size: 16px;
  color: #fa8919;
  vertical-align: sub;
  padding-left: 9px;
}
.doc-edit .doc-item-header > span {
  display: inline-block;
  padding-top: 10px;
  height: 43px;
  font-weight: 500;
}
.doc-edit .doc-item-header > span:last-of-type {
  color: #a9a9a9;
  font-size: 15px;
}
.doc-edit .doc-item-header .doc-delete {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.doc-edit .doc-item-header .doc-delete > i {
  font-size: 16px;
  color: #cdc9c5;
}
.doc-edit .doc-content {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.doc-edit .doc-content .doc-input {
  padding-right: 32px !important;
}
.doc-edit .doc-content .required-icon {
  top: 22px;
}
.doc-edit .doc-content .ibass-trig-down {
  right: 15px !important;
}
.doc-edit .doc-content .width-third {
  width: 32%;
}
.doc-edit .doc-content .width-third .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 15px;
  cursor: pointer;
  color: #cdc9c5;
}
.doc-edit .doc-content .commont-li-span {
  display: inline-block;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  width: 100%;
}
.doc-edit .doc-content .row-wrapper {
  display: flex;
}
.doc-edit .doc-content .row-wrapper .nfim-input-common {
  flex-grow: 1;
}
.doc-edit .new-common-attachments-upload {
  margin-left: 0!important;
}

.iradar-search-risk-company-detail .company-database-base-info .info {
  width: auto;
}
.iradar-search-risk-company-detail .company-database-base-info .expanded table {
  width: 930px;
}
.iradar-search-risk-company-detail .empty {
  text-align: center;
  margin-top: 30px;
  color: #a9a9a9;
}
.iradar-search-risk-company-info-origion {
  margin: 15px 0 25px;
  color: #a9a9a9;
}
.iradar-search-risk-company-info-origion a {
  text-align: left;
  color: #a9a9a9;
  margin-left: 18px;
}
.iradar-search-risk-company-info-origion a:hover {
  color: #fa8919;
}
.iradar-search-risk-company-info-origion a:hover i {
  color: #fa8919;
}
.iradar-search-risk-company-info-origion i {
  margin-right: 6px;
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.iradar-search-risk-company-info-row {
  padding: 3px 0;
  font-size: 14px;
  text-align: left;
}
.iradar-search-risk-company-info-item {
  width: 305px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iradar-search-risk-company-info-item .title {
  color: #737373;
}
.iradar-search-risk-company-info-item i {
  margin-right: 8px;
  padding-bottom: 5px;
  vertical-align: middle;
  color: #cdc9c5;
}
.iradar-search-risk-company-info-item span {
  margin-right: 8px;
}
.iradar-search-risk-company-info-item a {
  color: #fa8919;
  cursor: pointer;
}

.iradar-bid-detail-wrapper {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(100, 0, 0, 0.1);
  margin: 0 -100px;
  min-height: 1200px;
  padding: 25px;
  position: relative;
}
.iradar-bid-detail-wrapper-single-detail {
  margin: 0;
}
.iradar-bid-detail-header {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
}
.iradar-bid-detail-header-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 1000px;
  color: #353535;
  font-size: 20px;
}
.iradar-bid-detail-header-title-single-detail {
  width: 820px;
}
.iradar-bid-detail-header-iconWrapper {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.iradar-bid-detail-header-iconWrapper-i {
  color: #cdc9c5;
  font-size: 16px;
}
.iradar-bid-detail-header-iconWrapper-i-go {
  color: #cdc9c5;
  font-size: 16px;
  vertical-align: -1px;
}
.iradar-bid-detail-header-iconWrapper-i-go:hover {
  color: #f88300;
}
.iradar-bid-detail-header-iconWrapper-span {
  font-style: normal;
  color: #4a4a4a;
  font-size: 14px;
  vertical-align: 2px;
  margin-left: 6px;
}
.iradar-bid-detail-header-iconWrapper-span:hover {
  color: #f88300;
}
.iradar-bid-detail-content-left {
  width: 830px;
  float: left;
}
.iradar-bid-detail-content-left-info {
  margin-right: 374px;
  border-top: 1px solid #ebebeb;
  padding-top: 18px;
  position: absolute;
  bottom: 40px;
}
.iradar-bid-detail-content-left-info-single-detail {
  margin-right: 25px;
}
.iradar-bid-detail-content-left-info i {
  float: left;
  height: 50px;
  margin-right: 5px;
  color: #cdc9c5;
}
.iradar-bid-detail-content-left-info p {
  color: #737373;
}
.iradar-bid-detail-content-left-base {
  width: 800px;
}
.iradar-bid-detail-content-left-base-info {
  margin-top: 5px;
  color: #a9a9a9;
  font-size: 14px;
  margin-bottom: 15px;
}
.iradar-bid-detail-content-left-base-info-line {
  display: inline-block;
  width: 0;
  height: 22px;
  border-left: 1px solid #ededed;
  margin: 0 15px;
  vertical-align: -5px;
}
.iradar-bid-detail-content-left-base-info-line2 {
  display: inline-block;
  width: 0;
  height: 12px;
  border-left: 1px solid #ebebeb;
  margin: 0 20px;
  vertical-align: -1px;
}
.iradar-bid-detail-content-left-detail-wrapper {
  margin-bottom: 120px;
  font-size: 16px;
  color: #4a4a4a;
  line-height: 29px;
}
.iradar-bid-detail-content-left-detail-wrapper-single-detail .com-detail {
  width: 950px;
}
.iradar-bid-detail-content-left-detail-wrapper-single-detail .com-detail div {
  width: 950px;
}
.iradar-bid-detail-content-left-detail-wrapper div {
  overflow-x: auto;
  width: 800px;
  margin: 0 0 20px;
}
.iradar-bid-detail-content-left-detail-wrapper div table,
.iradar-bid-detail-content-left-detail-wrapper div td,
.iradar-bid-detail-content-left-detail-wrapper div th {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  font-size: 14px;
  color: #4a4a4a;
  margin: 12px 0;
}
.iradar-bid-detail-content-left-detail-wrapper div table {
  width: 100%;
  overflow: scroll;
}
.iradar-bid-detail-content-left-detail-wrapper div table table {
  width: 100%;
}
.iradar-bid-detail-content-left-detail-wrapper div tr:nth-child(odd) {
  background: #f8f8f9;
}
.iradar-bid-detail-content-left-detail-wrapper div td,
.iradar-bid-detail-content-left-detail-wrapper div th {
  padding: 10px;
  width: 400px;
  border: 1px solid #DFE6EC;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.iradar-bid-detail-content-left-detail-wrapper div table table {
  text-align: center;
}
.iradar-bid-detail-content-left-detail-wrapper div tbody td {
  width: 800px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.iradar-bid-detail-content-right {
  width: 320px;
  float: right;
}
.iradar-bid-detail-content-right-process {
  margin-left: 20px;
}
.iradar-bid-detail-content-right-process-tittle {
  color: #4a4a4a;
  font-size: 16px;
  margin-bottom: 20px;
}
.iradar-bid-detail-content-right-process-content {
  margin-bottom: 22px;
  margin-left: -3px;
}
.iradar-bid-detail-content-right-process-content-ul {
  overflow: hidden;
  position: relative;
}
.iradar-bid-detail-content-right-process-content-li {
  margin-bottom: 20px;
  position: relative;
}
.iradar-bid-detail-content-right-process-content-i {
  font-size: 16px;
  color: #07cfda;
  vertical-align: -4px;
}
.iradar-bid-detail-content-right-process-content-state {
  display: inline-block;
  width: 48px;
  height: 22px;
  background-color: #f88300;
  color: #fff;
  line-height: 22px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  right: 8px;
}
.iradar-bid-detail-content-right-process-content-time {
  margin-left: 8px;
  font-size: 12px;
  color: #a9a9a9;
}
.iradar-bid-detail-content-right-process-content-title {
  font-size: 14px;
  line-height: 20px;
  color: #4a4a4a;
  width: 257px;
  height: 40px;
  padding-left: 16px;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  cursor: pointer;
}
.iradar-bid-detail-content-right-process-content-title:hover {
  color: #f88300;
}
.iradar-bid-detail-content-right-process-content-line {
  position: absolute;
  top: 16px;
  left: 6px;
  width: 0;
  height: 86px;
  border-left: 3px solid #eeeeee;
}
.iradar-bid-detail-content-right-process-content-line-single {
  position: absolute;
  top: 286px;
  left: 6px;
  width: 0;
  height: 86px;
  border-left: 3px solid #eeeeee;
}
.iradar-bid-detail-content-right-process-content-showAll {
  margin-bottom: 36px;
  padding-left: 10px;
  color: #a9a9a9;
  cursor: pointer;
}
.iradar-bid-detail-content-right-process-content-showAll span {
  margin-right: 8px;
}
.iradar-bid-detail-content-right-process-content-showAll i {
  font-size: 12px;
  vertical-align: -1px;
  color: #cdc9c5;
}
.iradar-bid-detail-content-right-process-content-showAll:hover span {
  color: #f88300;
}
.iradar-bid-detail-content-right-process-content-showAll:hover i {
  color: #f88300;
}
.iradar-bid-detail-content-right-company {
  border-radius: 5px;
  width: 240px;
  background-color: #f8f8f9;
  margin-left: 20px;
  margin-top: -16px;
  padding: 18px 16px 0;
}
.iradar-bid-detail-content-right-company-showAll {
  color: #a9a9a9;
  cursor: pointer;
  padding-bottom: 20px;
}
.iradar-bid-detail-content-right-company-showAll span {
  margin-right: 8px;
}
.iradar-bid-detail-content-right-company-showAll i {
  font-size: 12px;
  vertical-align: -1px;
  color: #cdc9c5;
}
.iradar-bid-detail-content-right-company-showAll:hover span {
  color: #f88300;
}
.iradar-bid-detail-content-right-company-showAll:hover i {
  color: #f88300;
}
.iradar-bid-detail-content-right-company-line {
  height: 0;
  border-top: 1px solid #ebebeb;
  width: 240px;
}
.iradar-bid-detail-content-right-company-wrapper {
  margin-top: -20px;
}
.iradar-bid-detail-content-right-company-name {
  width: 240px;
  color: #4a4a4a;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 20px;
  cursor: pointer;
  margin-bottom: 10px;
}
.iradar-bid-detail-content-right-company-name:hover {
  color: #f88300;
}
.iradar-bid-detail-content-right-company-info {
  color: #4a4a4a;
  padding-bottom: 20px;
}
.iradar-bid-detail-content-right-company-range {
  margin-bottom: 10px;
}
.iradar-bid-detail-content-right-project {
  margin-top: 20px;
}
.iradar-bid-detail-content-right-project-wrapper {
  padding-bottom: 10px;
}
.iradar-bid-detail-content-right-project-tittle {
  color: #4a4a4a;
  font-size: 16px;
}
.iradar-bid-detail-content-right-project-ul {
  padding-bottom: 10px;
}
.iradar-bid-detail-content-right-project-li {
  margin-top: 10px;
  cursor: pointer;
}
.iradar-bid-detail-content-right-project-i {
  font-size: 12px;
  color: #cdc9c5;
  vertical-align: -1px;
}
.iradar-bid-detail-content-right-project-span {
  display: block;
  width: 220px;
  margin-left: 20px;
  margin-top: -20px;
}
.iradar-bid-detail-content-right-project-li:hover i {
  color: #f88300;
}
.iradar-bid-detail-content-right-project-li:hover span {
  color: #f88300;
}
.iradar-bid-detail-content-right-project-span {
  font-size: 14px;
  color: #4a4a4a;
}
.iradar-bid-detail-content-right-project-p {
  font-size: 12px;
  color: #a9a9a9;
  margin-left: 20px;
}
.iradar-bid-detail-content-right-project-showAll {
  color: #a9a9a9;
  cursor: pointer;
  margin-bottom: 10px;
}
.iradar-bid-detail-content-right-project-showAll span {
  margin-right: 8px;
}
.iradar-bid-detail-content-right-project-showAll i {
  font-size: 12px;
  vertical-align: -1px;
  color: #cdc9c5;
}
.iradar-bid-detail-content-right-project-showAll:hover span {
  color: #f88300;
}
.iradar-bid-detail-content-right-project-showAll:hover i {
  color: #f88300;
}
.selected {
  color: #f88300;
}
.bidding-detail-fullName .tooltip-inner {
  word-break: break-all;
  max-width: 253px;
  padding: 10px;
  text-align: left;
}
.bidding-origion-fullName .tooltip-inner {
  padding: 0 10px;
}
.no-margin {
  margin-top: 0;
}

.iradar-bid-wrapper {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(100, 0, 0, 0.1);
  margin: 0 -100px;
  position: relative;
}
.iradar-bid-header {
  height: 74px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.iradar-bid-header-close {
  position: absolute;
  top: 20px;
  right: 25px;
}
.iradar-bid-header-close i {
  font-size: 20px;
}
.iradar-bid-header-close:hover {
  color: #fa8919;
}
.iradar-bid-header-region-filter {
  position: absolute;
  top: 20px;
  left: 26px;
}
.iradar-bid-header-region-filter-tittle {
  color: #737373;
}
.iradar-bid-header-region-filter-region {
  vertical-align: -2px;
  padding: 4px 8px 8px 0;
}
.iradar-bid-content-left {
  border-radius: 0 0 0 10px;
  float: left;
  width: 260px;
  background-color: #f8f8f9;
  height: 2335px;
}
.iradar-bid-content-left-tree-tittle {
  font: PingFangSC-Medium;
  cursor: pointer;
}
.iradar-bid-content-left-tree-tittle-i {
  vertical-align: -2px;
  color: #cdc9c5;
}
.iradar-bid-content-left-tree-tittle-span {
  color: #4a4a4a;
}
.iradar-bid-content-left-tree-tittle:hover i {
  color: #fa8919;
}
.iradar-bid-content-left-tree-tittle:hover span {
  color: #fa8919;
}
.iradar-bid-content-left-tree-content {
  margin-top: 10px;
}
.iradar-bid-content-left-tree-content-i {
  vertical-align: -2px;
  color: #cdc9c5;
  cursor: pointer;
}
.iradar-bid-content-left-tree-content-i:hover {
  color: #fa8919;
}
.iradar-bid-content-left-tree-content-span {
  color: #4a4a4a;
  cursor: pointer;
}
.iradar-bid-content-left-tree-content-span:hover {
  color: #fa8919;
}
.iradar-bid-content-left-tree-content-li {
  font-size: 14px;
  margin-top: 10px;
  cursor: pointer;
}
.iradar-bid-content-left-tree-content-li-i {
  color: #cdc9c5;
  vertical-align: -2px;
}
.iradar-bid-content-left-tree-content-li-span {
  color: #4a4a4a;
  cursr: pointer;
}
.iradar-bid-content-left-tree-content-li:hover i {
  color: #fa8919;
}
.iradar-bid-content-left-tree-content-li:hover span {
  color: #fa8919;
}
.iradar-bid-content-left-tree-wrapper {
  margin-left: 16px;
  margin-top: 20px;
}
.iradar-bid-content-right {
  float: right;
  width: 940px;
}
.iradar-bid-content-right-header {
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.iradar-bid-content-right-header-tittle {
  display: inline-block;
  height: 42px;
  width: 84px;
  border-bottom: 2px solid #ed6c00;
  line-height: 42px;
  text-align: center;
  color: #ed6c00;
  margin-left: 18px;
}
.iradar-bid-content-right-header-tittle-icon {
  font-size: 14px;
  color: #cdc9c5;
  cursor: pointer;
  vertical-align: -2px;
  margin-left: -2px;
}
.iradar-bid-content-right-header-tittle-icon:hover {
  color: #ed6c00;
}
.iradar-bid-content-right-header-items {
  position: absolute;
  top: 10px;
  right: 16px;
}
.iradar-bid-content-right-header-items-focus {
  display: inline-block;
  cursor: pointer;
}
.iradar-bid-content-right-header-items-focus-span {
  margin-right: 8px;
  vertical-align: -1px;
}
.iradar-bid-content-right-header-items-focus-span:hover {
  color: #ed6c00;
}
.iradar-bid-content-right-header-items-focus .btn {
  display: inline-block;
  vertical-align: 4px;
}
.iradar-bid-content-right-header-items-focus .btn:hover div {
  color: #ed6c00;
}
.iradar-bid-content-right-header-items-value {
  display: inline-block;
}
.iradar-bid-content-right-header-items-value-span-sort {
  margin-right: 8px;
}
.iradar-bid-content-right-header-items-value-span-after {
  margin-right: 20px;
}
.iradar-bid-content-right-header-items-value-line {
  display: inline-block;
  width: 0;
  height: 12px;
  border-left: 1px solid #ebebeb;
  margin: 0 20px 0 0;
  vertical-align: -1px;
}
.iradar-bid-content-list-i {
  font-size: 14px;
  color: #cdc9c5;
  position: absolute;
  right: 14px;
  top: 3px;
  cursor: pointer;
}
.iradar-bid-content-list-i:hover {
  color: #ed6c00;
}
.iradar-bid-content-list-item {
  position: relative;
  margin-top: 26px;
  margin-left: 30px;
  margin-right: 31px;
  border-bottom: 1px solid #ebebeb;
}
.iradar-bid-content-list-item-line {
  width: 0;
  height: 12px;
  border-left: solid 1px #ebebeb;
  margin-left: 20px;
  margin-right: 20px;
}
.iradar-bid-content-list-item-info {
  margin-bottom: 21px;
  margin-top: 10px;
  font-size: 12px;
  color: #a9a9a9;
}
.iradar-bid-content-list-item-tittle {
  height: 30px;
}
.iradar-bid-content-list-item-tittle-name {
  display: inline-block;
  height: 28px;
  font-size: 20px;
  color: #353535;
  max-width: 650px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
}
.iradar-bid-content-list-item-tittle-name:hover {
  color: #ed6c00;
}
.iradar-bid-content-list-item-tittle-state {
  display: inline-block;
  width: 60px;
  height: 18px;
  text-align: center;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  font-size: 12px;
  color: #4a4a4a;
  margin-left: 8px;
  vertical-align: 4px;
}
.iradar-bid-content-list-item-tittle-over {
  display: inline-block;
  width: 60px;
  height: 18px;
  text-align: center;
  border-radius: 10px;
  font-size: 12px;
  color: #ea5959;
  border: 1px solid #ea5959;
  margin-left: 8px;
  vertical-align: 4px;
}
.iradar-bid-content-list-page {
  overflow: hidden;
  text-align: center;
  clear: both;
}
.iradar-bid-content-list-page .i-pagination {
  display: inline-block;
}
.focused {
  color: #fa8919;
}
.iradar-bid-content-right-empty {
  margin-top: 80px;
  color: #ddd9d6;
  text-align: center;
  font-size: 16px;
}
.iradar-bid-content-right-empty i {
  font-size: 60px;
}
.shortList {
  height: 1160px;
}
.bidding-fullName .tooltip-inner {
  word-break: break-all;
  max-width: 253px;
  padding: 10px;
  text-align: left;
}
.bidding-warning .tooltip-inner div {
  padding: 10px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.iradar-search-chart-h {
  padding: 15px 15px 0 15px;
  min-height: 32px;
  width: 910px;
}
.iradar-search-enterprise-router {
  position: relative;
  text-align: right;
}
.iradar-search-enterprise-router-i {
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  width: 84px;
  line-height: 40px;
  text-align: center;
  float: left;
}
.iradar-search-enterprise-router-i:first-child {
  margin-left: 22px;
}
.iradar-search-enterprise-router-i:hover,
.iradar-search-enterprise-router-i.active {
  color: var(--default);
  border-bottom: 2px solid var(--default);
}
.iradar-search-chart-download {
  position: absolute;
  right: 163px;
  top: 8px;
  color: #4a4a4a;
  cursor: pointer;
}
.ilawDownload {
  right: 0px;
}
.iradar-search-chart-download.download2 {
  right: 20px;
}
.iradar-search-chart-download.case {
  right: 270px;
}
.iradar-search-chart-download i {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.iradar-search-chart-download:hover,
.iradar-search-chart-download:hover i {
  color: var(--default);
}
.iradar-search-chart-keyword {
  float: left;
  line-height: 32px;
  padding: 0 24px;
  color: #4a4a4a;
  font-size: 12px;
  background: #f8f8f9;
  border-radius: 16px;
  position: relative;
  margin: 0 15px 15px 0;
  cursor: default;
}
.iradar-search-chart-keyword .close-keyword {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: -1px;
  display: none;
}
.iradar-search-chart-keyword:hover .close-keyword {
  display: block;
}
.iradar-search-chart-keyword .close-keyword .ibass-close {
  color: var(--default);
  font-size: 12px;
}
.iradar-search-chart-c {
  border-top: 1px solid #ebebeb;
  padding: 20px 0 60px;
}
.iradar-common-notice {
  padding-bottom: 20px;
}
.iradar-common-notice p {
  font-size: 12px;
  font-weight: 500;
  color: #a9a9a9;
  margin: 0 15px 0 20px;
}
.iradar-search-risk-empty {
  text-align: center;
  margin-top: 100px;
}
.iradar-search-risk-empty i {
  font-size: 128px;
  color: #efeded;
  line-height: 1;
}

.iradar-search-chart-download.chart2 {
  right: 20px;
}
.iradar-search-chart-download.case2 {
  right: 125px;
}

.iradar-search-enterprise-filter {
  cursor: pointer;
  margin-right: 30px;
  position: relative;
  top: 5px;
}
.iradar-search-enterprise-filter i {
  color: #cdc9c5;
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.iradar-search-enterprise-filter:hover {
  color: #ed6c00;
}
.iradar-search-enterprise-filter:hover i {
  color: #ed6c00;
}
.iradar-search-enterprise-count {
  font-size: 14px;
  margin-right: 6px;
  position: relative;
  top: 5px;
}
.iradar-search-enterprise-count .count {
  color: #ed6c00;
}
.iradar-search-enterprise-download {
  cursor: pointer;
  margin-right: 20px;
  position: relative;
  top: 5px;
}
.iradar-search-enterprise-download:hover {
  color: #ed6c00;
}
.iradar-search-enterprise-download i {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 3px;
  margin-right: 6px;
}
.iradar-search-enterprise-download:hover i {
  color: #ed6c00;
}
.iradar-search-enterprise-list-wrapper {
  padding: 20px 39px 20px 22px;
  border-top: 1px solid #ebebeb;
  box-sizing: border-box;
  width: 940px;
}
.iradar-search-enterprise-list-item {
  padding-bottom: 22px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
}
.iradar-search-enterprise-list-header {
  line-height: 28px;
}
.iradar-search-enterprise-list-title {
  display: inline-block;
  width: 728px;
  font-size: 20px;
}
.iradar-search-enterprise-list-title .name {
  cursor: pointer;
}
.iradar-search-enterprise-list-title .name:hover {
  color: #ed6c00;
}
.iradar-search-enterprise-list-title .state {
  font-size: 16px;
  color: #9b9b9b;
  margin-left: 20px;
}
.iradar-search-enterprise-list-issue-item {
  display: inline-block;
}
.iradar-search-enterprise-case-count {
  display: inline-block;
  width: 125px;
  line-height: 28px;
  font-family: Futura;
  font-size: 20px;
  font-weight: 500;
  text-align: right;
  color: #5f5f5f;
  margin-left: 20px;
}
.iradar-search-enterprise-list-detail {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  text-align: left;
  color: #a9a9a9;
  margin: 10px 0;
}
.iradar-search-enterprise-list-detail span {
  margin-right: 50px;
}
.iradar-search-enterprise-list-issue span {
  display: inline-block;
  border-radius: 20px;
  background-color: #ffffff;
  border: solid 1px #ebe8e6;
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  padding: 3px 6px 3px 7px;
  margin-right: 20px;
}
.iradar-search-enterprise-list-page {
  width: 970px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.iradar-search-enterprise-list-page.al-page {
  display: inline-block;
}
.enterprise-filter {
  width: 124px;
}
.enterprise-list-page {
  overflow: hidden;
}
.enterprise-list-page {
  text-align: center;
  clear: both;
  padding-top: 10px;
}
.enterprise-list-page .i-pagination {
  display: inline-block;
}
.iradar-search-enterprise-list-empty {
  margin-top: 80px;
  color: #ddd9d6;
  text-align: center;
  font-size: 16px;
}
.iradar-search-enterprise-list-empty i {
  font-size: 60px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.iradar-search-more-header {
  background-color: #fff;
  border-radius: 8px;
  padding: 50px 20px 10px;
}
.iradar-search-more-title-cut-off-rule {
  text-align: center;
  border-top: 1px solid #e2e2e2;
}
.iradar-search-more-title {
  display: inline-block;
  padding: 0 25px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  background: #fff;
  color: #4a4a4a;
  position: relative;
  top: -18px;
}
.iradar-search-more-content-wrapper {
  height: 450px;
  overflow: auto;
}
.iradar-search-more-content {
  margin: 0px 60px 0 80px;
  font-size: 14px;
  line-height: 32px;
  color: rgba(7, 17, 27, 0.6);
  font-weight: 600;
}
.iradar-search-more-content li {
  list-style-type: disc;
}
.iradar-search-more-content-cursor {
  cursor: pointer;
}
.iradar-search-more-content-cursor:hover {
  color: var(--default);
}
.iradar-more-region-h {
  position: relative;
  padding: 15px 20px;
}
.iradar-more-region-h > span {
  font-weight: 500;
}
.iradar-more-region-h > a {
  float: right;
  margin: -5px 30px 0 0;
  color: #a9a9a9;
  cursor: pointer;
  position: relative;
}
.iradar-more-region-h > a i {
  position: relative;
  top: 2px;
  font-size: 16px;
  color: #cdc9c5;
  margin-right: 5px;
}
.iradar-more-region-h > a:hover {
  color: var(--default);
}
.iradar-more-region-h > a:hover i {
  color: var(--default);
}
.iradar-more-region-c {
  width: 757px;
  margin: 0 auto;
}
.iradar-more-notice {
  color: #a9a9a9;
  font-weight: 500;
  margin-top: 20px;
  padding-bottom: 30px;
  font-size: 12px;
}

.iradar-search-left {
  padding: 15px;
  position: relative;
}
.iradar-search-tree {
  margin-bottom: 20px;
}
.iradar-search-tree .tree-classic {
  max-height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  transition: 300ms ease height;
}
.iradar-search-tree.noscroll .tree-classic {
  max-height: initial;
}
.iradar-search-tree .tree-classic::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.iradar-search-tree .tree-classic::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.iradar-search-tree .tree-classic:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.iradar-search-tree .tree-classic:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.iradar-search-tree-tit {
  font-weight: 500;
  cursor: pointer;
  line-height: 24px;
  padding: 4px 0;
}
.iradar-search-tree-tit i {
  color: #cdc9c5;
  position: relative;
  top: 1px;
}
.iradar-tree-li {
  padding-left: 15px;
  line-height: 20px;
}
.iradar-tree-label.tree-label {
  display: inline-block;
  width: 77%;
  padding: 4px 0;
}
.has2012 .iradar-tree-li:last-child .iradar-tree-label.tree-label {
  cursor: auto;
}
.iradar-tree-ul .ibass-minus-round,
.iradar-tree-ul .ibass-add-round,
.iradar-tree-ul .ibass-dot {
  color: #cdc9c5;
  position: relative;
  top: 3px;
  float: left;
}
.iradar-tree-custom {
  margin: 3px 0 0 15px;
}
.iradar-tree-custom > a {
  cursor: pointer;
  padding-right: 30px;
}
.iradar-tree-custom > a i {
  font-size: 13px;
  color: #cdc9c5;
  padding: 0 10px;
  position: relative;
  top: 2px;
}
.iradar-tree-custom > a span {
  font-size: 13px;
}
.iradar-custom-date-w {
  height: 30px;
  padding: 15px 10px;
}
.iradar-custom-date-w > div {
  float: left;
  width: 66px;
  height: 30px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  border-radius: 2px;
}
.iradar-custom-date-w > div input {
  width: 64px;
  height: 28px;
  border: none;
  outline: none;
  text-align: center;
  font-size: 12px;
}
.iradar-custom-date-w > div.spliter {
  width: 8px;
  margin: 0 3px;
  border: none;
  line-height: 24px;
  color: #888;
}
.iradar-custom-date-f {
  text-align: center;
  padding-bottom: 15px;
}
.iradar-custom-date-f .main-btn {
  width: 64px;
  height: 30px;
  font-size: 12px;
  min-width: auto;
  line-height: 30px;
  margin: 0 5px;
}
.iradar-custom-date-f .cancel-btn {
  background: #fff;
  color: #4a4a4a;
  border: solid 1px #e8e8e8;
}

.popover-content-wrap {
  padding: 15px;
  font-size: 14px;
}
.popover-content-wrap .content {
  padding-bottom: 10px;
  font-size: 14px;
  color: #000;
}
.popover-content-wrap .iradar-known-confirm-btn {
  color: #ed6c00;
  display: inline-block;
  margin-top: 15px;
}
.popover-content-wrap .irader-version-popover-title {
  color: #ed6c00;
  font-size: 14px;
}
.popover-content-wrap .ns-popover-tooltip-theme {
  z-index: 99999;
}
.ns-popover-tooltip.irader-version-popover-tooltip {
  width: 260px;
}
.irader-version-popover-content {
  padding: 3px 8px;
}
.irader-version-popover-content p {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}
.irader-version-popover-content span {
  float: left;
  width: 18px;
  text-align: right;
}
.irader-version-popover-content span:last-child {
  width: 190px;
  float: right;
  text-align: left;
}
.iradar-version-popover {
  position: absolute;
  right: 0;
  top: 0;
}
.iradar-version-popover-dot {
  width: 20px;
  height: 20px;
  display: block;
  z-index: 10;
}
.iradar-version-popover-dot::before {
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  right: 0;
  opacity: 0;
  background: #ed6c00;
  animation: radarGuidePlay 3s linear infinite;
  animation-delay: 1s;
}
.iradar-version-popover-dot::after {
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  right: 0;
  opacity: 0;
  background: #ed6c00;
  animation: radarGuidePlay 3s linear infinite;
  animation-delay: 2s;
}
@keyframes radarGuidePlay {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  10% {
    opacity: .8;
  }
  60% {
    opacity: 0.1;
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

.popover-related-companies {
  position: relative;
  z-index: 10010!important;
}
.popover-related-companies .triangle {
  top: -21px !important;
}
.popover-related-companies .cus-manage-org-empty {
  margin-top: 30px;
  text-align: center;
}
.cus-manage-form {
  position: relative;
  padding-right: 60px;
  left: 30px;
}
.cus-manage-form .cus-mform-box .ibass-trig-down {
  position: absolute;
  right: -24px;
  bottom: 0px;
  margin-right: 5px;
  color: #cdc9c5;
  font-size: 14px;
}
.cus-manage-org-companys {
  width: 330px;
  min-height: 150px;
  max-width: 400px!important;
}
.org-links-box {
  padding: 10px 15px;
  background-color: transparent;
}
.org-links-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.org-links-title em {
  color: #ed6c00;
  font-style: normal;
}
.org-links-desc {
  font-size: 12px;
  line-height: 1.3;
  color: #a9a9a9;
}
.org-links-lpn,
.org-links-date {
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
}
.org-links-lpn {
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.org-links-date {
  margin-left: 20px;
}
.org-links-box.active {
  background-color: #e9e9e9;
}
.cus-mform-dates-clear {
  position: absolute;
  top: 30px;
  left: 255px;
  font-size: 12px!important;
}
.cus-mform-orgname {
  position: relative;
  display: inline-block;
}
.cus-mform-orgname:after {
  content: '';
  display: table;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}
.cus-mform-header {
  position: relative;
  height: 60px;
}
.cus-mform-addtext {
  position: relative;
  top: 45px;
  background-color: #fff;
  width: 120px;
  height: 22px;
  text-align: center;
  font-size: 16px;
  z-index: 2;
}
.cus-mform-line {
  margin-top: 35px;
  background-color: #ebebeb;
  width: 540px;
  height: 1px;
}
.cus-mform-tab {
  width: 160px;
  margin: 25px auto 0;
  font-size: 0;
}
.cus-mform-item {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #c5b6aa;
  box-sizing: border-box;
  text-align: center;
}
.cus-mform-item .tab-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.cus-mform-item.tab-active {
  color: #ed6c00;
}
.cus-mform-item.tab-active.tab-icon {
  color: #ed6c00;
}
.cus-mform-item.tab-org {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 12px;
}
.cus-mform-item.tab-person {
  margin-left: -1px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 12px;
}
.cus-mform-content {
  width: 460px;
  margin: 35px auto 40px;
  box-sizing: border-box;
}
.cus-mform-content tfoot .task-datepicker-time {
  display: none!important;
}
.cus-mform-select {
  position: relative;
  display: inline-block;
  width: 115px;
  height: 26px;
  margin-left: 10px;
  color: #a9a9a9;
  border-bottom: 1px solid #f0f0f0;
}
.cus-mform-select .ctr-ac-popClass {
  margin-left: 0;
}
.cus-mform-select:after {
  content: '';
  width: 0;
  height: 0;
  visibility: hidden;
  display: table;
  clear: both;
}
.cus-mform-select .ibass-trig-down {
  float: right;
  margin-right: 5px;
  color: #cdc9c5;
  font-size: 14px;
}
.cus-mform-box {
  position: relative;
}
.cus-mform-box.box-person .cus-mform-view-link {
  position: absolute;
  float: none;
  margin-top: 0;
  top: 10px;
  right: 133px;
}
.cus-mform-box.box-person .cus-mform-input-short {
  padding: 25px 20px 0 0;
}
.cus-mform-box.box-person .label-required {
  position: absolute;
  top: 30px;
  left: 250px;
  font-size: 14px;
  color: #e8263e;
}
.cus-mform-box .label-required {
  position: absolute;
  top: 30px;
  right: 7px;
  font-size: 14px;
  color: #e8263e;
}
.cus-mform-label {
  position: absolute;
  left: 0;
  top: 30px;
  color: #a9a9a9;
  font-size: 14px;
  pointer-events: none;
}
.cus-mform-label-error {
  position: absolute;
  left: 0;
  top: 10px;
  color: #e74955;
  font-size: 14px;
}
.cus-mform-label.label-active-with-value {
  top: 10px !important;
}
.cus-mform-view-link {
  position: relative;
  float: right;
  margin-top: -44px;
  font-size: 14px;
  color: #737373;
  z-index: 10000;
}
.cus-mform-input {
  position: relative;
  padding: 25px 25px 0 0;
  width: 400px;
  height: 55px;
  border: solid #f0f0f0;
  border-width: 0 0 1px;
  outline: none;
  transition: all .3s;
  background-color: transparent;
  z-index: 2;
}
.cus-mform-input-short {
  padding: 25px 0 0;
  width: 268px;
  height: 55px;
  border: solid #f0f0f0;
  border-width: 0 0 1px;
  outline: none;
  transition: all .3s;
  vertical-align: bottom;
  background-color: transparent;
  z-index: 2;
}
.cus-mform-input-mini {
  padding-top: 28px;
  width: 115px;
  height: 55px;
  border: solid #f0f0f0;
  border-width: 0 0 1px;
  background-color: transparent;
  z-index: 2;
}
.cus-mform-textarea {
  margin-top: 20px;
  padding: 8px 9px;
  width: 400px;
  height: 90px;
  border: solid #d4d4d4;
  border-width: 1px!important;
  border-radius: 5px;
  resize: none;
  transition: all .3s;
}
.cus-mform-textarea:focus {
  border-color: #fa8919;
  transition: all .3s;
  border-width: 1px!important;
}
.cus-mform-subtypes {
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
.cus-mform-subtypes-icon {
  position: absolute;
  top: 1px;
  right: 5px;
  color: #cdc9c5;
  font-size: 14px;
}
.cus-mform-popover-text {
  position: relative;
  width: 115px;
  font-size: 14px;
}
.cus-mform-popover-text .cus-mform-label {
  left: 1px;
}
.cus-mform-popover-text .ns-popover-tooltip {
  width: 180px;
}
.cus-mform-popover-text > span {
  color: #a9a9a9;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cus-mform-control {
  position: absolute;
  right: -55px;
  top: 30px;
  min-width: 42px;
  color: #cdc8c5;
  font-size: 16px;
}
.cus-mform-control .cursor:first-child {
  margin-right: 10px;
}
.cus-mform-btns {
  margin-top: 36px;
  text-align: center;
}
.cus-mform-btn {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 10px;
}
.cus-mform-btn:first-child {
  margin-left: 0;
}
.cus-mform-btn.btn-primary {
  border: 0;
  background-color: #fa8919;
  color: #fff;
}
.cus-mform-btn.btn-primary[disabled] {
  background-color: #cdc8c5;
  cursor: not-allowed;
}
.cus-mform-btn.btn-normal {
  background-color: #fff;
  color: #4a4a4a;
  border: 1px solid #e8e8e8;
}
.cus-manage-relevance {
  width: 260px;
  max-width: 400px!important;
}
.cus-manage-relevance .ns-popover-items {
  margin: 0;
}
.cus-manage-relevance .cus-manage-relevance-empty {
  display: block;
  margin: 20px 0 10px 20px;
}
.cus-manage-relevance-list {
  padding: 10px 15px;
  background-color: transparent;
}
.cus-manage-relevance-list:after {
  content: '';
  display: table;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}
.cus-manage-relevance-list:hover {
  background-color: #f8f8f9;
  cursor: default;
}
.cus-manage-relevance-avatar {
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.cus-manage-relevance-title {
  float: left;
  height: 20px;
  margin-top: 3px;
  margin-left: 10px;
  font-size: 14px;
  text-align: justify;
  color: #4a4a4a;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 320px;
  text-overflow: ellipsis;
}
.cus-manage-shared-companies {
  cursor: default;
}
.show-relevance-project {
  width: 260px!important;
}
.show-relevance-project .ns-popover-title {
  margin: 15px 12px 0;
}
.show-relevance-project .ns-popover-tooltip.cus-manage-relevance {
  min-height: 160px;
  margin: 10px 0 0;
}
.show-relevance-project .triggle {
  top: -21px !important;
}
.show-related-wrap .loading,
.show-relevance-project .loading {
  padding: 25px 0 0;
}
.cus-manage-form-popover {
  z-index: 10001!important;
}
.cus-manage-form-popover .ns-popover-items {
  margin: 10px 0;
}
.cus-manage-form-popover .triggle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #d2d2d2;
  left: 50%;
  top: -11px;
  margin-left: -11px;
}
.cus-manage-form-popover .triggle:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  top: 1px;
  margin-left: -10px;
}
/** reset placeholder **/
.cus-mform-textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.cus-mform-textarea::-moz-placeholder {
  color: #a9a9a9;
}
.cus-mform-textarea:-moz-placeholder {
  color: #a9a9a9;
}
.cus-mform-textarea:-ms-input-placeholder {
  color: #a9a9a9;
}

customer-company-relation {
  display: block;
}
.cust-company-relation {
  width: 550px;
  margin: 30px auto;
  padding: 20px;
  border-radius: 10px;
  background: #f8f8f9;
}
.cust-company-relation-info {
  float: left;
  line-height: 40px;
}
.cust-company-relation-search {
  float: right;
}
.cust-company-relation-search .conflict-search-input {
  height: 40px;
}
.cust-company-relation-search .conflict-search-input > i {
  top: 8px;
  font-size: 16px;
}
.cust-company-relation-search .conflict-search-input-w button i {
  display: none;
}
.cust-company-relation-search .conflict-search-input {
  margin-bottom: 20px;
}
.cust-company-relation-search .conflict-search-input button {
  width: 70px;
  margin: 5px 7px 0 0;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.cust-company-relation-list {
  clear: both;
  max-height: 500px;
  overflow: auto;
}
.cust-company-relation-i {
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 0;
}
.cust-company-relation-i:hover {
  background: #f1f1f1;
}
.cust-company-relation-i .radio {
  float: left;
}
.cust-company-relation-i .radio i {
  font-size: 20px;
  color: #a9a9a9;
}
.cust-company-relation-i .radio .ibass-done {
  color: #fa8919;
}
.cust-company-relation-i .info {
  margin-left: 30px;
}
.cust-company-relation-i .name {
  font-size: 16px;
  line-height: 30px;
  word-break: break-all;
}
.cust-company-relation-i .legal {
  height: 20px;
  display: inline-block;
  color: #a9a9a9;
  font-size: 12px;
}
.cust-company-relation-i .ctime {
  height: 20px;
  float: right;
  color: #a9a9a9;
  font-size: 12px;
}
.cust-company-relation-submit button {
  display: block;
  margin: 30px auto 10px;
  width: 128px;
  height: 36px;
  border-radius: 20px;
  background: #fa8919;
  color: #fff;
  outline: none;
  border: none;
}
.cust-company-relation-empty {
  margin: 80px 0;
  color: #ddd9d6;
  text-align: center;
  font-size: 16px;
}
.cust-company-relation-empty i {
  font-size: 60px;
}

.customer-group-editor {
  padding: 0;
  word-break: break-all;
}
.customer-group-editor > span {
  color: #909090;
}
.customer-group-editor .trigger {
  cursor: pointer;
  position: relative;
  padding: 0 3px;
}
.customer-group-editor .trigger .ibass-trig-down {
  color: #cdc9c5;
  margin-left: 3px;
  position: relative;
  top: 1px;
}
.customer-group-editor .trigger:hover {
  background: #f1f1f1;
  border-radius: 4px;
}
.customer-group-editor-tab {
  padding-top: 10px;
  line-height: 30px;
  text-align: center;
}
.customer-group-editor-tab .tab-i {
  display: inline-block;
  width: 50px;
  margin: 0 20px;
  cursor: pointer;
  border-bottom: solid 2px transparent;
}
.customer-group-editor-tab .tab-i.current,
.customer-group-editor-tab .tab-i:hover {
  border-bottom: solid 2px #fa8919;
}
.customer-group-editor-c {
  padding-bottom: 10px;
}
.customer-group-editor-c p.no-permission {
  line-height: 240px;
  text-align: center;
  color: #898989;
}
.customer-group-editor-c .editor-search-w {
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background: #fefeff;
  border: solid 1px #e5e5e5;
  margin: 10px 10px 0;
  border-radius: 20px;
  height: 30px;
  position: relative;
}
.customer-group-editor-c .editor-search-w i {
  position: relative;
  top: 4px;
  left: 10px;
  color: #D1C9C5;
}
.customer-group-editor-c .editor-search-w input {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 30px;
  padding-top: 0;
  padding-right: 0;
  height: 30px;
  width: 170px;
  border: none;
  outline: none;
  background: transparent;
}
.ns-popover-tooltip-theme .ns-popover-tooltip .customer-group-editor-c treecontrol ul {
  margin: 0;
}
.group-editor-scroll-w {
  height: 240px;
  margin: 5px 0 0 0;
  overflow: auto;
}
.group-editor-scroll-w .customer-member-i {
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  cursor: pointer;
}
.group-editor-scroll-w .customer-member-i img {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  float: left;
  margin-top: 6px;
  margin-right: 5px;
}
.group-editor-scroll-w .customer-member-i .name {
  float: left;
  width: 150px;
  overflow: hidden;
  height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.group-editor-scroll-w .customer-member-i .ibass-done {
  float: right;
  color: #fa8919;
  height: 30px;
}
.group-editor-scroll-w .customer-member-i:hover {
  background: #f0f0f0;
}
.customer-group-editor-f {
  border-top: solid 1px #f0f0f0;
  padding: 10px;
  text-align: center;
}
.customer-group-editor-f button {
  background: #fa8919;
  border-radius: 20px;
  height: 32px;
  border: none;
  color: #fff;
  width: 100px;
  min-width: 100px;
  font-size: 12px;
}
.customer-group-editor-f .disabled-btn {
  background: #dedede;
  border: solid #dedede;
  pointer-events: none;
}
.customer-department-tree-li {
  padding-left: 10px;
  line-height: 20px;
  position: relative;
}
.customer-department-tree-label.tree-label {
  display: inline-block;
  width: 70%;
  padding: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-department-tree-ul .ibass-minus-round,
.customer-department-tree-ul .ibass-add-round,
.customer-department-tree-ul .ibass-dot {
  color: #cdc9c5;
  position: relative;
  top: 5px;
  float: left;
}
.customer-department-tree-li .ibass-checked,
.customer-department-tree-li .ibass-checkbox {
  position: absolute;
  right: 10px;
  top: 4px;
  color: #fa8919;
  display: none;
}
.customer-department-tree-li .ibass-checkbox {
  display: block;
  color: #cdc9c5;
}
.customer-department-tree-label-selected .ibass-checked {
  display: block;
}
.customer-department-tree-label-selected .ibass-checkbox {
  display: none;
}
.customer-department-popup-list-i {
  line-height: 40px;
  padding: 0 10px 0 15px;
  color: #4a4a4a;
  cursor: pointer;
  position: relative;
}
.group-editor-scroll-w::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.group-editor-scroll-w::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.group-editor-scroll-w:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.group-editor-scroll-w:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}

.cust-owner-shower {
  padding: 20px 20px 50px;
  min-height: 200px;
}
.cust-owner-shower-t {
  border-bottom: 1px solid #f1f1f1;
}
.cust-owner-shower-t span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 2px solid #fa8919;
}
.cust-owner-shower-c {
  margin-top: 15px;
  min-height: 50px;
}
.cust-owner-i {
  float: left;
  line-height: 24px;
  margin: 0 15px 15px 0;
  cursor: pointer;
  position: relative;
  height: 26px;
}
.cust-owner-i img {
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 100%;
}
.cust-owner-i .add {
  float: left;
  color: #cdc9c5;
}
.cust-owner-i .name-add {
  color: #737373;
}
.cust-owner-i .name {
  float: left;
  margin-left: 5px;
  max-width: 100px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cust-owner-i .role {
  float: left;
  color: #a9a9a9;
  max-width: 100px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 3px;
}
.cust-owner-i .icon {
  float: left;
  color: #cdc9c5;
  margin-left: 3px;
}
.cust-owner-role-t {
  font-size: 12px;
  padding: 10px 0 2px 25px;
  color: #8c8c8c;
}
.cust-owner-popover.ns-popover-tooltip .ns-popover-items {
  margin: 0 0 10px;
}
.cust-owner-popover.ns-popover-tooltip {
  border: solid 1px transparent !important;
}
.cust-owner-popover .ns-popover-items .ns-popover-item {
  color: #d9d9d9;
  padding: 0 8px;
}
.cust-owner-popover .ns-popover-items .ns-popover-item .ibass-delete {
  color: #f72b44;
}
.cust-owner-popover .ns-popover-items .ns-popover-item .ibass-done {
  color: #fa8919;
}
.cust-owner-popover .ns-popover-item i {
  display: inline-block;
  width: 18px;
  position: realtive;
  top: 1px;
}
.cust-owner-mg-t {
  text-align: center;
}
.cust-owner-mg-t span {
  display: inline-block;
  border-bottom: 2px solid transparent;
  padding: 10px 20px 5px;
  margin: 0 10px;
  cursor: pointer;
}
.cust-owner-mg-t span:hover,
.cust-owner-mg-t span.active {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.cust-owner-mg-c {
  max-height: 240px;
  overflow: auto;
  margin-bottom: 10px;
}
.cust-owner-mg-i {
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.cust-owner-mg-i img {
  float: left;
  margin: 6px 5px 6px 0;
}
.cust-owner-mg-i:hover {
  background: #f1f1f1;
}

.cust-detail-bi {
  margin: 0 20px;
  padding-bottom: 50px;
}

.cust-detail-info {
  margin-top: 20px;
  padding: 0 20px;
}
.cust-detail-info-top {
  background: #f8f8f9;
  padding: 18px 20px;
  position: relative;
}
.cust-detail-info-top:before {
  width: 1px;
  position: absolute;
  top: 20px;
  bottom: 20px;
  background: #e2e2e2;
  content: "";
  left: 50%;
}
.cust-detail-info-basic {
  width: 440px;
  float: left;
}
.cust-detail-info-other {
  width: 440px;
  float: right;
}
.cust-detail-info-t {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: 500;
}
.cust-detail-info-t span {
  border-bottom: 2px solid #fa8919;
  padding-bottom: 5px;
}
.cust-detail-info-t.b {
  padding-bottom: 5px;
  border-bottom: solid 1px #f0f0f0;
}
.cust-detail-info-basic-row {
  margin-bottom: 5px;
}
.cust-detail-info-basic-col {
  float: left;
}
.cust-detail-info-basic-col.label {
  width: 100px;
  color: #737373;
  padding: 5px 0;
}
.cust-detail-info-basic-col.label i {
  color: #cdc9c5;
  position: relative;
  float: left;
  margin-right: 6px;
}
.cust-detail-info-basic-col.value {
  width: 339px;
  word-break: break-all;
}
.cust-detail-info-basic-col.value > div {
  padding: 5px 0;
}
.cust-detail-info-basic-col.value .value {
  word-break: break-all;
}
.cust-detail-info-basic-col.value .desc {
  color: #a9a9a9;
}
.cust-detail-info-other-c {
  position: relative;
}
.cust-detail-info-other-c.impression {
  padding-bottom: 50px;
}
.cust-detail-info-basic-c {
  position: relative;
}
.cust-detail-info-basic-c .edit,
.cust-detail-info-other-c .edit {
  position: absolute;
  right: 10px;
  top: -45px;
  cursor: pointer;
  color: #cdc9c5;
  font-size: 12px;
}
.cust-detail-info-basic-c .edit i,
.cust-detail-info-other-c .edit i {
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.cust-detail-info-basic-c .edit:hover,
.cust-detail-info-other-c .edit:hover {
  color: #fa8919;
}
.cust-detail-info-impression {
  word-break: break-all;
}
.cust-detail-info-impression a {
  color: #fa8919;
  text-decoration: underline;
}
.cust-detail-info-impression-empty {
  text-align: center;
  padding-bottom: 50px;
}
.cust-detail-info-impression-empty .ibass-comment {
  font-size: 80px;
  color: #efeded;
  display: inline-block;
  height: 50px;
}
.cust-detail-info-impression-empty button {
  cursor: pointer;
  color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: #fa8919;
  height: 32px;
  width: 130px;
  border-radius: 20px;
  border: none;
  margin-top: 15px;
  font-size: 12px;
}
.cust-detail-info-impression-empty button i {
  position: relative;
  top: 1px;
}
.cust-detail-info-impre-edit {
  border: solid 1px #ffb387;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  background: #fff;
}
.cust-detail-info-impre-edit pre,
.cust-detail-info-impre-edit textarea {
  line-height: 21px;
  word-break: break-all;
  width: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
  padding: 10px 10px 55px;
  min-height: 183px;
}
.cust-detail-info-impre-edit button {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
}
.cust-detail-info-impre-edit .cancel {
  border-radius: 20px;
  border: 1px solid #cfc7c1;
  color: #4a4a4a;
  font-size: 12px;
  line-height: 28px;
  padding: 0 12px;
  background: #fff;
  right: 85px;
}
.cust-detail-info-impre-edit .ok {
  border-radius: 20px;
  border: 1px solid #fa8919;
  background: #fa8919;
  color: #fff;
  font-size: 12px;
  line-height: 28px;
  padding: 0 20px;
  right: 10px;
}
.cust-detail-info-impre-edit button:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.cust-detail-creator {
  font-size: 14px;
  margin-top: 10px;
  color: #a9a9a9;
  word-break: break-all;
}
.cust-detail-creator i {
  position: relative;
  top: 2px;
  font-size: 16px;
  color: #cdc9c5;
}
.cust-detail-related {
  margin-top: 50px;
}

.cust-detail-related-table .empty {
  color: #999;
  padding: 30px;
  text-align: center;
}
.cust-detail-related-table table {
  width: 100%;
}
.cust-detail-related-table td {
  border-bottom: solid 1px #f0f0f0;
}
.cust-detail-related-table thead .relation {
  margin-left: 6px;
}
.cust-detail-related-table thead td {
  padding-bottom: 10px;
  font-size: 12px;
}
.cust-detail-related-table tbody td {
  padding: 15px 15px 15px 0;
  word-break: break-all;
  box-sizing: border-box;
}
.cust-detail-related-table tbody tr:hover {
  background: #f8f8f9;
}
.cust-detail-related-table tbody tr:hover a {
  display: inline-block;
}
.cust-detail-related-table .type {
  color: #ccc;
  text-align: center;
  font-size: 20px;
  width: 43px;
}
.cust-detail-related-table .name {
  width: 321px;
}
.cust-detail-related-table .name a {
  color: #212121;
  cursor: pointer;
  font-weight: 500;
}
.cust-detail-related-table .name a:hover {
  color: #ed6c00;
}
.cust-detail-related-table .relation {
  width: 193px;
}
.cust-detail-related-table .relation input {
  border-radius: 3px;
  outline: none;
  border: 1px solid transparent;
  height: 30px;
  background: transparent;
  padding: 0 5px;
}
.cust-detail-related-table .relation:hover input,
.cust-detail-related-table .relation.focus input {
  background: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
}
.cust-detail-related-table .relation:hover input[disabled],
.cust-detail-related-table .relation.focus input[disabled] {
  background: transparent;
  box-shadow: none;
  border: 1px solid transparent;
}
.cust-detail-related-table .mail {
  width: 174px;
  font-size: 12px;
}
.cust-detail-related-table .tel {
  width: 174px;
  font-size: 12px;
}
.cust-detail-related-table .nodata {
  color: #a9a9a9;
}
.cust-detail-related-table .ope {
  width: 55px;
  box-sizing: border-box;
}
.cust-detail-related-table .ope a {
  display: none;
  cursor: pointer;
  margin-right: 5px;
}
.cust-detail-related-table .ope a i {
  font-size: 16px;
  color: #fdba78;
}
.cust-detail-add-related {
  margin: 10px 0 0 0;
  padding-bottom: 100px;
}
.cust-detail-add-related a {
  cursor: pointer;
  color: #737373;
}
.cust-detail-add-related a i {
  position: relative;
  top: 1px;
  color: #cdc9c5;
  margin-right: 3px;
}
.cust-detail-add-related a:hover {
  color: #ed6c00;
}
.cust-detail-add-related a:hover i {
  color: #ed6c00;
}
.cust-detail-add-item i {
  position: relative;
  top: 2px;
  margin-right: 3px;
  color: #07cfda;
}

.cust-detail-matter {
  margin-top: 20px;
  padding: 0 20px;
}
.cust-detail-matter-h {
  height: 24px;
}
.cust-detail-matter-h .count {
  float: left;
}
.cust-detail-matter-h .create {
  float: right;
  position: relative;
}
.cust-detail-matter-c {
  margin-top: 20px;
}
.cust-detail-matter-c table {
  width: 100%;
}
.cust-detail-matter-c table td {
  border-bottom: solid 1px #f0f0f0;
}
.cust-detail-matter-c table td.icon {
  padding-left: 15px;
  width: 30px;
}
.cust-detail-matter-c table td.icon i {
  font-size: 20px;
}
.cust-detail-matter-c table td.icon .ibass-project-type1 {
  color: #ff5469;
}
.cust-detail-matter-c table td.icon .ibass-project-type2 {
  color: #4fbe6d;
}
.cust-detail-matter-c table td.icon .ibass-project-type3 {
  color: #67aaf6;
}
.cust-detail-matter-c table td.icon .ibass-project-type4 {
  color: #fa8919;
}
.cust-detail-matter-c table td.name {
  width: 400px;
  padding-right: 15px;
  word-break: break-all;
}
.cust-detail-matter-c table td.name a {
  color: #212121;
  cursor: pointer;
  font-weight: 500;
}
.cust-detail-matter-c table td.name a:hover {
  color: #ed6c00;
}
.cust-detail-matter-c table td.timing {
  width: 120px;
}
.cust-detail-matter-c table td.task {
  width: 120px;
}
.cust-detail-matter-c table td.task .finished {
  color: #ed6c00;
}
.cust-detail-matter-c table td.ctime {
  width: 120px;
}
.cust-detail-matter-c table td.status {
  width: 80px;
  font-size: 12px;
}
.cust-detail-matter-c table td.status span {
  padding: 2px 10px;
  border-radius: 20px;
}
.cust-detail-matter-c table td.status span.status0 {
  color: #4fbe6d;
  border: solid 1px #4fbe6d;
}
.cust-detail-matter-c table td.status span.status2 {
  color: #fa8919;
  border: solid 1px #fa8919;
}
.cust-detail-matter-c table td.status span.status4 {
  color: #67aaf6;
  border: solid 1px #67aaf6;
}
.cust-detail-matter-c table td.status span.status7 {
  color: #c0ada2;
  border: solid 1px #c0ada2;
}
.cust-detail-matter-c thead {
  font-size: 12px;
  line-height: 40px;
  color: #8590a6;
}
.cust-detail-matter-c tbody {
  font-size: 14px;
}
.cust-detail-matter-c tbody td {
  padding: 15px 0;
}
.cust-detail-matter-empty {
  color: #ddd9d6;
  margin-top: 100px;
}
.cust-detail-matter-empty .ibass-project {
  font-size: 60px;
}
.cust-detail-matter-f {
  margin-top: 20px;
  padding-bottom: 60px;
}
.cust-detail-matter-f .i-pagination {
  text-align: center;
}
.cust-detail-matter-f .i-pagination li {
  float: none;
  display: inline-block;
}
.cust-detail-matter-f .i-pagination li:first-child,
.cust-detail-matter-f .i-pagination li:last-child {
  display: none;
}

.customer-analysis {
  display: inline-block;
  padding: 0 20px;
  width: 960px;
}
.customer-analysis .customer-top {
  position: relative;
}
.customer-analysis .customer-top .right-operate-list {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 0px;
  padding-right: 13px;
}
.customer-analysis .customer-top .right-operate-list .download {
  color: #a9a9a9;
}
.customer-analysis .customer-top .right-operate-list > span:last-child {
  margin-left: 10px;
}
.customer-analysis .customer-top .right-operate-list i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  font-size: 16px;
}
.customer-analysis .customer-top .right-operate-list > span:hover {
  color: #fa8919;
}
.customer-analysis .customer-top .right-operate-list > span:hover i {
  color: #fa8919;
}
.customer-analysis .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.customer-analysis .active {
  color: #ed6c00!important;
}
.customer-analysis .cursor {
  cursor: pointer;
}
.customer-analysis .ibass-trig-down {
  position: relative;
  top: 1px;
}
.customer-analysis .department-type {
  margin-top: 3px;
}
.customer-analysis .department-type span {
  color: #737373;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.customer-analysis .time-analysis {
  position: relative;
  height: 20px;
  margin: 10px 0 20px 0;
  width: 265px;
  text-align: left;
}
.customer-analysis .department-preview div:nth-child(1) {
  border-left-color: transparent;
}
.customer-analysis .department-preview {
  height: 160px;
  background-color: #f8f8f9;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.customer-analysis .department-preview .department-info {
  padding: 0 20px;
  border-left: 1px solid #f0f0f0;
}
.customer-analysis .department-preview .department-mun {
  font-size: 30px;
  font-weight: 200;
  color: #4a4a4a;
}
.customer-analysis .department-preview .department-name {
  font-size: 12px;
  color: #a9a9a9;
}
.customer-analysis .chart-list {
  width: 100%;
  display: inline-block;
}
.customer-analysis .chart-list .chart-list-content .chart-item {
  border-bottom: 1px solid #ebebeb;
}
.customer-analysis .chart-list .chart-item {
  width: 478px;
  height: 350px;
  border-top: 1px solid #ebebeb;
  padding: 10px 0;
  padding-bottom: 30px;
  position: relative;
}
.customer-analysis .chart-list .interval {
  border-right: 1px solid #ebebeb;
}
.customer-analysis .chart-list .add-chart {
  text-align: center;
}
.customer-analysis .chart-list .add-chart .add-icon {
  margin-left: 150px;
  margin-top: 130px;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f8f8f9;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.customer-analysis .chart-list .add-chart .add-icon i {
  line-height: 60px;
  color: #a9a9a9;
}
.customer-analysis .chart-list .add-chart .add-tips {
  color: #a9a9a9;
}
.customer-analysis .department-overview {
  height: 190px;
  border-radius: 6px;
  background-color: #f8f8f9;
  margin-bottom: 20px;
  width: 48%;
  display: inline-block;
  margin-right: 2%;
}
.customer-analysis .department-overview .overview-title {
  padding-top: 14px;
}
.customer-analysis .department-overview .overview-title span {
  color: #4a4a4a;
  font-weight: 600;
  margin-left: 20px;
  cursor: pointer;
}
.customer-analysis .department-overview .overview-content {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}
.customer-analysis .department-overview .overview-content .overview-detail {
  width: 100%;
  border-left: 1px solid #ebebeb;
}
.customer-analysis .department-overview .overview-content .overview-detail:first-child {
  border-left: 1px solid #f8f8f9;
}
.customer-analysis .department-overview .overview-content .overview-detail .momleft {
  border-right: 1px solid #ebebeb;
}
.customer-analysis .department-overview .overview-content .overview-detail .mom {
  width: 45%;
  display: inline-block;
  font-size: 20px;
  font-weight: 200;
  color: #4a4a4a;
  margin-top: 20px;
}
.customer-analysis .department-overview .overview-content .overview-detail .mom i {
  position: relative;
  top: 2px;
}
.customer-analysis .department-overview .overview-content .overview-detail .describe {
  color: #a9a9a9;
  font-size: 12px;
}
.customer-analysis .department-overview .overview-content .overview-detail i.ibass-info {
  color: #9a9a9a;
  vertical-align: sub;
  margin-left: 5px;
}
.customer-analysis .department-overview .overview-content .overview-value {
  font-size: 29px;
  font-weight: 200;
  color: #4a4a4a;
}
.customer-analysis .department-overview .overview-content .overview-title {
  font-size: 12px;
  color: #a9a9a9;
}

.cust-detail-risk {
  margin: 0 20px;
  padding-bottom: 50px;
}
.cust-detail-bind-notice {
  text-align: center;
  line-height: 50px;
  background: #fffbf8;
  margin: 50px 0 0;
  border-radius: 10px;
  color: #a8a8a8;
}
.cust-detail-bind-notice a {
  margin-left: 15px;
  cursor: pointer;
  color: #888;
}
.cust-detail-bind-notice a i {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.cust-detail-bind-notice a:hover {
  color: #fa8919;
}

.allocation-dialog {
  padding: 0 20px 20px 20px;
}
.allocation-dialog .dialog-title {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.allocation-dialog .dialog-title.line {
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  line-height: 74px;
  margin-bottom: 35px;
}
.allocation-dialog .dialog-title > span {
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  padding: 0 20px;
}
.allocation-dialog .dialog-title .ibass-close {
  z-index: 10;
  padding: 0;
  line-height: 42px;
}
.allocation-dialog .dialog-title .ibass-close:before {
  line-height: 0;
}
.allocation-dialog .dialog-title .right {
  float: right;
  line-height: 39px;
  font-size: 14px;
  cursor: pointer;
  color: #cdc9c5;
}
.allocation-dialog .dialog-title .right.re-allocate:hover {
  color: #ED6C00;
}
.allocation-dialog .dialog-title .right.line {
  height: 20px;
  border-right: 1px solid #f5f5f5;
  margin: 10px;
}
.allocation-dialog.mode-type .dialog-body > div {
  cursor: pointer;
  line-height: 40px;
}
.allocation-dialog.mode-type .dialog-body > div i {
  color: #e8e8e8;
  vertical-align: sub;
}
.allocation-dialog.mode-type .dialog-body > div i.ibass-done,
.allocation-dialog.mode-type .dialog-body > div i.ibass-done:before,
.allocation-dialog.mode-type .dialog-body > div i:hover {
  color: #ED6C00;
}
.allocation-dialog.mode-type .dialog-body > div span {
  line-height: 40px;
  width: 90%;
  display: inline-block;
  border-bottom: 1px solid #e5e5e5;
}
.allocation-dialog.confirm-dialog .dialog-body .top-part {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  background-color: #f8f8f9;
  border-radius: 5px;
}
.allocation-dialog.confirm-dialog .dialog-body .top-part > div {
  color: #a9a9a9;
  width: 33.1%;
  text-align: left;
  padding: 24px 0 0 20px;
}
.allocation-dialog.confirm-dialog .dialog-body .top-part > div span {
  display: inline-block;
}
.allocation-dialog.confirm-dialog .dialog-body .top-part > div span:last-of-type {
  max-width: 154px;
  width: fit-content;
}
.allocation-dialog.confirm-dialog .dialog-body .body-part,
.allocation-dialog.confirm-dialog .dialog-body .table-body > .table-tr {
  border-bottom: 1px solid #ebebeb;
  font-size: 0;
}
.allocation-dialog.confirm-dialog .dialog-body .body-part .table-headers,
.allocation-dialog.confirm-dialog .dialog-body .table-body > .table-tr .table-headers,
.allocation-dialog.confirm-dialog .dialog-body .body-part .table-td,
.allocation-dialog.confirm-dialog .dialog-body .table-body > .table-tr .table-td {
  display: inline-block;
  position: relative;
  padding: 10px 0;
  vertical-align: middle;
  align-items: center;
  font-size: 12px;
  color: #737373;
}
.allocation-dialog.confirm-dialog .dialog-body .body-part .table-td,
.allocation-dialog.confirm-dialog .dialog-body .table-body > .table-tr .table-td {
  color: #4a4a4a;
  font-size: 14px;
}
.allocation-dialog.confirm-dialog .dialog-body .body-part .table-td span,
.allocation-dialog.confirm-dialog .dialog-body .table-body > .table-tr .table-td span {
  display: block;
  max-width: 100%;
  width: fit-content;
}
.allocation-dialog.confirm-dialog .dialog-body .body-part .table-td input,
.allocation-dialog.confirm-dialog .dialog-body .table-body > .table-tr .table-td input {
  width: 90%;
}
.allocation-dialog.confirm-dialog .dialog-body .body-part .table-td input:focus,
.allocation-dialog.confirm-dialog .dialog-body .table-body > .table-tr .table-td input:focus {
  margin: 1px 0;
  border: 1px solid #fa8919;
}
.allocation-dialog.confirm-dialog .dialog-body .table-tr {
  font-size: 0;
}
.allocation-dialog.confirm-dialog .dialog-body .table-tr .matter-retention {
  font-size: 12px;
  color: #737373;
}
.allocation-dialog.confirm-dialog .dialog-body .table-tr .matter-retention .table-haders {
  display: inline-block;
  width: 138px;
}
.allocation-dialog.confirm-dialog .dialog-body .table-tr .matter-retention .table-td {
  font-size: 12px;
  width: 138px;
}
.allocation-dialog.confirm-dialog .dialog-body .name,
.allocation-dialog.confirm-dialog .dialog-body .code,
.allocation-dialog.confirm-dialog .dialog-body .amount,
.allocation-dialog.confirm-dialog .dialog-body .formula,
.allocation-dialog.confirm-dialog .dialog-body .formulaValue {
  width: 138px;
}
.allocation-dialog.confirm-dialog .dialog-body .accountType,
.allocation-dialog.confirm-dialog .dialog-body .adjust {
  width: 84px;
}
.allocation-dialog.confirm-dialog .dialog-foot {
  padding: 20px 0;
}
.allocation-dialog.confirm-dialog .dialog-foot div {
  display: inline-block;
  margin-top: 10px;
}
.allocation-dialog.confirm-dialog .dialog-foot div span:first-of-type {
  font-weight: bold;
}
.allocation-dialog.confirm-dialog .dialog-foot div span:last-of-type {
  font-size: 14px;
}
.allocation-dialog.confirm-dialog .dialog-foot div:nth-of-type(2) {
  margin: 10px 30px;
}
.allocation-dialog.confirm-dialog .dialog-foot div:nth-of-type(3) {
  margin: 10px 20px 0 0;
}
.allocation-dialog .common-span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

.financial-plan-details .financial-plan-details-content {
  margin-top: 30px;
}
.financial-plan-details .financial-plan-details-content .plan-item {
  min-height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}
.financial-plan-details .financial-plan-details-content .plan-item input {
  width: 400px;
  height: 40px;
  padding-left: 10px;
  box-shadow: #ebebeb 0px -1px 0px 0px inset;
  border: none;
  padding-right: 30px;
  background: transparent;
}
.financial-plan-details .financial-plan-details-content .plan-item label {
  margin-right: 10px;
  width: 72px;
  display: inline-block;
  vertical-align: top;
}
.financial-plan-details .financial-plan-details-content .plan-item .plan-account-list {
  display: inline-block;
  width: 860px;
}
.financial-plan-details .financial-plan-details-content .plan-item .plan-account-list .plan-separate {
  margin: 0 10px;
  color: #ebebeb;
}
.financial-plan-details .financial-plan-details-content .plan-item .plan-account-list .plan-tool {
  color: #CCC;
  position: relative;
  top: 1px;
}
.financial-plan-details .financial-plan-details-content .plan-item .plan-account-list .plan-tool:hover {
  color: #fa8919;
}
.financial-plan-details .financial-plan-details-content .plan-item .plan-account-list .ibass-edit {
  margin-right: 10px;
}
.financial-plan-details .financial-plan-details-content .plan-item .plan-account-list .plan-account-item span {
  display: inline-block;
}
.financial-plan-details .financial-plan-details-content .plan-account {
  font-size: 12px;
  display: inline-block;
  border: 1px solid #ebebeb;
  padding: 0 10px;
  margin-right: 10px;
  line-height: 30px;
}
.financial-plan-details .financial-plan-details-content .add-plan-account {
  padding-left: 92px;
  color: #737373;
}
.financial-plan-details .financial-plan-details-content .add-plan-account .ibass-add-round {
  position: relative;
  top: 2px;
  color: #fa8919;
}
.financial-plan-details .financial-plan-details-content .add-plan-account span:hover {
  color: #fa8919;
}
.financial-plan-details .financial-plan-content .financial-plan-content-top {
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
}
.financial-plan-details .financial-plan-content .financial-plan-content-top .table-label {
  font-weight: bold;
  display: inline-block;
  line-height: 30px;
  border-bottom: 2px solid #fa8919;
}
.financial-plan-details .financial-plan-content .financial-plan-content-top .table-add-tool i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.financial-plan-details .financial-plan-content .financial-plan-content-top .table-add-tool span {
  color: #a9a9a9;
}
.financial-plan-details .financial-plan-content .financial-plan-content-top .table-add-tool:hover i {
  color: #fa8919;
}
.financial-plan-details .financial-plan-content .financial-plan-content-top .table-add-tool:hover span {
  color: #fa8919;
}
.financial-plan-details .financial-plan-content .financial-plan-content-header {
  height: 50px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  background-color: #f6f6f6;
  color: #737373;
}
.financial-plan-details .financial-plan-content .financial-plan-content-body .plan-content-tr {
  vertical-align: middle;
  display: flex;
  align-items: center;
  font-size: 12px;
  height: 50px;
  border-bottom: 1px solid #ebebeb;
}
.financial-plan-details .financial-plan-content .financial-plan-content-body .plan-content-tr:nth-child(2n) {
  background-color: #fcfcfc;
}
.financial-plan-details .financial-plan-content .common-td {
  display: inline-block;
  padding-left: 4px;
  box-sizing: border-box;
}
.financial-plan-details .financial-plan-content .table-td0 {
  width: 10%;
}
.financial-plan-details .financial-plan-content .table-td1 {
  width: 30%;
}
.financial-plan-details .financial-plan-content .table-td2 {
  width: 10%;
}
.financial-plan-details .financial-plan-content .table-td3 {
  width: 10%;
}
.financial-plan-details .financial-plan-content .table-td4 {
  width: 30%;
}
.financial-plan-details .financial-plan-content .table-td5 {
  width: 10%;
}
.financial-plan-details .financial-plan-content .table-td5 .ibass-edit {
  color: #fa8919;
  font-size: 14px;
}
.financial-plan-details .financial-plan-content .table-td5 .ibass-delete {
  color: #fa8919;
  margin-left: 10px;
  font-size: 14px;
}
.financial-plan-details .financial-plan-bottom {
  text-align: center;
  margin: 30px 0;
}
.financial-plan-details .financial-plan-bottom .cancle {
  color: #4a4a4a;
  background-color: #f8f8f9;
  border-color: transparent;
  margin-right: 20px;
}
.financial-plan-details .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
  border: none;
}
.financial-plan-details .saveButtonDisabled:hover {
  box-shadow: none !important;
}
.add-plan-account-dialog {
  min-height: 200px;
  padding: 0 20px 30px 20px;
}
.add-plan-account-dialog .button-link {
  vertical-align: middle;
  display: flex;
  align-items: center;
  margin-top: 60px;
  margin-left: 160px;
}
.add-plan-account-dialog .add-plan-dialog-title {
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  line-height: 74px;
  margin-bottom: 10px;
}
.add-plan-account-dialog .add-plan-dialog-title span {
  font-size: 16px;
  background-color: #fff;
  padding: 0 20px;
}
.add-plan-account-dialog .node-name-in-appro-setting {
  text-align: center;
  margin: 30px 0;
}
.add-plan-account-dialog .node-name-in-appro-setting input {
  width: 80%;
}
.add-plan-account-dialog .node-name-in-appro-setting label {
  text-align: left;
  width: 80%;
  margin: 0 auto;
  font-size: 12px;
  color: #a9a9a9;
}
.add-plan-account-dialog .node-name-in-appro-setting > span {
  width: 80%;
}
.add-plan-account-dialog .node-name-in-appro-setting > span > p {
  width: 100%;
  text-align: left;
}
.add-plan-account-dialog .node-name-in-appro-setting + div .main-btn {
  width: 110px;
}
.add-plan-account-dialog .node-name-in-appro-setting + div .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
  border: none;
}
.add-plan-account-dialog .node-name-in-appro-setting + div .saveButtonDisabled:hover {
  box-shadow: none !important;
}

.add-rule-account-dialog {
  min-height: 200px;
  padding: 0 20px 30px 20px;
}
.add-rule-account-dialog .button-link {
  text-align: center;
  margin-top: 60px;
}
.add-rule-account-dialog .button-link .account-save {
  display: inline-block;
  padding: 6px 40px;
  background-color: #fa8919;
  color: #fff;
  border-radius: 40px;
}
.add-rule-account-dialog .add-plan-dialog-title {
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  line-height: 74px;
  margin-bottom: 10px;
}
.add-rule-account-dialog .add-plan-dialog-title span {
  font-size: 16px;
  background-color: #fff;
  padding: 0 20px;
}
.add-rule-account-dialog .add-plan-dialog-content {
  box-sizing: border-box;
  padding: 20px 50px;
}
.add-rule-account-dialog .add-plan-dialog-content .add-plan-item {
  height: 40px;
  line-height: 40px;
}
.add-rule-account-dialog .add-plan-item {
  min-height: 70px;
  line-height: 70px;
}
.add-rule-account-dialog .add-plan-item .plan-lable-tip {
  color: #a9a9a9;
  font-size: 12px;
}
.add-rule-account-dialog .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.add-rule-account-dialog .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.add-rule-account-dialog .plan-item-tips {
  margin-top: 10px;
  background-color: #f5f5f5;
  border-radius: 6px;
  padding: 12px 0 12px 10px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 24px;
}

.expense-apportion {
  width: 1000px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -15px;
  padding: 0 25px 20px;
  box-sizing: border-box;
}
.expense-apportion .page1 .expense-apportion-department,
.expense-apportion .page2 .expense-apportion-department {
  box-shadow: inset 0 -1px 0 #f0f0f0;
  width: 320px;
  cursor: pointer;
}
.expense-apportion .page1 .expense-apportion-department .label-active-with-value,
.expense-apportion .page2 .expense-apportion-department .label-active-with-value {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.expense-apportion .page1 .expense-apportion-department .label-active-with-value .ibass-warning,
.expense-apportion .page2 .expense-apportion-department .label-active-with-value .ibass-warning {
  vertical-align: middle;
  margin-left: 20px;
  color: #f72b44;
}
.expense-apportion .page1 .expense-apportion-department .label-active-with-value .expense-apportion-department-tip,
.expense-apportion .page2 .expense-apportion-department .label-active-with-value .expense-apportion-department-tip {
  color: #4a4a4a;
}
.expense-apportion .page1 .expense-apportion-department .expense-apportion-department-tree,
.expense-apportion .page2 .expense-apportion-department .expense-apportion-department-tree {
  position: relative;
}
.expense-apportion .page1 .expense-apportion-department .expense-apportion-department-tree .ns-popover-tooltip,
.expense-apportion .page2 .expense-apportion-department .expense-apportion-department-tree .ns-popover-tooltip {
  margin: 0!important;
}
.expense-apportion .page1 .expense-apportion-department .ibass-trig-down,
.expense-apportion .page2 .expense-apportion-department .ibass-trig-down {
  position: absolute;
  right: 0;
  top: 6px;
  color: #a9a9a9;
}
.expense-apportion .page1 .saveButtonDisabled,
.expense-apportion .page2 .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
  border: none;
}
.expense-apportion .page1 .saveButtonDisabled:hover,
.expense-apportion .page2 .saveButtonDisabled:hover {
  box-shadow: none !important;
}
.expense-apportion .page1 .expense-apportion-footer,
.expense-apportion .page2 .expense-apportion-footer {
  display: flex;
  align-content: center;
  justify-content: center;
}
.expense-apportion .page1 .expense-apportion-list-ul,
.expense-apportion .page2 .expense-apportion-list-ul {
  display: flex;
  align-content: space-between;
}
.expense-apportion .page1 .expense-apportion-list-ul li,
.expense-apportion .page2 .expense-apportion-list-ul li {
  display: flex;
  flex-direction: column;
  width: 25%;
  padding-right: 15px;
}
.expense-apportion .page1 .expense-apportion-list-ul li span,
.expense-apportion .page2 .expense-apportion-list-ul li span {
  word-break: break-all;
}
.expense-apportion .financial-expense-management-apportion-department {
  display: flex;
}
.expense-apportion .financial__department-selector-wrapper {
  width: 100%;
}
.expense-apportion .financial-expense-department-selector {
  width: 535px;
  margin-top: 0px;
  overflow: hidden;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree {
  max-height: none;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .null-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 66px;
  color: #efeded;
  min-height: 180px;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .null-data span {
  font-size: 14px;
  color: #949494;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree li:hover {
  background: #fff;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .tree-ul {
  margin: 0;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .tree-ul .tree-leaf {
  padding-left: 15px;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .tree-ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .tree-ul .bigdata-result-tree-li .tree-branch-head,
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .tree-ul .bigdata-result-tree-li .tree-leaf-head {
  padding: 0;
  margin-right: 5px;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .tree-ul .bigdata-result-tree-li .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .tree-ul .bigdata-result-tree-li .tree-label .dep-icon {
  padding: 0 15px;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .tree-ul ul {
  float: initial;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .nav-tree {
  overflow-y: auto;
  float: left;
  width: 100%;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .nav-tree .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: auto;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .nav-tree .tree-label span {
  flex-grow: 1;
  width: auto;
  max-width: none;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .nav-tree ul li {
  float: initial;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .nav-tree .tree-input {
  float: right;
  border-color: transparent;
  width: 80px;
  border-bottom: 1px solid #ebebeb;
  margin-right: 10px;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .nav-tree .tree-input:focus {
  border-bottom: 1px solid #fa8919;
}
.expense-apportion .financial-expense-department-selector .expense-department-selector-tree .nav-tree .parent-hidden {
  visibility: hidden;
}
.expense-apportion .fee-list-tr.no-icon {
  display: flex;
  padding: 10px 0;
}
.expense-apportion .fee-list-tr.no-icon span:not(.matter-info) {
  display: flex;
  align-items: center;
  word-break: break-all;
}
.expense-apportion .fee-list-tr.no-icon > span {
  padding-right: 10px;
  box-sizing: border-box;
}
.expense-apportion .fee-list-tr.no-icon .expense-amount {
  width: 100px;
}
.expense-apportion .fee-list-tr.no-icon .reim-type {
  width: 110px;
}
.expense-apportion .fee-list-tr.no-icon .expense-type {
  width: 100px;
}
.expense-apportion .fee-list-tr.no-icon .expense-date {
  width: 110px;
}
.expense-apportion .fee-list-tr.no-icon .handler-name {
  width: 75px;
}
.expense-apportion .fee-list-tr.no-icon .matter-info {
  width: 150px;
  display: flex;
  flex-direction: column;
}
.expense-apportion .fee-list-tr.no-icon .matter-info .matter-no {
  color: #a9a9a9;
}
.expense-apportion .fee-list-tr.no-icon .department-name {
  width: 150px;
}
.expense-apportion .fee-list-tr.no-icon .expense-source {
  width: 100px;
}
.expense-apportion .nav-tree .tree-label > span {
  padding-right: 44px;
}
.expense-apportion .nav-tree .tree-label > span span {
  width: 100%;
}
.expense-apportion .nav-tree .tree-label > span i {
  position: absolute;
  right: 0;
}

.financial-expense-detail {
  width: 1000px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -15px;
  padding: 0 25px 20px;
  box-sizing: border-box;
}
.financial-expense-detail .nfim-entirety-operation-wrap {
  display: block;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: 25px;
  top: 16px;
  color: #cdc9c5;
  font-size: 16px;
  z-index: 10;
}
.financial-expense-detail .ns-popover-tooltip-theme {
  width: 100%;
}
.financial-expense-detail .financial-expense-detail__header .nfim-title {
  width: 100%;
}
.financial-expense-detail .financial-expense-detail__header .expense-detail__top-info {
  font-size: 12px;
  height: 50px;
  border-bottom: 1px solid #ebebeb;
}
.financial-expense-detail .financial-expense-detail__header .expense-detail__top-info .top-info__status {
  line-height: 63px;
  font-size: 14px;
  display: inline-block;
}
.financial-expense-detail .financial-expense-detail__header .expense-detail__top-info .top-info__time {
  line-height: 60px;
  font-size: 12px;
  color: #a9a9a9;
}
.financial-expense-detail .label-active-with-value {
  position: absolute;
  top: 10px !important;
}
.financial-expense-detail .nfim-input-common {
  margin-right: 20px;
}
.financial-expense-detail .nfim-input-common .label-noactive {
  position: absolute;
  top: 30px;
}
.financial-expense-detail .nfim-input-common .label-active {
  position: absolute;
}
.financial-expense-detail .financial-dialog-label.reim-label {
  margin-top: 0;
}
.financial-expense-detail .reim-info-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.financial-expense-detail .reim-info-wrapper .nfim-input-common {
  width: 303px;
  margin-right: 20px;
}
.financial-expense-detail .reim-info-wrapper .nfim-input-common:nth-child(3n) {
  margin-right: 0;
}
.financial-expense-detail .financial-expense-detail__body .ibass-trig-down {
  position: absolute;
  top: 25px;
  right: 0;
  color: #a9a9a9;
}
.financial-expense-detail .financial-expense-detail__body .expense-info-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.financial-expense-detail .financial-expense-detail__body .expense-info-wrapper .nfim-input-common {
  width: 303px;
  margin-right: 20px;
}
.financial-expense-detail .financial-expense-detail__body .expense-info-wrapper .nfim-input-common:nth-child(3n) {
  margin-right: 0;
}
.financial-expense-detail .financial-expense-detail__body .financial-expense-detail__body-remark {
  margin-top: 20px;
}
.financial-expense-detail .financial-expense-detail__body .financial-expense-detail__body-remark .remark-wrap {
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 30px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.financial-expense-detail .financial-expense-detail__body .financial-expense-detail__body-remark .remark-wrap .expense-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.financial-expense-detail .financial-expense-detail__body .financial-expense-detail__body-remark .remark-wrap .remark-red {
  color: #f72b44;
}
.financial-expense-detail .financial-expense-detail__body new-common-attachments {
  display: block;
  margin-top: 20px;
}
.financial-expense-detail .financial-expense-detail__body .financial__department-selector {
  margin: 0;
}
.financial-expense-detail .financial-expense-detail__body .project-info-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.financial-expense-detail .financial-expense-detail__body .project-info-wrapper .nfim-input-common {
  width: 303px;
}
.financial-expense-detail .financial-expense-detail__body .project-info-wrapper .nfim-input-common:nth-child(3n) {
  margin-right: 0;
}
.financial-expense-detail .nfim-just-comments .right {
  line-height: 22px;
}
.financial-expense-detail .nfim-dynamic-and-comments {
  height: auto;
  padding: 20px 25px 0;
  background: #f8f8f9;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
  margin-top: 20px;
}
.financial-expense-detail .matter-finance-select-box li {
  padding-right: 30px;
}
.financial-expense-detail .matter-finance-select-box li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 4px;
  display: inline-block;
  width: 100%;
}
.financial-expense-detail .matter-finance-select-box li i {
  position: absolute;
  top: 2px;
  right: 7px;
  color: #fa8919;
  display: inline-block;
  width: 14px;
  height: 38px;
}
.financial-expense-detail .expense-select-matter-tpl .matter-list {
  max-height: 185px;
}
.financial-expense-detail .expense-select-matter-tpl .matter-list li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.financial-expense-detail .expense-select-matter-tpl .matter-list .content-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
}
.financial-expense-detail .expense-select-matter-tpl .matter-list .content-wrapper .matter-name,
.financial-expense-detail .expense-select-matter-tpl .matter-list .content-wrapper .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.financial-expense-detail .expense-select-matter-tpl .matter-list .content-wrapper .matter-no {
  color: #a9a9a9;
}
.financial-expense-detail .expense-select-matter-tpl .matter-list .ibass-done {
  height: 44px;
  line-height: 44px;
}
.financial-expense-detail .expense-select-matter-tpl input::placeholder {
  font-size: 12px;
}
.financial-expense-detail .department-info-wrapper .nfim-input-common {
  position: relative;
  width: 320px;
}
.financial-expense-detail .department-info-wrapper .popover-wrapper {
  width: 100%;
}
.financial-expense-detail .department-info-wrapper #financial__expense-detail__department {
  width: 100%;
}
.financial-expense-detail .department-info-wrapper .financial__department-selector-wrapper {
  width: 100%;
  cursor: pointer;
}
.financial-expense-detail.is-reim .expense-info-wrapper .nfim-input-common {
  width: 292px;
}

.financial__expense__more-filter {
  padding: 20px;
  margin-bottom: 20px;
}
.financial__expense__more-filter .expenser-select {
  position: relative;
}
.financial__expense__more-filter .matter-select {
  position: relative;
}
.financial__expense__more-filter .filter-item {
  display: inline-flex;
  width: 32%;
  min-height: 32px;
  margin-bottom: 10px;
}
.financial__expense__more-filter .filter-item-label {
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
}
.financial__expense__more-filter .filter-item-label span {
  display: inline-block;
  width: 60px;
  text-align: right;
}
.financial__expense__more-filter .date-filter {
  width: 64%;
}
.financial__expense__more-filter .date-picker-container {
  display: flex;
  align-items: center;
  height: 28px;
}
.financial__expense__more-filter .date-picker-container .finance-timer-select-show {
  display: flex;
  height: 28px;
  align-items: center;
}
.financial__expense__more-filter .date-picker-container .time-range {
  display: flex;
}
.financial__expense__more-filter .expense-filter__matter .matter-select {
  position: relative;
}
.financial__expense__more-filter .expense-filter__matter .financial-mat-selection {
  left: 0!important;
}
.financial__expense__more-filter .drop-menu-multiple .drop-menu-check .drop-menu-show span {
  width: 45px;
}

.hide-analysis {
  display: none;
}
.i-financial-chart {
  display: inline-block;
  position: relative;
  width: 464px;
  padding: 15px;
  box-sizing: border-box;
}
.i-financial-chart .repott-tips {
  position: absolute;
  bottom: 4px;
}
.i-financial-chart .repott-tips i {
  color: #cdc9c5!important;
  position: relative;
  top: 2px;
}
.i-financial-chart .repott-tips span {
  color: #a9a9a9;
  font-size: 12px;
}
.i-financial-chart .timeStatistic-tips {
  position: absolute;
  width: 80px;
  height: 20px;
  z-index: 10;
  top: 282px;
  left: 42px;
}
.i-financial-chart .chart-name {
  color: #4a4a4a;
  font-weight: 500;
}
.i-financial-chart .proiect-unit {
  color: #9e9e9e;
}
.i-financial-chart .more-width {
  width: 190px!important;
}
.i-financial-chart .echarts-empty {
  height: 250px;
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.i-financial-chart .chart-reoprt-top {
  height: 40px;
}
.i-financial-chart .chart-reoprt-top .chart-title {
  width: 200px;
  line-height: 30px;
  font-size: 14px;
}
.i-financial-chart .chart-count {
  height: 40px;
  font-size: 14px;
  color: #737373;
  text-align: center;
  line-height: 40px;
}
.i-financial-chart .chart-count span {
  margin: 0 10px;
}
.i-financial-chart .legend {
  position: absolute;
  font-size: 12px;
  left: 20px;
  bottom: 4px;
}
.i-financial-chart .chart-pie-top {
  height: 40px;
  line-height: 40px;
}
.i-financial-chart .chart-pie-top span:nth-child(1) {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.i-financial-chart .task-head-tab {
  float: right;
  margin-right: 10px;
}
.i-financial-chart .task-head-tab .task-head-type {
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #a9a9a9;
  border: solid 1px #cfc7c1;
  float: left;
  left: 0;
  top: 19px;
  box-sizing: border-box;
}
.i-financial-chart .task-head-tab .task-head-type .tool-left {
  margin-left: 4px;
}
.i-financial-chart .task-head-tab .task-head-type .tool-right {
  margin-left: -2px;
}
.i-financial-chart .task-head-tab .task-head-type p {
  width: 36px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.i-financial-chart .task-head-tab .task-head-type p span {
  color: #cdc9c5;
  font-size: 16px;
}
.i-financial-chart .task-head-tab .task-head-type p a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.i-financial-chart .task-head-tab .task-head-type p:first-child {
  border-radius: 20px 0 0 20px;
  left: 2px;
}
.i-financial-chart .task-head-tab .task-head-type p:last-child {
  border-right: 0;
  border-radius: 0 20px 20px 0;
  right: 2px;
}
.i-financial-chart .task-head-tab .task-head-type .active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.i-financial-chart .task-head-tab .task-head-type .active i {
  color: #fa8919;
}
.i-financial-chart .task-head-tab .task-head-type p:hover {
  background-color: #fcfcfb;
}
.i-financial-chart .task-head-tab .task-head-type p:hover span {
  font-weight: bold;
  color: #fa8919;
}
.i-financial-chart .task-head-tab .task-head-type i {
  font-size: 14px;
}

.i-financial-common-overview {
  height: 120px;
  background-color: #f8f8f9;
  border-radius: 8px;
  margin-top: 20px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.i-financial-common-overview div:nth-child(1) {
  border-left-color: transparent;
}
.i-financial-common-overview .overview-detail {
  border-left: 1px solid #f0f0f0;
}
.i-financial-common-overview .overview-value {
  font-size: 20px !important;
  font-weight: 200;
  color: #4a4a4a;
}
.i-financial-common-overview .overview-title {
  font-size: 12px;
  color: #a9a9a9;
}

.financial-collect-statistics .financial-filter-more-container {
  margin-top: 0!important;
}
.financial-collect-statistics .table-td0 {
  width: 15%;
}
.financial-collect-statistics .table-td1 {
  width: 15%;
}
.financial-collect-statistics .table-td2 {
  width: 18%;
}
.financial-collect-statistics .table-td3 {
  width: 14%;
}
.financial-collect-statistics .table-td4 {
  width: 9%;
}
.financial-collect-statistics .table-td5 {
  width: 10%;
}
.financial-collect-statistics .table-td6 {
  width: 10%;
}
.financial-collect-statistics .financial-filter-single .time-range {
  position: relative;
  width: auto;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.financial-collect-statistics .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-collect-statistics .financial-filter-single .time-range-start-stop {
  display: inline-block;
}
.financial-collect-statistics .fiancial-report-collect-statistics.financial-info-more-filter .filter-item .filter-item-label span {
  width: 88px;
}
.financial-collect-statistics .sub-color {
  color: #a9a9a9;
}

.financial-contract-count .i-financial-common-overview .overview-value {
  font-size: 24px;
}
.financial-contract-count .financial-filter-more-container {
  margin-top: 0!important;
}
.financial-contract-count .table-td0 {
  width: 20%;
}
.financial-contract-count .table-td1 {
  width: 10%;
}
.financial-contract-count .table-td2 {
  width: 10%;
}
.financial-contract-count .table-td3 {
  width: 10%;
}
.financial-contract-count .table-td4 {
  width: 10%;
}
.financial-contract-count .table-td5 {
  width: 10%;
}
.financial-contract-count .table-td6 {
  width: 10%;
}
.financial-contract-count .table-td7 {
  width: 10%;
}
.financial-contract-count .table-td8 {
  width: 10%;
}
.financial-contract-count .financial-filter-single .time-range {
  position: relative;
  width: auto;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.financial-contract-count .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-contract-count .financial-filter-single .time-range-start-stop {
  display: inline-block;
}
.financial-contract-count .financial-report-contract-filter .reim-filter__sum-filter.filter-item .filter-item-label span {
  width: 98px;
}

.financial-cost-table .financial-filter-more-container {
  margin-top: 0!important;
}
.financial-cost-table .table-td0 {
  width: 10%;
}
.financial-cost-table .table-td1 {
  width: 10%;
}
.financial-cost-table .table-td2 {
  width: 20%;
}
.financial-cost-table .table-td3 {
  width: 20%;
}
.financial-cost-table .table-td4 {
  width: 10%;
}
.financial-cost-table .table-td5 {
  width: 10%;
}
.financial-cost-table .table-td6 {
  width: 12%;
}
.financial-cost-table .table-td7 {
  width: 8%;
}
.financial-cost-table .financial-filter-single .time-range {
  position: relative;
  width: auto;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.financial-cost-table .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-cost-table .financial-filter-single .time-range-start-stop {
  display: inline-block;
}

.financial-depart-chart .financial-report-filter {
  border-bottom-color: transparent;
}
.financial-depart-chart .table-td0 {
  width: 6%;
}
.financial-depart-chart .table-td1 {
  width: 12%;
}
.financial-depart-chart .table-td2 {
  width: 9%;
}
.financial-depart-chart .table-td3 {
  width: 9%;
}
.financial-depart-chart .table-td4 {
  width: 9%;
}
.financial-depart-chart .table-td5 {
  width: 10%;
}
.financial-depart-chart .table-td6 {
  width: 9%;
}
.financial-depart-chart .table-td7 {
  width: 9%;
}
.financial-depart-chart .table-td8 {
  width: 9%;
}
.financial-depart-chart .table-td9 {
  width: 9%;
}
.financial-depart-chart .table-td10 {
  width: 9%;
}
.financial-depart-chart .financial-filter-single .time-range {
  position: relative;
  width: auto;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.financial-depart-chart .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-depart-chart .financial-filter-single .time-range-start-stop {
  display: inline-block;
}

.financial-info-chart .financial-report-filter {
  border-bottom-color: transparent;
}
.financial-info-chart .matterInfo0 {
  width: 6%;
}
.financial-info-chart .matterInfo1 {
  width: 12%;
}
.financial-info-chart .matterInfo2 {
  width: 9%;
}
.financial-info-chart .matterInfo3 {
  width: 9%;
}
.financial-info-chart .matterInfo4 {
  width: 9%;
}
.financial-info-chart .matterInfo5 {
  width: 9%;
}
.financial-info-chart .matterInfo6 {
  width: 10%;
}
.financial-info-chart .matterInfo7 {
  width: 9%;
}
.financial-info-chart .matterInfo8 {
  width: 9%;
}
.financial-info-chart .matterInfo9 {
  width: 9%;
}
.financial-info-chart .matterInfo10 {
  width: 9%;
}

.matterFilter-item-container > .filter-group-li {
  width: 100%;
  color: #4a4a4a;
  zoom: 1;
  margin-bottom: 17px;
}
.matterFilter-item-container > .filter-group-li ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
  line-height: 22px;
}
.matterFilter-item-container > .filter-group-li:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.matterFilter-item-container > .filter-group-li .m-h-scroll {
  max-height: 240px;
  overflow: auto;
  margin-bottom: 2px;
}
.matterFilter-item-container > .filter-group-li .filter-item {
  float: left;
  min-height: 33px;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-label {
  width: 112px;
  height: 20px;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  position: relative;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .matter-filter-fixed {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .money-warning {
  color: #f72b44;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  left: 0px;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show {
  margin-right: 10px;
  zoom: 1;
  position: relative;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list {
  display: inline-block;
  font-size: 14px;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list .inline-li {
  display: inline-block;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li:after {
  display: block;
  content: '';
  visibility: none;
  clear: both;
  height: 0;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-role {
  float: left;
  color: #909090;
  background: #fff;
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  margin-top: 3px;
  cursor: pointer;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-role .user-role-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-role .user-role-name > span {
  max-width: 90px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-role .user-role-name i {
  vertical-align: middle;
  font-size: 10px;
  margin-left: 2px;
  color: #a9a9a9;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .close {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
  transform: scale(0.666667);
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .money {
  width: 70px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  background: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: none;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .money.error {
  border-color: #f72b44;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .money-line {
  margin: 0 10px;
  width: 16px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border: solid 1px #a2a2a2;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-edit {
  display: inline-flex;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-edit .pop-container {
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-all {
  color: #a9a9a9;
  line-height: 20px;
  height: 20px;
  width: 48px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-all:hover {
  border-radius: 4px;
  background-color: #f1f1f1;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-all > span:after {
  display: inline-block;
  transform: scale(0.833333);
  font-family: "icon-bass";
  content: "\EA13";
  vertical-align: middle;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-add {
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  line-height: 24px;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-add:before {
  margin-right: 4px;
  color: #909090;
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA25";
  vertical-align: middle;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container {
  position: relative;
  top: -6px;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range-container {
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range {
  position: relative;
  width: auto;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range.hide-popover .ns-popover-for-timerange {
  display: none !important;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range-text-select {
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range-start-stop {
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .close-in-filter {
  color: #a9a9a9;
  background: #fbfbfb;
  line-height: 20px;
  height: 20px;
  width: 48px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .close-in-filter:hover {
  border-radius: 4px;
  background-color: #f1f1f1;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .close-in-filter .time-range-text-select {
  position: relative;
}
.matterFilter-item-container > .filter-group-li .filter-item .no-limited-time {
  top: 0;
  margin-left: 7px;
}
.matterFilter-item-container > .filter-group-li .filter-item .no-limited-time .time-range-container {
  border: none;
}
.matterFilter-item-container > .filter-group-li .filter-item .no-limited-time .time-range-container .time-range-text-select {
  float: left;
  margin-left: 2px;
}
.matterFilter-item-container .btn-groups-module {
  text-align: right;
  padding-right: 70px;
}
.matterFilter-item-container .btn-groups-module .btn {
  height: 32px;
  width: 100px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border-radius: 20px;
  line-height: 32px;
  margin-top: 30px;
}
.matterFilter-item-container .btn-groups-module .reset-btn {
  background-color: #f8f8f9;
}
.matterFilter-item-container .btn-groups-module .sure-btn {
  color: #fff;
  background-color: #fa8919;
}

.financial-invoice-count .financial-filter-more-container {
  margin-top: 0!important;
}
.financial-invoice-count .table-td0 {
  width: 9%;
}
.financial-invoice-count .table-td1 {
  width: 12%;
}
.financial-invoice-count .table-td2 {
  width: 9%;
}
.financial-invoice-count .table-td3 {
  width: 15%;
}
.financial-invoice-count .table-td4 {
  width: 6%;
}
.financial-invoice-count .table-td5 {
  width: 9%;
}
.financial-invoice-count .table-td6 {
  width: 9%;
}
.financial-invoice-count .table-td7 {
  width: 9%;
}
.financial-invoice-count .table-td8 {
  width: 7%;
}
.financial-invoice-count .table-td9 {
  width: 9%;
}
.financial-invoice-count .table-td10 {
  width: 7%;
}
.financial-invoice-count .financial-filter-single .time-range {
  position: relative;
  width: auto;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.financial-invoice-count .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-invoice-count .financial-filter-single .time-range-start-stop {
  display: inline-block;
}
.financial-invoice-count .fiancial-report-invoice-count.financial-info-more-filter .filter-item .filter-item-label span {
  width: 88px;
}
.financial-invoice-count .sub-color {
  color: #a9a9a9;
}

.financialV2-overview-top {
  padding-top: 20px;
  display: flex;
}
.financialV2-overview-top .financial-filter-line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-left: 16px;
  margin-right: 12px;
}
.financialV2-overview-top .overview {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.financialV2-overview-top .overview .conditions {
  color: #737373;
  display: flex;
  align-content: center;
  align-items: center;
}
.financialV2-overview-top .overview .conditions .condition-date {
  min-width: 55px;
}
.financialV2-overview-top .overview .conditions .condition-department {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 30px;
}
.financialV2-overview-top .overview .conditions .condition-department .financial-department {
  display: inline-block;
  position: relative;
}
.financialV2-overview-top .overview .conditions .condition-department .financial-department .ibass-trig-down {
  font-size: 12px;
}
.financialV2-overview-top .overview .conditions .condition-department .financial-department .financial-filter-single {
  display: inline-block;
  position: relative;
}
.financialV2-overview-top .overview .conditions .condition-department .financial-department .financial-filter-single .ibass-trig-down {
  vertical-align: middle;
}
.financialV2-overview-top .overview .conditions .condition-department .triangle-space {
  margin-right: 20px;
  color: #737373;
}
.financialV2-overview-top .overview .overview-detail .cursor {
  margin-left: -5px;
}
.financialV2-overview-top .overview .overview-detail i {
  vertical-align: middle;
}
.financialV2-overview-top .overview .overview-detail i:before {
  vertical-align: text-bottom;
}
.financialV2-overview-top .overview .cards {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.financialV2-overview-top .overview .cards .card {
  min-width: 120px;
  max-width: 150px;
  text-align: center;
  background-color: #f8f8f8;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
}
.financialV2-overview-top .overview .cards .card .money {
  font-size: 18px;
  word-break: break-all;
}
.financialV2-overview-top .overview .cards .card .type {
  font-size: 12px;
}
.financialV2-overview-top .overview .cards .card div {
  font-size: 12px;
}
.financialV2-overview-top .overview .cards .card div > i {
  vertical-align: sub;
}
.financialV2-overview-top .overview .table-header {
  margin-top: 20px;
  line-height: 44px;
  font-size: 12px;
  color: #737373;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f5f5f5;
}
.financialV2-overview-top .overview .table-header > div > i {
  vertical-align: sub;
  margin-left: 4px;
}
.financialV2-overview-top .overview .table-body {
  font-size: 12px;
}
.financialV2-overview-top .overview .table-body div {
  min-height: 59px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
}
.financialV2-overview-top .overview .table-body div:hover {
  background-color: #f8f8f9;
}
.financialV2-overview-top .overview .table-body div > span {
  box-sizing: border-box;
  padding: 10px 10px 10px 0;
  word-break: break-all;
  width: 90px;
}
.financialV2-overview-top .overview .table-body div > span:first-child {
  width: 131px;
}
.financialV2-overview-top .overview .table-body div > span:nth-child(2) {
  width: 131px;
}
.financialV2-overview-top .overview .table-body div > span:nth-child(3) {
  width: 128px;
}
.financialV2-overview-top .overview .table-body div .tooltip-inner {
  color: red;
  width: fit-content;
  word-break: break-all;
  padding: 10px;
  text-align: left;
  overflow: hidden;
  height: 50px;
}
.financialV2-overview-top .overview .table-null {
  text-align: center;
  margin-top: 180px;
}
.financialV2-overview-top .overview .table-null .empty {
  color: #ddd6d9;
}
.financialV2-overview-top .overview .page {
  display: flex;
}

.financial-receivable-count .financial-filter-more-container {
  margin-top: 0!important;
}
.financial-receivable-count .i-financial-common-overview .overview-value {
  font-size: 22px!important;
}
.financial-receivable-count .table-td0 {
  width: 9%;
}
.financial-receivable-count .table-td1 {
  width: 12%;
}
.financial-receivable-count .table-td2 {
  width: 9%;
}
.financial-receivable-count .table-td3 {
  width: 11%;
}
.financial-receivable-count .table-td4 {
  width: 9%;
}
.financial-receivable-count .table-td5 {
  width: 9%;
}
.financial-receivable-count .table-td6 {
  width: 7%;
}
.financial-receivable-count .table-td7 {
  width: 9%;
}
.financial-receivable-count .table-td8 {
  width: 9%;
}
.financial-receivable-count .table-td9 {
  width: 9%;
}
.financial-receivable-count .table-td10 {
  width: 7%;
}
.financial-receivable-count .financial-filter-single .time-range {
  position: relative;
  width: auto;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.financial-receivable-count .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-receivable-count .financial-filter-single .time-range-start-stop {
  display: inline-block;
}

.financial-reconcilia .financial-filter-more-container {
  margin-top: 0!important;
}
.financial-reconcilia .financial-invoice-list {
  width: 50%;
  display: inline-block;
  font-size: 0;
  box-sizing: border-box;
}
.financial-reconcilia .has-invoice {
  width: 50%;
}
.financial-reconcilia .has-invoice .financial-invoice-list {
  width: 100%;
}
.financial-reconcilia .table-td0 {
  width: 14%;
}
.financial-reconcilia .table-td1 {
  width: 12%;
}
.financial-reconcilia .table-td2 {
  width: 12%;
}
.financial-reconcilia .table-td3 {
  width: 12%;
}
.financial-reconcilia .table-td4 {
  width: 9%!important;
}
.financial-reconcilia .table-td5 {
  width: 8.33%!important;
}
.financial-reconcilia .table-td6 {
  width: 8.33%!important;
}
.financial-reconcilia .table-td7 {
  width: 8.33%!important;
}
.financial-reconcilia .table-td8 {
  width: 8.33%!important;
}
.financial-reconcilia .table-td9 {
  width: 7.66%!important;
}
.financial-reconcilia .financial-invoice-list-header .table-td4 {
  width: 9%!important;
}
.financial-reconcilia .financial-invoice-list-header .table-td5 {
  width: 8.33%!important;
}
.financial-reconcilia .financial-invoice-list-header .table-td6 {
  width: 8.33%!important;
}
.financial-reconcilia .financial-invoice-list-header .table-td7 {
  width: 8.33%!important;
}
.financial-reconcilia .financial-invoice-list-header .table-td8 {
  width: 8.33%!important;
}
.financial-reconcilia .financial-invoice-list-header .table-td9 {
  width: 7.66%!important;
}
.financial-reconcilia .financial-invoice-list .table-td4 {
  width: 18%!important;
}
.financial-reconcilia .financial-invoice-list .table-td5 {
  width: 16.66%!important;
}
.financial-reconcilia .financial-invoice-list .table-td6 {
  width: 16.66%!important;
}
.financial-reconcilia .financial-invoice-list .table-td7 {
  width: 16.66%!important;
}
.financial-reconcilia .financial-invoice-list .table-td8 {
  width: 16.66%!important;
}
.financial-reconcilia .financial-invoice-list .table-td9 {
  width: 15.2%!important;
}
.financial-reconcilia .financial-filter-single .time-range {
  position: relative;
  width: auto;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.financial-reconcilia .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-reconcilia .financial-filter-single .time-range-start-stop {
  display: inline-block;
}

.financial-reim-table .financial-filter-more-container {
  margin-top: 0!important;
}
.financial-reim-table .table-td0 {
  width: 10%;
}
.financial-reim-table .table-td1 {
  width: 20%;
}
.financial-reim-table .table-td2 {
  width: 20%;
}
.financial-reim-table .table-td3 {
  width: 10%;
}
.financial-reim-table .table-td4 {
  width: 14%;
}
.financial-reim-table .table-td5 {
  width: 14%;
}
.financial-reim-table .table-td6 {
  width: 12%;
}
.financial-reim-table .financial-filter-single .time-range {
  position: relative;
  width: auto;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.financial-reim-table .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-reim-table .financial-filter-single .time-range-start-stop {
  display: inline-block;
}

.knowledge-document-web-create-tip {
  height: 680px;
  padding-top: 35px;
  font-size: 12px;
}
.knowledge-document-web-create-tip .dialog-title {
  position: relative;
  padding: 0 60px;
}
.knowledge-document-web-create-tip .title-name {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.knowledge-document-web-create-tip .title-name span {
  position: absolute;
  background-color: #fff;
  padding: 0 20px;
}
.knowledge-document-web-create-tip .title-name .title-line {
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}
.knowledge-document-web-create-tip .title-close .ibass-close {
  position: absolute;
  right: 15px;
  top: -11px;
  cursor: pointer;
}
.knowledge-document-web-create-tip .title-close .ibass-close:hover {
  color: #fa9819;
}
.knowledge-document-web-create-tip .dialog-content {
  margin-top: 20px;
  padding: 0 20px;
}
.knowledge-document-web-create-tip .dialog-content .tip {
  color: #a9a9a9;
}
.knowledge-document-web-create-tip .dialog-content .rule {
  padding-top: 10px;
}
.knowledge-document-web-create-tip .dialog-content .rule .download-template {
  color: #fa9819;
}
.knowledge-document-web-create-tip .dialog-content .rule .line {
  margin-bottom: 10px;
}
.knowledge-document-web-create-tip .dialog-content .rule .properties {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.knowledge-document-web-create-tip .dialog-content .rule .property {
  width: 25%;
}

.pt-share-member .pt-share-member-head {
  margin-top: 30px;
  position: relative;
}
.pt-share-member .pt-share-member-head .title {
  position: relative;
  width: 100px;
  height: 40px;
  margin: auto;
  padding-top: 9px;
  font-size: 16px;
  background: #fff;
  color: #4a4a4a;
  text-align: center;
  z-index: 2;
}
.pt-share-member .pt-share-member-head:after {
  content: '';
  position: absolute;
  left: 50px;
  top: 20px;
  width: 540px;
  height: 1px;
  background: #ebebeb;
  z-index: 1;
  display: block;
}
.pt-share-member .pt-share-member-info {
  display: flex;
  width: 535px;
  height: 50px;
  padding: 17px 19px;
  margin: auto;
  background-color: #f8f8f9;
  border-radius: 5px;
  line-height: 16px;
}
.pt-share-member .pt-share-member-info .ibass-info {
  color: #fdba78;
  margin-right: 6px;
}
.pt-share-member .pt-share-member-info p {
  font-size: 12px;
  color: #737373;
}
.pt-share-member .pt-share-member-list {
  margin: 0 52px;
}
.pt-share-member .pt-share-member-list .name {
  width: 345px;
  flex-shrink: 0;
}
.pt-share-member .pt-share-member-list .permission {
  flex-shrink: 0;
  position: relative;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-head {
  display: flex;
  font-size: 12px;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 20px;
  line-height: 36px;
  height: 36px;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li {
  display: flex;
  position: relative;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  border-bottom: 1px solid #f0f0f0;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li.current {
  background: #f8f8f9;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li .pic {
  position: relative;
  height: 24px;
  width: 24px;
  top: 10px;
  border-radius: 12px;
  margin-right: 8px;
  flex-shrink: 0;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
  margin-right: 13px;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li .permission {
  color: #737373;
  cursor: pointer;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li .permission.disabled {
  cursor: unset;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li .permission .ibass-trig-down {
  position: relative;
  top: 2px;
  left: 5px;
  color: #cdc9c5;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li .ibass-delete {
  position: absolute;
  height: 14px;
  line-height: 14px;
  right: 15px;
  top: 16px;
  color: #cdc9c5;
  cursor: pointer;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li .ibass-delete:hover {
  color: #ff0000;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-body li .del-confirm {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 70px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: red;
  cursor: pointer;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-foot {
  margin: 20px auto 30px;
  font-size: 14px;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-foot .add-member {
  position: relative;
  color: #737373;
  width: 120px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-foot .add-member i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-foot .add-member .ibass-add {
  margin-right: 5px;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-foot .add-member .ibass-trig-down {
  margin-left: 10px;
}
.pt-share-member .pt-share-member-list .pt-share-member-list-foot .confirm {
  margin: 27px auto 0;
  width: 130px;
  height: 36px;
  line-height: 36px;
}
.share-member-popover {
  top: auto !important;
  left: -63px !important;
}
.share-member-popover .share-member-tabs {
  display: flex;
  border-bottom: solid 1px #ebebeb;
  padding: 12px 0 5px;
}
.share-member-popover .share-member-tabs .tab {
  flex: 1;
  text-align: center;
  color: #cdc9c5;
  cursor: pointer;
}
.share-member-popover .share-member-tabs .tab:hover {
  color: #fa8919;
}
.share-member-popover .share-member-tabs .tab.actvie {
  color: #fa8919;
}
.share-member-popover .share-member-tabs .line {
  position: relative;
}
.share-member-popover .share-member-tabs .line:after {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  background: #fa8919;
  width: 72px;
  top: 25px;
  left: -200px;
  transition: all .3s;
}
.share-member-popover .share-member-tabs .line.right:after {
  transform: translateX(110px);
}
.share-member-popover .share-member-tabs .line.platform {
  left: 55px;
}
.share-member-popover .share-member-list {
  cursor: default;
}
.share-member-popover .share-member-list .share-member-search {
  position: relative;
  margin-top: 12px;
}
.share-member-popover .share-member-list .share-member-search .ibass-search {
  position: absolute;
  left: 17px;
  top: 5px;
}
.share-member-popover .share-member-list .share-member-search input {
  width: 200px;
  height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
  margin-left: 9px;
  padding: 0 15px 0 25px;
}
.share-member-popover .share-member-list .share-member-search input::-webkit-input-placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.share-member-popover .share-member-list .share-member-search input::placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.share-member-popover .share-member-list .share-member-search input:-moz-placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.share-member-popover .share-member-list .share-member-search input::-moz-placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.share-member-popover .share-member-list .share-member-search input:-ms-input-placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.share-member-popover .share-member-list .ns-popover-items {
  height: 180px;
}
.share-member-popover .share-member-list .ns-popover-items .ns-popover-item {
  display: flex;
}
.share-member-popover .share-member-list .ns-popover-items .ns-popover-item img {
  position: relative;
  height: 24px;
  width: 24px;
  top: 10px;
  border-radius: 12px;
  margin-right: 8px;
  flex-shrink: 0;
}
.share-member-popover .share-member-list .ns-popover-items .ns-popover-item .member-name {
  display: flex;
  flex: 1;
}
.share-member-popover .share-member-list .ns-popover-items .ns-popover-item .member-name .label-name {
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 5px;
}
.share-member-popover .share-member-list .ns-popover-items .ns-popover-item .member-name span {
  color: #9b9b9b;
}
.share-member-popover .share-member-list .ns-popover-items .ns-popover-item .ibass-done {
  position: absolute;
  right: 15px;
  color: #fa8919;
}
.share-member-popover .share-member-list .share-member-confirm {
  width: 65px;
  height: 28px;
  line-height: 28px;
  min-width: unset;
  margin: 10px auto;
}
.share-member-permission-popover {
  top: 40px !important;
  left: -85px !important;
}
.share-member-permission-popover .ns-popover-tooltip .ns-popover-items {
  margin: 0;
}
.share-member-permission-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  height: auto;
  line-height: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.share-member-permission-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item:first-child {
  padding-top: 15px;
}
.share-member-permission-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item:first-child:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.share-member-permission-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item:last-child:hover {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.share-member-permission-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.share-member-permission-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item .permission-desc {
  width: 108px;
  height: 16px;
  margin-top: 5px;
  font-size: 12px;
  color: #a9a9a9;
}

.i-popup-attachment .long-name-select-popover {
  width: 530px;
  border-radius: 0 0 10px 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
}
.i-popup-attachment .lns-body {
  width: 100%;
  height: auto;
  padding: 0;
  overflow-y: hidden;
  position: relative;
}
.i-popup-attachment .lns-popover-close {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  color: #cdc9c5;
  position: absolute;
  top: 20px;
  right: 15px;
}
.i-popup-attachment .lns-lists {
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
.i-popup-attachment .lns-list {
  width: 480px;
  min-height: 42px;
  overflow: hidden;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  position: relative;
}
.i-popup-attachment .lns-list:hover {
  background: #f8f8f9;
}
.i-popup-attachment .lns-list-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: normal;
  color: #4A4A4A;
}
.i-popup-attachment .lns-mark-wrap i {
  width: 16px;
  height: 20px;
  overflow: hidden;
  line-height: 20px;
  display: inline-block;
  float: left;
  margin-right: 11px;
}
.i-popup-attachment .lns-attachment-head {
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.i-popup-attachment .switch-head-display {
  height: calc(101%);
  width: 390px;
  margin-left: 33px;
  white-space: nowrap;
}
.i-popup-attachment .search-attachment-wrap,
.i-popup-attachment .search-database-wrap,
.i-popup-attachment .current-database-wrap {
  display: inline-block;
  position: relative;
  height: calc(100%);
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #fa8919;
  overflow: hidden;
}
.i-popup-attachment .current-database-wrap {
  border-color: transparent;
}
.i-popup-attachment .lns-database-name {
  display: inline-block;
  float: left;
  height: 100%;
  max-width: 282px;
  margin: 0 7px;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 50px;
}
.i-popup-attachment .switch-database {
  display: inline-block;
  float: left;
  color: #ed6c00;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin-top: 16px;
}
.i-popup-attachment .lns-attachment-head input {
  border: none;
  height: 100%;
  width: 310px;
  margin-left: 8px;
  margin-right: 12px;
}
.i-popup-attachment .lns-attachment-head input::placeholder {
  color: #a9a9a9;
}
.i-popup-attachment .search-attachment-icon {
  position: absolute;
  top: 17px;
  right: 50px;
  cursor: pointer;
  color: #cdc9c5;
}
.i-popup-attachment .search-attachment-icon:hover {
  color: #fa8919;
}
.i-popup-attachment .lns-attachment-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.i-popup-attachment .lns-attachment-foot {
  height: 62px;
  position: relative;
  box-sizing: border-box;
  padding-top: 14px;
}
.i-popup-attachment .lns-attachment-foot span {
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #a9a9a9;
  position: absolute;
  left: 25px;
  top: 21px;
}
.i-popup-attachment .attachment-select-confirm {
  display: block;
  width: 100px;
  height: 34px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  outline: none;
  border: none;
}
.i-popup-attachment .matter-root-path {
  float: left;
  line-height: 40px;
  color: #737373;
  cursor: pointer;
}
.i-popup-attachment .matter-root-path:hover {
  color: #ed6c00;
}
.i-popup-attachment .file-path li {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-left: 7px;
}
.i-popup-attachment .file-path li:before {
  padding-right: 7px;
  color: #cdc9c5;
}
.i-popup-attachment .file-path li span {
  display: inline-block;
  float: right;
  max-width: 98px;
  over-flow: hidden;
  text-overflow: ellipsis;
  white-spce: no-wrap;
  color: #737373;
  cursor: pointer;
}
.i-popup-attachment .file-path li span:hover {
  color: #ed6c00;
}
.i-popup-attachment .lns-loadMoreBtn {
  margin: 12px auto;
  cursor: pointer;
  width: 130px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  text-align: center;
  line-height: 32px;
  color: #4a4a4a;
  font-size: 12px;
}
.i-popup-attachment .lns-attachment-content {
  float: left;
  margin-left: 43px;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: normal;
  color: #a9a9a9;
}
.i-popup-attachment .lns-attachment-content b {
  font-weight: normal;
  color: #fa8919;
}
.i-popup-attachment .ibass-filetype-folder {
  color: #cdc8c5;
}
.i-popup-attachment .ibass-filetype-doc {
  color: #0a96e5;
}
.i-popup-attachment .ibass-filetype-ppt {
  color: #d04424;
}
.i-popup-attachment .ibass-filetype-pdf {
  color: #e3574d;
}
.i-popup-attachment .ibass-filetype-image {
  color: #07cfda;
}
.i-popup-attachment .ibass-filetype-excel {
  color: #1c7044;
}
.i-popup-attachment .ibass-filetype-zip {
  color: #9d7120;
}
.i-popup-attachment .ibass-filetype-music {
  color: #a7d638;
}
.i-popup-attachment .ibass-filetype-video {
  color: #d94ff5;
}
.i-popup-attachment .ibass-filetype-default {
  color: #cdc9c5;
}
.i-popup-attachment .commen-clear-float::after {
  content: ' ';
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
}
.i-popup-attachment .ngdialog-close:before {
  font-weight: 200!important;
}
.i-popup-attachment .long-name-transparent .ngdialog-overlay {
  background: transparent!important;
}
.i-popup-attachment .long-name-black .ngdialog-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
}

.i-proceses-popup.processes-code-popup {
  display: inline;
}
.i-proceses-popup .processes-code-popup-content .triangle.black:after {
  border-bottom-color: #3d3d3d;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-processes-items {
  padding: 10px 0;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-processes-items .ns-popover-item .name {
  width: auto;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-processes-items .ns-popover-item.active {
  background: #fa8919;
  color: #fff;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-processes-items .ns-popover-item.black {
  height: 32px;
  line-height: 32px;
  box-shadow: none;
  color: #fff;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-processes-items .ns-popover-item.black:hover {
  background-color: #282828;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-processes-items .ns-popover-item.no-shadow {
  box-shadow: none;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-processes-items .ns-popover-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-processes-items .ns-popover-item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-tooltip-option {
  font-size: 12px;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-tooltip-option .ns-popover-top {
  height: 32px;
  line-height: 32px;
}

.i-project-template-data-choose .ibass-checked {
  color: #fa8919;
}
.i-project-template-data-choose .data-area {
  margin: 14px 0;
  line-height: 16px;
}
.i-project-template-data-choose .data-area label {
  color: #4a4a4a;
  font-size: 14px;
}
.i-project-template-data-choose .data-area .uneditable label {
  color: #a9a9a9;
}
.i-project-template-data-choose .data-area .task {
  min-width: 126px;
}
.i-project-template-data-choose .data-area .task,
.i-project-template-data-choose .data-area .doc,
.i-project-template-data-choose .data-area .collection {
  display: inline-block;
  vertical-align: top;
  margin-right: 26px;
}
.i-project-template-data-choose .data-area .items {
  margin-top: 10px;
  overflow: hidden;
  transition: .5s;
  padding-top: 12px;
}
.i-project-template-data-choose .data-area .items .item {
  margin-bottom: 10px;
}
.i-project-template-data-choose .data-area .items.extend {
  max-height: 100px;
  border-top: 1px solid #F0F0F0;
}
.i-project-template-data-choose .data-area .items.collapse {
  max-height: 0;
  border-color: #fff;
  margin-top: 0;
  padding-top: 0;
  visibility: hidden;
  opacity: 0;
}
.i-project-template-data-choose .data-area i {
  font-size: 16px;
  line-height: 16px;
  vertical-align: -3px;
  color: #cdc8c5;
}
.i-project-template-data-choose .data-area i.ibass-checked {
  color: #fa8919;
}
.i-project-template-data-choose .data-area .ibass-arrow-down {
  color: #cdc9c5;
}
.i-project-template-data-choose .data-area .ibass-arrow-up {
  color: #fdba78;
}

.ns-popover-heighter-item .i-input input {
  width: 312px;
  padding-top: 30px;
  border: none!important;
  border-bottom: 1px solid #F0F0F0 !important;
  position: relative;
  background: transparent;
  z-index: 10;
}
.ns-popover-heighter-item .i-input label {
  position: absolute;
  left: 0;
  color: #ccc;
  font-size: 14px;
  top: 30px;
  z-index: 1;
}
.ns-popover-heighter-item .i-input textarea {
  resize: none;
}
.title .subtitle {
  color: #ccc;
}

.km-project-template-form .ibass-required {
  color: #ed6c00;
}
.km-project-template-form .matter-information-edit {
  padding: 0;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group {
  width: 400px;
  margin: 20px auto 0;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .edit-input label {
  position: absolute;
  top: 10px;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .edit-input .label-noactive {
  font-size: 14px;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group.bottom-btn {
  padding-bottom: 0;
  margin-top: 0;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .project-type {
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .copy-choices {
  display: flex;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .copy-choices .choice {
  margin-right: 31px;
  cursor: pointer;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .copy-choices .choice i {
  color: #cdc8c5;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .copy-choices .choice i.ibass-done {
  color: #fa8919;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .copy-choices .choice span {
  font-size: 14px;
}
.km-project-template-form label {
  position: relative;
  color: #a9a9a9;
  left: 0;
  font-size: 14px;
  display: inline;
}
.km-project-template-form label.label-noactive {
  top: 0;
}
.km-project-template-form .template-desc-content {
  border: 1px solid #f0f0f0;
  height: 100px;
  margin-top: 5px;
  border-radius: 5px;
  outline: none;
  padding: 10px;
  resize: none;
  width: 100%;
  min-height: 150px;
}
.km-project-template-form .template-desc-content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #f5f5f5;
}
.km-project-template-form .template-desc-content::-webkit-scrollbar-thumb {
  border-radius: 2.5px;
  background-color: #555;
}
.km-project-template-form .matter-type-checkbox {
  margin-top: 12px;
  color: #4a4a4a;
}
.km-project-template-form .matter-type-checkbox .mtc-type {
  margin-left: 0;
  margin-right: 20px;
}
.km-project-template-form .matter-type-checkbox .mtc-type:last-of-type {
  margin-right: 0;
}
.km-project-template-form .matter-type-checkbox i {
  font-size: 16px;
  vertical-align: middle;
}
.km-project-template-form .matter-type-checkbox i.ibass-checkbox {
  color: #e5e5e5;
}
.km-project-template-form .ns-pop-item-tag {
  margin-top: 12px;
}


.i-project-template-card-status {
  padding: 3px 10px;
  border-radius: 5px;
  color: #ffffff;
  position: absolute;
  left: 2px;
  top: 2px;
}
.i-project-template-card-status.tag-draft {
  background-color: #96d5c7;
}
.i-project-template-card-status.tag-published {
  background-color: #de732c;
}
.i-project-template-card-status.tag-wait-published {
  background-color: #598bd2;
}
.i-project-template-card-status.tag-script {
  background-color: #fff;
  color: #9a9a9a;
  border: 1px solid #9a9a9a;
}

.km-create-template-container.km-create-template-from-template-choose-container {
  padding-left: 0;
  padding-right: 0;
}
.km-create-template-container.km-create-template-from-template-choose-container .header {
  display: flex;
  text-align: center;
  height: 40px;
  line-height: initial;
  border-bottom: 1px solid #F0F0F0;
}
.km-create-template-container.km-create-template-from-template-choose-container .header .ahead {
  left: 20px;
  top: -8px;
  font-size: 14px;
}
.km-create-template-container.km-create-template-from-template-choose-container .header .title {
  flex: 1;
}
.km-create-template-container.km-create-template-from-template-choose-container .header i.ibass-close {
  position: absolute;
  right: 20px;
  top: -8px;
}

.manage-template-list {
  padding: 20px;
}
.manage-template-list .search {
  display: flex;
  position: relative;
  height: 40px;
  line-height: 40px;
}
.manage-template-list .search .ibass-add {
  margin-left: 20px;
}
.manage-template-list .search .ns-top-search {
  position: relative;
  float: left;
  width: 200px;
  border-radius: 5px;
  background-color: #fefeff;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: solid 1px #d5d5d5;
}
.manage-template-list .search .ns-top-search .search-box {
  position: relative;
  left: 16px;
  width: 160px;
  border: 0;
  font-size: 12px;
}
.manage-template-list .search .ns-top-search .search-clear {
  position: absolute;
  top: 0;
  right: 0;
}
.manage-template-list .search .btn {
  display: inline-block;
  width: 70px;
  height: 40px;
  line-height: 40px;
  padding: 0 2px;
  margin-left: 20px;
  border: 1px solid #e9e8e6;
  border-radius: 30px;
  text-align: center;
}
.manage-template-list .search .ns-top-create {
  margin-left: 20px;
  line-height: 40px;
}
.manage-template-list .search span {
  font-size: 12px;
  vertical-align: 3px;
}
.manage-template-list .search .recycle-bin-btn {
  position: absolute;
  right: 20px;
}
.manage-template-list .search .type-choose {
  display: flex;
  cursor: pointer;
  border: 1px solid #d5d5d5;
  border-left: 0;
  padding: 0 10px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.manage-template-list .content {
  margin: 10px 0;
  border: 1px solid #e1e1e4;
}
.manage-template-list .content .row-header {
  display: flex;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e1e1e4;
  background: #f8f8f9;
  padding: 0 15px;
  position: relative;
}
.manage-template-list .content .row-header .ibass-trig-up,
.manage-template-list .content .row-header .ibass-trig-down {
  position: relative;
  left: 5px;
  line-height: 20px;
  vertical-align: -1px;
  color: #a9a9a9;
}
.manage-template-list .content .row-header .ibass-trig-up.active,
.manage-template-list .content .row-header .ibass-trig-down.active {
  display: inline;
  color: #fa8919;
}
.manage-template-list .content .row-header .ibass-trig-up {
  position: relative;
  top: -5px;
}
.manage-template-list .content .row-header .ibass-trig-down {
  position: relative;
  top: 5px;
  left: -9px;
}
.manage-template-list .content .row-header .ibass-filter {
  position: relative;
  line-height: 20px;
  vertical-align: -1px;
  color: #a9a9a9;
}
.manage-template-list .content .row-header .ibass-filter.active {
  display: inline;
  color: #fa8919;
}
.manage-template-list .content .row-header .row-cell {
  text-overflow: unset;
  overflow: unset;
  white-space: unset;
}
.manage-template-list .content .row-body .row {
  padding: 0 15px;
  border-bottom: 1px solid #e1e1e4;
}
.manage-template-list .content .row-body .row .row-inner {
  display: flex;
  height: 50px;
  line-height: 50px;
}
.manage-template-list .content .row-body .row .row-inner.subitem {
  border-top: 1px dashed #e1e1e4;
}
.manage-template-list .content .row-body .row .row-inner.subitem .colspan {
  border: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  position: relative;
  top: -1px;
  height: calc(101%);
  font-size: 16px;
  color: #a9a9a9;
}
.manage-template-list .content .row-body .row:last-child {
  border: 0;
}
.manage-template-list .content .row-body .row:hover {
  background: #f8f8f9;
}
.manage-template-list .content .row-cell {
  width: 15%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 5px;
}
.manage-template-list .content .row-cell .btn {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 2px 8px;
  border: 1px solid #e9e8e6;
  border-radius: 15px;
  text-align: center;
  box-sizing: content-box;
}
.manage-template-list .content .row-cell.status {
  width: 10%;
}
.manage-template-list .content .row-cell.name {
  width: 16%;
}
.manage-template-list .content .row-cell.delname {
  width: 30%;
}
.manage-template-list .content .row-cell.time {
  width: 16%;
}
.manage-template-list .content .row-cell.deltime {
  width: 19%;
}
.manage-template-list .content .row-cell.sourcetype {
  width: 10%;
}
.manage-template-list .content .row-cell.label {
  width: 6%;
}
.manage-template-list .content .row-cell.hot {
  width: 7%;
}
.manage-template-list .content .row-cell.weight {
  width: 7%;
}
.manage-template-list .content .row-cell.operate {
  width: auto;
}
.manage-template-list .content .not-found {
  text-align: center;
  margin: 100px;
  color: #ddd9d6;
}
.manage-template-list .content .not-found .ibass-search {
  font-size: 60px;
}
.manage-template-list .status_tag {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 3px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
}
.manage-template-list .status_tag.tag__delete {
  background: #f72b44;
}
.manage-template-list .status_tag.tag__draft {
  background: #96D5C7;
}
.manage-template-list .status_tag.tag__published {
  background: #DE732C;
}
.manage-template-list .status_tag.tag__wait-published {
  background: #598BD2;
}
.manage-template-list .page ul {
  float: right;
}

.recycle-bin {
  font-size: 14px;
}
.recycle-bin .header {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
}
.recycle-bin .header .ahead {
  position: absolute;
  top: -20px;
  left: -25px;
  color: #999;
  font-size: 14px;
}
.recycle-bin .header .split {
  border-top: solid 1px #f0f0f0;
}
.recycle-bin .header .title {
  max-width: 188px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  background: white;
}
.recycle-bin .manage-template-list .content {
  margin: 0;
}
.recycle-bin .manage-template-list .content .row-cell.label {
  width: 15%;
}

.km-create-template-container .step-one .main .title {
  font-size: 14px;
}



.km-create-template-container {
  padding: 31px 50px 30px;
}
.km-create-template-container .ibass-required {
  color: #f72b44;
}
.km-create-template-container .uneditable {
  color: #a9a9a9;
}
.km-create-template-container .uneditable i {
  color: #a9a9a9;
}
.km-create-template-container .ibass-checked {
  color: #fa8919;
}
.km-create-template-container .header {
  position: relative;
  padding-top: 10px;
}
.km-create-template-container .header .ahead {
  position: absolute;
  top: -20px;
  left: -25px;
  color: #999;
  font-size: 14px;
}
.km-create-template-container .header .split {
  border-top: solid 1px #f0f0f0;
}
.km-create-template-container .header .title {
  max-width: 200px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  margin: 0 auto;
  transform: translateY(-50%);
  background: white;
}
.km-create-template-container i {
  position: relative;
  vertical-align: middle;
}
.km-create-template-container .ns-popover-save {
  width: 130px;
  height: 34px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  margin: 25px auto 0;
}
.km-create-template-container .main {
  margin: 40px;
}
.km-create-template-container .main .project {
  display: flex;
  width: 400px;
  color: #a9a9a9;
  border-bottom: 1px solid #F0F0F0;
}
.km-create-template-container .main .project i.ibass-trig-down {
  color: #ccc8c4;
  right: 11px;
}
.km-create-template-container .main .project .i-input {
  flex: 1;
  font-size: 14px;
}
.km-create-template-container .main .project .i-input.selected {
  color: #4a4a4a;
}
.km-create-template-container .main .project .ns-popover-tooltip-theme {
  left: 0 !important;
}
.km-create-template-container .main .project .ns-popover-tooltip-theme .long-name-select-popover {
  width: 558px;
}
.km-create-template-container .main .project .lnsi-matter-wrap .long-name-select-popover {
  width: 400px;
  padding-bottom: 18px;
}
.km-create-template-container .main .project .lnsi-matter-wrap .long-name-select-popover .lns-popover-close {
  position: absolute;
  z-index: 1;
}
.km-create-template-container .main .project .lnsi-matter-wrap .long-name-select-popover .lns-search {
  width: 100%;
  padding: 0 27px 0 23px;
  box-sizing: border-box;
}
.km-create-template-container .main .project .lnsi-matter-wrap .long-name-select-popover .lns-search i {
  left: 36px !important;
}
.km-create-template-container .main .project .lnsi-matter-wrap .long-name-select-popover .lns-lists {
  width: 100%;
  padding: 0 27px 0 23px;
}
.km-create-template-container .main .project .lnsi-matter-wrap .long-name-select-popover .lns-mark-as-personal-task {
  display: none;
}
.km-create-template-container .main .copy-data {
  margin-top: 28px;
}
.km-create-template-container .step-two .main .project-name {
  position: relative;
  padding-bottom: 20px;
}
.km-create-template-container .step-two .main .project-name .label-noactive {
  position: relative;
  left: 0px;
  top: 10px;
  color: #ccc8c4;
}
.km-create-template-container .step-two .main .project-name .label-active {
  position: relative;
  top: 30px;
  left: 0px;
  color: #ccc8c4;
  display: block;
}
.km-create-template-container .step-two .main .project-name input {
  position: relative;
  padding-top: 30px;
  width: 100%;
  height: 60px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  line-height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
}
.km-create-template-container .step-two .main .project-name i {
  position: absolute;
  right: 0;
  top: 50px;
}
.km-create-template-container .description {
  margin-top: 20px;
}
.km-create-template-container .description textarea {
  margin-top: 10px;
  padding: 10px;
  resize: none;
  display: block;
  width: 558px;
  height: 130px;
  border-radius: 5px;
  border-color: #F0F0F0;
}
.ns-popover-project-template-choose-project {
  width: 408px;
  max-width: 408px;
}
.ns-popover-project-template-choose-project input {
  border: 1px solid #fa8919;
  border-radius: 14px;
  height: 28px;
  padding: 0 10px;
  background-color: transparent;
}
.ns-popover-project-template-choose-project .ns-top-search {
  margin-top: 10px;
  display: flex;
}

.km-create-template-container.matter-save-as-template {
  padding: 31px 50px 0;
}
.km-create-template-container.matter-save-as-template .matter-information-edit {
  padding-bottom: 30px;
}

.tpl-create-task-modal .active-input {
  border-color: #ffb387!important;
  background-color: #fefeff!important;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.tpl-create-task-modal .nd-content-search:hover {
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5 ;
}
.tpl-create-task-modal .nd-content-search {
  height: 50px;
  padding: 15px 0;
  border-radius: 5px;
  background-color: #f8f8f9;
  overflow: hidden;
  border: 1px solid transparent;
  position: relative;
  box-sizing: border-box;
}
.tpl-create-task-modal input {
  background-color: transparent;
  padding: 0 15px;
  line-height: 20px;
  width: 80%;
  box-sizing: border-box;
  border: 0;
  font-size: 14px;
  color: #737373;
  position: absolute;
  top: 15px;
}
.tpl-create-task-modal .place-holder {
  line-height: 20px;
  padding-left: 20px;
  color: #737373;
}
.tpl-create-task-modal .hide-input {
  opacity: 0;
  width: 100%;
}
.tpl-create-task-modal .nd-content-search .right-button-group {
  float: right;
  padding: 0 15px 10px 0;
  color: #cdc9c5;
}
.tpl-create-task-modal .nd-content-search .right-button-group.active {
  color: #fa8919;
}
.tpl-create-task-modal i.ibass-project {
  float: left;
  margin-right: 15px;
  color: #cdc9c5;
}
.tpl-create-task-modal .ibass-project.active {
  color: #fa8919;
}
.tpl-create-task-modal .ibass-project:hover {
  color: #fa8919;
  z-index: 999;
}
.tpl-create-task-modal .ibass-return {
  float: left;
  margin-right: 3px;
  z-index: 999;
}

.tpl-task-detail .task-title {
  padding: 25px 24px 10px 24px;
  font-size: 20px;
  color: #4a494a;
  overflow: auto;
}
.tpl-task-detail .task-title .right-button-group {
  float: right;
  color: #cdc9c5;
}
.tpl-task-detail .task-title .right-button-group i {
  font-size: 16px;
  position: relative;
  padding: 0 10px;
  border-right: 1px solid #f0f0f0;
  display: inline-block;
}
.tpl-task-detail .task-title .right-button-group .ibass-close {
  font-size: 18px;
  border-right: 0;
}
.tpl-task-detail .task-title .right-button-group i:hover {
  color: #fa8919;
}
.tpl-task-detail .task-title .right-button-group span {
  width: 76px;
  position: absolute;
  right: 60px;
  top: 28px;
}
.tpl-task-detail .task-title span {
  padding-left: 10px;
  width: 80%;
  display: inline-block;
}
.tpl-task-detail .task-title i.ibass-task-check {
  float: left;
  font-size: 26px;
  color: #cdc8c5;
}
.tpl-task-detail .task-group {
  margin: 0 15px 0 60px;
  color: #737373;
  padding-bottom: 5px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
  height: 16px;
  box-sizing: content-box;
}
.tpl-task-detail .tpl-task-content {
  padding: 30px 24px 20px 30px;
}
.tpl-task-detail .tpl-task-content .none-task-content {
  text-align: center;
  padding-bottom: 30px;
  color: #737373;
}
.tpl-task-detail .tpl-task-content p.task-desc {
  margin: 0;
  padding-bottom: 30px;
  font-size: 14px;
}
.tpl-task-detail ul.task-attach-list {
  padding: 10px 0;
  line-height: 30px;
  color: #4a494a;
  margin-left: 30px;
  margin-top: -30px;
}
.tpl-task-detail ul.task-attach-list :after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}
.tpl-task-detail ul.task-attach-list li:hover {
  background-color: #f8f8f9;
  border-radius: 5px;
}
.tpl-task-detail ul.task-attach-list .task-size {
  font-size: 12px;
  color: #a9a9a9;
}
.tpl-task-detail ul.task-attach-list span {
  padding-left: 0;
}
.tpl-task-detail ul.task-attach-list span.hidden-button {
  color: #fa8919;
  font-size: 16px;
  float: right;
  margin-left: 30px;
  display: none;
  position: relative;
}
.tpl-task-detail ul.task-attach-list span.hidden-button i.cursor.ibass-download {
  padding: 0 10px;
  color: #fa8919;
}
.tpl-task-detail ul.task-attach-list span.hidden-button i.cursor.ibass-delete {
  color: #fa8919;
}
.tpl-task-detail ul.task-attach-list span.hidden-button i:hover {
  color: #f72b44 !important;
}
.tpl-task-detail ul.task-attach-list .task-attachment {
  padding: 2px 2px;
  height: 32px;
  overflow: hidden;
}
.tpl-task-detail ul.task-attach-list .task-attachment i {
  float: left;
  position: relative;
  font-size: 16px;
}
.tpl-task-detail ul.task-attach-list .task-attachment .file-meta {
  display: inline-block;
  overflow: hidden;
}
.tpl-task-detail ul.task-attach-list .task-attachment .file-meta .file-name {
  white-space: nowrap;
  overflow: hidden;
  max-width: 350px;
  text-overflow: ellipsis;
  display: inline-block;
  float: left;
}
.tpl-task-detail ul.task-attach-list .task-attachment .file-meta .file-type {
  margin-left: -7px;
  float: left;
}
.tpl-task-detail ul.task-attach-list .task-attachment .file-meta .task-size {
  padding-left: 10px;
  float: left;
}
.tpl-task-detail ul.task-attach-list .task-attachment .no-cursor {
  cursor: default;
}
.tpl-task-detail ul.task-attach-list .task-attachment:hover span.hidden-button {
  display: inline-block;
}
.tpl-task-detail .add-task-attachment {
  font-size: 14px;
  color: #737373;
  padding: 0 10px;
}
.tpl-task-detail i {
  vertical-align: middle;
}
.tpl-task-detail i.ibass-attachment {
  font-size: 14px;
  color: #cdc9c5;
}
.tpl-task-detail ul.task-check-list {
  padding: 0 0 26px 0;
}
.tpl-task-detail ul.task-check-list span {
  padding-left: 10px;
}
.tpl-task-detail ul.task-check-list .check-item-text {
  width: 500px;
  float: right;
  padding-right: 74px;
  word-break: break-all;
}
.tpl-task-detail ul.task-check-list .title {
  background-color: #fffbf8;
  font-weight: 500;
  line-height: 38px;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  padding: 0 10px;
}
.tpl-task-detail ul.task-check-list .check-item {
  line-height: 22px;
}
.tpl-task-detail ul.task-check-list .check-item .ibass-more {
  visibility: hidden;
}
.tpl-task-detail ul.task-check-list .add-check-item {
  line-height: 26px;
}
.tpl-task-detail ul.task-check-list .add-check-item .child-task-name .editable {
  float: left;
  position: relative;
  width: 95%;
  min-height: 22px;
  word-break: break-all;
}
.tpl-task-detail ul.task-check-list .add-check-item .child-task-name .editable textarea {
  border: none;
  width: 100%;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  padding: 0;
  line-height: inherit;
}
.tpl-task-detail ul.task-check-list .check-item.check-title {
  line-height: 32px;
}
.tpl-task-detail ul.task-check-list .check-item,
.tpl-task-detail ul.task-check-list .add-check-item {
  background-color: #fffbf8;
  border-bottom: 1px solid #f0f0f0;
  padding: 5px 10px 5px 30px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.tpl-task-detail ul.task-check-list .check-item .check-item-checked,
.tpl-task-detail ul.task-check-list .add-check-item .check-item-checked {
  text-decoration: line-through;
}
.tpl-task-detail ul.task-check-list .check-item .ibass-checked,
.tpl-task-detail ul.task-check-list .add-check-item .ibass-checked {
  color: #fa8919;
}
.tpl-task-detail ul.task-check-list .check-item i,
.tpl-task-detail ul.task-check-list .add-check-item i {
  font-size: 16px;
  color: #cdc9c5;
  top: 1px;
}
.tpl-task-detail ul.task-check-list .check-item .right-button-group {
  visibility: hidden;
}
.tpl-task-detail ul.task-check-list .check-item:hover .right-button-group {
  visibility: visible;
}
.tpl-task-detail ul.task-check-list .check-item:hover .ibass-more {
  visibility: visible;
}
.tpl-task-detail ul.task-check-list i {
  color: #cdc9c5;
  position: relative;
}
.tpl-task-detail .right-button-group {
  float: right;
}
.tpl-task-detail .right-button-group .del-confirm {
  width: 76px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
.tpl-task-detail .right-button-group .del-confirm span {
  padding: 0px;
}
.tpl-task-detail .dark {
  color: #a9a9a9;
}
.tpl-task-detail .add-task-content span {
  padding-left: 10px;
}
.tpl-task-detail .task-meta {
  font-size: 12px;
  line-height: 1.33;
  color: #737373;
  display: inline-block;
}
.tpl-task-detail .task-edit-box {
  margin: 50px auto 80px;
  text-align: center;
  padding-right: 45px;
}
.tpl-task-detail .task-edit-box li {
  display: inline-block;
  width: 130px;
  font-size: 14px;
  color: #a9a9a9;
  border-right: 1px solid #f0f0f0;
}
.tpl-task-detail .task-edit-box li:last-child {
  border: 0;
}
.tpl-task-detail .task-edit-box li i,
.tpl-task-detail .task-edit-box li i.ibass-attachment {
  font-size: 24px !important;
  text-align: left;
  width: 29px;
}
.tpl-task-detail .add-check-input {
  min-width: 300px;
  display: inline-block;
}
.tpl-task-detail .active {
  display: block;
}
.tpl-task-detail .key {
  float: left;
}
.tpl-task-detail .child-task-name {
  padding-left: 20px;
}
.tpl-task-detail .add-task-content {
  padding: 0 33px;
  display: inline-block;
  margin-bottom: 30px;
  color: #a9a9a9;
}
.tpl-task-detail .add-task-content.none-content-left {
  margin: 60px 0 80px 70px;
}
.tpl-task-detail .add-task-content.none-content {
  text-align: center;
}
.tpl-task-detail .add-task-content.none-content i {
  text-align: left;
  width: 29px;
  font-size: 24px !important;
}
.tpl-task-detail .add-task-content.none-content span {
  display: block;
}
.tpl-task-detail .task-description-focus {
  width: 556px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  margin-top: -1px;
  padding: 12px 10px 0 10px;
}
.tpl-task-detail .task-description-not-allow-edit:hover {
  background-color: transparent;
}
.tpl-task-detail .task-description-focus {
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: transparent !important;
}
.tpl-task-detail .task-description-focus1 .input-btn {
  bottom: 9px !important;
}
.tpl-task-detail .task-description-focus1 .textarea-height {
  min-height: 0 !important;
}
.tpl-task-detail .task-description-focus1 pre,
.tpl-task-detail .task-description-focus1 textarea {
  padding-bottom: 0px !important;
}
.tpl-task-detail .task-description {
  font-size: 14px;
  line-height: 1.57;
  color: #4a494a;
  border-radius: 6px;
  position: relative;
}
.tpl-task-detail .task-description:hover {
  background-color: #f8f8f9;
}
.tpl-task-detail .task-description pre,
.tpl-task-detail .task-description textarea,
.tpl-task-detail .task-description span {
  line-height: 21px;
}
.tpl-task-detail .task-description-not-allow-edit:hover {
  background-color: transparent;
}
.tpl-task-detail .task-description-focus {
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: transparent !important;
}
.tpl-task-detail .task-description {
  margin: 0 12px 30px 30px;
  font-size: 14px;
  text-align: left;
}
.tpl-task-detail .task-description .input-btn {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 70px;
  height: 30px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.tpl-task-detail .task-description pre,
.tpl-task-detail .task-description textarea,
.tpl-task-detail .task-description span {
  line-height: 21px;
  word-break: break-all;
}
.tpl-task-detail .task-description pre,
.tpl-task-detail .task-description textarea {
  padding-bottom: 45px;
  border: 0;
  width: 100%;
}
.tpl-task-detail .line {
  margin-bottom: 28px;
  border-bottom: 1px solid #f0f0f0;
  width: 188px;
  margin-left: 30px;
}
.tpl-task-detail .border-left {
  border-left: 1px solid #f0f0f0;
}
.tpl-task-detail .border-right {
  border-right: 1px solid #f0f0f0;
}
.tpl-task-detail .add-task-content:hover {
  color: #fa8919;
}
.tpl-task-detail .add-task-content:hover i,
.tpl-task-detail .add-task-content:hover .ibass-attachment {
  color: #fa8919 !important;
}
.tpl-task-detail .ibass-delete:hover {
  color: #f72b44!important;
}
.cursor-not-allow {
  cursor: not-allowed;
}
.task-detail-model.tpl-task-detail .task-title .ibass-task-check {
  margin-right: 5px;
}
.task-detail-model.tpl-task-detail .task-title .task-name-editable {
  float: left;
  width: 70%;
}
.task-detail-model.tpl-task-detail .task-title .task-name-editable.editable.focus {
  border-bottom: 1px solid #4fbe6d;
}
.task-detail-model.tpl-task-detail .task-title .default-name {
  padding-left: 0;
  word-break: break-all;
}
.task-detail-model.tpl-task-detail .task-title .default-name:hover {
  border-bottom: 1px solid #f0f0f0;
}
.task-detail-model.tpl-task-detail .tpl-task-content {
  position: relative;
}
.task-detail-model.tpl-task-detail .tpl-task-content .task-attachment-drop-area {
  width: unset;
  min-height: unset;
  top: 20px;
  left: 40px;
  right: 40px;
  bottom: 20px;
}
.task-detail-model.tpl-task-detail .tpl-task-content.none-content {
  padding-top: 70px;
  text-align: center;
}
.task-detail-model.tpl-task-detail .tpl-task-content .none-content-left {
  margin: 0;
}
.task-detail-model.tpl-task-detail .tpl-task-content .add-task-content {
  position: relative;
  color: #cdc9c5;
  font-size: 14px;
}
.task-detail-model.tpl-task-detail .tpl-task-content .add-task-content:hover {
  color: #fa8919;
}
.task-detail-model.tpl-task-detail .tpl-task-content .add-task-content.none-content:not(.description) {
  border-left: 1px solid #f0f0f0;
  margin-left: -1px;
}
.task-detail-model.tpl-task-detail .tpl-task-content .add-task-content span {
  padding: 0;
}
.task-detail-model.tpl-task-detail ul.task-attach-list span.hidden-button {
  margin-left: 0;
}
.task-detail-model.tpl-task-detail .task-description {
  margin-top: -10px;
  padding-top: 10px;
  padding-right: 30px;
  word-break: break-all;
}
.task-detail-model.tpl-task-detail .task-description:hover {
  background: transparent;
}
.task-detail-model.tpl-task-detail .task-description:hover .edit-des {
  display: block;
}
.task-detail-model.tpl-task-detail .edit-des {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #cdc9c5;
}
.task-detail-model.tpl-task-detail .edit-des:hover {
  color: #fa8919;
}
.task-detail-model.tpl-task-detail .input-btn {
  line-height: 28px;
}
.task-detail-model.tpl-task-detail .input-btn.cancel-btn {
  right: 85px;
  color: #4a4a4a;
  background: #fff;
  width: 50px;
}
.task-detail-model.tpl-task-detail .task-check-list {
  text-align: left;
  font-size: 14px;
}
.task-detail-model.tpl-task-detail .task-check-list .check-item .ibass-checkbox {
  float: left;
}
.task-detail-model.tpl-task-detail .task-check-list .check-item-text {
  width: auto;
  float: left;
}
.task-detail-model .task-metas {
  text-align: left;
  padding: 0 25px 25px;
  margin-left: 15px;
  color: #a9a9a9;
}
.task-detail-model .task-metas i {
  color: #cdc9c5;
  vertical-align: -2px;
}
.task-detail-model .task-metas .task-meta {
  color: #a9a9a9;
}
.cursor-not-allow {
  cursor: not-allowed;
}
.task-detail-model.ns-popover-tooltip-theme .ns-popover-tooltip {
  text-align: left;
  border: solid 1px transparent !important;
}

#loginWrap {
  width: 100%;
  height: 100%;
}
#loginFooter {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 20px;
}
#loginFooter h6 {
  margin: 0;
  height: 48px;
  line-height: 48px;
}
#loginFooter h6:before {
  font-size: 72px;
  color: #ed6c00;
}
#loginFooter h6 span {
  display: none;
}
#loginFooter p {
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 100;
}
.login-button {
  padding-top: 30px;
  cursor: pointer;
}
.login-button a {
  display: inline-block;
  width: 180px;
  height: 40px;
  border-radius: 36px;
  background: #fa8919;
  line-height: 40px;
  color: #FFF;
  text-decoration: none;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05);
  transition: all .1s;
}
.login-button a:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.login-button a:active {
  transform: translate3d(0, 1px, 0);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
}
#login-loginbox,
.login-wechatPic {
  position: absolute;
  left: 50%;
  top: 36%;
  margin-left: -150px;
  width: 300px;
}
#login-loginbox h1,
.login-wechatPic h1 {
  margin: 0;
  line-height: 45px;
}
#login-loginbox h1:before,
.login-wechatPic h1:before {
  font-size: 60px;
  color: #FFF;
}
#login-loginbox h1 span,
.login-wechatPic h1 span {
  display: none;
}
#login-loginbox .login-slogan,
.login-wechatPic .login-slogan {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 100;
}
#login-loginbox .login-slogan:after,
.login-wechatPic .login-slogan:after {
  content: '';
  display: block;
  margin: 30px auto 0;
  width: 50px;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
#login-loginbox .login-avatar,
.login-wechatPic .login-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.login-testCode {
  position: absolute;
  left: 50%;
  top: 29%;
  z-index: 2;
  margin-left: -200px;
  width: 400px;
  height: 250px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05);
}
.login-testCode fieldset {
  margin: 40px;
  padding: 0;
  border: 1px solid #EEE;
  border-width: 1px 0 0;
}
.login-testCode fieldset legend {
  display: inline-block;
  margin-bottom: 30px;
  padding: 0 1em;
  color: #999;
}
.login-testCode fieldset input {
  width: 100%;
  height: 36px;
  border: 1px solid #DDD;
  border-radius: 4px;
  text-align: center;
  color: #fa8919;
  font-size: 16px;
  font-family: monospace;
  margin-top: 15px;
}
.login-testCode fieldset .dcw-auth-code-tips-box .dcw-auth-code-tips {
  display: block;
  margin-top: 20px;
  color: #737373;
  font-size: 14px;
}
.login-testCode fieldset .dcw-auth-code-tips-box .dcw-auth-code-tips-btn-box {
  padding: 50px 0 0 0;
  font-size: 13px;
}
.login-testCode fieldset .dcw-auth-code-tips-box .dcw-auth-code-tips-btn-box .dcw-no-auth-code {
  padding: 0 	20px;
  height: 36px;
  border-radius: 50px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  line-height: 36px;
  display: inline-block;
}
.login-testCode fieldset .dcw-auth-code-tips-box .dcw-auth-code-tips-btn-box .dcw-auth-code-next {
  padding: 0 	20px;
  line-height: 36px;
  border-radius: 20px;
  color: #fff;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin-left: 15px;
}
.login-testCode-dcw {
  position: static;
  margin: 0 auto;
  width: 640px;
  height: auto;
  border-radius: 5px;
  padding-bottom: 20px;
}
.login-testCode-dcw .dcw-title-login {
  width: 590px;
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
  text-align: center;
}
.login-testCode-dcw .dcw-title-login .wxloginback-line {
  position: absolute;
  top: 50px;
  left: 5%;
  width: 90%;
  border-top: 1px solid #ebebeb;
}
.login-testCode-dcw .dcw-title-login .wxloginback-title {
  position: absolute;
  top: 37px;
  left: 50%;
  margin-left: -61px;
  width: 122px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
}
.login-testCode-dcw .dcw-title-login legend {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  position: relative;
}
.login-testCode-dcw .dcw-login-step {
  margin-top: 52px;
}
.login-testCode-dcw .dcw-login-step .dcw-self-model-set-box {
  margin: 0 auto;
}
.login-testCode-dcw fieldset {
  border: none;
  margin-top: 20px;
}
.login-testCode-dcw fieldset input {
  width: 340px;
  height: 40px;
  border-radius: 5px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  font-size: 14px;
}
.login-testCode-dcw fieldset .login-button {
  padding-top: 51px;
}
#login-qrbox {
  position: absolute;
  left: 50%;
  top: 16%;
  z-index: 2;
  margin-left: -150px;
  width: 328px;
  height: 400px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05);
  transform: scale3d(0.2, 0.01, 1);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#login-qrbox.loginShow {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
#login-qrbox .login-tips {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  margin: 0;
  border-top: 1px solid #EEE;
  line-height: 50px;
  font-size: 12px;
  color: #999;
}
#login-qrbox .login-close {
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #222;
  color: rgba(255, 255, 255, 0);
  text-decoration: none;
  transform: rotateZ(45deg);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
}
#login-qrbox .login-close:before {
  content: '';
  position: absolute;
  left: 9px;
  top: 14px;
  display: block;
  width: 12px;
  height: 2px;
  background: #FFF;
}
#login-qrbox .login-close:after {
  content: '';
  position: absolute;
  left: 14px;
  top: 9px;
  display: block;
  width: 2px;
  height: 12px;
  background: #FFF;
}

.matter-approve-flow .approve .approve-flow > .approve-flow-header {
  padding-bottom: 0;
  height: 23px;
}
.matter-approve-flow .approve .approve-flow > .approve-flow-header > .approve-flow-title {
  position: relative;
  top: 1px;
  border-bottom: 3px solid #ed6c00;
  font-weight: 500;
}

.document-dialog {
  min-height: 300px;
}
.document-dialog header {
  margin: 0 30px;
  height: 50px;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.document-dialog header > span {
  float: left;
  color: #4a4a4a;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  height: 22px;
  padding: 0 10px;
  font-size: 18px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
}
.document-dialog .document-item-wrap {
  margin-top: 26px;
}
.document-dialog .document-item-wrap .add-doc {
  cursor: pointer;
  color: #ed6c00;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin: 10px 38px;
  width: 100px;
}
.document-dialog .document-item-wrap .add-doc > i {
  vertical-align: middle;
  font-size: 12px;
}
.document-dialog .document-item-wrap .add-doc:hover {
  color: #f89406;
}
.document-dialog .document-item-wrap .document-remarks {
  position: relative;
  margin: 20px 30px 0;
  height: 140px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.document-dialog .document-item-wrap .document-remarks .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.document-dialog .document-item-wrap .document-remarks .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.document-dialog .document-item-wrap .document-remarks .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.document-dialog .document-item-wrap .document-remarks .remark-exceeded {
  color: #f72b44;
}
.document-dialog .document-footer {
  text-align: center;
}
.document-dialog .document-footer .document-save {
  width: 126px;
  border: none;
  margin: 26px auto 20px;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.document-dialog .document-footer .disabled {
  background: #ebebee;
  cursor: not-allowed;
}

.judicial-platform header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
}
.judicial-platform header .title {
  position: relative;
  top: 1px;
  display: inline-block;
  border-bottom: 3px solid #ed6c00;
  font-weight: 500;
  font-size: 14px;
}
.judicial-platform header > i {
  margin-left: 4px;
  cursor: pointer;
  color: #cdc9c5;
}
.judicial-platform .content {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
}
.judicial-platform .content > div {
  box-sizing: border-box;
  margin-bottom: 6px;
  width: 100%;
  padding-right: 10px;
}
.judicial-platform .content .single-line {
  width: 100%;
}

.judicial-platform-show {
  display: flex;
  flex-wrap: wrap;
}
.judicial-platform-show > div {
  width: 100%;
  padding-right: 15px;
  margin-top: 10px;
}
.judicial-platform-show > div .label {
  font-size: 12px;
  color: #a8a8a8;
}
.judicial-platform-show > div .value {
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
}
.judicial-platform-show > div .value span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.judicial-platform-show > div .value .tooltip {
  max-width: 330px !important;
}
.judicial-platform-show > div .money-show {
  font-size: 12px;
  color: #a8a8a8;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.judicial-platform-show .single-line {
  width: 100%;
}
.judicial-platform-show .value-attachment > div span {
  font-size: 14px;
}
.judicial-platform-show .value-textarea textarea {
  width: 100%;
  padding: 4px 6px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  resize: none;
  height: 80px;
  font-size: 14px;
}
.judicial-platform-show .value-judicial > div .label {
  font-size: 12px;
  color: #a8a8a8;
}
.judicial-platform-show .value-judicial > div .value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matter-create-optimize-matter-base-info {
  width: 500px;
}
.matter-create-optimize-matter-base-info .matter-owner {
  position: relative;
}
.matter-create-optimize-matter-base-info .matter-no {
  position: relative;
}
.matter-create-optimize-matter-base-info .matter-level {
  position: relative;
}
.matter-create-optimize-matter-base-info .matter-level .ibass-trig-down {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #cdc9c5;
  font-size: 16px;
}
.matter-create-optimize-matter-base-info .dpt-tree {
  text-align: left;
  width: 100%;
  height: 220px;
  overflow: auto;
}
.matter-create-optimize-matter-base-info .dpt-tree ul {
  margin: 0 !important;
  line-height: 30px;
  float: none;
}
.matter-create-optimize-matter-base-info .dpt-tree ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.matter-create-optimize-matter-base-info .dpt-tree ul i {
  line-height: 24px;
  padding: 0 10px;
}
.matter-create-optimize-matter-base-info .dpt-tree ul .ibass-add-round {
  height: 22px;
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}
.matter-create-optimize-matter-base-info .dpt-tree ul .tree-label {
  height: 24px;
  line-height: 24px;
  max-width: calc(100% - 60px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create {
  left: 0px !important;
  top: 100% !important;
  color: #4a4a4a;
  z-index: 1000 !important;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .department-search-w {
  height: 30px;
  padding: 10px 15px;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .department-search-w .deparment-search-c {
  height: 100%;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .department-search-w .deparment-search-c .ibass-search {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #a9a9a9 !important;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .department-search-w .deparment-search-c input {
  border: none;
  height: 100%;
  width: calc(100% - 50px);
  margin-left: 5px;
  background: transparent;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .department-search-w .deparment-search-c input::placeholder {
  color: #a9a9a9;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .dpt-tree {
  text-align: left;
  width: 100%;
  height: 220px;
  overflow: auto;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .dpt-tree ul {
  margin: 0 !important;
  line-height: 30px;
  float: none;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .dpt-tree ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .dpt-tree ul i {
  line-height: 24px;
  padding: 0 10px;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .dpt-tree ul .ibass-add-round {
  height: 22px;
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .dpt-tree ul .tree-label {
  height: 24px;
  line-height: 24px;
  max-width: calc(100% - 60px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip {
  width: 400px;
  max-width: none !important;
  margin-top: 0 !important;
  padding-bottom: 10px !important;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value {
  padding: 0;
  max-width: 195px;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul {
  position: relative;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .ibass-checked::before {
  visibility: hidden;
  color: #fc8919;
  position: absolute;
  right: 16px;
  top: 14px;
  transform: translateY(-50%);
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .ibass-checkbox::before {
  visibility: visible;
  position: absolute;
  right: 16px;
  top: 13px;
  transform: translateY(-50%);
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .tree-label span {
  width: 280px;
  max-width: none;
  padding-right: 50px;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checkbox::before {
  visibility: hidden;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checked::before {
  visibility: visible;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #ebebeb;
  padding-left: 24px;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap {
  display: inline-block;
  font-size: 14px;
  color: #a9a9a9;
  height: 22px;
  cursor: pointer;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap:hover {
  color: #fa8919;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap i,
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap span {
  line-height: 22px;
  float: left;
  margin-right: 8px;
}
.matter-create-optimize-matter-base-info .dpt-tree-in-edit-create .dpt-no-right {
  height: 150px;
  color: #a9a9a9;
  text-align: center;
  line-height: 150px;
}
.matter-create-optimize-matter-base-info .matter-member-editor {
  margin-top: 10px;
  position: relative;
}
.matter-create-optimize-matter-base-info .matter-member-editor .mme-title {
  display: flex;
  border-bottom: 1px solid #f0f0f0;
  color: #4A4A4A;
  font-size: 14px;
  height: 55px;
  line-height: 55px;
  text-align: left;
}
.matter-create-optimize-matter-base-info .matter-member-editor .mme-title .member-title {
  width: 260px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .mme-title .role-title.right {
  width: 180px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .mme-title .approve-owner {
  width: 60px;
  text-align: center;
}
.matter-create-optimize-matter-base-info .matter-member-editor .mme-content {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}
.matter-create-optimize-matter-base-info .matter-member-editor .financial-approve-flow {
  margin-top: 20px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .mme-footer {
  display: inline-block;
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.matter-create-optimize-matter-base-info .matter-member-editor .mme-footer i,
.matter-create-optimize-matter-base-info .matter-member-editor .mme-footer span {
  color: #a9a9a9;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin-right: 2px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .mme-footer .ibass-trig-down {
  color: #cdc9c5;
  font-size: 14px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .member-list {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  padding-top: 14px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .member-list .ibass-minus-fill {
  color: #cdc9c5;
  position: absolute;
  left: 104%;
  top: 16px;
  margin-left: 5px;
  font-size: 16px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .member-list .role-info {
  height: 31px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .member-list .role-info .role-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-create-optimize-matter-base-info .matter-member-editor .member-list .approver-checked {
  position: relative;
  top: -4px;
  width: 60px;
  text-align: center;
}
.matter-create-optimize-matter-base-info .matter-member-editor .member-info {
  display: inline-block;
  width: 240px;
  margin-right: 20px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .role-info {
  position: relative;
  width: 175px;
  margin-right: 5px;
  box-sizing: border-box;
}
.matter-create-optimize-matter-base-info .matter-member-editor .role-info .ibass-trig-down {
  display: block;
  position: absolute;
  width: 16px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  right: 0px;
  top: 0px;
  color: #cdc9c5;
  font-size: 16px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .role-info {
  cursor: pointer;
}
.matter-create-optimize-matter-base-info .matter-member-editor .member-info,
.matter-create-optimize-matter-base-info .matter-member-editor .role-info {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 6px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .avatar img {
  height: 24px;
  width: 24px;
}
.matter-create-optimize-matter-base-info .matter-member-editor .member-name {
  height: 24px;
  line-height: 24px;
  width: calc(100% - 40px);
}
.matter-create-optimize-matter-base-info .all-process {
  margin-top: 8px;
  border-bottom: solid 1px #f1f1f1;
}
.matter-create-optimize-matter-base-info .all-process.active {
  border-bottom: solid 1px #fa8919;
}
.matter-create-optimize-matter-base-info .all-process.no-border {
  border-bottom: none;
  margin-bottom: 0;
}
.matter-create-optimize-matter-base-info .all-process.no-border .matter-process-editor-label {
  display: none;
}
.matter-create-optimize-matter-base-info .all-process.no-border .matter-process-editor-input {
  height: auto;
  display: block;
}
.matter-create-optimize-matter-base-info .all-process.no-border .matter-process-editor-input .input {
  height: auto;
}
.matter-create-optimize-matter-base-info .matter-process-editor-label {
  line-height: 16px;
  color: #a9a9a9;
  position: relative;
  top: 24px;
  transition: all 0.3s linear 0s;
}
.matter-create-optimize-matter-base-info .matter-process-editor-label.active {
  top: 0px;
  font-size: 12px;
}
.matter-create-optimize-matter-base-info .matter-process-editor-input {
  display: flex;
  height: 35px;
  align-items: center;
}
.matter-create-optimize-matter-base-info .matter-process-editor-input .input {
  flex: 1;
  min-width: 0;
  max-width: 490px;
  height: 35px;
}
.matter-create-optimize-matter-base-info .matter-process-editor-input .required,
.matter-create-optimize-matter-base-info .matter-process-editor-input .dropdown {
  width: 20px;
  text-align: right;
}
.matter-create-optimize-matter-base-info .matter-process-editor-input .required {
  color: #f72b44;
}
.matter-create-optimize-matter-base-info .matter-process-editor-input .dropdown {
  color: #cdc8c5;
}
.matter-create-optimize-matter-base-info .matter-process-input-name {
  margin-top: -35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matter-conflict-word header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
}
.matter-conflict-word header .title {
  position: relative;
  top: 1px;
  display: inline-block;
  border-bottom: 3px solid #ed6c00;
  width: 70px;
  font-weight: 500;
  font-size: 14px;
}
.matter-conflict-word header .add-conflict-word {
  font-size: 12px;
  color: #a9a9a9;
}
.matter-conflict-word header .add-conflict-word > i {
  vertical-align: middle;
}
.matter-conflict-word .conflict-word-content > ul > li > input {
  width: 100%;
  height: 48px;
  border-width: 0px 0px 1px;
  border-style: solid;
  border-color: #f0f0f0;
  border-image: initial;
  padding: 14px 30px 0 0;
  background: transparent;
  font-size: 14px;
  color: #4a4a4a;
  outline: none;
  transition: all .3s;
}
.matter-conflict-word .conflict-word-content > ul > li .input-operator {
  position: absolute;
  top: 18px;
  right: 2px;
  color: #cdc9c5;
}
.matter-conflict-word .conflict-word-content > ul > li .input-operator:hover {
  color: #fc8919;
  cursor: pointer;
}
.matter-conflict-word .empty-tip {
  margin-top: 30px;
  text-align: center;
}
.matter-conflict-word .empty-tip > span {
  margin-top: 14px;
  color: #ed6c00;
}
.matter-conflict-word .empty-tip .tip {
  margin-top: 10px;
  color: #a9a9a9;
}

.matter-create-optimize-matter-base-info .custom-name,
.matter-create-optimize-matter-base-info .relate-parties,
.matter-create-optimize-matter-base-info .case-source-lawyer,
.matter-create-optimize-matter-base-info .main-lawyer,
.matter-create-optimize-matter-base-info .matter-name,
.matter-create-optimize-matter-base-info .service-content,
.matter-create-optimize-matter-base-info .undertake-lawyer {
  position: relative;
  width: 500px;
}
.matter-create-optimize-matter-base-info label {
  position: absolute;
}
.matter-create-optimize-matter-base-info .date-wrapper {
  position: relative;
  height: 55px;
  display: flex;
  justify-content: space-between;
}
.matter-create-optimize-matter-base-info .date-wrapper .edit-input {
  position: relative;
  width: 225px;
}
.matter-create-optimize-matter-base-info .date-wrapper .edit-input input {
  width: 100%;
}
.matter-create-optimize-matter-base-info .label-noactive {
  top: 30px;
  left: 0;
  color: #a9a9a9;
  font-size: 14px;
}
.matter-create-optimize-matter-base-info .label-active,
.matter-create-optimize-matter-base-info .label-active-with-value {
  top: 10px !important;
  left: 0;
  font-size: 12px !important;
  color: #a9a9a9;
}
.matter-create-optimize-matter-base-info .input-remind {
  height: 20px;
  line-height: 20px;
  font-style: normal;
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 100;
}
.matter-create-optimize-matter-base-info .input-remind i {
  color: #cdc9c5;
  margin-left: 6px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 2px;
}
.matter-create-optimize-matter-base-info .input-remind i:hover {
  color: #fc8919;
}
.matter-create-optimize-matter-base-info .input-remind .required-icon {
  color: #f72b44;
  cursor: default;
  font-size: 12px;
}
.matter-create-optimize-matter-base-info .input-remind .required-icon:hover {
  color: #f72b44;
}
.matter-create-optimize-matter-base-info .input-remind .ibass-trig-down {
  color: #cdc9c5;
  cursor: default;
  top: 3px;
}
.matter-create-optimize-matter-base-info .input-remind .ibass-trig-down:hover {
  color: #cdc9c5;
}
.matter-create-optimize-matter-base-info .input-remind .high-light {
  color: #fc8919 !important;
}
.matter-create-optimize-matter-base-info .input-operator {
  position: absolute;
  left: calc(100% + 7px);
  top: 24px;
  margin-left: 5px;
  width: 44px;
  height: 20px;
  color: #cdc9c5;
  font-size: 16px;
  line-height: 20px;
}
.matter-create-optimize-matter-base-info .input-operator i {
  position: relative;
  top: 3px;
}
.matter-create-optimize-matter-base-info .input-operator .ibass-add-fill:hover {
  color: #fc8919;
}
.matter-create-optimize-matter-base-info .input-operator .ibass-minus-fill {
  margin-right: 6px;
}
.matter-create-optimize-matter-base-info .input-operator .ibass-minus-fill:hover {
  color: #fc8919;
}
.matter-create-optimize-matter-base-info .public-prosecution-case-option {
  position: absolute;
  top: 27px;
  display: flex;
  color: #cdc9c5;
}
.matter-create-optimize-matter-base-info .public-prosecution-case-option i {
  margin-right: 3px;
  cursor: pointer;
}
.matter-create-optimize-matter-base-info .public-prosecution-case-option .ibass-done {
  color: #fc8919;
}
.matter-create-optimize-matter-base-info .new-matter-related {
  vertical-align: top;
  display: inline-block;
  width: 150px;
  position: relative;
  padding-top: 30px;
  cursor: pointer;
}
.matter-create-optimize-matter-base-info .new-matter-related .new-matter-related-span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  border-bottom: 1px solid #f0f0f0;
  width: 140px;
  padding-right: 0;
  font-size: 13px;
  color: #a9a9a9;
}
.matter-create-optimize-matter-base-info .new-matter-related .ibass-trig-down {
  position: absolute;
  top: 36px;
  right: 8px;
  color: #cdc9c5;
}
.matter-create-optimize-matter-base-info .new-matter-related.no-cursor {
  cursor: unset;
}
.matter-create-optimize-matter-base-info .form-input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  width: 500px;
  height: 55px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  border-width: 0px 0px 1px;
  border-style: solid;
  border-color: #f0f0f0;
  border-image: initial;
  padding-right: 45px;
}

.matter-contract {
  width: 100%;
}
.matter-contract header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
}
.matter-contract header .title {
  position: relative;
  top: 1px;
  display: inline-block;
  border-bottom: 3px solid #ed6c00;
  font-weight: 500;
  font-size: 14px;
}
.matter-contract header .required {
  color: red;
  font-style: normal;
  vertical-align: middle;
  margin-left: 5px;
}
.matter-contract header .add-contract {
  font-size: 12px;
  color: #a9a9a9;
}
.matter-contract header .add-contract > i {
  vertical-align: middle;
}
.matter-contract .contract-content {
  width: 100%;
}
.matter-contract .contract-content .contract-header {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #ebebeb;
}
.matter-contract .contract-content .contract-header > span {
  display: inline-block;
  font-size: 12px;
  color: #737373;
}
.matter-contract .contract-content .contract-header > span:nth-child(1) {
  width: 30%;
}
.matter-contract .contract-content .contract-header > span:nth-child(2) {
  width: 40%;
  text-align: center;
}
.matter-contract .contract-content .contract-header > span:nth-child(3) {
  width: 19%;
  text-align: center;
}
.matter-contract .contract-content .contract-header > span:nth-child(4) {
  width: 10%;
  text-align: right;
}
.matter-contract .contract-content .contract-content {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.matter-contract .contract-content .contract-content > span {
  display: inline-block;
  font-size: 12px;
  color: #737373;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.matter-contract .contract-content .contract-content > span:nth-child(1) {
  width: 30%;
}
.matter-contract .contract-content .contract-content > span:nth-child(2) {
  width: 40%;
  text-align: center;
}
.matter-contract .contract-content .contract-content > span:nth-child(3) {
  width: 19%;
  text-align: center;
}
.matter-contract .contract-content .contract-content > span:nth-child(4) {
  position: absolute;
  width: 8%;
  text-align: right;
  color: #c7d1da;
  font-size: 14px;
}
.matter-contract .contract-content .contract-content:hover {
  background-color: #f8f8f9;
  cursor: pointer;
}
.matter-contract .empty-tip {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}
.matter-contract .empty-tip > .icon-add-fill {
  width: 36px;
  height: 36px;
  font-size: 30px;
  color: #cdc9c5;
  text-align: center;
}
.matter-contract .empty-tip > span {
  margin-top: 14px;
  color: #ed6c00;
}
.matter-contract .empty-tip .tip {
  margin-top: 10px;
  color: #a9a9a9;
}

.matter-document header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
}
.matter-document header .title {
  display: inline-block;
  position: relative;
  top: 1px;
  border-bottom: 3px solid #ed6c00;
  width: 56px;
  font-weight: 500;
  font-size: 14px;
}
.matter-document header .add-document {
  font-size: 12px;
  color: #a9a9a9;
}
.matter-document header .add-document > i {
  vertical-align: middle;
}
.matter-document header .edit-or-delete {
  width: 48px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 12px;
  color: #a9a9a9;
}
.matter-document .document-content {
  width: 100%;
}
.matter-document .document-content .document-header {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #ebebeb;
}
.matter-document .document-content .document-header > span {
  display: inline-block;
  font-size: 12px;
  color: #737373;
}
.matter-document .document-content .document-header > span:nth-child(1) {
  width: 30%;
}
.matter-document .document-content .document-header > span:nth-child(2) {
  width: 40%;
  text-align: center;
}
.matter-document .document-content .document-header > span:nth-child(3) {
  width: 26%;
  text-align: right;
}
.matter-document .document-content .document-content {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #ebebeb;
}
.matter-document .document-content .document-content > span {
  display: inline-block;
  font-size: 12px;
  color: #737373;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.matter-document .document-content .document-content > span:nth-child(1) {
  width: 30%;
}
.matter-document .document-content .document-content > span:nth-child(2) {
  width: 40%;
  text-align: center;
}
.matter-document .document-content .document-content > span:nth-child(3) {
  width: 26%;
  text-align: right;
  color: #c7d1da;
  font-size: 14px;
}
.matter-document .document-content .document-content:hover {
  background-color: #f8f8f9;
  cursor: pointer;
}
.matter-document .empty-tip {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}
.matter-document .empty-tip > .icon-add-fill {
  width: 36px;
  height: 36px;
  font-size: 30px;
  color: #cdc9c5;
  text-align: center;
}
.matter-document .empty-tip > div {
  margin-top: 14px;
  color: #a9a9a9;
}
.matter-document .empty-tip > div .add {
  color: #ed6c00;
}
.matter-document .empty-tip .tip {
  margin-top: 10px;
  color: #a9a9a9;
}

.create-matter-optimize-matter-info .stage-select {
  display: flex;
  margin-bottom: 14px;
}
.create-matter-optimize-matter-info .stage-select .stage {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.create-matter-optimize-matter-info .stage-select .stage-icon {
  position: relative;
  top: 1px;
  font-size: 16px;
  color: #cdc9c5;
  margin-right: 12px;
}
.create-matter-optimize-matter-info .stage-select .ibass-done {
  color: #fa8919;
}

.create-progress {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.create-progress .step-info {
  position: relative;
  text-align: center;
  height: 127px;
  cursor: pointer;
}
.create-progress .step-info:last-child {
  height: 24px;
}
.create-progress .step-info .step-node {
  display: flex;
}
.create-progress .step-info .step-node .step {
  width: 24px;
  height: 24px;
  background-color: #ddd;
  border-radius: 50%;
  margin-left: 30px;
}
.create-progress .step-info .step-node .step > span {
  vertical-align: middle;
  font-size: 14px;
  color: #f9f9f9;
}
.create-progress .step-info .step-node .step-active {
  background-color: #fa8919;
}
.create-progress .step-info .step-node .title {
  padding-left: 6px;
  padding-top: 2px;
  text-align: left;
  font-size: 14px;
  color: #9b9b9b;
}
.create-progress .step-info .step-node .title .required {
  font-style: normal;
  color: red;
  vertical-align: middle;
  padding-left: 2px;
}
.create-progress .step-info .step-node .title-active {
  color: #4a4a4a;
}
.create-progress .step-info .step-line {
  left: -10px;
  top: 75px;
  transform: rotate(90deg);
  position: absolute;
  width: 103px;
  height: 1px;
  background-image: linear-gradient(90deg, transparent, transparent 80%, #ffffff 50%, #ffffff 50%), linear-gradient(90deg, #f0f0f0, #f0f0f0, #f0f0f0, #f0f0f0 50%, #f0f0f0);
  background-size: 4px 1px, 100% 1px;
}
.create-progress .step-info .active {
  height: 1px;
  background-image: linear-gradient(90deg, transparent, transparent 80%, #ffffff 50%, #ffffff 50%), linear-gradient(90deg, #fa8919, #fa8919, #fa8919, #fa8919 50%, #fa8919);
  background-size: 4px 1px, 100% 1px;
}
.create-progress .step-info .current-line {
  height: 1px;
  background-image: linear-gradient(90deg, transparent, transparent 80%, #ffffff 50%, #ffffff 50%), linear-gradient(90deg, #ed6c00, #ea7e13, #e69e56, #d2c9c9 50%, #efe5e5);
  background-size: 4px 1px, 100% 1px;
}

.matter-code-delegate {
  width: 100%;
  height: 100%;
  position: relative;
}
.matter-code-delegate-w.ns-popover-tooltip {
  width: 360px;
  max-width: initial !important;
  padding: 10px 0 !important;
}
.matter-code-delegate-w .ns-popover-processes-items {
  max-height: 200px;
  overflow: auto;
}
.matter-code-delegate-w .ns-popover-item {
  cursor: pointer;
}
.matter-code-delegate-w .ns-popover-item:hover {
  background: #f8f8f9;
}
.matter-code-delegate-w .ns-popover-item div {
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0 10px;
}
.matter-code-delegate-w .ns-popover-item div .name {
  flex: 1;
}
.matter-code-delegate-w .ns-popover-item div .icon {
  color: #fa8919;
  display: none;
}
.matter-code-delegate-w .ns-popover-item.active .icon {
  display: block;
}
.matter-code-delegate-w .empty {
  padding: 0 10px;
}
.matter-code-delegate-w .empty .ibass-warning {
  color: #fdba78;
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.matter-customer-selector {
  width: 100%;
  height: 100%;
  position: relative;
}
.matter-customer-selector-w.ns-popover-tooltip {
  width: 360px;
  max-width: initial !important;
  padding: 10px 0 !important;
}
.matter-customer-selector-w .ns-popover-processes-items {
  max-height: 200px;
  overflow: auto;
}
.matter-customer-selector-w .ns-popover-item {
  cursor: pointer;
}
.matter-customer-selector-w .ns-popover-item:hover {
  background: #f8f8f9;
}
.matter-customer-selector-w .ns-popover-item div {
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0 10px;
}
.matter-customer-selector-w .ns-popover-item div .name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.matter-customer-selector-w .ns-popover-item div .icon {
  color: #fa8919;
  display: none;
}
.matter-customer-selector-w .ns-popover-item.active .icon {
  display: block;
}
.matter-customer-selector-w .empty {
  padding: 0 10px;
}
.matter-customer-selector-w .empty .ibass-warning {
  color: #fdba78;
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.matter-customer-selector-w .footer {
  margin-top: 15px;
  border-top: solid 1px #f1f1f1;
  text-align: center;
  padding: 15px 0 5px;
}
.matter-customer-selector-w .footer .main-btn {
  min-width: 80px;
  line-height: 32px;
  border-radius: 16px;
}

.matter-process-case-input {
  margin-bottom: 15px;
  border-bottom: solid 1px #f1f1f1;
}
.matter-process-case-input.active {
  border-bottom: solid 1px #fa8919;
}
.matter-process-case-input.active .matter-process-case-input-label {
  transform: translateY(-23px);
  font-size: 12px;
}
.matter-process-case-input .ns-popover-tooltip-theme .ns-popover-tooltip {
  max-width: initial;
  width: 500px;
}
.matter-process-case-input-label {
  position: relative;
  top: 30px;
  color: #a9a9a9;
  transition: all 0.2s ease-in-out;
  line-height: 21px;
}
.matter-process-case-input-label.active {
  transform: translateY(-23px);
  font-size: 12px;
}
.matter-process-case-input-w {
  display: flex;
  align-items: center;
  position: relative;
}
.matter-process-case-list {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
}
.matter-process-case-list div {
  margin: 4px 4px 4px 0;
  line-height: 24px;
  padding: 0 12px;
  border-radius: 16px;
  background: #f1f1f1;
  display: flex;
  align-items: center;
}
.matter-process-case-list div .ibass-close {
  cursor: pointer;
  font-size: 14px;
  position: relative;
  margin-left: 5px;
  top: 1px;
}
.matter-process-case-list div .ibass-close:hover {
  color: #fa8919;
}
.matter-process-case-input-c {
  flex: 1;
  min-width: 0;
}
.matter-process-case-input-c input {
  min-width: 100px;
  flex: 1;
  height: 32px;
  outline: none;
  border: none;
  color: #4a4a4a;
  background: transparent;
}
.matter-process-case-input-r {
  margin-left: 10px;
  color: #f72b44;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item.matter-process-case-item {
  height: auto;
  line-height: auto;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item.matter-process-case-item .matter-process-case-tit {
  line-height: 20px;
  padding: 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ns-popover-tooltip .ns-popover-items .ns-popover-item.matter-process-case-item .matter-process-case-desc {
  line-height: 20px;
  color: #a9a9a9;
  padding: 0 0 5px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-process-case-pop-f {
  padding: 10px;
}
.matter-process-case-pop-f a {
  cursor: pointer;
  color: #ed6c00;
}
.matter-process-case-pop-f a .ibass-list {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.mattter-process-case3 {
  display: flex;
  margin-bottom: 15px;
}
.matter-process-case3-col {
  position: relative;
}
.matter-process-case3-col .input {
  border-bottom: solid 1px #f1f1f1;
  position: relative;
  display: flex;
  align-items: center;
}
.matter-process-case3-col .input.active {
  border-bottom: solid 1px #fa8919;
}
.matter-process-case3-col .input .ibass-required {
  color: #f72b44;
  margin-left: 5px;
}
.matter-process-case3-col input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  color: #4a4a4a;
  height: 32px;
  width: 100%;
  background: transparent;
}
.matter-process-case3-col .label {
  color: #a9a9a9;
  transition: all 0.2s ease-in-out;
  position: relative;
  top: 28px;
  line-height: 24px;
}
.matter-process-case3-col .label.active {
  font-size: 12px;
  top: 0px;
}
.matter-process-case3-col2 {
  display: flex;
  margin-left: 10px;
  flex: 1;
  min-width: 0;
}
.matter-process-case3-col2 .matter-process-case3-col {
  margin-left: 10px;
  flex: 1;
}
.matter-process-case3-label {
  padding-top: 30px;
  margin-left: 10px;
}
.matter-process-open-dig-btn {
  padding: 0 0 10px 15px;
  cursor: pointer;
  color: #fa8919;
}
.matter-process-open-dig-btn i {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.matter-process-code {
  width: 100%;
  height: 100%;
  position: relative;
}
.matter-process-code-tpl {
  display: flex;
}
.matter-process-code-tpl.ns-popover-tooltip {
  width: 360px;
  max-width: initial !important;
}
.matter-process-parent-code {
  padding: 15px 10px 15px 10px;
  width: 120px;
  border-right: solid 1px #f1f1f1;
}
.matter-process-parent-code-item {
  display: flex;
  align-items: center;
  padding: 3px 10px;
  cursor: pointer;
  width: 80px;
  border-radius: 15px;
  margin-bottom: 5px;
}
.matter-process-parent-code-item .name {
  flex: 1;
  margin-left: 3px;
}
.matter-process-parent-code-item .dot {
  color: #cdc9c5;
}
.matter-process-parent-code-item .arrow {
  display: none;
}
.matter-process-parent-code-item:hover,
.matter-process-parent-code-item.active {
  background: #f8f8f9;
}
.matter-process-parent-code-item.active .arrow {
  display: block;
}
.matter-process-parent-code-item.active .dot,
.matter-process-parent-code-item.active .arrow {
  color: #fa8919;
}
.matter-process-child-code {
  flex: 1;
}
.matter-process-child-code-list {
  margin: 15px 0 15px 0;
  height: 200px;
  overflow: auto;
}
.matter-process-child-code-item {
  display: flex;
  padding: 3px 20px 3px 15px;
  cursor: pointer;
  height: 32px;
  align-items: center;
}
.matter-process-child-code-item .name {
  flex: 1;
}
.matter-process-child-code-item .checked {
  color: #fa8919;
  display: none;
}
.matter-process-child-code-item:hover {
  background: #f8f8f9;
}
.matter-process-child-code-item.selected .name {
  color: #4a4a4a;
}
.matter-process-child-code-item.selected .checked {
  display: block;
}
.matter-process-child-code-footer {
  padding: 10px 20px 15px 0;
  text-align: right;
  border-top: solid 1px #f1f1f1;
}
.matter-process-child-code-footer button {
  min-width: 80px;
  line-height: 32px;
  border-radius: 16px;
}
.matter-process-child-code-footer button.disabled {
  background: #ebebee;
  border-color: #ebebee;
  color: #a9a9a9;
  cursor: not-allowed;
}

.matter-process-current-code {
  width: 100%;
  height: 100%;
  position: relative;
}
.matter-process-current-code-w.ns-popover-tooltip {
  width: 360px;
  max-width: initial !important;
  padding: 10px 0 !important;
}
.matter-process-current-code-w .ns-popover-processes-items {
  max-height: 200px;
  overflow: auto;
}
.matter-process-current-code-w .ns-popover-item {
  cursor: pointer;
}
.matter-process-current-code-w .ns-popover-item:hover {
  background: #f8f8f9;
}
.matter-process-current-code-w .ns-popover-item div {
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0 10px;
}
.matter-process-current-code-w .ns-popover-item div .name {
  flex: 1;
}
.matter-process-current-code-w .ns-popover-item div .icon {
  color: #fa8919;
  display: none;
}
.matter-process-current-code-w .ns-popover-item.active .icon {
  display: block;
}
.matter-process-current-code-w .empty {
  padding: 0 10px;
}
.matter-process-current-code-w .empty .ibass-warning {
  color: #fdba78;
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.matter-process-editor {
  width: 500px;
  margin: 0 auto;
}
.matter-process-editor .required-info {
  padding: 10px;
  border-radius: 3px;
  background: #f5f5f5;
  margin-bottom: 15px;
}
.matter-process-editor .required-info .ibass-warning {
  color: #fdba78;
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.matter-process-editor .top-data.appro,
.matter-process-editor .bottom-data.appro {
  padding: 15px 20px;
  margin: 0 -20px 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.matter-process-editor .top-data.appro .edit-tip,
.matter-process-editor .bottom-data.appro .edit-tip {
  display: flex;
}
.matter-process-editor .edit-tip {
  display: none;
  margin: 0 0 30px;
  align-items: center;
}
.matter-process-editor .edit-tip-t span {
  display: block;
  padding: 5px 0;
  border-top: 2px solid transparent;
  border-bottom: 2px solid #fa8919;
  font-weight: 500;
}
.matter-process-editor .edit-tip-c {
  flex: 1;
  font-size: 12px;
  color: #a9a9a9;
  margin-left: 15px;
}
.matter-process-editor .edit-tip-a a {
  cursor: pointer;
  color: #fa8919;
  font-size: 12px;
}
.matter-process-editor-row {
  margin-bottom: 15px;
  border-bottom: solid 1px #f1f1f1;
}
.matter-process-editor-row.matter-edit {
  width: 400px;
  margin: 10px auto 15px;
}
.matter-process-editor-row.matter-edit .matter-process-editor-label {
  font-size: 12px;
}
.matter-process-editor-row.active {
  border-bottom: solid 1px #fa8919;
}
.matter-process-editor-row.no-border {
  border-bottom: none;
  margin-bottom: 0;
}
.matter-process-editor-row.no-border .matter-process-editor-label {
  display: none;
}
.matter-process-editor-row.no-border .matter-process-editor-input {
  height: auto;
  display: block;
}
.matter-process-editor-row.no-border .matter-process-editor-input .input {
  height: auto;
}
.matter-process-editor-label {
  line-height: 16px;
  color: #a9a9a9;
  position: relative;
  top: 24px;
  transition: all 0.2s ease-in-out;
}
.matter-process-editor-label.active {
  top: 0px;
  font-size: 12px;
  background: transparent;
}
.matter-process-editor-input {
  display: flex;
  height: 35px;
  align-items: center;
}
.matter-process-editor-input .input {
  flex: 1;
  min-width: 0;
  height: 35px;
}
.matter-process-editor-input .required,
.matter-process-editor-input .dropdown {
  width: 20px;
  text-align: right;
}
.matter-process-editor-input .required {
  color: #f72b44;
}
.matter-process-editor-input .dropdown {
  color: #cdc8c5;
}
.matter-process-input-name {
  margin-top: -35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-process-more {
  margin: 30px 0 15px;
}
.appro .matter-process-more-tit {
  display: none;
}
.matter-process-more-tit {
  margin-bottom: 15px;
}
.matter-process-more-tit a {
  color: #737373;
  cursor: pointer;
}
.matter-process-more-tit a .ibass-arrow-right {
  color: #cdc9c5;
  position: relative;
  top: 2px;
}
.matter-process-more-tit a:hover {
  color: #fa8919;
}
.matter-process-more-tit a:hover .ibass-arrow-right {
  color: #fa8919;
}

.matter-process-input {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.matter-process-input input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  color: #4a4a4a;
}
.matter-process-input.hideInput input[datetimepickerv2] {
  display: none;
}
.matter-process-input .matter-process-court {
  line-height: 24px;
  background: #f1f1f1;
  border-radius: 12px;
  padding: 0 12px;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.matter-process-input .matter-process-court .ibass-close {
  font-size: 14px;
  position: relative;
  top: 1px;
}
.matter-process-input .matter-process-court a {
  margin-left: 5px;
  cursor: pointer;
}
.matter-process-input .matter-process-court a:hover .ibass-close {
  color: #ed6c00;
}
.matter-process-input-customer {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.matter-process-input-customer .customer-input {
  flex: 1;
  margin-right: 10px;
  border-bottom: solid 1px #f1f1f1;
}
.matter-process-input-customer .customer-input.active {
  border-bottom: solid 1px #fa8919;
}
.matter-process-input-customer .customer-input .label {
  line-height: 16px;
  color: #a9a9a9;
  position: relative;
  top: 18px;
  transition: all 0.2s ease-in-out;
}
.matter-process-input-customer .customer-input .label.active {
  top: -5px;
  font-size: 12px;
}
.matter-process-input-customer .input-w {
  position: relative;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
}
.matter-process-input-customer .input-w input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  height: 100%;
  font-size: 14px;
  color: #4a4a4a;
}
.matter-process-input-customer .input-w .selector {
  position: relative;
  margin-left: 10px;
}
.matter-process-input-customer .input-w .selector .ibass-customer {
  color: #cdc8c5;
  cursor: pointer;
}
.matter-process-input-customer .input-w .selector .ibass-customer:hover,
.matter-process-input-customer .input-w .selector .ibass-customer.active {
  color: #fa8919;
}
.matter-process-input-customer .customer-more {
  padding-top: 10px;
  width: 40px;
}
.matter-process-input-customer .customer-more a {
  cursor: pointer;
  color: #cdc8c5;
}
.matter-process-input-customer .customer-more a:hover {
  color: #fa8919;
}
.matter-process-input-customer .phone-sub-type {
  color: #cdc8c5;
  margin-left: 5px;
}
.matter-process-customer-loading {
  padding: 15px;
  text-align: center;
  font-size: 12px;
  color: #cdc8c5;
}
.matter-process-customer-selector-t {
  margin: 10px;
  border: solid 1px #d5d5d5;
  height: 30px;
  border-radius: 15px;
  align-items: center;
  display: flex;
  padding: 0 10px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background: #fefeff;
}
.matter-process-customer-selector-t span {
  color: #cdc8c5;
}
.matter-process-customer-selector-t input {
  flex: 1;
  margin-left: 5px;
  background: transparent;
}
.matter-process-customer-selector-f {
  line-height: 30px;
  padding: 10px;
  border-top: solid 1px #f1f1f1;
}
.matter-process-customer-selector-f a {
  cursor: pointer;
  color: #4A4A4A;
}
.matter-process-customer-selector-f a .ibass-add {
  color: #07cfda;
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.matter-supplement-attachment header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
  justify-content: space-between;
}
.matter-supplement-attachment header .title {
  position: relative;
  top: 1px;
  display: inline-block;
  border-bottom: 3px solid #ed6c00;
  font-weight: 500;
  font-size: 14px;
}
.matter-supplement-attachment header > i {
  margin-left: 4px;
  cursor: pointer;
  color: #cdc9c5;
}
.matter-supplement-attachment header .supplement-attachment-tooltip {
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
}
.matter-supplement-attachment .supplement-attachment {
  text-align: center;
}
.matter-supplement-attachment .supplement-attachment > .new-common-attachments > .new-common-attachments-upload {
  margin-top: 38px;
}
.matter-supplement-attachment .supplement-attachment > .new-common-attachments > .new-common-attachment-lists {
  text-align: left;
}

.matter-supplement-information header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
}
.matter-supplement-information header .title {
  position: relative;
  top: 1px;
  display: inline-block;
  border-bottom: 3px solid #ed6c00;
  font-weight: 500;
  font-size: 14px;
}
.matter-supplement-information .supplement-item {
  margin-top: 10px;
  position: relative;
}
.matter-supplement-information .supplement-item .matter-custom .content > div {
  width: 100%;
}

.matter-type-choose {
  min-height: 150px;
}
.matter-type-choose .matter-type-column {
  display: flex;
  line-height: 60px;
}
.matter-type-choose .matter-type-column label {
  display: inline-block;
  width: 57px;
}
.matter-type-choose .matter-type-column .matter-selecter {
  position: relative;
  display: inline-block;
  flex-grow: 1;
  margin-left: 37.5px;
  border-bottom: 1px solid #ebebeb;
}
.matter-type-choose .matter-type-column .matter-selecter .matter-selected-wrapper {
  height: 60px;
  cursor: pointer;
}
.matter-type-choose .matter-type-column .matter-selecter .matter-selected {
  display: inline-block;
  font-size: 14px;
  text-align: left;
  color: #4a4a4a;
  max-width: 280px;
  white-space: nowrap;
  overflow: auto;
}
.matter-type-choose .matter-type-column .matter-selecter .ibass-trig-down {
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #cdc9c5;
}
.matter-type-choose .loading {
  padding: 50px 0;
}
.ns-popover-matter-type-choose {
  z-index: 99999;
  width: 306px;
  font-size: 14px;
}
.ns-popover-matter-type-choose.ns-popover-list-theme {
  border-radius: 10px;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul {
  margin: 6px 0;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li {
  position: relative;
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li:hover:not(.title):not(.operate) {
  cursor: pointer;
  background: #f8f8f9;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li.title {
  font-size: 14px;
  font-weight: normal;
  transform: none;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li.operate {
  text-align: center;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li.operate .normal-btn {
  width: 65px;
  height: 28px;
  line-height: 28px;
  border-radius: 20px;
  margin: 8px 0;
  background-color: #fa8919;
  color: #fff;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li.is-stop {
  background: #f8f8f9;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li.border-bottom::after {
  content: "";
  position: relative;
  top: -1px;
  display: block;
  margin: auto;
  height: 1px;
  background: #ebebeb;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li .stop-text {
  position: absolute;
  right: 30px;
  top: 0;
  color: #c0c0c0;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li .ibass-arrow-right {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #cdc9c5;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li .ibass-arrow-left {
  position: absolute;
  cursor: pointer;
  left: 8px;
  top: 0;
  font-size: 16px;
  color: #cdc9c5;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul li .ibass-done {
  position: absolute;
  right: 8px;
  top: 0;
  font-size: 16px;
  color: #fa8919;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul .choose-items {
  max-height: 250px;
  overflow: auto;
}
.ns-popover-matter-type-choose.ns-popover-list-theme ul .choose-items .sub-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 240px;
}

.matter-type-filter .filter-matter-type .filter-item {
  position: relative;
  border-radius: 25px;
  cursor: pointer;
  margin-left: 15px;
  padding: 0 10px;
  width: 150px;
  box-sizing: border-box;
}
.matter-type-filter .filter-matter-type .filter-item:hover {
  background: #f8f8f9;
}
.matter-type-filter .filter-matter-type .filter-item.active {
  background: #f8f8f9;
}
.matter-type-filter .filter-matter-type .filter-item.active .ibass-dot {
  color: #fa8919;
}
.matter-type-filter .filter-matter-type .filter-item.active .ibass-checkmark {
  display: block;
}
.matter-type-filter .filter-matter-type .filter-item .ibass-dot.active {
  color: #fa8919;
}
.matter-type-filter .filter-matter-type .filter-item .ibass-dot.right {
  position: absolute;
  right: 6px;
  top: 0;
}
.matter-type-filter .filter-matter-type .filter-item .ibass-checkmark {
  position: absolute;
  font-size: 12px;
  color: #fa8919;
  right: 8px;
  display: none;
}
.matter-type-filter .filter-matter-type .filter-subtype li {
  display: flex;
  margin-left: 25px;
}
.matter-type-filter .filter-matter-type .filter-subtype li .ibass-dot {
  margin-right: 5px;
}
.matter-type-filter .filter-matter-type .filter-subtype li .worktype-name {
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 40px;
}

.matter-type-show .matter-type-column {
  display: flex;
  margin-bottom: 11px;
}
.matter-type-show .matter-type-column label {
  display: inline-block;
  width: 57px;
  color: #737373;
  flex-shrink: 0;
}
.matter-type-show .matter-type-column .matter-selecter {
  position: relative;
  display: inline-block;
  flex-grow: 1;
  margin-left: 37.5px;
}
.matter-type-show .matter-type-column .matter-selecter .matter-selected {
  display: inline-block;
  font-size: 14px;
  text-align: left;
  color: #4a4a4a;
  word-break: break-all;
  max-width: 280px;
}

.actions-widget-wrap {
  position: relative;
}
.actions-widget-wrap .nfim-operation-wrap-right {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  text-align: right;
  font-size: 14px;
}
.actions-widget-wrap .nfim-operation-wrap-right i {
  margin-right: 5px;
  font-size: 14px;
}
.actions-widget-wrap .nfim-operation-wrap-right .ibass-ellipses,
.actions-widget-wrap .nfim-operation-wrap-right .nfim-more-operation {
  margin-left: 15px;
  position: relative;
}
.actions-widget-wrap .nfim-operation-wrap-right .line {
  border-right: 1px solid #e8e8e8;
  margin: 5px 10px;
  height: 15px;
}
.actions-widget-wrap .nfim-operation-wrap-right .nfim-more-operation {
  margin-left: 0;
  display: flex;
}
.actions-widget-wrap .nfim-operation-wrap-right .ibass-add-fill {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  /* Opera */
}

.approve-widget-wrap {
  margin-top: 10px;
}
.approve-widget-wrap > header {
  height: 28px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
}
.approve-widget-wrap > header .title {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.approve-widget-wrap .approve-widget {
  margin-top: 10px;
}

.attachment-widget-wrap {
  margin-top: 14px;
}
.attachment-widget-wrap > header {
  height: 28px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
}
.attachment-widget-wrap > header .title {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.attachment-widget-wrap .attachment-widget {
  width: 100%;
  margin-top: 14px;
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.attachment-widget-wrap .empty-attachment {
  margin-top: 10px;
}
.attachment-widget-wrap .empty-attachment > span {
  font-size: 14px;
  color: #4a4a4a;
}

.comment-widget-wrap {
  margin-top: 10px;
}
.comment-widget-wrap > header {
  height: 28px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
}
.comment-widget-wrap > header .title {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.comment-widget-wrap .comments {
  padding-bottom: 20px;
}

.attachment-widget-wrap.istration-doc {
  margin-top: 0;
}
.attachment-widget-wrap.istration-doc > header {
  height: 28px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
}
.attachment-widget-wrap.istration-doc > header .title {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.attachment-widget-wrap.istration-doc .attachment-widget {
  margin-top: 14px;
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #a9a9a9;
  cursor: pointer;
}

.document-detail-wrap {
  margin: 0 30px;
}
.document-detail-wrap > header {
  height: 40px;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
}
.document-detail-wrap > header > span {
  color: #4a4a4a;
  font-size: 16px;
  padding: 0 10px;
  background-color: #fff;
  line-height: 74px;
}
.document-detail-wrap .content .approval-status {
  margin-top: 20px;
  color: #4a4a4a;
  font-size: 14px;
}
.document-detail-wrap .content .approval-status > i {
  vertical-align: middle;
}
.document-detail-wrap .width-third {
  width: 33%;
}
.istration-dialog .ngdialog-content {
  height: auto !important;
}

.document-show-wrap {
  margin-top: 14px;
}
.document-show-wrap > header {
  height: 28px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
}
.document-show-wrap > header .title {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.document-show-wrap .document-overview {
  display: flex;
  flex-wrap: wrap;
}
.document-show-wrap .document-overview .document-common {
  width: 32%;
  padding-top: 10px;
}
.document-show-wrap .document-overview .document-common > label {
  color: #a9a9a9;
  font-size: 12px;
}
.document-show-wrap .document-overview .document-common .value {
  height: 24px;
  line-height: 24px;
  color: #4a4a4a;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
}
.document-show-wrap .document-overview .document-common .value > span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.document-show-wrap .document-overview .document-common:nth-child(3n+2) {
  padding-left: 10px;
  padding-right: 10px;
}
.document-show-wrap .document-overview .document-common.full-width {
  width: 63%;
}

.matter-widget-wrap {
  margin-top: 10px;
}
.matter-widget-wrap > header {
  height: 28px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
}
.matter-widget-wrap > header .title {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.matter-widget-wrap .matter-overview {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.matter-widget-wrap .matter-overview .matter-common {
  width: 50%;
  padding-top: 10px;
}
.matter-widget-wrap .matter-overview .matter-common > label {
  color: #a9a9a9;
  font-size: 12px;
}
.matter-widget-wrap .matter-overview .matter-common .value {
  height: 24px;
  line-height: 24px;
  color: #4a4a4a;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
}
.matter-widget-wrap .matter-overview .matter-common .value > span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-widget-wrap .matter-overview .matter-common:nth-child(2n+1) {
  padding-right: 20px;
}
.matter-widget-wrap .matter-overview .document-tooltip-1 {
  max-width: 320px;
  word-wrap: break-word;
}

.remarks-widget-wrap {
  margin-top: 10px;
}
.remarks-widget-wrap > header {
  height: 28px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
}
.remarks-widget-wrap > header .title {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.remarks-widget-wrap .remarks-widget {
  margin-top: 10px;
  width: 100%;
  height: 140px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 30px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.remarks-widget-wrap .remarks-widget > textarea {
  margin-top: 0;
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
  color: #4a4a4a;
}
.remarks-widget-wrap .remarks-widget .remarks-count {
  color: #737373;
}
.remarks-widget-wrap .remarks-widget .remarks-red {
  color: red;
}

.matter-finance-contract {
  position: relative;
}
.matter-finance-contract .ibass-close {
  display: block;
  line-height: 14px;
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 0px;
}
.matter-finance-contract .ibass-trig-down {
  margin-right: 15px;
}
.matter-finance-contract .finance-contarct-checked-icon {
  font-size: 15px;
  margin-right: 30px;
}
.matter-finance-contract .finance-contarct-checked-icon span {
  font-size: 14px;
  vertical-align: top;
}
.matter-finance-contract .finance-contarct-checked-icon .ibass-checked {
  color: #fa8919;
}
.matter-finance-contract .finance-contarct-checked-icon .ibass-checkbox {
  color: #a9a9a9;
}
.matter-finance-contract .finance-contarct-checked-name {
  vertical-align: text-bottom;
}
.matter-finance-contract .nfim-input-common .ns-popover-tooltip-theme {
  width: 100%;
}
.matter-finance-contract .contract-client {
  width: 100%;
}
.matter-finance-contract .common-style-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.matter-finance-contract .common-style-wrapper .nfim-input-common {
  width: 48%;
  margin-right: 4%;
}
.matter-finance-contract .common-style-wrapper .nfim-input-common:nth-child(2n) {
  margin-right: 0;
}
.matter-finance-contract .common-style-wrapper .finance-width-all {
  width: 100%;
}
.finance-contract-tooltip {
  background: white!important;
  margin: 0!important;
  width: 190px;
  overflow: hidden;
  padding: 5px 0!important;
}
.finance-contract-tooltip .matter-finance-select-box .select-box-list-span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.finance-contract-tooltip .matter-finance-select-box .select-box-list-i {
  position: absolute;
  top: 0;
  right: 12px;
  color: #fa8919;
  font-size: 16px;
}
.finance-contract-tooltip .matter-finance-select-box .matter-user-pic {
  box-sizing: content-box;
  padding: 0 10px;
  height: 30px;
  width: 30px;
}
.finance-contract-tooltip .matter-finance-select-box .text-overflow-ellipsis {
  display: inline-block;
  max-width: 450px;
}
.finance-contract-tooltip .matter-finance-select-box .finance-contract-ibass-done {
  position: absolute;
  top: 0;
  right: 12px;
  color: #fa8919;
  font-size: 16px;
}
.finance-contract-tooltip .matter-finance-select-box .ns-popover-search .finance-contract-input {
  position: relative;
  height: 30px;
  width: 200px;
}
.finance-contract-tooltip .matter-finance-select-box .matter-finance-select-box {
  max-height: 200px;
}
.finance-contract-tooltip .matter-finance-select-box .reim-matter-search-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 4px;
  display: inline-block;
  width: 92%;
}
.finance-contract-tooltip .matter-finance-select-box.matter-list {
  max-height: 185px;
}
.finance-contract-tooltip .matter-finance-select-box.matter-list li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.finance-contract-tooltip .matter-finance-select-box.matter-list .content-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
}
.finance-contract-tooltip .matter-finance-select-box.matter-list .content-wrapper .matter-name,
.finance-contract-tooltip .matter-finance-select-box.matter-list .content-wrapper .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.finance-contract-tooltip .matter-finance-select-box.matter-list .content-wrapper .matter-no {
  color: #a9a9a9;
}
.finance-contract-tooltip .matter-finance-select-box.matter-list .ibass-done {
  height: 44px;
  line-height: 44px;
}
.financial-contract-ddl-lists .ddl-list {
  display: flex;
}
.financeV2-add-contract .nfim-title .nfim-title-content {
  font-size: 18px;
  font-weight: 500;
}
.financeV2-add-contract .financial-dialog-label {
  height: auto!important;
  line-height: auto!important;
}
.financeV2-add-contract .financial-dialog-label .i-dialog-label {
  height: 40px;
  line-height: 42px!important;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  border-bottom: 2px solid #ed6c00;
}
.financeV2-add-contract .nfim-input-common label {
  position: absolute;
  top: 30px;
}
.financeV2-add-contract .nfim-input-common input {
  color: #333;
}
.financeV2-add-contract .equity-amount {
  clear: both;
  font-size: 16px;
  padding-top: 24px;
  color: #333;
  font-weight: normal;
}
.financeV2-add-contract .fee-card-wrapper {
  margin-top: 20px;
}
.financeV2-add-contract .fee-card-wrapper .ns-popover-tooltip-theme {
  width: 100%;
}
.financeV2-add-contract .nfim-remark-wrap textarea::placeholder {
  font-size: 14px;
  color: #a9a9a9;
  font-weight: normal;
}
.financeV2-add-contract .common-card {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
  margin-bottom: 20px;
}
.financeV2-add-contract .common-card .nfim-pay-term-oprator {
  width: 42px;
  height: 20px;
  position: relative;
  top: 26px;
  color: #a9a9a9;
  line-height: 20px;
}
.financeV2-add-contract .common-card .nfim-pay-term-oprator .ibass-minus-fill {
  margin-right: 10px;
}
.financeV2-add-contract .card-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.financeV2-add-contract .card-title .ibass-approve-reimburse {
  position: relative;
  top: 2px;
  color: #fa8919;
}
.financeV2-add-contract .card-content {
  display: flex;
  flex-wrap: wrap;
}
.financeV2-add-contract .one-time-card .card-content {
  justify-content: space-between;
}
.financeV2-add-contract .one-time-card .nfim-input-common {
  width: 48%;
}
.financeV2-add-contract .staged-charge .pay-date {
  width: 30%;
  margin-right: 5%;
}
.financeV2-add-contract .staged-charge .amount {
  width: 30%;
  margin-right: 5%;
}
.financeV2-add-contract .staged-charge .is-met {
  width: 30%;
}
.financeV2-add-contract .staged-charge .pay-term {
  width: calc(100% - 42px);
}
.financeV2-add-contract .risk-charge .base-amount,
.financeV2-add-contract .risk-charge .risk-amount,
.financeV2-add-contract .risk-charge .reference,
.financeV2-add-contract .risk-charge .reference-amount {
  width: 30%;
  margin-right: 5%;
}
.financeV2-add-contract .risk-charge .is-met,
.financeV2-add-contract .risk-charge .risk-rate {
  width: 30%;
}
.financeV2-add-contract .risk-charge .risk-rate .risk-rate-symbol {
  position: absolute;
  top: 25px;
  right: 0;
  color: #a9a9a9;
}
.financeV2-add-contract .risk-charge .pay-term {
  width: calc(100% - 42px);
}
.financeV2-add-contract .time-charge {
  margin-bottom: 0;
}
.financeV2-add-contract .time-charge .card-title {
  display: flex;
  align-content: center;
}
.financeV2-add-contract .time-charge .card-title .ibass-approve-reimburse {
  top: 0;
  margin-right: 5px;
  line-height: 27px;
}
.financeV2-add-contract .time-charge .card-title span {
  line-height: 27px;
  margin-right: 10px;
}
.financeV2-add-contract .time-charge .card-title .nfim-input-common.time-charge-type {
  height: 30px;
  padding-top: 0px;
}
.financeV2-add-contract .time-charge .card-title .nfim-input-common.time-charge-type input {
  height: 30px;
}
.financeV2-add-contract .time-charge .card-title .nfim-input-common.time-charge-type i {
  top: 4px;
}
.financeV2-add-contract .time-charge .time-charge-type {
  width: 150px;
}
.financeV2-add-contract .time-charge .card-title {
  margin-bottom: 10px;
}
.financeV2-add-contract .time-charge .card-content {
  display: block;
  font-size: 14px;
}
.financeV2-add-contract .time-charge .card-content .nfim-input-common.no-padding {
  width: 150px;
  height: 30px;
  padding-top: 0px;
}
.financeV2-add-contract .time-charge .card-content .nfim-input-common.no-padding input {
  height: 30px;
}
.financeV2-add-contract .time-charge .card-content .nfim-input-common.no-padding i {
  top: 4px;
}
.financeV2-add-contract .time-charge .body-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.financeV2-add-contract .time-charge .body-item .nfim-pay-term-oprator {
  top: 0;
}
.financeV2-add-contract .time-charge .table-header {
  color: #a9a9a9;
}
.financeV2-add-contract .time-charge .table-header,
.financeV2-add-contract .time-charge .content-wrapper {
  display: flex;
  width: calc(100% - 42px);
}
.financeV2-add-contract .time-charge .table-header span,
.financeV2-add-contract .time-charge .content-wrapper span {
  flex: 1;
}
.financeV2-add-contract .nfim-client-repeat-wrap .ns-popover-tooltip-theme {
  width: 100%;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper {
  width: 100%;
}
.financeV2-add-contract .new-common-attachments {
  margin-top: 15px;
}
.financeV2-add-contract .new-common-attachments .new-common-attachments-upload {
  margin-left: 0;
}
.financeV2-add-contract .doc-tpl-alert {
  margin: 0;
}

.rebuild-matter-number-dialog-ctrl {
  z-index: 9999;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog {
  padding: 35px 25px 30px 25px;
  font-size: 14px;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-title {
  height: 40px;
  margin: 0 25px;
  position: relative;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-title span {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  background-color: white;
  height: 22px;
  line-height: 22px;
  text-align: center;
  min-width: 176px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -88px;
  z-index: 10;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-title:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
  top: 50%;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-content {
  padding: 20px 10px;
  text-align: center;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-content .number {
  color: #a9a9a9;
  margin-bottom: 20px;
  word-break: break-all;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-btn-groups {
  text-align: center;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-btn-groups .rebuild-btn {
  border: 1px solid #cfc7c1;
  background-color: #fff;
  color: #4a4a4a;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-btn-groups .main-btn {
  margin: 0 10px;
}
.rebuild-matter-number-dialog-ctrl .ngdialog-close {
  display: none;
}

.rebuild-matter-number-dialog-ctrl {
  z-index: 9999;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog {
  padding: 35px 25px 30px 25px;
  font-size: 14px;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-title {
  height: 40px;
  margin: 0 25px;
  position: relative;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-title span {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  background-color: white;
  height: 22px;
  line-height: 22px;
  text-align: center;
  min-width: 176px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -88px;
  z-index: 10;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-title:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
  top: 50%;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-content {
  padding: 20px 10px;
  text-align: center;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-content .number {
  color: #a9a9a9;
  margin-bottom: 20px;
  word-break: break-all;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-btn-groups {
  text-align: center;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-btn-groups .rebuild-btn {
  border: 1px solid #cfc7c1;
  background-color: #fff;
  color: #4a4a4a;
}
.rebuild-matter-number-dialog-ctrl .rebuild-matter-number-dialog .dialog-btn-groups .main-btn {
  margin: 0 10px;
}
.rebuild-matter-number-dialog-ctrl .ngdialog-close {
  display: none;
}

.back-to-moulds {
  position: absolute;
  top: 6px;
  left: 6px;
  font-size: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.back-to-moulds:hover {
  color: #fc8919;
}
.back-to-moulds span {
  margin-left: 6px;
  font-weight: normal;
}
.creater-close {
  position: absolute;
  border-left: none!important;
  top: 33px;
  left: 940px;
  z-index: 10;
}
.matter-create-content {
  position: relative;
  margin-top: 20px;
}
.matter-create-content .matter-create-left {
  width: 330px;
  height: auto!important;
  padding-top: 38px;
  margin-left: 60px;
}
.matter-create-content .matter-create-left .matter-mould-info {
  padding-bottom: 57px;
  position: relative;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content {
  margin-top: 16px;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content .template-name .content {
  margin-top: 5px;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content .mmi-type {
  margin-left: 30px;
  color: #a9a9a9;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content .introduction .name {
  color: #a9a9a9;
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: left;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content .introduction .content {
  width: 240px;
  line-height: 32px;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-view-matter-mould {
  position: absolute;
  width: 28px;
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  cursor: pointer;
  right: 6px;
  top: 12px;
  text-align: center;
  line-height: 16px;
  border-radius: 4px;
}
.matter-create-content .matter-create-left .mmi-work-type .tooltip-inner {
  width: 135px;
  text-align: left;
  line-height: 20px;
}
.matter-create-content .matter-create-left .mmi-work-type .work-types-column {
  display: flex;
  margin-bottom: 10px;
}
.matter-create-content .matter-create-left .mmi-work-type .work-types-column .work-types-column-label {
  flex-shrink: 0;
  width: 110px;
  color: #a9a9a9;
}
.matter-create-content .matter-create-left .mmi-work-type .work-types-column .work-types-column-content.empty {
  color: #a9a9a9;
}
.matter-create-content .matter-create-right {
  margin-left: 132px;
  padding-top: 20px;
  max-width: 410px;
}
.matter-create-content .matter-create-right .ns-popover-item-value {
  width: 100%;
  position: position;
  max-width: calc(100% - 30px) !important;
  padding-right: 20px;
  box-sizing: border-box;
}
.matter-create-content .matter-create-right .ns-popover-item-value > span {
  padding-right: 20px;
}
.matter-create-content .matter-create-right .ns-popover-item-value > .ibass-done {
  color: #eb6c00;
  position: absolute;
  right: 0px;
}
.matter-create-content .matter-create-right .ns-popover-item-value > .ibass-done::before {
  line-height: 32px;
}
.matter-create-content .matter-create-right .approve-flow-title {
  font-weight: normal;
}
.matter-create-content .matter-create-split-line {
  position: absolute;
  width: 1px;
  background: #ebebeb;
  height: calc(100% - 40px);
  top: 20px;
  left: 456px;
}
.matter-create-content label {
  position: absolute;
}
.matter-create-confirm {
  width: 100%;
}
.matter-create-form-content {
  padding-bottom: 30px;
}
.matter-create-form-content .label-noactive {
  top: 30px;
  left: 0;
  color: #a9a9a9;
  font-size: 14px;
}
.matter-create-form-content .label-active,
.matter-create-form-content .label-active-with-value {
  top: 10px!important;
  left: 0;
  font-size: 12px!important;
  color: #a9a9a9;
}
.matter-create-form-content .input-remind {
  height: 20px;
  line-height: 20px;
  font-style: normal;
  position: absolute;
  top: 33px;
  right: 0;
  z-index: 100;
}
.matter-create-form-content .input-remind i {
  color: #cdc9c5;
  margin-left: 6px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  top: 2px;
}
.matter-create-form-content .input-remind i:hover {
  color: #fc8919;
}
.matter-create-form-content .input-remind .required-icon {
  color: #f72b44;
  cursor: default;
  font-size: 12px;
}
.matter-create-form-content .input-remind .required-icon:hover {
  color: #f72b44;
}
.matter-create-form-content .input-remind .ibass-trig-down {
  color: #cdc9c5;
  cursor: default;
  top: 3px;
}
.matter-create-form-content .input-remind .ibass-trig-down:hover {
  color: #cdc9c5;
}
.matter-create-form-content .input-remind .high-light {
  color: #fc8919!important;
}
.matter-create-form-content .input-operator {
  position: absolute;
  left: 104%;
  top: 32px;
  margin-left: 5px;
  width: 44px;
  height: 20px;
  color: #cdc9c5;
  font-size: 16px;
  line-height: 20px;
}
.matter-create-form-content .input-operator i {
  position: relative;
  top: 3px;
}
.matter-create-form-content .input-operator .ibass-add-fill:hover {
  color: #fc8919;
}
.matter-create-form-content .input-operator .ibass-minus-fill {
  margin-right: 6px;
}
.matter-create-form-content .input-operator .ibass-minus-fill:hover {
  color: #fc8919;
}
.matter-create-form-content .form-input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  width: 400px;
  height: 60px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  border-width: 0px 0px 1px;
  border-style: solid;
  border-color: #f0f0f0;
  border-image: initial;
  padding-right: 45px;
}
.matter-create-form-content .mcfc-matter-grade {
  width: 400px;
  height: 40px;
  padding: 20px 0 10px 0;
}
.matter-create-form-content .mcfc-matter-grade p {
  color: #a9a9a9;
  padding-bottom: 5px;
}
.matter-create-form-content .matter-remark {
  position: relative;
  top: 30px;
}
.matter-create-form-content .matter-remark textarea {
  width: 100%;
  height: 130px;
  box-sizing: border-box;
  background-color: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #d4d4d4;
  border-image: initial;
  border-radius: 4px;
  outline: none;
}
.matter-create-form-content .matter-remark span {
  position: absolute;
  top: 0;
  font-size: 14px;
  color: #a9a9a9;
  opacity: 0;
}
.matter-create-form-content .matter-remark .label-active-with-remark {
  transition: all linear 0.3s;
  top: -20px;
  font-size: 12px;
  color: #999999;
  opacity: 1;
}
.matter-create-form-content .matter-member-editor {
  margin-top: 40px;
}
.matter-create-form-content .matter-member-editor .mme-title {
  border-bottom: 1px solid #f0f0f0;
  color: #4A4A4A;
  font-size: 14px;
  height: 42px;
  line-height: 42px;
  text-align: left;
}
.matter-create-form-content .matter-member-editor .mme-content {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}
.matter-create-form-content .matter-member-editor .mme-footer {
  display: inline-block;
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.matter-create-form-content .matter-member-editor .mme-footer i,
.matter-create-form-content .matter-member-editor .mme-footer span {
  color: #a9a9a9;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin-right: 2px;
}
.matter-create-form-content .matter-member-editor .mme-footer .ibass-trig-down {
  color: #cdc9c5;
  font-size: 14px;
}
.matter-create-form-content .matter-member-editor .member-list {
  height: 36px;
  padding-top: 14px;
  position: relative;
}
.matter-create-form-content .matter-member-editor .member-list .ibass-minus-fill {
  color: #cdc9c5;
  position: absolute;
  left: 103%;
  top: 15px;
}
.matter-create-form-content .matter-member-editor .member-list .role-info {
  height: 31px;
}
.matter-create-form-content .matter-member-editor .member-list .role-info .role-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-create-form-content .matter-member-editor .member-title,
.matter-create-form-content .matter-member-editor .member-info {
  display: inline-block;
  width: 65%;
}
.matter-create-form-content .matter-member-editor .role-title,
.matter-create-form-content .matter-member-editor .role-info {
  box-sizing: border-box;
  width: 31%;
  padding-right: 16px;
  position: relative;
}
.matter-create-form-content .matter-member-editor .role-title .ibass-trig-down,
.matter-create-form-content .matter-member-editor .role-info .ibass-trig-down {
  display: block;
  position: absolute;
  width: 16px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  right: 0px;
  top: 0px;
  color: #cdc9c5;
  font-size: 16px;
}
.matter-create-form-content .matter-member-editor .role-info {
  cursor: pointer;
}
.matter-create-form-content .matter-member-editor .member-info,
.matter-create-form-content .matter-member-editor .role-info {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 6px;
}
.matter-create-form-content .matter-member-editor .avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.matter-create-form-content .matter-member-editor .avatar img {
  height: 24px;
  width: 24px;
}
.matter-create-form-content .matter-member-editor .member-name {
  height: 24px;
  line-height: 24px;
  width: calc(100% - 40px);
}
.matter-create-belongs-department {
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  vertical-align: middle;
  cursor: pointer;
}
.matter-create-belongs-department:hover {
  background: #f8f8f9;
}
.role-options {
  max-height: 140px;
  overflow-y: scroll;
}
.role-options .role-option {
  display: flex;
  position: relative;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  height: 26px;
  line-height: 26px;
}
.role-options .role-option:hover {
  cursor: pointer;
  background: #f5f5f5;
}
.role-options .role-option span {
  width: 150px;
}
.role-options .role-option .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.matter-member-add-options .ns-popover-items {
  max-height: 200px;
  height: auto;
}
.matter-member-add-options .lawyers {
  border-bottom: 1px solid #f0f0f0;
}
.matter-member-add-options .lawyers .ns-popover-item {
  position: relative;
}
.matter-member-add-options .lawyers .ibass-done {
  position: absolute;
  display: block;
  height: 16px;
  width: 14px;
  text-align: center;
  line-height: 16px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fc8919;
}
.matter-member-add-options .btn-makesure {
  margin: 11px auto;
  width: 101px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-align: center;
  line-height: 32px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.dpt-tree-in-edit-create {
  left: 0px!important;
  top: 100%!important;
  color: #4a4a4a;
  z-index: 1000!important;
}
.dpt-tree-in-edit-create .department-search-w {
  height: 30px;
  padding: 10px 15px;
}
.dpt-tree-in-edit-create .department-search-w .deparment-search-c {
  height: 100%;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dpt-tree-in-edit-create .department-search-w .deparment-search-c .ibass-search {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #a9a9a9!important;
}
.dpt-tree-in-edit-create .department-search-w .deparment-search-c input {
  border: none;
  height: 100%;
  width: calc(100% - 50px);
  margin-left: 5px;
  background: transparent;
}
.dpt-tree-in-edit-create .department-search-w .deparment-search-c input::placeholder {
  color: #a9a9a9;
}
.dpt-tree-in-edit-create .dpt-tree {
  text-align: left;
  width: 100%;
  height: 220px;
  overflow: auto;
}
.dpt-tree-in-edit-create .dpt-tree ul {
  margin: 0!important;
  line-height: 30px;
  float: none;
}
.dpt-tree-in-edit-create .dpt-tree ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.dpt-tree-in-edit-create .dpt-tree ul i {
  line-height: 24px;
  padding: 0 10px;
}
.dpt-tree-in-edit-create .dpt-tree ul .ibass-add-round {
  height: 22px;
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}
.dpt-tree-in-edit-create .dpt-tree ul .tree-label {
  height: 24px;
  line-height: 24px;
  max-width: calc(100% - 60px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.dpt-tree-in-edit-create .ns-popover-tooltip {
  width: 400px;
  max-width: none!important;
  margin-top: 0!important;
  padding-bottom: 10px!important;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value {
  padding: 0;
  max-width: 195px;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul {
  position: relative;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .ibass-checked::before {
  visibility: hidden;
  color: #fc8919;
  position: absolute;
  right: 16px;
  top: 14px;
  transform: translateY(-50%);
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .ibass-checkbox::before {
  visibility: visible;
  position: absolute;
  right: 16px;
  top: 13px;
  transform: translateY(-50%);
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .tree-label span {
  width: 280px;
  max-width: none;
  padding-right: 50px;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checkbox::before {
  visibility: hidden;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checked::before {
  visibility: visible;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #ebebeb;
  padding-left: 24px;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap {
  display: inline-block;
  font-size: 14px;
  color: #a9a9a9;
  height: 22px;
  cursor: pointer;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap:hover {
  color: #fa8919;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap i,
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap span {
  line-height: 22px;
  float: left;
  margin-right: 8px;
}
.dpt-tree-in-edit-create .dpt-no-right {
  height: 150px;
  color: #a9a9a9;
  text-align: center;
  line-height: 150px;
}

.matter-mould-header {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 31px 0 25px 0;
  border-bottom: 1px solid #eaeaea;
  line-height: 20px;
  height: 20px;
  position: relative;
}
.matter-mould-header .mmh-skip {
  position: absolute;
  height: 20px;
  top: 31px;
  color: #a9a9a9;
  font-size: 14px;
  left: 4px;
  cursor: pointer;
}
.matter-mould-header .mmh-skip:hover {
  color: #fc8919;
}
.matter-mould-header .mmh-skip i,
.matter-mould-header .mmh-skip span {
  display: inline-block;
  vertical-align: middle;
}
.matter-mould-header .mmh-title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.matter-mould-header .mmh-close {
  position: absolute;
  height: 20px;
  top: 31px;
  color: #a9a9a9;
  font-size: 14px;
  right: 4px;
}

.back-to-moulds {
  position: absolute;
  top: 6px;
  left: 6px;
  font-size: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.back-to-moulds:hover {
  color: #fc8919;
}
.back-to-moulds span {
  margin-left: 6px;
  font-weight: normal;
}
.creater-close {
  position: absolute;
  border-left: none!important;
  top: 33px;
  left: 940px;
  z-index: 10;
}
.matter-create-content {
  position: relative;
  margin-top: 20px;
}
.matter-create-content .matter-create-left {
  width: 330px;
  height: auto!important;
  padding-top: 38px;
  margin-left: 60px;
}
.matter-create-content .matter-create-left .matter-mould-info {
  padding-bottom: 57px;
  position: relative;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content {
  margin-top: 16px;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content .template-name .content {
  margin-top: 5px;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content .mmi-type {
  margin-left: 30px;
  color: #a9a9a9;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content .introduction .name {
  color: #a9a9a9;
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: left;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-content .introduction .content {
  width: 240px;
  line-height: 32px;
}
.matter-create-content .matter-create-left .matter-mould-info .mmi-view-matter-mould {
  position: absolute;
  width: 28px;
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  cursor: pointer;
  right: 6px;
  top: 12px;
  text-align: center;
  line-height: 16px;
  border-radius: 4px;
}
.matter-create-content .matter-create-left .mmi-work-type .tooltip-inner {
  width: 135px;
  text-align: left;
  line-height: 20px;
}
.matter-create-content .matter-create-left .mmi-work-type .work-types-column {
  display: flex;
  margin-bottom: 10px;
}
.matter-create-content .matter-create-left .mmi-work-type .work-types-column .work-types-column-label {
  flex-shrink: 0;
  width: 110px;
  color: #a9a9a9;
}
.matter-create-content .matter-create-left .mmi-work-type .work-types-column .work-types-column-content.empty {
  color: #a9a9a9;
}
.matter-create-content .matter-create-right {
  margin-left: 132px;
  padding-top: 20px;
  max-width: 410px;
}
.matter-create-content .matter-create-right .ns-popover-item-value {
  width: 100%;
  position: position;
  max-width: calc(100% - 30px) !important;
  padding-right: 20px;
  box-sizing: border-box;
}
.matter-create-content .matter-create-right .ns-popover-item-value > span {
  padding-right: 20px;
}
.matter-create-content .matter-create-right .ns-popover-item-value > .ibass-done {
  color: #eb6c00;
  position: absolute;
  right: 0px;
}
.matter-create-content .matter-create-right .ns-popover-item-value > .ibass-done::before {
  line-height: 32px;
}
.matter-create-content .matter-create-right .approve-flow-title {
  font-weight: normal;
}
.matter-create-content .matter-create-right .new-matter-related {
  vertical-align: top;
  display: inline-block;
  width: 150px;
  position: relative;
  cursor: pointer;
  padding-top: 30px;
}
.matter-create-content .matter-create-right .new-matter-related .new-matter-related-span {
  display: inline-block;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #f0f0f0;
  width: 140px;
  padding-right: 0;
  font-size: 13px;
  color: #a9a9a9;
}
.matter-create-content .matter-create-right .new-matter-related .ibass-trig-down {
  position: absolute;
  top: 36px;
  right: 8px;
  color: #a9a9a9;
}
.matter-create-content .matter-create-right .new-matter-attachments {
  padding: 15px;
}
.matter-create-content .matter-create-right .new-matter-no-active {
  background: #ebebee;
  cursor: not-allowed;
}
.matter-create-content .matter-create-right .matter-msg-title {
  width: 100%;
  line-height: 40px;
  height: 42px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.matter-create-content .matter-create-right .matter-msg-title .title {
  border-bottom: solid 2px #fa8919;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.matter-create-content .matter-create-right .matter-msg-title .btn {
  font-size: 12px;
  color: #a9a9a9;
  cursor: pointer;
  height: 100%;
}
.matter-create-content .matter-create-right .matter-msg-title .add-member-btn {
  margin-top: 7px;
  width: 70px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.matter-create-content .matter-create-split-line {
  position: absolute;
  width: 1px;
  background: #ebebeb;
  height: calc(100% - 40px);
  top: 20px;
  left: 456px;
}
.matter-create-content label {
  position: absolute;
}
.matter-create-confirm {
  width: 100%;
}
.matter-create-form-content {
  padding-bottom: 30px;
}
.matter-create-form-content .label-noactive {
  top: 30px;
  left: 0;
  color: #a9a9a9;
  font-size: 14px;
}
.matter-create-form-content .label-active,
.matter-create-form-content .label-active-with-value {
  top: 10px!important;
  left: 0;
  font-size: 12px!important;
  color: #a9a9a9;
}
.matter-create-form-content .input-remind {
  height: 20px;
  line-height: 20px;
  font-style: normal;
  position: absolute;
  top: 33px;
  right: 0;
  z-index: 100;
}
.matter-create-form-content .input-remind i {
  color: #cdc9c5;
  margin-left: 6px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  top: 2px;
}
.matter-create-form-content .input-remind i:hover {
  color: #fc8919;
}
.matter-create-form-content .input-remind .required-icon {
  color: #f72b44;
  cursor: default;
  font-size: 12px;
}
.matter-create-form-content .input-remind .required-icon:hover {
  color: #f72b44;
}
.matter-create-form-content .input-remind .ibass-trig-down {
  color: #cdc9c5;
  cursor: default;
  top: 3px;
}
.matter-create-form-content .input-remind .ibass-trig-down:hover {
  color: #cdc9c5;
}
.matter-create-form-content .input-remind .high-light {
  color: #fc8919!important;
}
.matter-create-form-content .input-operator {
  position: absolute;
  left: 104%;
  top: 32px;
  margin-left: 5px;
  width: 44px;
  height: 20px;
  color: #cdc9c5;
  font-size: 16px;
  line-height: 20px;
}
.matter-create-form-content .input-operator i {
  position: relative;
  top: 3px;
}
.matter-create-form-content .input-operator .ibass-add-fill:hover {
  color: #fc8919;
}
.matter-create-form-content .input-operator .ibass-minus-fill {
  margin-right: 6px;
}
.matter-create-form-content .input-operator .ibass-minus-fill:hover {
  color: #fc8919;
}
.matter-create-form-content .form-input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  width: 400px;
  height: 60px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  border-width: 0px 0px 1px;
  border-style: solid;
  border-color: #f0f0f0;
  border-image: initial;
  padding-right: 45px;
}
.matter-create-form-content .mcfc-matter-grade {
  width: 400px;
  height: 40px;
  padding: 20px 0 10px 0;
}
.matter-create-form-content .mcfc-matter-grade p {
  color: #a9a9a9;
  padding-bottom: 5px;
}
.matter-create-form-content .matter-remark {
  position: relative;
  top: 30px;
}
.matter-create-form-content .matter-remark textarea {
  width: 100%;
  height: 130px;
  box-sizing: border-box;
  background-color: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #d4d4d4;
  border-image: initial;
  border-radius: 4px;
  outline: none;
}
.matter-create-form-content .matter-remark span {
  position: absolute;
  top: 0;
  font-size: 14px;
  color: #a9a9a9;
  opacity: 0;
}
.matter-create-form-content .matter-remark .label-active-with-remark {
  transition: all linear 0.3s;
  top: -20px;
  font-size: 12px;
  color: #999999;
  opacity: 1;
}
.matter-create-form-content .matter-member-editor {
  margin-top: 40px;
  position: relative;
}
.matter-create-form-content .matter-member-editor .mme-title {
  border-bottom: 1px solid #f0f0f0;
  color: #4A4A4A;
  font-size: 14px;
  height: 42px;
  line-height: 42px;
  text-align: left;
}
.matter-create-form-content .matter-member-editor .mme-title .approve-owner {
  position: absolute;
  right: -49px;
  top: 0;
  text-align: center;
  width: 49px;
  border-bottom: 1px solid #f0f0f0;
}
.matter-create-form-content .matter-member-editor .mme-content {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}
.matter-create-form-content .matter-member-editor .financial-approve-flow {
  margin-top: 20px;
}
.matter-create-form-content .matter-member-editor .mme-footer {
  display: inline-block;
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.matter-create-form-content .matter-member-editor .mme-footer i,
.matter-create-form-content .matter-member-editor .mme-footer span {
  color: #a9a9a9;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin-right: 2px;
}
.matter-create-form-content .matter-member-editor .mme-footer .ibass-trig-down {
  color: #cdc9c5;
  font-size: 14px;
}
.matter-create-form-content .matter-member-editor .member-list {
  height: 36px;
  padding-top: 14px;
  position: relative;
}
.matter-create-form-content .matter-member-editor .member-list .approver-checked {
  position: absolute;
  right: -40px;
  top: 18px;
}
.matter-create-form-content .matter-member-editor .member-list .ibass-minus-fill {
  color: #cdc9c5;
  position: absolute;
  left: 103%;
  top: 15px;
}
.matter-create-form-content .matter-member-editor .member-list .role-info {
  height: 31px;
}
.matter-create-form-content .matter-member-editor .member-list .role-info .role-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-create-form-content .matter-member-editor .member-title,
.matter-create-form-content .matter-member-editor .member-info {
  display: inline-block;
  width: 65%;
}
.matter-create-form-content .matter-member-editor .role-title,
.matter-create-form-content .matter-member-editor .role-info {
  box-sizing: border-box;
  width: 31%;
  padding-right: 16px;
  position: relative;
}
.matter-create-form-content .matter-member-editor .role-title .ibass-trig-down,
.matter-create-form-content .matter-member-editor .role-info .ibass-trig-down {
  display: block;
  position: absolute;
  width: 16px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  right: 0px;
  top: 0px;
  color: #cdc9c5;
  font-size: 16px;
}
.matter-create-form-content .matter-member-editor .role-info {
  cursor: pointer;
}
.matter-create-form-content .matter-member-editor .member-info,
.matter-create-form-content .matter-member-editor .role-info {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 6px;
}
.matter-create-form-content .matter-member-editor .avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.matter-create-form-content .matter-member-editor .avatar img {
  height: 24px;
  width: 24px;
}
.matter-create-form-content .matter-member-editor .member-name {
  height: 24px;
  line-height: 24px;
  width: calc(100% - 40px);
}
.matter-create-form-content .none-processes {
  line-height: 20px;
  font-size: 14px;
  margin: 30px 0 20px;
  text-align: center;
}
.matter-create-form-content .none-processes > div {
  display: inline-block;
  text-align: left;
}
.matter-create-form-content .none-processes > div > span {
  float: left;
}
.matter-create-form-content .none-processes .process-add-btn {
  color: #fa8919;
  cursor: pointer;
}
.matter-create-belongs-department {
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  vertical-align: middle;
  cursor: pointer;
}
.matter-create-belongs-department:hover {
  background: #f8f8f9;
}
.role-options {
  max-height: 140px;
  overflow-y: scroll;
}
.role-options .role-option {
  display: flex;
  position: relative;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  height: 26px;
  line-height: 26px;
}
.role-options .role-option:hover {
  cursor: pointer;
  background: #f5f5f5;
}
.role-options .role-option span {
  width: 150px;
}
.role-options .role-option .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.matter-member-add-options .ns-popover-items {
  max-height: 200px;
  height: auto;
}
.matter-member-add-options .lawyers {
  border-bottom: 1px solid #f0f0f0;
}
.matter-member-add-options .lawyers .ns-popover-item {
  position: relative;
}
.matter-member-add-options .lawyers .ibass-done {
  position: absolute;
  display: block;
  height: 16px;
  width: 14px;
  text-align: center;
  line-height: 16px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fc8919;
}
.matter-member-add-options .btn-makesure {
  margin: 11px auto;
  width: 101px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-align: center;
  line-height: 32px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.dpt-tree-in-edit-create {
  left: 0px!important;
  top: 100%!important;
  color: #4a4a4a;
  z-index: 1000!important;
}
.dpt-tree-in-edit-create .department-search-w {
  height: 30px;
  padding: 10px 15px;
}
.dpt-tree-in-edit-create .department-search-w .deparment-search-c {
  height: 100%;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dpt-tree-in-edit-create .department-search-w .deparment-search-c .ibass-search {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #a9a9a9!important;
}
.dpt-tree-in-edit-create .department-search-w .deparment-search-c input {
  border: none;
  height: 100%;
  width: calc(100% - 50px);
  margin-left: 5px;
  background: transparent;
}
.dpt-tree-in-edit-create .department-search-w .deparment-search-c input::placeholder {
  color: #a9a9a9;
}
.dpt-tree-in-edit-create .dpt-tree {
  text-align: left;
  width: 100%;
  height: 220px;
  overflow: auto;
}
.dpt-tree-in-edit-create .dpt-tree ul {
  margin: 0!important;
  line-height: 30px;
  float: none;
}
.dpt-tree-in-edit-create .dpt-tree ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.dpt-tree-in-edit-create .dpt-tree ul i {
  line-height: 24px;
  padding: 0 10px;
}
.dpt-tree-in-edit-create .dpt-tree ul .ibass-add-round {
  height: 22px;
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}
.dpt-tree-in-edit-create .dpt-tree ul .tree-label {
  height: 24px;
  line-height: 24px;
  max-width: calc(100% - 60px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.dpt-tree-in-edit-create .ns-popover-tooltip {
  width: 400px;
  max-width: none!important;
  margin-top: 0!important;
  padding-bottom: 10px!important;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value {
  padding: 0;
  max-width: 195px;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul {
  position: relative;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .ibass-checked::before {
  visibility: hidden;
  color: #fc8919;
  position: absolute;
  right: 16px;
  top: 14px;
  transform: translateY(-50%);
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .ibass-checkbox::before {
  visibility: visible;
  position: absolute;
  right: 16px;
  top: 13px;
  transform: translateY(-50%);
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .tree-label span {
  width: 280px;
  max-width: none;
  padding-right: 50px;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checkbox::before {
  visibility: hidden;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checked::before {
  visibility: visible;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #ebebeb;
  padding-left: 24px;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap {
  display: inline-block;
  font-size: 14px;
  color: #a9a9a9;
  height: 22px;
  cursor: pointer;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap:hover {
  color: #fa8919;
}
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap i,
.dpt-tree-in-edit-create .ns-popover-tooltip .set-as-personal-matter .sapm-wrap span {
  line-height: 22px;
  float: left;
  margin-right: 8px;
}
.dpt-tree-in-edit-create .dpt-no-right {
  height: 150px;
  color: #a9a9a9;
  text-align: center;
  line-height: 150px;
}

.matter-mould-header {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 31px 0 25px 0;
  border-bottom: 1px solid #eaeaea;
  line-height: 20px;
  height: 20px;
  position: relative;
}
.matter-mould-header .mmh-skip {
  position: absolute;
  height: 20px;
  top: 31px;
  color: #a9a9a9;
  font-size: 14px;
  left: 4px;
  cursor: pointer;
}
.matter-mould-header .mmh-skip:hover {
  color: #fc8919;
}
.matter-mould-header .mmh-skip i,
.matter-mould-header .mmh-skip span {
  display: inline-block;
  vertical-align: middle;
}
.matter-mould-header .mmh-title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.matter-mould-header .mmh-close {
  position: absolute;
  height: 20px;
  top: 31px;
  color: #a9a9a9;
  font-size: 14px;
  right: 4px;
}

.matter-processes-edit-2 {
  margin: 41px 50px 30px;
  position: relative;
  color: #4a4a4a;
}
.matter-processes-edit-2 .page-title {
  position: relative;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.matter-processes-edit-2 .page-title .line {
  position: absolute;
  z-index: 0;
  top: 50%;
  width: 100%;
  border-bottom: solid 1px #f0f0f0;
}
.matter-processes-edit-2 .page-title .desc {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 98px;
  font-size: 16px;
  font-weight: 500;
  background: white;
}
.matter-processes-edit-2 .processes-content {
  width: 400px;
  margin: 15px auto 0;
}
.matter-processes-edit-2 .processes-content .history-process-desc {
  position: relative;
  font-size: 14px;
  padding: 19px 16px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
.matter-processes-edit-2 .processes-content .history-process-desc .desc-icon {
  float: left;
  padding-right: 5px;
}
.matter-processes-edit-2 .processes-content .history-process-desc .desc-icon .ibass-info {
  color: #fdba78;
  font-size: 18px;
}
.matter-processes-edit-2 .processes-content .row-height {
  height: 60px;
  position: relative;
}
.matter-processes-edit-2 .processes-content .row {
  position: relative;
  width: 100%;
}
.matter-processes-edit-2 .processes-content .row .item-input {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 24px;
  line-height: 36px;
  border: none;
  border-bottom: 1px solid #F0F0F0;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matter-processes-edit-2 .processes-content .row .label-noactive {
  font-size: 14px;
  line-height: 22px;
  position: absolute;
  left: 0px;
  color: #ccc;
  top: 30px;
  display: block;
}
.matter-processes-edit-2 .processes-content .row .input-cursor {
  cursor: pointer;
}
.matter-processes-edit-2 .processes-content .row .row-bottom {
  text-align: center;
  padding-top: 30px;
  line-height: 20px;
}
.matter-processes-edit-2 .processes-content .row .item-label {
  position: absolute;
  left: 0;
  top: 30px !important;
  line-height: 28px;
  font-size: 12px;
}
.matter-processes-edit-2 .processes-content .row .label-active-with-value {
  position: absolute;
  left: 0;
  top: 10px !important;
  display: block;
  color: #ccc;
  font-size: 12px;
}
.matter-processes-edit-2 .processes-content .row .input-noactive {
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  color: #ccc;
  line-height: 22px;
  font-size: 14px;
  transition: all 0.5s ease;
}
.matter-processes-edit-2 .processes-content .row .input-active {
  top: 10px !important;
  font-size: 12px;
}
.matter-processes-edit-2 .processes-content .row .item-value {
  position: absolute;
  left: 0;
  bottom: 2px;
  font-size: 14px;
  line-height: 28px;
}
.matter-processes-edit-2 .processes-content .row .item-popup {
  width: 100%;
  height: 100%;
  background: transparent;
  border-bottom: solid 1px #f0f0f0;
  cursor: pointer;
}
.matter-processes-edit-2 .processes-content .row .item-icon-container {
  position: absolute;
  bottom: 2px;
  right: 0;
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  color: #a9a9a9;
}
.matter-processes-edit-2 .processes-content .row .item-icon-container .item-icon {
  float: left;
  margin-left: 10px;
  cursor: pointer;
}
.matter-processes-edit-2 .processes-content .row .item-icon-container .ibass-required {
  color: red;
}
.matter-processes-edit-2 .processes-content .row .item-icon-container .ibass-customer {
  font-size: 14px;
}
.matter-processes-edit-2 .processes-content .row .item-icon-container .ibass-add-fill {
  position: absolute;
  bottom: 0;
  right: -20px;
}
.matter-processes-edit-2 .processes-content .row .item-icon-container .ibass-minus-fill {
  position: absolute;
  bottom: 0;
  right: -40px;
}
.matter-processes-edit-2 .processes-content .row .row-segmented {
  float: left;
  height: 100%;
  position: relative;
}
.matter-processes-edit-2 .processes-content .row .row-segmented-most {
  float: left;
  position: relative;
  width: 72%;
  height: 100%;
}
.matter-processes-edit-2 .processes-content .row .row-segmented-less {
  float: right;
  position: relative;
  width: 25%;
  height: 100%;
}
.matter-processes-edit-2 .processes-content .row .row-segmented-half-left {
  float: left;
  position: relative;
  width: 48%;
  height: 100%;
}
.matter-processes-edit-2 .processes-content .row .row-segmented-half-right {
  float: right;
  position: relative;
  width: 48%;
  height: 100%;
}
.matter-processes-edit-2 .processes-content .row .contact-from-db .ibass-customer {
  color: #fa8919;
}
.matter-processes-edit-2 .processes-content .row .process-popup .processes-code-popup-content {
  width: 100%;
}
.matter-processes-edit-2 .processes-content .row .process-popup .processes-code-popup-content .triangle {
  display: none;
}
.matter-processes-edit-2 .processes-content .row .process-popup .processes-code-popup-content .ns-popover-tooltip {
  width: 100%;
  margin: 0;
  max-width: initial;
}
.matter-processes-edit-2 .processes-content .multiple-case {
  height: auto;
  min-height: 60px;
  border-bottom: solid 1px #F0F0F0;
}
.matter-processes-edit-2 .processes-content .multiple-case .item-label {
  visibility: hidden;
}
.matter-processes-edit-2 .processes-content .multiple-case .item-label-has-value {
  top: 25px!important;
  bottom: initial;
  visibility: visible;
}
.matter-processes-edit-2 .processes-content .multiple-case .case-input-container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}
.matter-processes-edit-2 .processes-content .multiple-case .case-input-container .case-name {
  float: left;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 2px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 20px;
  background-color: #f8f8f9;
}
.matter-processes-edit-2 .processes-content .multiple-case .case-input-container .case-name > span {
  float: left;
  font-size: 12px;
}
.matter-processes-edit-2 .processes-content .multiple-case .case-input-container .case-name .case-name-value {
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-processes-edit-2 .processes-content .multiple-case .case-input-container .case-name .ibass-close {
  margin-left: 2px;
  cursor: pointer;
}
.matter-processes-edit-2 .processes-content .multiple-case .case-input-container .item-input {
  padding-top: 0;
  flex-grow: 2;
  width: 60px;
  padding: 0;
  height: 28px;
  line-height: 28px;
  border: none!important;
}
.matter-processes-edit-2 .processes-content .multiple-case .case-input-container .item-input::-webkit-input-placeholder {
  color: #a8a8a8;
}
.matter-processes-edit-2 .processes-content .multiple-case-focus {
  border-color: #fa8919;
}
.matter-processes-edit-2 .page-bottom {
  margin-top: 44px;
  text-align: center;
}
.matter-processes-edit-2 .page-bottom > .normal-btn {
  width: 130px;
  color: white;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.matter-processes-edit-2 .contacts-tooltip {
  min-width: 90px;
}
.matter-processes-edit-2 .case-popup-in-processes-edit-page .ns-popover-tooltip {
  max-height: 300px;
  overflow: auto;
}
.matter-processes-edit-2 .case-popup-in-processes-edit-page .ns-popover-tooltip .ns-popover-item {
  padding: 6px 10px !important;
  height: auto;
}
.matter-processes-edit-2 .case-popup-in-processes-edit-page .ns-popover-tooltip .ns-popover-item .case-name {
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  white-space: pre-wrap;
}
.matter-processes-edit-2 .case-popup-in-processes-edit-page .ns-popover-tooltip .ns-popover-item .case-path {
  line-height: 18px;
  font-size: 12px;
  color: #a9a9a9;
  white-space: pre-wrap;
}
.matter-processes-edit-2 .case-popup-in-processes-edit-page .open-dig-btn {
  float: left;
  color: #ed6c00;
  height: 20px;
  line-height: 20px;
  margin: 0 0 22px 8px;
  cursor: pointer;
}
.matter-processes-edit-2 .case-popup-in-processes-edit-page .open-dig-btn .ibass-list {
  float: left;
  margin-right: 5px;
}
.matter-processes-edit-2 .popup-width-inherit {
  width: 100%;
}
.matter-processes-edit-2 .popup-width-inherit .ns-popover-tooltip {
  width: 100%;
  max-width: initial;
}
.matter-processes-edit-2 .popup-width-inherit .ns-popover-tooltip .ns-popover-items {
  margin: 10px 0;
}
.matter-processes-edit-2 .ns-popover-item {
  padding: 0 10px!important;
}
.matter-processes-edit-2 .contact-popup-container {
  color: initial;
  cursor: initial;
}
.matter-processes-edit-2 .contact-popup-container .ns-popover-bottom {
  padding-bottom: 10px;
  box-sizing: content-box;
}
.matter-processes-edit-2 .contact-popup-container .ns-popover-bottom .contact-creater {
  cursor: pointer;
  float: left;
}
.matter-processes-edit-2 .contact-popup-container .ns-popover-bottom .contact-creater .ibass-add {
  padding-left: 5px;
  color: #07cfda;
  font-size: 14px;
  vertical-align: middle;
}
.matter-processes-edit-2 .contact-popup-container .ns-popover-bottom .contact-creater .creater-desc {
  padding-left: 10px;
  font-size: 14px;
}
.matter-processes-edit-2 .editFobiddenPaenl {
  position: absolute;
  width: 100%;
  top: 182px;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.add-customer-in-process-page {
  padding-top: 160px!important;
}
.add-customer-in-process-page .ctr-ac-lineThrough {
  margin-top: 0;
}

.matter-processes-info-2 {
  width: 100%;
}
.matter-processes-info-2 .container {
  width: 100%;
  border: solid 1px #ebebeb;
  border-radius: 4px;
  position: relative;
  margin-top: 10px;
}
.matter-processes-info-2 .container .connect {
  position: absolute;
  top: -11px;
  left: 17px;
  height: 10px;
  width: 0px;
  border-left: 2px solid #eeeeee;
}
.matter-processes-info-2 .container .top {
  height: 42px;
  line-height: 42px;
  padding-left: 10px;
  overflow: hidden;
}
.matter-processes-info-2 .container .top .name {
  font-weight: 500;
}
.matter-processes-info-2 .container .top .cur-processes-desc {
  color: #a9a9a9;
  font-size: 12px;
}
.matter-processes-info-2 .container .top .ibass-icon {
  float: right;
  margin-right: 15px;
  color: #cdc9c5;
}
.matter-processes-info-2 .container .top .top-icon-btn {
  cursor: pointer;
}
.matter-processes-info-2 .container .top .top-icon-btn:hover {
  color: #fa8919;
}
.matter-processes-info-2 .container .top .ibass-project-type1 {
  float: left;
  margin-right: 10px;
  font-size: 16px;
}
.matter-processes-info-2 .container .top .ibass-delete,
.matter-processes-info-2 .container .top .ibass-edit {
  display: none;
}
.matter-processes-info-2 .container .top:hover .ibass-delete,
.matter-processes-info-2 .container .top:hover .ibass-edit {
  display: initial;
}
.matter-processes-info-2 .container .top .delete-confirm {
  display: inline-block;
  width: 76px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #ffffff!important;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
}
.matter-processes-info-2 .container .content {
  display: none;
  padding-left: 10px;
  padding-bottom: 13px;
  overflow: hidden;
  border-top: solid 1px #ececec;
}
.matter-processes-info-2 .container .content .row {
  line-height: 21px;
  margin-top: 11px;
  overflow: hidden;
}
.matter-processes-info-2 .container .content .row .attr {
  width: 89px;
  padding-right: 5px;
  box-sizing: border-box;
  float: left;
  color: #737373;
  word-break: break-all;
}
.matter-processes-info-2 .container .content .row .value {
  float: left;
  max-width: 230px;
  word-break: break-all;
}
.matter-processes-info-2 .container .content .row .value .contact-link {
  cursor: pointer;
}
.matter-processes-info-2 .container .content .row .value .contact-link:hover {
  color: #fa8919;
}
.matter-processes-info-2 .container .content .none-value {
  padding: 50px 0;
  text-align: center;
}
.matter-processes-info-2 .container .content .none-value .edit-btn {
  color: #fa8919;
  cursor: pointer;
}
.matter-processes-info-2 .container .content-show {
  display: block;
}
.matter-processes-info-2 .first-processes .top .ibass-project-type1 {
  color: #fa8919;
}

#matter-belongs .multi-belongs-dep-selection-popup {
  width: 340px;
  margin-top: 0px;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items {
  max-height: none;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tab-container {
  padding: 0 60px;
  text-align: center;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tab-container .tab {
  display: inline-block;
  margin: 0 20px;
  color: #737373;
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
  box-shadow: inset 0 -2px 0 0 #ffffff;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tab-container .tab:hover {
  color: #ed6c00;
  box-shadow: inset 0 -2px 0 0 #ed6c00;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tab-container .active {
  color: #ed6c00;
  box-shadow: inset 0 -2px 0 0 #ed6c00;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-items {
  max-height: 254px;
  overflow-y: auto;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item {
  overflow: hidden;
  cursor: pointer;
  padding: 0 15px;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item .nohover:hover {
  background-color: #fff;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item .pic {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: inline-block;
  margin-right: 8px;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item .name {
  display: inline-block;
  color: #4a4a4a;
  overflow: hidden;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  vertical-align: text-bottom;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item i {
  cursor: pointer;
  float: right;
  color: #cdc9c5;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item .ibass-checked {
  color: #fa8919;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .null-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 66px;
  color: #efeded;
  min-height: 180px;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .null-data span {
  font-size: 14px;
  color: #949494;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items li:hover {
  background: #fff;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tree-ul {
  margin: 0;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tree-ul .tree-leaf {
  padding-left: 15px;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li {
  padding-left: 15px;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-branch-head,
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-leaf-head {
  padding: 0;
  margin-right: 5px;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-label .dep-icon {
  padding: 0 15px;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .tree-ul ul {
  float: initial;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .nav-tree {
  max-height: 254px;
  overflow-y: auto;
  float: left;
  width: 100%;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .nav-tree .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: auto;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .nav-tree .tree-label span {
  flex-grow: 1;
  width: auto;
  max-width: none;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .nav-tree ul li {
  float: initial;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .nav-tree .dep-icon {
  float: right;
}
#matter-belongs .multi-belongs-dep-selection-popup .ns-popover-items .nav-tree .dep-icon.ibass-checked {
  color: #fa8919;
}

#matter-customer .multi-customer-selection-popup {
  margin-top: 0px;
  width: 340px;
  color: #4a4a4a;
}
#matter-customer .multi-customer-selection-popup .ns-popover-search {
  margin-top: 15px;
}
#matter-customer .multi-customer-selection-popup .ns-popover-search input::-webkit-input-placeholder {
  color: #a9a9a9;
  font-weight: 200;
  font-size: 12px;
}
#matter-customer .multi-customer-selection-popup .ns-popover-items {
  max-height: 250px;
}
#matter-customer .multi-customer-selection-popup .ns-popover-items li {
  padding: 0 15px;
}
#matter-customer .multi-customer-selection-popup .ns-popover-items li:hover {
  background: #fff;
}
#matter-customer .multi-customer-selection-popup .ns-popover-items li .icon {
  color: #cdc9c5;
  font-size: 16px;
}
#matter-customer .multi-customer-selection-popup .ns-popover-items li .name {
  display: inline-block;
  padding-left: 8px;
  vertical-align: top;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#matter-customer .multi-customer-selection-popup .ns-popover-items li .ibass-checked {
  color: #fa8919;
}

#matter-level .multi-mat-level-selection-popup {
  width: 110px;
  color: #4a4a4a;
  font-size: 14px;
  margin-top: 0px;
}
#matter-level .multi-mat-level-selection-popup .ns-popover-items .ns-popover-item {
  overflow: hidden;
  padding: 0 15px;
}
#matter-level .multi-mat-level-selection-popup .ns-popover-items .ns-popover-item .name {
  float: left;
}
#matter-level .multi-mat-level-selection-popup .ns-popover-items .ns-popover-item .icon {
  color: #ddd;
}
#matter-level .multi-mat-level-selection-popup .ns-popover-items .ns-popover-item .ibass-checked {
  color: #fa8919;
}

#matter-process .multi-mat-process-selection-popup {
  min-height: 150px;
  width: 340px;
  margin-top: 0px;
}
#matter-process .multi-mat-process-selection-popup .loading {
  padding: 20px 0;
}
#matter-process .multi-mat-process-selection-popup .ns-popover-search {
  margin-top: 15px;
}
#matter-process .multi-mat-process-selection-popup .ns-popover-items {
  max-height: 310px;
  /*treecontrol{
          .tree-ul{

          }
        }
        li{
          &:hover{
            background:#fff;
          }
        }
        .tree-ul{
          margin:0px;
          .tree-leaf{
            padding-left:15px;
          }
          .bigdata-result-tree-li{
            padding-left:15px;
            .tree-branch-head, .tree-leaf-head{
              padding:0;
              margin-right:5px;
            }
            .tree-label{
              .dep-icon{
                padding: 0 15px;
              }
            }
          }
          ul{
            float: initial;
          }
          .dep-icon{
            float: right;
            &.ibass-checked{
              color: #fa8919;
            }
          }
        }
        .nav-tree{
          max-height: 200px;
          overflow-y: auto;
          float: left;
          width: 100%;
          .tree-label{
            display: block;
            span{
              width: 100%;
              max-width: 170px;
            }
          }
          ul{
            li{
              float: initial;
            }
          }
        }*/
}
#matter-process .multi-mat-process-selection-popup .ns-popover-items .process-tree {
  width: 290px;
  margin: 0 auto;
}
#matter-process .multi-mat-process-selection-popup .ns-popover-items .process-tree .i-tree-view-wrap .i-tree-view-ul {
  margin: 0;
  list-style: none;
  line-height: 1;
}
#matter-process .multi-mat-process-selection-popup .ns-popover-items .process-tree .i-tree-view-wrap .i-tree-view-ul .itv-list i {
  color: #cdc9c5;
  cursor: pointer;
}
#matter-process .multi-mat-process-selection-popup .ns-popover-items .process-tree .i-tree-view-wrap .i-tree-view-ul .itv-list .itv-node-name {
  padding: 0 8px;
  cursor: pointer;
}
#matter-process .multi-mat-process-selection-popup .ns-popover-items .process-tree .i-tree-view-wrap .i-tree-view-ul .itv-list .itv-node-status-checked {
  color: #fa8919;
}
#matter-process .multi-mat-process-selection-popup-no-min-height {
  min-height: 0;
}

#matter-program {
  color: #4a4a4a;
}
#matter-program .multi-mat-program-selection-popup {
  margin-top: 0;
  width: 340px;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-search {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  padding-right: 10px;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-search .ns-popover-search-icon {
  height: auto;
  line-height: normal;
  margin-top: 5px;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-search input {
  flex-grow: 1;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items {
  max-height: 250px;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem {
  cursor: pointer;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem i {
  vertical-align: middle;
  color: #cdc9c5;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem i:hover {
  color: #fa8919;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem .i-an {
  margin-right: 5px;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem .ibass-checked {
  color: #fa8919;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem .i-active {
  color: #fa8919;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem .pitem {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem .ns-popover-sitem {
  padding: 0 15px;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem .ns-popover-sitem .sitem {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding-left: 15px;
}
#matter-program .multi-mat-program-selection-popup .ns-popover-items .ns-popover-pitem .ns-popover-sitem:hover .i-an {
  color: #fa8919;
}

#matter-type .multi-mat-type-selection-popup {
  width: 340px;
  color: #4a4a4a;
  font-size: 14px;
  margin: 0;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-search {
  margin: 15px 10px 10px 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-search .ns-popover-search-icon {
  height: auto;
  line-height: normal;
  margin-top: 5px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-search input {
  height: 28px ;
  font-size: 12px;
  flex-grow: 1;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items {
  margin: 10px 0;
  padding: 0;
  font-size: 14px;
  color: #4a4a4a;
  max-height: 250px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items ul {
  margin: 0;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .hidden {
  display: none;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .main-work-type .other-type-li {
  position: relative;
  line-height: 36px;
  height: 36px;
  padding: 0 10px;
  cursor: pointer;
  margin: 0;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .main-work-type .other-type-li .active {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .main-work-type .type-icon {
  position: absolute;
  right: 10px;
  color: #cdc9c5;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type li {
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
  margin: 0;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li {
  position: relative;
  cursor: pointer;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .active {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .main-type-name {
  display: inline-block;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li span {
  vertical-align: middle;
  max-width: calc(80%);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 140px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .ibass-add-round,
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .ibass-minus-round {
  margin-right: 5px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li i {
  vertical-align: sub;
  color: #cdc9c5;
  cursor: pointer;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li i:hover {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .type-icon.active {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .type-name.active:before {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li {
  cursor: pointer;
  position: relative;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li:hover .type-name:before {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-name {
  margin-left: 20px;
  max-width: calc(58%);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-name:before {
  vertical-align: bottom;
  font-family: "icon-bass";
  margin-right: 6px;
  color: #cdc9c5;
  content: "\EA54";
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-state {
  color: #cdc9c5;
  margin-right: 18px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-icon.active {
  color: #fa8919;
  background-color: #fff;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-name.active {
  background-color: #fff;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-name.active:before {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .type-icon {
  color: #cdc9c5;
  position: absolute;
  right: 15px;
}

#matter-users .multi-user-selection-popup {
  margin-top: 0px;
  border-radius: 10px;
  width: 260px;
}
#matter-users .multi-user-selection-popup .ns-popover-search {
  margin: 15px 10px 0 10px;
}
#matter-users .multi-user-selection-popup .ns-popover-search input::-webkit-input-placeholder {
  color: #a9a9a9;
  font-weight: 200;
  font-size: 12px;
}
#matter-users .multi-user-selection-popup .ns-popover-items {
  max-height: 240px;
}
#matter-users .multi-user-selection-popup .ns-popover-items .all {
  padding: 0 16px;
  font-size: 12px;
  color: #909090;
  height: 32px;
  cursor: none;
}
#matter-users .multi-user-selection-popup .ns-popover-items .all:hover {
  background-color: #fff;
}
#matter-users .multi-user-selection-popup .ns-popover-items .ns-popover-item {
  overflow: hidden;
  cursor: pointer;
  padding: 0 15px;
}
#matter-users .multi-user-selection-popup .ns-popover-items .ns-popover-item .nohover:hover {
  background-color: #fff;
}
#matter-users .multi-user-selection-popup .ns-popover-items .ns-popover-item .pic {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: inline-block;
  margin-right: 8px;
}
#matter-users .multi-user-selection-popup .ns-popover-items .ns-popover-item .name {
  display: inline-block;
  color: #4a4a4a;
  overflow: hidden;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  vertical-align: text-bottom;
}
#matter-users .multi-user-selection-popup .ns-popover-items .ns-popover-item i {
  cursor: pointer;
  float: right;
  color: #cdc9c5;
}
#matter-users .multi-user-selection-popup .ns-popover-items .ns-popover-item .ibass-checked {
  color: #fa8919;
}

.radio-role-selection .radio-role-selection-popup {
  width: 176px;
  border-radius: 5px !important;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items {
  font-size: 12px;
  font-weight: 200;
  max-height: 206px;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .ns-popover-item {
  padding: 0 15px;
  overflow: hidden;
  cursor: pointer;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .ns-popover-item .name {
  display: inline-block;
  color: #d9d9d9;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .ns-popover-item:hover .name {
  color: #fff;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .ns-popover-item .dot {
  display: inline-block;
  padding: 0 6px;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .ns-popover-item .radio {
  float: right;
  position: relative;
  color: #fa8919;
  font-size: 14px;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .sub-role {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .sub-role .name {
  padding: 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .parent-name {
  font-size: 12px;
  height: 26px;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .parent-name .name {
  color: rgba(255, 255, 255, 0.4);
  transform: scale(0.8333) translateX(-5px);
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .parent-name:hover {
  background-color: #3d3d3d;
}
.radio-role-selection .radio-role-selection-popup .ns-popover-items .parent-name:hover .name {
  color: rgba(255, 255, 255, 0.4);
}

.real-time-search-enter-and-clear {
  box-sizing: border-box;
}
.real-time-search-enter-and-clear .search-module {
  box-sizing: border-box;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  border-radius: 20px;
  height: 30px;
  padding: 4px 28px 4px 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-width: 100px;
}
.real-time-search-enter-and-clear .search-module i {
  vertical-align: middle;
}
.real-time-search-enter-and-clear .search-module .search-module-i-search {
  width: 20px;
  font-size: 14px;
  color: #cdc8c5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  flex-shrink: 0;
}
.real-time-search-enter-and-clear .search-module .search-module-i-search i {
  height: 21px;
}
.real-time-search-enter-and-clear .search-module .search-module-i-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module {
  background-color: #909090;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module .ibass-close {
  height: 12px;
  color: #fff;
  font-size: 20px;
  transform: scale(0.5);
  margin-top: -10px;
}
.real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module .ibass-close:before {
  height: 12px;
}
.real-time-search-enter-and-clear .search-module input {
  border: none;
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}
.real-time-search-enter-and-clear .search-module ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
  line-height: 22px;
}

.task-matter-filter {
  position: relative;
  cursor: pointer;
}
.task-matter-filter .task-matter-name {
  color: #737373;
}
.task-matter-filter .icon.ibass-trig-down {
  color: #cdc9c5;
}
.task-matter-filter-popover {
  position: absolute;
  left: -80px !important;
  top: 30px !important;
}
.task-matter-filter-popover .icon {
  color: #fa8919;
  position: absolute;
  top: 0;
  right: 14px;
}
.task-matter-filter-popover .ns-popover-tooltip .ns-popover-item {
  position: relative;
}
.task-matter-filter-popover .ns-popover-tooltip .ns-popover-item .ibass-done {
  position: absolute;
  right: 14px;
  top: 0;
  color: #ed6c00;
}
.task-matter-filter-popover .ns-popover-tooltip .ns-popover-bottom {
  height: auto;
  padding: 0 15px;
}
.task-matter-filter-popover .ns-popover-tooltip .ns-popover-bottom .ns-popover-clear {
  display: flex;
  height: 35px;
  line-height: 35px;
  border-top: 1px solid #f0f0f0;
  color: #cdc9c5;
  cursor: pointer;
}
.task-matter-filter-popover .ns-popover-tooltip .ns-popover-bottom .ns-popover-clear .ibass {
  font-size: 14px;
  color: #cdc9c5;
  margin-right: 15px;
}

.task-status-filter {
  position: relative;
  cursor: pointer;
}
.task-status-filter .task-status-name {
  color: #737373;
}
.task-status-filter .icon.ibass-trig-down {
  color: #cdc9c5;
}
.task-status-filter-popover {
  position: absolute;
  left: -50px !important;
  top: 30px !important;
}
.task-status-filter-popover .icon {
  color: #fa8919;
  position: absolute;
  top: 0;
  right: 14px;
}
.task-status-filter-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  color: #d9d9d9;
  height: 36px;
  line-height: 36px;
}
.task-status-filter-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item:hover {
  color: #fff;
}
.task-style-titling .task-style-titling-item {
  height: 28px;
  line-height: 28px;
  color: #a9a9a9;
  margin-right: 13px;
  cursor: pointer;
}
.task-style-titling .task-style-titling-item.selected {
  border-bottom: 2px solid #fa8919;
}

.task-user-filter {
  position: relative;
  display: flex;
  cursor: pointer;
}
.task-user-filter .task-user-filter-imgs {
  display: flex;
}
.task-user-filter .task-user-filter-imgs .task-user-filter-img {
  width: 24px;
  height: 24px;
  border: solid 2px #fff;
  background-size: cover;
  border-radius: 50%;
  background-color: #dadada;
  position: relative;
  box-sizing: content-box;
  margin-left: 0;
}
.task-user-filter .task-user-filter-imgs .task-user-filter-img:not(:first-child) {
  margin-left: -6px;
}
.task-user-filter .task-user-filter-imgs .task-user-filter-num {
  background-color: #fa8919;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  position: relative;
}
.task-user-filter .task-user-filter-imgs .task-user-filter-num .attendees-size {
  color: #fff;
}
.task-user-filter .task-user-filter-name {
  margin: 2px 5px 0 8px;
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}
.task-user-filter .icon.ibass-trig-down {
  color: #cdc9c5;
}
.task-user-filter-popover {
  position: absolute;
  left: -80px !important;
  top: 30px !important;
}
.task-user-filter-popover .icon {
  color: #fa8919;
  position: absolute;
  top: 0;
  right: 14px;
}
.task-user-filter-popover .ns-popover-tooltip .ns-popover-item {
  position: relative;
}
.task-user-filter-popover .ns-popover-tooltip .ns-popover-item .ibass-done {
  position: absolute;
  right: 14px;
  top: 0;
  color: #ed6c00;
}
.task-user-filter-popover .ns-popover-tooltip .ns-popover-bottom {
  height: auto;
  padding: 0 15px;
}
.task-user-filter-popover .ns-popover-tooltip .ns-popover-bottom .ns-popover-clear {
  display: flex;
  height: 35px;
  line-height: 35px;
  border-top: 1px solid #f0f0f0;
  color: #cdc9c5;
  cursor: pointer;
}
.task-user-filter-popover .ns-popover-tooltip .ns-popover-bottom .ns-popover-clear .ibass {
  font-size: 16px;
  color: #cdc9c5;
  margin-right: 15px;
}

.depart-add-report {
  font-size: 14px;
}
.depart-add-report .chart-dialog-title {
  position: relative;
  height: 50px;
  line-height: 50px;
  width: 500px;
  text-align: center;
}
.depart-add-report .chart-dialog-title span {
  position: relative;
  top: 25px;
  padding: 0 25px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  color: var(--greyish-brown);
  background-color: #fff;
  outline: 0;
}
.depart-add-report .chart-dialog-title .title {
  position: relative;
  top: 25px;
  padding: 0 25px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  color: var(--greyish-brown);
  background-color: #fff;
}
.depart-add-report .add-report-tips {
  margin: 20px 36px 0 36px;
  background-color: #f8f8f9;
  padding: 12px;
  font-size: 14px;
  border-radius: 4px;
}
.depart-add-report .chart-dialog-line {
  width: 450px;
  height: 2px;
  margin-left: 25px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ebebeb;
}
.depart-add-report .chart-type-option {
  width: 240px;
  margin-top: 20px;
  line-height: 30px;
  border-radius: 20px;
  margin-left: 14px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #cdc9c5;
  border: solid 1px #cfc7c1;
  position: relative;
  margin-right: 129px;
}
.depart-add-report .chart-type-option p {
  width: 119px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.depart-add-report .chart-type-option p:first-child {
  border-radius: 20px 0 0 20px;
  text-indent: 5px;
}
.depart-add-report .chart-type-option p:last-child {
  width: 119px;
  border-right: 0;
  border-radius: 0 20px 20px 0;
  text-indent: -2px;
}
.depart-add-report .chart-type-option p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.depart-add-report .chart-type-option p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.depart-add-report .add-report-content {
  display: inline-block;
  width: 100%;
}
.depart-add-report .add-report-content .label-noactive {
  position: absolute;
  left: 0;
  top: 30px !important;
  line-height: 28px;
  font-size: 12px;
}
.depart-add-report .add-report-content .label-active {
  position: absolute;
  left: 0;
  top: 30px;
  color: #a9a9a9;
  font-size: 12px;
  display: block;
}
.depart-add-report .add-report-content .edit-view .label-required {
  position: absolute;
  top: 30px;
  right: 0px;
  color: #a9a9a9;
  display: block;
  color: red;
}
.depart-add-report .add-report-content .depart-report {
  display: inline-block;
}
.depart-add-report .add-report-content .depart-report .depart-type {
  margin-top: 40px;
  padding-left: 45px;
  font-weight: 600;
}
.depart-add-report .add-report-content .depart-report .depart-select {
  position: relative;
  margin-left: 45px;
}
.depart-add-report .add-report-content .depart-report .depart-select i {
  top: 2px;
  left: 2px;
  position: relative;
}
.depart-add-report .add-report-content .depart-time-condition-export {
  padding: 0 44px;
}
.depart-add-report .add-report-content .depart-time-condition-export i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.depart-add-report .add-report-content .depart-time-condition-export .time-condition-export-list {
  margin: 4px 0;
}
.depart-add-report .add-report-content .depart-time-condition-export .time-condition-export-list .ibass-checked {
  color: #fa8919;
}
.depart-add-report .add-report-content .depart-time {
  position: relative;
  margin-top: 40px;
  display: inline-block;
}
.depart-add-report .add-report-content .depart-time .depart-time-type {
  padding-left: 45px;
  font-weight: 600;
}
.depart-add-report .add-report-content .depart-time .time-analysis {
  position: relative;
  height: 30px;
  margin: 0px 0 20px 0;
  text-align: left;
  margin-left: 35px;
  width: 270px;
}
.depart-add-report .add-report-content .depart-time .time-analysis .time-range-text-select {
  float: left;
}
.depart-add-report .add-report-content .depart-time .time-analysis .time-range-start-stop {
  float: left;
}
.depart-add-report .add-report-content .depart-time .time-analysis .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.departmenet-analysis-main .departmenet-analysis-top {
  height: 50px;
  line-height: 50px;
}
.departmenet-analysis-main .departmenet-analysis-top span {
  color: #737373;
}
.departmenet-analysis-main .departmenet-analysis-top .segmenting {
  margin-left: 14px;
  border-left: 1px solid #ededed;
  padding-left: 14px;
}
.departmenet-analysis-main .departmenet-table {
  position: relative;
  display: inline-block;
  padding-bottom: 50px;
  width: 100%;
}

.depart-body-wrap {
  width: 1000px;
  min-height: 1042px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -15px;
  padding: 0 25px;
  box-sizing: border-box;
}
.departmenet-amalysis-top {
  height: 60px;
  border-bottom: 1px solid #ebebeb;
  line-height: 60px;
}
.departmenet-amalysis-top .type-icon {
  font-size: 24px;
  color: #cdc9c5;
  position: relative;
  top: 4px;
  cursor: pointer;
}
.departmenet-amalysis-top .type-title {
  font-size: 20px;
  color: #4a4a4a;
}
.departmenet-amalysis-top .type-line {
  display: inline-block;
  color: #ebebeb;
  margin: 0 10px;
  width: 1px;
  height: 23px;
  border-right: 1px solid #ebebeb;
  position: relative;
  top: 4px;
}
.departmenet-amalysis-top .nav-line {
  display: inline-block;
  color: #ebebeb;
  margin: 0 20px;
  width: 1px;
  height: 23px;
  border-right: 2px solid #ebebeb;
  position: relative;
  top: 18px;
}
.departmenet-amalysis-top .type-team {
  font-size: 16px;
  position: relative;
  top: -1px;
  color: #8c8f92;
}
.departmenet-amalysis-top .type-nav {
  float: right;
}
.departmenet-amalysis-top .type-nav span {
  padding: 0 22px;
  display: inline-block;
  margin-left: 4px;
  color: #737373;
  line-height: 56px;
  cursor: pointer;
}
.departmenet-amalysis-top .type-nav span:hover {
  border-bottom: 2px solid #fa8919;
}
.departmenet-amalysis-top .type-nav .active {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.departmenet-amalysis-top .type-close {
  float: right;
  cursor: pointer;
}
.departmenet-amalysis-top .type-close i {
  font-size: 20px;
}
.departmenet-analysis {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.departmenet-analysis .no-select-type {
  color: #737373;
  line-height: 30px;
}
.departmenet-analysis .departmenet-top {
  height: 50px;
  line-height: 50px;
}
.departmenet-analysis .departmenet-top .segmenting {
  margin-left: 14px;
  border-left: 1px solid #ededed;
  padding-left: 14px;
}
.departmenet-analysis .departmenet-top span {
  color: #737373;
}
.departmenet-analysis .departmenet-top .download {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 0px;
}
.departmenet-analysis .departmenet-top .download i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  font-size: 16px;
}
.departmenet-analysis .departmenet-top .download span {
  color: #a9a9a9;
}
.departmenet-analysis .departmenet-top .download:hover span {
  color: #fa8919;
}
.departmenet-analysis .departmenet-top .download:hover i {
  color: #fa8919;
}
.departmenet-analysis .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.departmenet-analysis .active {
  color: #ed6c00!important;
}
.departmenet-analysis .cursor {
  cursor: pointer;
}
.departmenet-analysis .ibass-trig-down {
  position: relative;
  top: 1px;
}
.departmenet-analysis .department-type {
  margin-top: 4px;
}
.departmenet-analysis .department-type span {
  color: #737373;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.departmenet-analysis .time-analysis {
  position: relative;
  height: 20px;
  margin: 10px 0 20px 0;
  text-align: left;
}
.departmenet-analysis .chart-list.chart-list-detail:nth-child(odd) .chart-item {
  background-color: red;
}
.departmenet-analysis .chart-list {
  width: 100%;
  display: inline-block;
}
.departmenet-analysis .chart-list .chart-list-content .chart-item {
  border-left: 1px solid #ebebeb;
}
.departmenet-analysis .chart-list .chart-item {
  width: 454.5px;
  height: 370px;
  border-top: 1px solid #ebebeb;
  padding: 10px;
  padding-bottom: 30px;
  position: relative;
}
.departmenet-analysis .chart-list .interval {
  border-right: 1px solid #ebebeb;
}
.departmenet-analysis .chart-list .noTop {
  border-top-color: transparent;
}
.departmenet-analysis .chart-list .add-chart {
  text-align: center;
}
.departmenet-analysis .chart-list .add-chart .add-icon {
  margin-left: 150px;
  margin-top: 130px;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f8f8f9;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.departmenet-analysis .chart-list .add-chart .add-icon i {
  line-height: 60px;
  color: #a9a9a9;
}
.departmenet-analysis .chart-list .add-chart .add-tips {
  color: #a9a9a9;
}
.departmenet-analysis .add-icon:hover .ibass-add {
  color: #fa8919!important;
}
.departmenet-analysis .rightBorder {
  border-left: 1px solid #ebebeb;
}
.departmenet-table .table-date {
  height: 40px;
  text-align: center;
  padding-top: 20px;
}
.departmenet-table .table-date .ana-my-head-time-hover {
  display: inline-block;
}
.departmenet-table .table-date .ana-my-head-time-hover i {
  color: #cdc9c5;
}
.departmenet-table .table-date .ana-my-head-time-hover .ibass-trig-down {
  position: relative;
  top: 2px;
}
.departmenet-table .table-date .ana-my-head-time-hover p {
  float: left;
  position: relative;
  top: -2px;
}
.departmenet-table .table-content {
  margin-bottom: 40px;
}

.topdialog {
  z-index: 99999;
}
.topdialog.addmember-editmember {
  z-index: 10000;
  margin-left: -20px;
}
.topdialog.addmember-addmember {
  left: -72px !important;
  top: 40px !important;
  z-index: 10000;
}
.add-member .auth-role-dialog {
  text-align: left;
  font-size: 14px;
}
.add-member .auth-role-dialog .add-member-title {
  margin: 20px 0;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  overflow: hidden;
  line-height: 42px;
  font-size: 14px;
  color: #4a4a4a;
  text-align: left;
}
.add-member .auth-role-dialog .add-member-title .member {
  width: 72%;
}
.add-member .auth-role-dialog .add-member-ul li {
  line-height: 42px;
  height: 42px;
  text-align: left;
  position: relative;
}
.add-member .auth-role-dialog .add-member-ul li .ibass-minus-round {
  position: absolute;
  cursor: pointer;
  right: -30px;
  color: #cdc9c5;
  top: 0px;
}
.add-member .auth-role-dialog .add-member-ul li .member-name {
  width: 70%;
  display: inline-block;
  float: left;
  vertical-align: middle;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  cursor: pointer;
  height: 40px;
}
.add-member .auth-role-dialog .add-member-ul li .member-name img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-top: 8px;
  float: left;
  margin-right: 10px;
}
.add-member .auth-role-dialog .add-member-ul li .member-name span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 220px;
  display: inline-block;
}
.add-member .auth-role-dialog .add-member-ul li .member-role {
  float: left;
  width: 28%;
  margin-left: 2%;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  position: relative;
  top: -2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  padding-right: 20px;
  cursor: pointer;
}
.add-member .auth-role-dialog .add-member-ul li .member-role:after {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA13";
  font-size: 16px;
  vertical-align: middle;
  color: #cdc9c5;
  position: absolute;
  right: -2px;
}
.add-member .auth-role-dialog .add-member {
  text-align: left;
  line-height: 60px;
  color: #737373;
  cursor: pointer;
}
.add-member .auth-role-dialog .add-member:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA26";
  vertical-align: top;
  font-size: 14px;
  margin-right: 8px;
  color: #cdc9c5;
}
.add-member .auth-role-dialog .add-member:after {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA13";
  vertical-align: top;
  font-size: 14px;
  margin-right: 8px;
  color: #cdc9c5;
}

.bigData-caseSearch .sure-search {
  width: 260px;
  height: 80px;
  position: fixed;
  bottom: 0px;
  z-index: 100;
  border-radius: 0px 0px 0px 10px;
  background-color: #ffffff;
  margin: auto;
}
.bigData-caseSearch .sure-search label {
  cursor: pointer;
  position: relative;
  top: 20px;
  left: 17px;
  color: #a9a9a9;
}
.bigData-caseSearch .sure-search button {
  position: relative;
  top: 20px;
  left: 90px;
  width: 110px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.bigData-caseSearch .sure-search button span {
  color: white;
}
.bigData-caseSearch .caseTree.case-left-container .tit {
  position: relative;
}
.bigData-caseSearch .caseTree.case-left-container .new-tag {
  position: relative;
  left: -12px;
  top: 2px;
  display: inline-block;
  border-radius: 16px;
  background-image: linear-gradient(to left, #f97550 107%, #e85b48 -10%);
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  width: 68px;
  height: 32px;
  transform: scale(0.5);
  line-height: 32px;
  text-align: center;
}
.bigData-caseSearch .caseTree.case-left-container .publish-type:hover {
  color: #ED6C00;
}
.bigData-caseSearch .caseTree .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.bigData-caseSearch .caseTree .cg-busy.cg-busy-backdrop.cg-busy-backdrop-animation {
  opacity: 0;
}
.bigData-caseSearch .caseTree > div treecontrol {
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
.bigData-caseSearch .caseTree > div treecontrol ul {
  margin-left: -200px;
  padding-left: 200px;
  /*li > i {
            float: left;
          }*/
}
.bigData-caseSearch .caseTree > div treecontrol ul li {
  padding-left: 0;
}
.bigData-caseSearch .caseTree > div treecontrol ul li i {
  float: left;
}
.bigData-caseSearch .caseTree > div treecontrol ul li .tree-branch-head,
.bigData-caseSearch .caseTree > div treecontrol ul li .tree-leaf-head {
  margin-left: 8px;
  padding: 1px 5px 1px 0;
}
.bigData-caseSearch .caseTree > div treecontrol ul li .ibass-checked {
  color: #fa8919;
}
.bigData-caseSearch .caseTree > div treecontrol ul li .ibass-checkbox {
  display: none;
}
.bigData-caseSearch .caseTree > div treecontrol ul li:hover .ibass-checkbox {
  display: inline-block;
}
.bigData-caseSearch .caseTree > div treecontrol ul li.tree-expanded i.tree-leaf-head {
  margin-left: 12px;
}
.bigData-caseSearch .caseTree > div treecontrol .case-result-detail-icon {
  float: none;
  display: inline;
  margin-top: 1px;
}
.bigData-caseSearch .caseTree > div treecontrol .case-result-detail-icon:hover {
  color: #ED6C00;
}
.bigData-caseSearch .caseTree > div .bigdata-result-tree-li {
  padding-left: 15px;
}
.bigData-caseSearch .caseTree > div .bigdata-result-tree-li > div {
  margin-left: 0 !important;
  background-color: transparent !important;
}
.bigData-caseSearch .caseTree .feature-results li {
  padding-left: 0;
}
.bigData-caseSearch .caseTree .feature-results i.tree-leaf-head {
  margin-left: 0;
}
.bigData-caseSearch .caseTree .feature-results .tree-label {
  font-weight: 600;
}
.bigData-caseSearch .caseTree .sift-tag :before {
  color: #cdc9c5;
}
.bigData-caseSearch .caseTree .tree-classic-article {
  display: block;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 300ms ease height;
}
.bigData-caseSearch .caseTree .tree-classic-article::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-caseSearch .caseTree .tree-classic-article::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-caseSearch .caseTree .tree-classic-article:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-caseSearch .caseTree .tree-classic-article:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-caseSearch .caseTree .tree-classic-article .ibass-checked,
.bigData-caseSearch .caseTree .tree-classic-article .ibass-checkbox {
  position: absolute;
  left: 0px;
}
.bigData-caseSearch .caseTree .collapsing {
  overflow: hidden !important;
}
.bigData-caseSearch .caseAll-aside-left-in {
  left: 0 !important;
}
.bigData-caseSearch .caseAll-aside-left {
  transition: left .3s;
  position: absolute;
  top: 0;
  left: -260px;
  bottom: 0;
  background: #f8f8f9;
  width: 260px;
  box-sizing: border-box;
  padding-left: 15px;
  border-right: 1px solid #f0f0f0;
  overflow-y: auto;
  max-height: 3080px;
}
.bigData-caseSearch .caseAll-aside-left .cg-busy {
  background-color: #f8f8f9;
}
.bigData-caseSearch .caseAll-aside-left .cg-busy .loading {
  background-color: #f8f8f9;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case {
  margin-top: 50px;
  display: inline-block;
  text-align: left;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case .tit {
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case i {
  color: #cdc9c5;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case p {
  cursor: pointer;
  margin: 8px 0 0 15px;
  position: relative;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case p i {
  float: left;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case p span {
  display: inline-block;
  width: 160px;
  margin-left: 5px;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case .ibass-clause {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: -30px;
  top: 0;
  color: #cdc9c5;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case .ibass-clause:hover {
  color: #fa8919;
}
.bigData-caseSearch .ncc-more {
  width: 130px;
  height: 32px;
  border-radius: 20px;
  background-color: #ffffff;
  color: #4a4a4a;
  font-size: 12px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  margin-left: 50px;
  margin-top: 25px;
  line-height: 32px;
  text-align: center;
}
.industry-uib-tooltip.tooltip {
  width: 170px;
}

.article-case-container {
  padding: 54px 150px;
}
.article-case-container .go-back {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 25px;
  top: 25px;
}
.article-case-container .go-back i {
  font-size: 20px;
}
.article-case-container .title-content {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  color: #4A4A4A;
  display: flex;
}
.article-case-container .header-container {
  border-bottom: 1px solid #ececec;
  width: 100%;
}
.article-case-container .header-container .article_img-box {
  margin-right: 20px;
  padding-bottom: 16px;
  width: 120px;
  height: 86px;
  border-radius: 4px;
}
.article-case-container .header-container .article_img-box img {
  height: 100%;
  width: 100%;
}
.article-case-container .header-container .article-content {
  flex: 1;
}
.article-case-container .header-container .article-content .article-title {
  padding-left: 10px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  height: 18px;
  line-height: 28px;
  position: relative;
  display: flex;
}
.article-case-container .header-container .article-content .article-title .title {
  margin-right: 16px;
}
.article-case-container .header-container .article-content .article-title span {
  width: 4px;
  height: 18px;
  position: absolute;
  background-color: #ed6c00;
  top: 5px;
  left: 0;
}
.article-case-container .header-container .article-content .article-title i {
  position: relative;
  top: 2px;
}
.article-case-container .header-container .article-content .article-title .wechat-icon svg g:hover {
  fill: #ed6c00;
}
.article-case-container .header-container .article-content .article-bottom {
  display: flex;
}
.article-case-container .header-container .article-content .article-count {
  text-align: left;
  margin-top: 47px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.article-case-container .header-container .article-content .article-count .article-count-num {
  color: #FF8200;
}
.article-case-container .header-container .article-btn {
  display: flex;
  flex: 1;
  justify-content: end;
  margin-top: 32px;
}
.article-case-container .header-container .article-btn .btn {
  width: 112px;
  height: 32px;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  line-height: 32px;
  font-weight: 500;
  cursor: pointer;
}
.article-case-container .header-container .article-btn .primary-btn {
  color: #606266;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  margin-right: 10px;
}
.article-case-container .header-container .article-btn .primary-btn:hover {
  background: #FFFAF6;
  border-radius: 20px;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.article-case-container .header-container .article-btn .icourt-btn {
  color: #FFFFFF;
  background: #FA8919;
}
.article-case-container .header-container .article-btn .icourt-btn:hover {
  background: #FA9A2A;
}
.article-case-container .header-container .img-box {
  width: 162px;
  height: 202px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  border: 1px solid transparent;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
}
.article-case-container .header-container .img-box .book-cover {
  top: 3px;
  left: 3px;
  width: 160px;
  height: 200px;
}
.article-case-container .header-container .img-box .book-icon {
  width: 80px;
  height: 67px;
  position: absolute;
  right: 0;
  top: 0;
}
.article-case-container .header-container .img-box:hover {
  box-shadow: 0 1px 3px #ed6c00;
  border: 1px solid #ed6c00;
}
.article-case-container .menu-tab-container {
  padding: 24px 0;
  font-size: 16px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 32px;
}
.article-case-container .menu-tab-container .tab-content div {
  white-space: pre-wrap;
}
.article-case-container .menu-tab-container .tab-content div img {
  width: 100%;
}
.article-case-container .view-more-menu {
  font-size: 12px;
}
.article-case-container .tab-title-content {
  margin-top: 16px;
  height: 36px;
  line-height: 36px;
  font-weight: 600;
  border-bottom: 1px solid #EBEBEB;
}
.article-case-container .tab-title-content .current-tab {
  width: 107px;
  text-align: center;
  color: #ED6C00;
  display: inline-block;
  box-shadow: inset 0px -2px 0px 0px #ed6c00;
}
.article-case-container .tab-content {
  margin-top: 24px;
}
.article-case-container .article-container {
  margin: 12px 0;
}
.article-case-container .article-container .menu-item {
  cursor: pointer;
}
.article-case-container .article-container .item-title {
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
}
.article-case-container .article-container .item-title:hover {
  color: #ED6C00;
}
.partner-detail {
  margin: 22px 0 0 122px;
}
.partner-detail .ns-popover-tooltip {
  width: 126px!important;
  height: 126px!important;
  margin: 0!important;
  overflow: hidden;
  padding: 8px!important;
  border-radius: 4px;
}
.partner-detail .ns-popover-tooltip .img {
  width: 110px;
  height: 110px;
}

.adv-detail.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-left {
  border: none;
}
.adv-detail.bigData-laws-detail .laws-detail-content .content-right {
  top: 70px;
}
.adv-detail.bigData-laws-detail .laws-detail-head {
  background-color: white;
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 20;
  top: 0px !important;
}
.adv-detail.bigData-laws-detail .laws-detail-head .tit span {
  max-width: 700px;
  padding-left: 30px;
  display: inline-block;
  position: relative;
  top: -4px;
}
.adv-detail.bigData-laws-detail .search-in-page {
  background-color: white;
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 20;
  top: 30px !important;
  width: 220px !important;
}
.adv-detail.bigData-laws-detail .laws-detail-content .content-left .laws-info {
  width: 1100px;
}
.adv-detail.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-left {
  width: auto;
  max-width: inherit;
}
.adv-detail.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-left .base-info-value {
  width: auto;
  max-width: inherit;
}
.adv-detail.bigData-laws-detail #content {
  margin-top: 10px;
  width: 1100px;
}

.bigData-cnki-detail {
  position: relative;
  top: 6px;
  left: -15px;
  width: 1030px;
  min-height: 500px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-cnki-detail i {
  position: relative;
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  top: 2px;
}
.bigData-cnki-detail .cnki-header {
  min-height: 68px;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 25px;
  line-height: 68px;
}
.bigData-cnki-detail .cnki-header.border-none {
  border: none;
}
.bigData-cnki-detail .cnki-header .title-container i {
  top: 0;
  margin-right: 10px;
  font-size: 24px;
  color: #fdba78;
}
.bigData-cnki-detail .cnki-header .title-container .tit {
  display: inline-block;
  line-height: 28px;
  max-width: 690px;
  margin-top: 20px;
  font-size: 20px;
  color: #353535;
}
.bigData-cnki-detail .cnki-header:after {
  content: '';
  display: block;
  visibility: hidden;
  clear: both;
}
.bigData-cnki-detail .cnki-header .right-container {
  height: 68px;
}
.bigData-cnki-detail .cnki-header .right-container .download,
.bigData-cnki-detail .cnki-header .right-container .close-detail {
  display: inline-block;
  text-align: center;
}
.bigData-cnki-detail .cnki-header .right-container .close-detail {
  position: relative;
  top: 3px;
}
.bigData-cnki-detail .cnki-header .right-container .download {
  margin-right: 15px;
}
.bigData-cnki-detail .cnki-header .right-container .download a:hover {
  color: #fdba78;
}
.bigData-cnki-detail .cnki-header .right-container .download a:hover i {
  color: #fdba78;
}
.bigData-cnki-detail .cnki-header .right-container .download span {
  position: relative;
  top: -1px;
}
.bigData-cnki-detail .cnki-header .right-container .ibass-close {
  display: inline-block;
  width: 49px;
  height: 20px;
  line-height: 20px;
  border-left: 1px solid #ededed;
  font-size: 20px;
}
.bigData-cnki-detail .cnki-header .right-container .ibass-download {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-cnki-detail .cnki-content {
  width: 970px;
  box-sizing: border-box;
  padding: 20px 0 100px 25px;
}
.bigData-cnki-detail .cnki-content .cnki-content-bottom {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ebebeb;
}
.bigData-cnki-detail .cnki-content .cnki-content-bottom .warning-text {
  margin-left: 26px;
}
.bigData-cnki-detail .cnki-content .content-item {
  line-height: 29px;
  margin-left: 26px;
  font-size: 16px;
  margin-top: 5px;
  word-wrap: break-word;
}
.bigData-cnki-detail .cnki-content .content-item .filed-name {
  display: inline-block;
  width: 100px;
  line-height: 29px;
  vertical-align: top;
  color: #a9a9a9;
  font-size: 14px;
}
.bigData-cnki-detail .cnki-content .content-item p {
  display: inline-block;
  width: 810px;
}
.bigData-cnki-detail .cnki-content .content-item .cnki-link {
  cursor: pointer;
  color: #d3a279;
}
.bigData-cnki-detail .cnki-content .content-item .cnki-link:hover {
  color: #fa8919;
}

.bigData-company-detail {
  padding: 0px 25px 80px 25px;
  width: 1200px;
  position: relative;
  left: -40px;
  top: 6px;
  min-height: 1486px;
  overflow: visible;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.bigData-company-detail .no-data {
  margin-top: 100px;
  text-align: center !important;
  color: #a9a9a9 !important;
}
.bigData-company-detail .no-data .ibass-info {
  font-size: 60px;
}
.bigData-company-detail .my-tips {
  margin-left: 25px;
  margin-top: 30px;
  display: inline-flex;
}
.bigData-company-detail .my-tips i {
  font-size: 14px;
  color: #cdc9c5;
  position: relative;
  top: -2px;
}
.bigData-company-detail .my-tips span {
  margin-left: 5px;
  line-height: 1.33;
  font-size: 12px;
  color: #a9a9a9;
}
.bigData-company-detail .my-tips a {
  cursor: pointer;
  padding-left: 18px;
  display: inline-flex;
}
.bigData-company-detail .my-tips a i {
  font-size: 14px;
  color: #cdc9c5;
  position: relative;
  top: -2px;
}
.bigData-company-detail .my-tips a span {
  position: relative;
  vertical-align: bottom;
}
.bigData-company-detail .ellipsis {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bigData-company-detail .website {
  color: #fa8919;
  max-width: 250px;
}
.bigData-company-detail .tips {
  margin-left: 20px;
  position: absolute;
  bottom: 10px;
  display: inline-flex;
}
.bigData-company-detail .tips i {
  font-size: 14px;
  color: #cdc9c5;
  position: relative;
  top: -2px;
}
.bigData-company-detail .tips span {
  margin-left: 5px;
  line-height: 1.33;
  font-size: 12px;
  color: #a9a9a9;
}
.bigData-company-detail .no-click {
  color: #a9a9a9 !important ;
}
.bigData-company-detail .no-click a {
  color: #a9a9a9 !important;
  cursor: inherit !important;
}
.bigData-company-detail .no-click a:hover {
  color: #4a4a4a;
}
.bigData-company-detail .company-detail-head {
  border-bottom: 1px solid #f0f0f0;
  padding: 0px 15px 0 25px;
  position: relative;
  top: 15px;
  overflow: hidden;
  display: flex;
}
.bigData-company-detail .company-detail-head .company-info {
  width: 600px;
  float: left;
  padding-bottom: 15px;
}
.bigData-company-detail .company-detail-head .company-info .company-name {
  margin-left: 30px;
  font-size: 20px;
  text-align: left;
  color: #4a4a4a;
  max-width: 950px;
  display: inline-block;
}
.bigData-company-detail .company-detail-head .company-info .ibass-company {
  position: absolute;
  top: -4px;
  font-size: 24px;
  color: #fdba78;
}
.bigData-company-detail .company-detail-head .company-info .value {
  max-width: 250px;
}
.bigData-company-detail .company-detail-head .company-info label {
  top: -2px;
  position: relative;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 20px;
  color: #ed6c00;
  border: solid 1px #fdba78;
}
.bigData-company-detail .company-detail-head .right-container {
  margin-right: -25px;
  flex: 1;
  text-align: right;
}
.bigData-company-detail .company-detail-head .right-container .msg-source {
  display: inline-block;
  padding-right: 10px;
}
.bigData-company-detail .company-detail-head .right-container .msg-source .source-btn {
  color: #a9a9a9;
}
.bigData-company-detail .company-detail-head .right-container .msg-source .source-btn:hover {
  color: #fa8919;
}
.bigData-company-detail .company-detail-head .right-container .msg-source .source-btn:hover i {
  color: #fa8919;
}
.bigData-company-detail .company-detail-head .right-container .msg-source i {
  color: #cdc9c5;
}
.bigData-company-detail .company-detail-head .right-container .download,
.bigData-company-detail .company-detail-head .right-container .close-detail {
  display: inline-block;
  text-align: center;
}
.bigData-company-detail .company-detail-head .right-container .download a:hover {
  color: #fdba78;
}
.bigData-company-detail .company-detail-head .right-container .download a:hover i {
  color: #fdba78;
}
.bigData-company-detail .company-detail-head .right-container .ibass-close {
  display: inline-block;
  width: 49px;
  height: 20px;
  position: relative;
  top: 5px;
  line-height: 20px;
  font-size: 20px;
}
.bigData-company-detail .company-detail-head .right-container .ibass-close:hover {
  color: #fdba78;
}
.bigData-company-detail .company-detail-head .right-container .ibass-download {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-company-detail .company-detail-content::after {
  content: "";
  display: block;
  clear: both;
}
.bigData-company-detail .company-detail-content .company-normal-info {
  margin: 15px 0px 10px;
}
.bigData-company-detail .company-detail-content .company-normal-info::after {
  content: "";
  display: block;
  clear: both;
}
.bigData-company-detail .company-detail-content .company-normal-info .group-info {
  width: 400px;
  margin-bottom: 15px;
  float: left;
  margin-left: 25px;
}
.bigData-company-detail .company-detail-content .company-normal-info .group-info.address {
  width: inherit;
  max-width: 700px;
}
.bigData-company-detail .company-detail-content .company-normal-info .group-info.address .ellipsis {
  max-width: 350px;
}
.bigData-company-detail .company-detail-content .company-normal-info .group-info i {
  position: relative;
  top: 2px;
  font-size: 14px;
  color: #cdc9c5;
  margin-right: 14px;
}
.bigData-company-detail .company-detail-content .company-normal-info .group-info .key {
  color: #737373;
  display: inline-block;
  width: 60px;
  text-align: left;
  font-size: 14px;
  margin-right: 14px;
}
.bigData-company-detail .company-detail-content .company-base .nav-tab {
  border-bottom: 1px solid #ececec;
  padding-left: 45px;
  margin-top: 0px;
}
.bigData-company-detail .company-detail-content .company-base .tab-select {
  border: 1px solid #ececec !important;
  position: relative;
  bottom: -1px !important;
  border-bottom: 1px solid white !important;
  text-align: center;
}
.bigData-company-detail .company-detail-content .company-base .tab-select .line {
  display: inline-block;
  height: 20px;
  position: relative;
  top: 5px;
  left: -83px !important;
  border-left: 1px solid #ececec;
}
.bigData-company-detail .company-detail-content .company-base .tab {
  bottom: -1px;
  position: relative;
  border: 1px solid white;
  border-bottom: 1px solid #ececec;
  width: 100px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 5px 0px;
}
.bigData-company-detail .company-detail-content .company-base .tab:hover .ibass-pin {
  display: inherit;
}
.bigData-company-detail .company-detail-content .company-base .tab .pin.ibass-pin {
  display: inherit;
  color: #fa8919;
}
.bigData-company-detail .company-detail-content .company-base .tab .ibass-pin {
  display: none;
  color: #cdc9c5;
  font-size: 14px;
  position: absolute;
  left: 5px;
  top: 10px;
}
.bigData-company-detail .company-detail-content .company-base .tab .ibass-pin:hover {
  color: #fa8919;
}
.bigData-company-detail .company-detail-content .company-base .tab span {
  display: inline-block;
  padding-left: 10px;
}
.bigData-company-detail .company-detail-content .company-base .tab .line {
  display: inline-block;
  height: 20px;
  position: relative;
  top: 5px;
  left: -84px;
  border-left: 1px solid #ececec;
}
.bigData-company-detail .page {
  margin-left: -40px;
  padding: 10px 0px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.excellent-case-container .light-p-title {
  background: var(--default);
}
.excellent-case-container #content {
  text-align: justify;
}
.excellent-case-container .no-permission-tips {
  width: 401px;
  margin: 0 auto;
}
.excellent-case-container .no-permission-tips .empty-container {
  margin-top: 90px;
  text-align: center;
  margin-bottom: 38px;
}
.excellent-case-container .no-permission-tips .empty-container i.ibass-paper {
  font-size: 60px;
  color: #ddd9d6;
}
.excellent-case-container .no-permission-tips .empty-container .empty-des {
  color: #a9a9a9;
}
.excellent-case-container .no-permission-tips .des-content {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
}
.excellent-case-container .no-permission-tips .des-img {
  padding-top: 30px;
  width: 129px;
  margin: 0 auto;
}
.excellent-case-container .no-permission-tips .des-img .img-box {
  width: 129px;
  height: 129px;
  padding: 4px;
  border: solid 1px #e9e9e9;
  box-sizing: border-box;
}
.excellent-case-container .no-permission-tips .des-img .img-box img {
  width: 120px;
  height: 120px;
}
.excellent-case-container .no-permission-tips .des-img .img-des {
  text-align-last: justify;
  margin-top: 10px;
}
.excellent-case-container .bassinfo-header {
  margin-top: -10px;
  margin-bottom: 10px;
  color: var(--default);
}
.excellent-case-container .bassinfo-header i {
  color: var(--default);
}
.excellent-case-container .baseinfo-container {
  background: #f8f8f9;
  padding: 20px;
}
.excellent-case-container .baseinfo-conetent {
  display: flex;
  flex-wrap: wrap;
}
.excellent-case-container .baseinfo-conetent .baseinfo-items {
  min-width: 300px;
  max-width: 300px;
  margin-bottom: 10px;
}
.excellent-case-container .baseinfo-conetent .baseinfo-items:nth-of-type(2n) {
  min-width: 500px;
  max-width: 500px;
}
.excellent-case-container .baseinfo-conetent .baseinfo-items:nth-of-type(2n) .baseinfo-label {
  width: 100px;
}
.excellent-case-container .baseinfo-conetent .baseinfo-items:nth-of-type(2n) .baseinfo-label span {
  padding-left: 20px;
  border-left: 1px solid #ebebeb;
}
.excellent-case-container .baseinfo-items {
  display: flex;
  flex-wrap: nowrap;
}
.excellent-case-container .baseinfo-items .baseinfo-label {
  color: #a9a9a9;
  width: 80px;
}
.excellent-case-container .baseinfo-items .baseinfo-value {
  flex: 1;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.excellent-case-container .case-link-container {
  margin-top: 20px;
}
.excellent-case-container .case-link-title {
  color: #666666;
}
.excellent-case-container .detail-container {
  box-sizing: border-box;
  overflow-y: scroll;
  padding-top: 15px;
}
.excellent-case-container .detail-container .detail-item {
  position: relative;
  padding-bottom: 10px;
  display: flex;
}
.excellent-case-container .detail-container .detail-item .detail-date {
  white-space: nowrap;
  width: 100px;
  box-sizing: border-box;
  color: #a9a9a9;
  font-size: 13px;
}
.excellent-case-container .detail-container .detail-item .line {
  position: absolute;
  left: 106px;
  top: 15px;
  height: calc(100% - 10px);
  width: 2px;
  background: #ebebeb;
}
.excellent-case-container .detail-container .detail-item i {
  color: #ebebeb;
  padding-right: 15px;
}
.excellent-case-container .detail-container .detail-item .detail-content {
  max-width: 580px;
  display: flex;
}
.excellent-case-container .detail-container .detail-item .detail-content .type {
  padding-left: 10px;
  white-space: nowrap;
}
.excellent-case-container .detail-container .detail-item .detail-content .doc-number {
  padding-left: 10px;
}
.excellent-case-container .detail-container .detail-item.allow-click-item .detail-content {
  cursor: pointer;
}
.excellent-case-container .detail-container .detail-item.allow-click-item:hover i {
  color: var(--default);
}
.excellent-case-container .detail-container .detail-item.allow-click-item:hover .detail-content,
.excellent-case-container .detail-container .detail-item.allow-click-item:hover .detail-date {
  font-weight: 500;
  color: var(--default);
}
.excellent-case-container .detail-container .detail-item.last-item {
  padding-bottom: 0;
}
.excellent-case-container .detail-container .detail-item.last-item .line {
  display: none;
}

.excellent-case-container .menu-container .menu-item {
  padding: 5px 0;
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
  position: relative;
}
.excellent-case-container .menu-container .menu-item .item-dot {
  width: 25px;
  color: #cdc9c5;
  font-size: 14px;
}
.excellent-case-container .menu-container .menu-item .item-dot i {
  position: relative;
  top: -1px;
}
.excellent-case-container .menu-container .menu-item .item-title {
  flex: 1;
  text-align: justify;
  font-weight: 500;
  line-height: 1.43;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-right: 10px;
}
.excellent-case-container .menu-container .menu-item .title-tips {
  position: absolute;
  width: 400px;
  border-radius: 5px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  background-color: #3d3d3d;
  padding: 15px;
  color: #fff;
  font-weight: normal;
  display: none;
  right: -90px;
  top: 35px;
}
.excellent-case-container .menu-container .menu-item:hover {
  background: #f8f8f9;
}
.excellent-case-container .menu-container .menu-item:hover .title-tips {
  display: block;
}
.excellent-case-container .menu-container .item-bottom-content {
  padding-right: 10px;
  padding-left: 25px;
}
.excellent-case-container .menu-container .item-bottom-content .case-title {
  display: flex;
  flex-wrap: nowrap;
  text-align: justify;
  line-height: 1.43;
}
.excellent-case-container .menu-container .item-bottom-content .case-title .line {
  padding-right: 5px;
}
.excellent-case-container .menu-container .item-bottom-content .des-container {
  padding-bottom: 10px;
}
.excellent-case-container .menu-container .item-bottom-content .des-container .des-item {
  display: inline-block;
  line-height: 2.14;
  color: #ababab;
}
.excellent-case-container .menu-container .item-bottom-content .des-container .des-item:last-of-type .dot {
  display: none;
}
.excellent-case-container .view-more-menu {
  font-size: 12px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.similarity-case-result .left-container .cg-busy-backdrop {
  background-color: transparent;
}
.similarity-case-result .list-tab .result-option {
  display: inline-block;
  margin-left: 10px;
}
.similarity-case-result .list-tab .result-option .ibass-download {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.similarity-case-result .list-tab .result-option .sort-type {
  margin-right: 3px;
  cursor: pointer;
}
.similarity-case-result .list-tab .result-option.batch-download {
  cursor: pointer;
}
.similarity-case-result .list-tab .result-option.batch-download:hover {
  color: var(--default);
}
.similarity-case-result .list-tab .result-option.batch-download:hover i.ibass-download {
  color: var(--default);
}
.similarity-case-result .list-content {
  position: relative;
  padding: 0 20px;
}
.similarity-case-result .list-content .select-all-box {
  padding-top: 20px;
  padding-left: 14px;
  margin-bottom: -10px;
  display: flex;
  flex-wrap: nowrap;
}
.similarity-case-result .list-content .select-all-box .left-box {
  flex: 1;
  height: 32px;
}
.similarity-case-result .list-content .select-all-box .left-box i {
  margin-right: 7px;
}
.similarity-case-result .list-content .select-all-box .right-box {
  text-align: right;
  height: 32px;
  border-radius: 18px;
  background-color: #f8f8f9;
  padding: 0 16px;
}
.similarity-case-result .list-content .select-all-box .select-count {
  font-size: 12px;
  color: #4a4a4a;
}
.similarity-case-result .list-content .select-all-box i {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.similarity-case-result .list-content .select-all-box i.ibass-checked {
  color: var(--default);
}
.similarity-case-result .list-content .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: var(--default);
}
.similarity-case-result .list-content .select-all-box .option-btn.do-add-report {
  margin-left: 0px;
}
.similarity-case-result .list-content .select-all-box .option-btn i {
  color: var(--default);
}
.similarity-case-result .list-content .judgement-list {
  margin-top: 20px;
}
.similarity-case-result .list-content .judgement-list .judgement-item {
  position: relative;
  padding: 10px 10px 20px;
  border-bottom: 1px solid #ebebeb;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 13px;
  margin: 4px 0;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.item-label-1 {
  background: #5a8a43;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.item-label-2 {
  background: #a60606;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.item-label-7 {
  background: var(--default);
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.item-label-8 {
  background: #586DD0;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.item-label-9 {
  background: #3378ff;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.text-tag {
  margin-right: 8px;
  background: #fff;
  color: #353535;
  border: 1px solid #ebebeb;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.add-tag {
  background: var(--default);
  cursor: pointer;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.add-tag i {
  color: #fff;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.text-tag,
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.add-tag {
  position: relative;
  padding: 0 20px;
  vertical-align: middle;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.text-tag i,
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.add-tag i {
  top: 0;
  vertical-align: middle;
  font-size: 12px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label .remove-tag-button {
  position: absolute;
  top: 0;
  right: 4px;
  cursor: pointer;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label .remove-tag-button i {
  visibility: hidden;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label:hover .remove-tag-button i,
.similarity-case-result .list-content .judgement-list .judgement-item .item-label:focus .remove-tag-button i {
  visibility: visible;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.share-item {
  padding: 0 10px;
  margin-right: 8px;
  background: #5a8a43;
  color: #fff;
  border: 1px solid #5a8a43;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin: 4px 0;
  font-size: 12px;
  border-radius: 20px;
  white-space: nowrap;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.share-item.my-case {
  background: var(--default);
  color: #fff;
  border: 1px solid var(--default);
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title {
  padding-top: 10px;
  line-height: 26px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .number-index {
  display: none;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: var(--default);
  background: #f8f8f9;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .number-index.show-number {
  display: inline-block;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .number-index i {
  font-size: 16px;
  position: relative;
  top: -2px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .number-index i.ibass-checked {
  color: var(--default);
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .number-box {
  margin: 1px 5px 48px 0;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .number-box:hover .number-index.number {
  display: none;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title span {
  font-size: 20px;
  color: #353535;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title span.clicked {
  color: #888;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title span.clicked .bigdata_query_highlight {
  color: #888;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title span .ibass-video {
  font-size: 20px;
  margin-left: 10px;
  color: var(--default);
  cursor: pointer;
  position: relative;
  top: 2px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-abstract {
  line-height: 22px;
  margin: 5px 0 5px 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-abstract .empty-reason {
  width: auto;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-abstract .empty-reason .status {
  background: #fff9c4;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 3px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-abstract .empty-reason .ibass-info {
  margin-left: 5px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom {
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 25px;
  overflow: hidden;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-desc {
  width: 480px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-desc span {
  margin-right: 5px;
  font-size: 14px;
  color: #a9a9a9;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn span {
  color: #a9a9a9;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .download:hover i,
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .download:hover span {
  color: var(--default);
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .download .right-line {
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
  margin-right: 10px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: var(--default);
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .download.select-mode .right-line {
  border-right: 1px solid transparent;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report span {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ededed;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report .confirm-add:hover span {
  color: var(--default);
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: var(--default);
}
.similarity-case-result .list-content .judgement-list .judgement-item:hover {
  background: #f8f8f9;
}
.similarity-case-result .list-content .judgement-list .judgement-item:hover .number-index.number {
  display: none;
}
.similarity-case-result .list-content .judgement-list .judgement-item:hover .number-index.checkbox {
  display: inline-block;
}
.big-data-download .excellent-no-permission .firm-dialog-title {
  width: 100%;
}
.big-data-download .excellent-no-permission .firm-dialog-title .title {
  padding: 10px 28px;
}
.big-data-download .excellent-no-permission div.download-dialog-line {
  width: calc(100% - 50px);
  margin-left: 25px;
  margin-right: 25px;
}
.big-data-download .excellent-no-permission .firm-dialog-body {
  padding: 0;
  width: 460px;
  padding-top: 20px;
  margin: 0 auto;
  font-size: 14px;
  padding-bottom: 50px;
}
.big-data-download .excellent-no-permission .img-content {
  padding-top: 30px;
}
.big-data-download .excellent-no-permission .img-content .img-box {
  width: 129px;
  height: 129px;
  padding: 4px;
  border: 1px solid #d8d8d8;
  margin: 0 auto;
}
.big-data-download .excellent-no-permission .img-content .img-box img {
  width: 120px;
  height: 120px;
}
.ibass-trig-down {
  color: var(--default);
}

.bigData-judicialview-detail {
  width: 1200px;
  position: relative;
  background: #fff;
  min-height: 1486px;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  display: table;
}
.bigData-judicialview-detail .add-label {
  display: inline-block;
}
.bigData-judicialview-detail i {
  position: relative;
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  top: 2px;
}
.bigData-judicialview-detail table {
  width: 100%;
}
.bigData-judicialview-detail table,
.bigData-judicialview-detail tr,
.bigData-judicialview-detail td {
  border: 1px solid #cdc9c5;
  border-collapse: collapse;
  text-align: center;
}
.bigData-judicialview-detail .bigdata_query_highlight {
  color: red;
}
.bigData-judicialview-detail .loading {
  padding-top: 300px;
}
.bigData-judicialview-detail .laws-detail-head {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 20;
  top: 0px;
  background: white;
  min-height: 68px;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 25px;
  line-height: 68px;
}
.bigData-judicialview-detail .laws-detail-head .title-container i {
  top: 0;
  margin-right: 10px;
  font-size: 24px;
  color: #fdba78;
}
.bigData-judicialview-detail .laws-detail-head .title-container .tit {
  display: inline-block;
  line-height: 28px;
  max-width: 750px;
  margin-top: 20px;
  font-size: 20px;
  color: #353535;
}
.bigData-judicialview-detail .laws-detail-head:after {
  content: '';
  display: block;
  visibility: hidden;
  clear: both;
}
.bigData-judicialview-detail .laws-detail-head .download,
.bigData-judicialview-detail .laws-detail-head .add-label {
  display: inline-block;
}
.bigData-judicialview-detail .laws-detail-head .download i,
.bigData-judicialview-detail .laws-detail-head .add-label i {
  width: 16px;
  margin-right: 5px;
  font-size: 16px;
}
.bigData-judicialview-detail .laws-detail-head .download span,
.bigData-judicialview-detail .laws-detail-head .add-label span {
  position: relative;
  top: -1px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-judicialview-detail .laws-detail-head .download :hover i,
.bigData-judicialview-detail .laws-detail-head .add-label :hover i,
.bigData-judicialview-detail .laws-detail-head .download :hover span,
.bigData-judicialview-detail .laws-detail-head .add-label :hover span,
.bigData-judicialview-detail .laws-detail-head .download :hover strong,
.bigData-judicialview-detail .laws-detail-head .add-label :hover strong {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-head .right-container {
  height: 68px;
}
.bigData-judicialview-detail .laws-detail-head .right-container .download,
.bigData-judicialview-detail .laws-detail-head .right-container .close-detail {
  display: inline-block;
  text-align: center;
}
.bigData-judicialview-detail .laws-detail-head .right-container .close-detail {
  position: relative;
  top: 3px;
}
.bigData-judicialview-detail .laws-detail-head .right-container .download {
  margin-right: 15px;
}
.bigData-judicialview-detail .laws-detail-head .right-container .download a:hover {
  color: #fdba78;
}
.bigData-judicialview-detail .laws-detail-head .right-container .download a:hover i {
  color: #fdba78;
}
.bigData-judicialview-detail .laws-detail-head .right-container .i-add-search-report {
  position: relative;
  top: -2px;
  display: inline-block;
}
.bigData-judicialview-detail .laws-detail-head .right-container .i-add-search-report span {
  margin-right: 12px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-judicialview-detail .laws-detail-head .right-container .ibass-close {
  display: inline-block;
  width: 49px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
}
.bigData-judicialview-detail .laws-detail-head .right-container .ibass-download {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-judicialview-detail .laws-detail-head .right-container tag-editor {
  margin-right: 10px;
}
.bigData-judicialview-detail .laws-detail-content {
  display: flex;
  flex-wrap: nowrap;
}
.bigData-judicialview-detail .laws-detail-content .lawregu_link,
.bigData-judicialview-detail .laws-detail-content .judgement_link {
  cursor: pointer;
  color: #d3a279;
}
.bigData-judicialview-detail .laws-detail-content .lawregu_link:hover,
.bigData-judicialview-detail .laws-detail-content .judgement_link:hover {
  color: #ed6c00;
}
.bigData-judicialview-detail .laws-detail-content .content-left {
  width: 970px;
  box-sizing: border-box;
  padding: 20px 50px 200px 63px;
}
.bigData-judicialview-detail .laws-detail-content .content-left p {
  width: 820px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .keyword {
  padding-left: 7px;
  margin-bottom: 10px;
  color: #ed6c00;
  line-height: 20px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .keyword span {
  display: inline-block;
  text-indent: 5px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .keyword span:first-child {
  text-indent: 0;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance {
  display: none;
  margin-top: 8px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header {
  height: 32px;
  overflow: hidden;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header i {
  font-size: 16px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .law,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .case {
  padding-left: 16px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .law:first-child,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .case:first-child {
  padding-left: 0;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .law span,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .case span {
  color: #737373;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .law:hover i,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .case:hover i,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .law.active i,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .case.active i,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .law:hover span,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .case:hover span,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .law.active span,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .case.active span {
  color: #ed6c00;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .law span {
  padding-right: 16px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .law .has-border {
  border-right: 1px solid #f3f3f3;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .download i {
  font-size: 12px;
  color: #fff;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .download .select-count {
  margin-right: 5px;
  color: #ed6c00;
  font-size: 12px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .download button {
  width: 100px;
  height: 32px;
  border: none;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 12px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-header .download button span {
  margin-left: 5px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .in {
  margin-top: 9px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content {
  position: relative;
  background: #f8f8f9;
  overflow: hidden;
  transition: all .2s ease;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .header,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .content-item {
  margin: 13px 17px 17px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .header i:hover,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .content-item i:hover,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .header .ibass-checked,
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .content-item .ibass-checked {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .header {
  height: 20px;
  margin-bottom: 15px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .header span {
  color: #a9a9a9;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .header .container {
  display: inline-block;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .content-item {
  height: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .content-item i {
  top: 1px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .content-item span:hover {
  color: #ed6c00;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .content-item .number {
  color: #a9a9a9;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance .relevance-content .content-item .number:hover {
  color: #ed6c00;
}
.bigData-judicialview-detail .laws-detail-content .content-left .relevance-line {
  display: none;
  border-top: 1px solid #ebebeb;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through {
  text-align: justify;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through p {
  line-height: 29px;
  font-size: 16px;
  word-wrap: break-word;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .subheading {
  margin: 15px 0 10px;
  font-weight: bold;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .main-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 22px;
  text-indent: 0 !important;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .small-title {
  position: relative;
  line-height: 22px;
  font-size: 16px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .small-title i {
  position: absolute;
  font-size: 20px;
  line-height: 18px;
  left: -25px;
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .small-title .quote-container {
  text-align: right;
  float: right;
  margin: 10px 40px 0 0;
  width: 748px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .small-title .quote-container .quote {
  width: auto;
  display: inline-block;
  font-size: 14px;
  color: #a9a9a9;
  text-align: left;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .small-title .bold {
  font-weight: 500;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .small-title:after {
  height: 0;
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .through-content {
  text-indent: 2em;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .through-content .i-add-search-report {
  position: relative;
  display: inline-block;
  max-height: 35px;
  margin-left: 5px;
  text-indent: 0;
  visibility: hidden;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .through-content .i-add-search-report a {
  text-indent: 0;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .through-content .i-add-search-report a i {
  position: relative;
  left: 0;
  top: 2px;
  font-size: 16px;
  color: #cdc9c5;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .through-content .i-add-search-report a span {
  position: relative;
  top: 0px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .through-content .i-add-search-report a .ibass-done {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .through-content .i-add-search-report .confirm-add:hover i {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .through-content:hover .i-add-search-report {
  visibility: visible;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .ext-content {
  display: inline-block;
  line-height: 29px;
  text-indent: 2em;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .ext-content + .through-content {
  text-indent: 1em;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .bigdata-judicialview-quote-law {
  cursor: pointer;
  line-height: inherit;
  color: #d3a279;
  text-decoration: underline;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through .bigdata-judicialview-quote-law:hover {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through.title-line {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ebebeb;
}
.bigData-judicialview-detail .laws-detail-content .content-left .judicialView-through.title-line-first {
  margin-top: 0;
  border: none;
  padding-top: 10px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation {
  margin-top: 100px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation .line {
  width: 200px;
  height: 1px;
  background: #ebebeb;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation .order-num {
  float: left;
  position: relative;
  top: 4px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  text-align: center;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation .annotation-c:first-of-type {
  margin-top: 20px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation .annotation-c .through-content {
  margin-left: 5px;
  font-size: 14px;
  color: #737373;
  text-indent: 0;
  word-break: break-all;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation .annotation-c .return-original {
  visibility: hidden;
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation .annotation-c .return-original:hover {
  color: #ed6c00;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation .annotation-c:hover .return-original {
  visibility: visible;
}
.bigData-judicialview-detail .laws-detail-content .content-left .source {
  border-top: 1px solid #ebebeb !important;
  margin-top: 20px;
  padding-top: 20px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .source .page-num,
.bigData-judicialview-detail .laws-detail-content .content-left .source .view-id {
  color: #737373;
  margin-left: 5px;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation-popup {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  display: none;
  z-index: 1000;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation-popup .text {
  width: 392px;
  min-height: 17px;
  max-height: 230px;
  overflow-y: auto;
  line-height: 17px;
  margin: 10px 15px 13px 15px;
  padding-right: 8px;
  font-size: 12px;
  word-break: break-all;
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation-popup .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #d2d2d2;
  left: 50%;
  top: 100%;
  margin-left: -11px;
  transform: rotate(180deg);
}
.bigData-judicialview-detail .laws-detail-content .content-left .annotation-popup .triangle:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  top: 1px;
  margin-left: -10px;
}
.bigData-judicialview-detail .laws-detail-content .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 80px;
  bottom: 300px;
  width: 207px !important;
  margin-top: 20px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu {
  position: relative;
  margin-bottom: 30px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .overflow {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 0 0 0;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul {
  position: relative;
  left: 2px;
  max-height: 420px;
  margin-left: 6px;
  overflow-x: visible;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul:before,
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -1px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul:before {
  top: 0px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul:after {
  bottom: 0;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul .vertical-line {
  position: absolute;
  width: 1px;
  height: 77%;
  background: #f0f0f0;
  margin: 10px 0;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul li {
  padding-left: 20px;
  min-height: 30px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul li .user-define-dot {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #ed6c00;
  left: -6px;
  top: 8px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 5px;
  top: -2px;
  color: #ed6c00;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul .is-indent {
  padding-left: 34px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul li:hover {
  color: #ed6c00;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul li.active {
  color: #ed6c00;
  font-weight: bold;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu ul li.active i {
  display: inline-block;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 30px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .top-btn,
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .bottom-btn {
  width: 15px;
  height: 15px;
  background: url("/tool/bigData/images/index-scroll-up.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .top-btn {
  position: absolute;
  top: 26px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .top-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.bigData-judicialview-detail .laws-detail-content .content-right .fast-menu .bottom-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo {
  padding: 10px 15px 15px;
  background: #f8f8f9;
  border-radius: 5px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo header .title {
  line-height: 22px;
  margin: 8px 0;
  font-size: 16px;
  font-weight: 500;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section {
  margin-top: 10px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section:last-of-type {
  border: none;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .related-view {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #ebebeb;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .related-view i {
  top: 0;
  margin-right: 5px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .related-view p {
  width: 158px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .related-view p a {
  color: #737373;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .related-view p a:hover {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .more-view {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #ebebeb;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .more-view .ibass-list {
  top: 0;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .more-view a {
  color: #a9a9a9;
  margin-left: 5px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .more-view:hover .ibass-list,
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo section .more-view:hover a {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .bigdata-judicialview-annotation {
  vertical-align: super;
  cursor: pointer;
  font-size: 12px;
  color: #ed6c00;
}
.bigData-judicialview-detail .laws-detail-content .bigdata-judicialview-annotation:hover {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .guide-point {
  position: relative;
}
.bigData-judicialview-detail .laws-detail-content .guide-point:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: -9px;
  left: -11px;
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ed6c00;
  -webkit-animation: guide-play 1.5s linear 3;
  animation: guide-play 1.5s linear 300;
}
.bigData-judicialview-detail .laws-detail-content .guide-point:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: -9px;
  left: -11px;
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ed6c00;
  -webkit-animation: guide-play 2s linear 3;
  animation: guide-play 2s linear 300;
}
@keyframes guide-play {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  10% {
    opacity: 0.8;
  }
  60% {
    opacity: 0;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.interprete-tip.tooltip {
  color: #4a4a4a;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 4px 9px 0 #ccc;
  border: solid 1px #e5e5e5;
  opacity: 1;
}
.interprete-tip.tooltip .tooltip-inner {
  padding: 10px 15px 13px 15px;
}
.interprete-tip.tooltip .tooltip-arrow {
  border-top-color: #fff;
}
.bigData-laws-detail {
  width: 1200px;
  position: relative;
  background: #fff;
  min-height: 1486px;
  border-radius: 10px;
  box-shadow: var(--default-box-shadow);
  display: table;
}
.bigData-laws-detail pre {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  *white-space: normal !important;
}
.bigData-laws-detail .search-in-page {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 20;
  top: 80px !important;
}
.bigData-laws-detail.no-left-navs .laws-detail-content {
  width: auto;
}
.bigData-laws-detail.no-left-navs .laws-detail-content .content-left {
  width: auto;
}
.bigData-laws-detail.no-left-navs .laws-detail-content .content-left .laws-info {
  width: auto;
}
.bigData-laws-detail .cDownFile {
  max-width: 100%;
}
.bigData-laws-detail .lighting {
  color: var(--default);
}
.bigData-laws-detail .cDownFile {
  color: var(--default);
  text-decoration: underline;
}
.bigData-laws-detail .jump-law {
  background-color: var(--default);
}
.bigData-laws-detail i {
  position: relative;
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  top: 2px;
}
.bigData-laws-detail table {
  max-width: 900px;
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
  display: block;
  overflow-x: auto;
  text-indent: 0px;
}
.bigData-laws-detail table tr {
  background-color: #fff;
}
.bigData-laws-detail table td,
.bigData-laws-detail table th {
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  border: 1px solid #ddd;
}
.bigData-laws-detail .text-align-center {
  text-align: center !important;
}
.bigData-laws-detail .text-align-center .i-add-search-report {
  visibility: hidden;
}
.bigData-laws-detail .text-align-center:hover {
  visibility: visible;
}
.bigData-laws-detail .bigdata_query_highlight {
  color: red;
}
.bigData-laws-detail .loading {
  padding-top: 300px;
}
.bigData-laws-detail .laws-detail-head {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 0px;
  background: white;
  z-index: 100;
  min-height: 68px;
  width: 1135px;
  margin-left: 25px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 15px 0 0px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
}
.bigData-laws-detail .laws-detail-head .tit {
  padding-top: 20px;
  padding-bottom: 5px;
  max-width: 900px;
  text-align: left;
}
.bigData-laws-detail .laws-detail-head .tit .ibass-regulation {
  color: var(--default);
  font-size: 24px;
  position: absolute;
  margin-top: 14px;
}
.bigData-laws-detail .laws-detail-head .tit span.title-des {
  font-size: 20px;
  text-align: left;
  color: #4a4a4a;
  font-weight: normal;
  max-width: 520px;
  margin-left: 30px;
  display: inline-block;
}
.bigData-laws-detail .laws-detail-head .tit span.law-timelimit {
  width: 50px;
  height: 22px;
  display: inline-block;
  border-radius: 20px;
  background-color: #f72b44;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  position: relative;
  top: -3px;
  margin-left: 2px;
}
.bigData-laws-detail .laws-detail-head .right-container {
  right: 10px;
  top: 15px;
  position: absolute;
}
.bigData-laws-detail .laws-detail-head .right-container i {
  top: 3px;
}
.bigData-laws-detail .laws-detail-head .right-container .download,
.bigData-laws-detail .laws-detail-head .right-container .close-detail,
.bigData-laws-detail .laws-detail-head .right-container .add-label {
  display: inline-block;
  text-align: center;
}
.bigData-laws-detail .laws-detail-head .right-container .download,
.bigData-laws-detail .laws-detail-head .right-container .add-label {
  position: relative;
  top: -2px;
  margin-right: 15px;
}
.bigData-laws-detail .laws-detail-head .right-container .download span,
.bigData-laws-detail .laws-detail-head .right-container .add-label span {
  font-size: 14px;
}
.bigData-laws-detail .laws-detail-head .right-container .download a:hover,
.bigData-laws-detail .laws-detail-head .right-container .add-label a:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-head .right-container .download a:hover i,
.bigData-laws-detail .laws-detail-head .right-container .add-label a:hover i {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-head .right-container .add-label {
  margin-right: 16px;
}
.bigData-laws-detail .laws-detail-head .right-container .i-add-search-report {
  position: relative;
  top: -2px;
  display: inline-block;
}
.bigData-laws-detail .laws-detail-head .right-container .i-add-search-report span {
  margin-right: 12px;
  padding-right: 15px;
  border-right: none;
}
.bigData-laws-detail .laws-detail-head .right-container .ibass-close {
  display: inline-block;
  width: 49px;
  height: 20px;
  line-height: 20px;
  border-left: 1px solid #ededed;
  font-size: 20px;
}
.bigData-laws-detail .laws-detail-head .right-container .ibass-printline {
  position: relative;
  top: 5px;
  font-size: 20px !important;
}
.bigData-laws-detail .laws-detail-head .right-container .ibass-download,
.bigData-laws-detail .laws-detail-head .right-container .ibass-loop,
.bigData-laws-detail .laws-detail-head .right-container .ibass-printline,
.bigData-laws-detail .laws-detail-head .right-container .ibass-bigdata-list {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-laws-detail .laws-detail-content {
  display: flex;
}
.bigData-laws-detail .laws-detail-content .ng-isolate-scope {
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .level4 {
  margin-bottom: 6px;
  margin-top: 0px;
}
.bigData-laws-detail .laws-detail-content .simple-mode .i-add-search-report,
.bigData-laws-detail .laws-detail-content .simple-mode .refer-count {
  display: none !important;
}
.bigData-laws-detail .laws-detail-content .simple-mode .level4 {
  line-height: 1px;
  height: 1px;
  margin-bottom: 6px;
  margin-top: 3px;
}
.bigData-laws-detail .laws-detail-content .simple-mode .refer-msg-box {
  display: none !important;
}
.bigData-laws-detail .laws-detail-content .simple-mode .simple-mode-box {
  display: none !important;
}
.bigData-laws-detail .laws-detail-content .content-left {
  width: 970px;
  box-sizing: border-box;
  padding: 0px 50px 200px 50px;
}
.bigData-laws-detail .laws-detail-content .content-left #content {
  width: 890px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box {
  margin-bottom: 12px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-title {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  padding-bottom: 6px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-detail .refer-item {
  cursor: pointer;
  font-size: 14px;
  color: #a9a9a9;
  display: inline-block;
  line-height: 1.5;
  padding-right: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-detail .refer-item:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .article-refer-box {
  background: #f8f8f9;
  padding: 10px 30px 10px 32px;
  margin-bottom: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .article-refer-box.simple-mode-box {
  display: none !important;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box {
  background: #f8f8f9;
  padding: 6px 30px 6px 32px;
  margin-top: 5px;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .refer-title.explain-refer-title {
  padding-bottom: 0px;
  padding-top: 10px;
  margin-bottom: 1px;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item {
  padding-top: 5px;
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  color: #737373;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-title {
  cursor: pointer;
  color: #4a4a4a;
  font-weight: 500;
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-title:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art {
  line-height: 24px;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art .exp-art-fullName {
  white-space: nowrap;
  padding-right: 20px;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .xf-mar14 {
  margin-left: 14px;
}
.bigData-laws-detail .laws-detail-content .content-left .max-height {
  max-height: 508px;
  overflow-y: auto;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box {
  background: #f8f8f9;
  padding: 5px 30px 15px 32px;
  position: relative;
  max-height: 528px;
  overflow-y: auto;
  margin-bottom: 12px;
  box-sizing: border-box;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-tag {
  width: 100%;
  margin-top: 12px;
  margin-left: 22px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-tag .history-tag-item {
  position: relative;
  width: 80px;
  height: 24px;
  background: var(--default);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-tag .history-tag-item .tag-point {
  position: relative;
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 4px;
  background: #fff;
  top: -3px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-tag .history-tag-item .tag-text {
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-tag .history-tag-item::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid var(--default);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  left: -12px;
  top: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-item {
  position: relative;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-line {
  height: 100%;
  width: 2px;
  background: #ebebeb;
  position: absolute;
  left: 100px;
  top: 24px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 17px;
  position: relative;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title .action-type {
  position: absolute;
  top: 30px;
  width: 80px;
  text-align: right;
  color: #a9a9a9;
  font-weight: 400;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title .date {
  width: 80px;
  text-align: right;
  font-size: 13px;
  color: #a9a9a9;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title .history-dot {
  padding-right: 12px;
  padding-left: 14px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title .history-dot i {
  position: relative;
  top: -1px;
  color: #ebebeb;
  font-size: 14px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title .history-title-des {
  flex: 1;
  font-size: 14px;
  color: #4a4a4a;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title .history-title-des .action-name-label {
  color: #4a4a4a;
  font-weight: 400;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title.current,
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title:hover {
  font-weight: 500;
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title.current .date,
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title:hover .date {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title.current .history-title-des,
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title:hover .history-title-des {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title.current .history-dot i,
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-title:hover .history-dot i {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other {
  padding-left: 120px;
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 1.6;
  color: #737373;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other div {
  padding-top: 3px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other g {
  color: #5A8A43;
  display: inline-block;
  padding-top: 0px;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other r {
  color: #D0021B;
  text-decoration: line-through;
  display: inline-block;
  padding-top: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other .oan-add-green {
  color: #5A8A43;
  display: inline-block;
  padding-top: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other .oan-del-red {
  color: #D0021B;
  text-decoration: line-through;
  display: inline-block;
  padding-top: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover .date {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover .history-title-des {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover .history-dot i {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .oan-tips {
  font-size: 12px;
  color: #666666;
  width: 50%;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .oan-tips .color-item {
  position: relative;
  float: right;
  margin-right: 30px;
  margin-top: 16px;
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .oan-tips .color-item .add-green {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: 5px;
  background: #5A8A43;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .oan-tips .color-item .del-red {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: 5px;
  background: #D0021B;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .oan-tips .color-item .nomal-black {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: 5px;
  background: #737373;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .law-matter {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  white-space: pre-line;
  text-indent: 2em;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .cnki__list {
  padding-top: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .cnki__list .cnki__item + .cnki__item {
  margin-top: 24px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .cnki__list .cnki__item-title {
  display: flex;
  text-decoration: none;
  font-size: 14px;
  color: #4A4A4A;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .cnki__list .cnki__item-title .index {
  display: inline-block;
  width: 28px;
  flex-shrink: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .cnki__list .cnki__item-title:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .cnki__list .cnki__item-info {
  margin-top: 10px;
  margin-left: 28px;
  font-size: 14px;
  color: #A9A9A9;
}
.bigData-laws-detail .laws-detail-content .content-left .lawregu_link {
  color: var(--default);
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .lawregu_link:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .lawregu_link[lawreguid=""] {
  pointer-events: none;
  color: inherit;
  cursor: text;
}
.bigData-laws-detail .laws-detail-content .content-left .lawregu_link[lawreguid=""]:hover {
  color: inherit;
}
.bigData-laws-detail .laws-detail-content .content-left > div:last-child {
  border: 0;
}
.bigData-laws-detail .laws-detail-content .content-left p {
  width: 825px;
}
.bigData-laws-detail .laws-detail-content .content-left .tit {
  padding-left: 7px;
  padding-bottom: 14px;
  line-height: 28px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #353535;
}
.bigData-laws-detail .laws-detail-content .content-left .keyword {
  padding-left: 7px;
  margin-bottom: 10px;
  color: var(--default);
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .keyword span {
  display: inline-block;
  text-indent: 5px;
}
.bigData-laws-detail .laws-detail-content .content-left .keyword span:first-child {
  text-indent: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info {
  width: 857px;
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 5px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info span {
  padding-bottom: 5px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-name {
  font-size: 14px;
  text-align: left;
  color: #a9a9a9;
  display: inline-block;
  vertical-align: top;
  width: 56px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-value {
  margin-left: 24px;
  font-size: 14px;
  font-weight: 500;
  padding-right: 10px;
  text-align: left;
  display: inline-block;
  color: #4a4a4a;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-left {
  margin: 14px 0px;
  float: left;
  min-width: 230px;
  max-width: 330px;
  border-right: 1px solid #f0f0f0;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-left .base-info-value {
  min-width: 130px;
  max-width: 210px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-right {
  margin: 14px 15px;
  float: left;
  max-width: 520px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-right .base-info-value {
  min-width: 130px;
  max-width: 420px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .subhead {
  display: inline-block;
  margin-right: 20px;
  line-height: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .lawRule,
.bigData-laws-detail .laws-detail-content .content-left .laws-info .time {
  display: inline-block;
  margin-right: 20px;
  color: #a9a9a9;
  padding-bottom: 4px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info i {
  float: right;
  color: #cdc9c5;
  font-size: 16px;
  margin: 0 7px;
}
.bigData-laws-detail .laws-detail-content .content-left .uib-collapse-line {
  border-top: 1px solid #ebebeb;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law {
  margin-bottom: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-select {
  font-size: 14px;
  color: var(--default);
  position: relative;
  top: 4px;
  margin-right: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .expanded {
  overflow: hidden;
  transition: all .2s ease;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .lawregu_link {
  cursor: pointer;
  color: #cdc9c5;
  margin-left: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .lawregu_link:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-right {
  text-align: right;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-right:hover .ibass-km {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-right:hover .popular-title {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .right input {
  padding-left: 5px;
  width: 40px;
  height: 26px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-left {
  text-align: left;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-left:hover .ibass-km {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-left:hover .ibass-replace {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-left:hover .popular-title {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .visited .ibass-km,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .visited .ibass-clock,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .visited .ibass-replace {
  color: var(--default);
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .visited .popular-title,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .visited .LEtitle {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .ibass-km,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .ibass-clock,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .ibass-replace {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .line {
  float: left;
  height: 15.5px;
  line-height: 28px;
  color: #ebebeb;
  margin: 0 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .after-clear {
  margin-bottom: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .after-clear:hover .ibass-clock,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .after-clear:hover .LEtitle,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .after-clear:hover .ibass-replace {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .after-clear.right {
  position: relative;
  top: 3px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .after-clear.right input:focus {
  border-color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .download {
  float: right;
  margin-right: 20px;
  width: 64px;
  height: 24px;
  border: none;
  border-radius: 20px;
  background-color: var(--default);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .download .select-count {
  margin-right: 10px;
  height: 17px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .download span,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .download i {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items {
  width: 870px;
  background-color: #f8f8f9;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items .first {
  padding-top: 15px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items .last {
  padding-bottom: 15px !important;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items i {
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items .ibass-checked {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items .item {
  padding-bottom: 5px;
  margin-left: 18px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items .item .title:hover {
  color: var(--default);
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items .item .number:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items .item .number {
  cursor: pointer;
  color: #a9a9a9;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution {
  position: relative;
  width: 870px;
  max-height: 305px;
  overflow: auto;
  background-color: #f8f8f9;
  padding-left: 18px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .margin-box {
  margin-bottom: 10px;
  max-height: 295px;
  overflow: auto;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution.padding {
  padding: 15px 0 0px 18px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .date {
  color: #a9a9a9;
  font-size: 13px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .ibass-dot {
  display: inline-block;
  height: 12px;
  line-height: 12px;
  margin: 0 17px;
  color: #ebebeb;
  font-size: 16px;
  background: #f8f8f9;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis {
  width: auto;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis .ibass-dot {
  margin: 0 10px 0px 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item.current .title,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item-detail:hover .title {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis .item-detail:hover .title {
  color: inherit;
  cursor: inherit;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis .item-detail .effective-basis-title:hover {
  color: var(--default);
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item.current .date,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item.current .ibass-dot {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item.current .title {
  cursor: text;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .legislative-evolution-container {
  position: relative;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .legislative-evolution-container.effective-basis {
  padding-top: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis .ver-line {
  left: 7px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis.padding {
  padding: 0px 0 15px 18px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .ver-line {
  position: absolute;
  border-right: 2px solid #ebebeb;
  left: 104px;
  top: 10px;
  height: calc(100% - 20px);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item {
  overflow: hidden;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .left-item {
  min-height: 20px;
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail.laws {
  margin-top: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item:nth-child(2) .item-detail.laws {
  margin-top: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail {
  min-height: 20px;
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail div {
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail .date {
  width: 80px;
  text-align: left;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail .title {
  width: 700px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .law-accord {
  margin-left: 135px;
  min-height: 20px;
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .law-accord .ver-line {
  position: relative;
  float: left;
  width: 2px;
  height: 20px;
  margin: 0 29px 0 104px;
  background: #ebebeb;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .law-accord .ver-line-exist {
  min-height: 40px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .law-accord .title {
  position: relative;
  margin-top: 0;
  color: #737373;
  font-size: 12px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .legislative-evolution .item .law-accord .title:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .small-title {
  position: relative;
  line-height: 22px;
  font-size: 16px;
}
.bigData-laws-detail .laws-detail-content .content-left .small-title i {
  position: absolute;
  top: 6px;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .small-title .credit_line {
  font-size: 14px;
  color: #a9a9a9;
}
.bigData-laws-detail .laws-detail-content .content-left .small-title .content-indent {
  text-indent: 32px;
}
.bigData-laws-detail .laws-detail-content .content-left .small-title .pass_meeting {
  text-align: center;
}
.bigData-laws-detail .laws-detail-content .content-left .small-title .post_persion {
  text-align: right;
}
.bigData-laws-detail .laws-detail-content .content-left .partiesInfo {
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-laws-detail .laws-detail-content .content-left .partiesInfo div p:first-child {
  color: #737373;
}
.bigData-laws-detail .laws-detail-content .content-left .partiesInfo div p.name {
  padding-bottom: 7px;
  color: #232323;
  font-size: 16px;
  padding-left: 30px;
}
.bigData-laws-detail .laws-detail-content .content-left .partiesInfo div p.name span {
  color: #a9a9a9;
  font-size: 14px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through.margin-bottom {
  padding-bottom: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through.law-sections-title {
  padding-top: 10px;
  padding-bottom: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through.law-chapter-title {
  padding-bottom: 15px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .tiao-type {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content {
  width: 100%;
  text-indent: 32px;
  overflow-x: hidden;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-count {
  font-size: 14px;
  padding-right: 10px;
  position: relative;
  top: -1px;
  line-height: 1.75;
  text-indent: 0 !important;
  color: #a9a9a9;
  cursor: pointer;
  text-align: left;
  user-select: none;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-count:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-count.law-parenthese {
  cursor: inherit;
  padding-right: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-count.law-parenthese:hover {
  color: #a9a9a9 !important;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-msg-box {
  text-indent: 0;
  font-size: 14px;
  padding-right: 15px;
  cursor: pointer;
  border-left: 1px solid #ebebeb;
  padding-left: 20px;
  user-select: none;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-msg-box.refer-box-active,
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-msg-box:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-msg-box.refer-box-active i,
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-msg-box:hover i {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .visibility {
  visibility: inherit;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .i-add-search-report {
  max-height: 28px;
  line-height: 28px;
  display: inline-block;
  text-indent: 0;
  margin-right: 5px;
  position: relative;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .i-add-search-report a {
  height: 28px;
  display: inline-block;
  line-height: 28px;
  text-indent: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .i-add-search-report a i {
  position: relative;
  left: 0;
  top: 2px;
  font-size: 16px;
  color: #cdc9c5;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .i-add-search-report a span {
  position: relative;
  top: -1px;
  padding-right: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .i-add-search-report a .ibass-done {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .i-add-search-report .confirm-add:hover i {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through:hover .refer-count {
  text-align: center;
  z-index: 100;
  color: #a9a9a9;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through:hover .refer-count:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through:hover .i-add-search-report {
  visibility: initial;
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through p {
  line-height: 28px;
  font-size: 16px;
  display: inline-block;
  word-wrap: break-word;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through p:hover {
  text-align: inherit;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through table td p {
  width: auto;
  display: block;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .subheading {
  margin: 15px 0 10px;
  font-weight: bold;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .main-title {
  margin-top: 30px;
  font-size: 18px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .common-title {
  font-weight: bold;
  margin-bottom: 5px;
  padding-top: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .credit_line {
  text-align: center !important;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .indicate {
  text-indent: 2em;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .text-align-right {
  text-align: right !important;
  font-weight: normal !important;
  font-size: 16px !important;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .law-matter.law-interpretation {
  text-indent: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .law-matter.law-interpretation .content-title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  display: block;
  margin-top: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .law-matter.law-interpretation .content-title:first-child {
  margin-top: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .law-matter.law-interpretation p {
  font-size: 14px;
  text-indent: 2em;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .law-matter.law-interpretation .content-notes {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .law-matter.law-interpretation .content-bottom {
  font-size: 12px;
  color: #a9a9a9;
  margin-top: 30px;
  display: block;
  position: relative;
  text-indent: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .law-matter.law-interpretation .content-bottom::before {
  content: '';
  position: absolute;
  width: 200px;
  height: 2px;
  border-top: 2px solid #ccc;
  top: -10px;
  left: 0;
}
.bigData-laws-detail .laws-detail-content .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 110px;
  bottom: 300px;
  width: 207px !important;
  padding-top: 20px;
  background-color: #fff;
  z-index: 90;
}
.bigData-laws-detail .laws-detail-content .content-right .after-clear {
  margin-top: -35px;
  text-align: right;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-right .right input {
  padding-left: 5px;
  width: 40px;
  height: 26px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu {
  position: relative;
  margin-bottom: 30px;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .overflow {
  width: 207px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 0 0 0;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul {
  position: relative;
  left: 2px;
  max-height: 600px;
  margin-left: 6px;
  overflow-x: visible;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul:before,
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -1px;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul:before {
  top: 0px;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul:after {
  bottom: 0;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul .vertical-line {
  position: absolute;
  width: 1px;
  height: 77%;
  background: #f0f0f0;
  margin: 10px 0;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul li {
  padding-left: 20px;
  min-height: 30px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul li .user-define-dot {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: var(--default);
  left: -7px;
  top: 8px;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: -2px;
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul .is-indent {
  padding-left: 34px;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul li:hover {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul li.active {
  color: var(--default);
  font-weight: bold;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul li.active i {
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 30px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .top-btn,
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .bottom-btn {
  width: 15px;
  height: 15px;
  background: url("/tool/bigData/images/index-scroll-up.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .top-btn {
  position: absolute;
  top: 26px;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .top-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu .bottom-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container {
  padding-top: 25px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box {
  overflow-y: auto;
  height: 800px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 2000px) {
  .bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box {
    height: 800px;
  }
}
@media screen and (max-width: 1440px) {
  .bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box {
    height: 500px;
    overflow-y: auto;
  }
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box {
  padding-bottom: 25px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-type {
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item {
  cursor: pointer;
  padding: 8px 0;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item div {
  vertical-align: top;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item .icon-box {
  padding-right: 3px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item .icon-box i {
  font-size: 12px;
  position: relative;
  top: -1px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item .item-des {
  text-align: justify;
  padding-right: 5px;
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 1.43;
  color: #4a4a4a;
  max-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item:hover {
  background: #f8f8f9;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item:hover i {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-view-more {
  cursor: pointer;
  padding-top: 8px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-view-more i {
  position: relative;
  top: 1px;
  color: #cdc9c5;
  font-size: 12px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-view-more span {
  position: relative;
  left: -2px;
  font-size: 14px;
  color: #a9a9a9;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-view-more:hover i,
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-view-more:hover span {
  color: var(--default);
}
.bigData-laws-detail .laws-detail-content .content-right .baseInfo {
  padding: 10px 15px 15px;
  background: #f8f8f9;
  border-radius: 5px;
}
.bigData-laws-detail .laws-detail-content .content-right .baseInfo h6 {
  line-height: 22px;
  font-size: 16px;
  margin: 8px 0;
}
.bigData-laws-detail .laws-detail-content .content-right .baseInfo div {
  border-bottom: 1px solid #f0f0f0;
}
.bigData-laws-detail .laws-detail-content .content-right .baseInfo div:last-child {
  border-bottom: 0;
}
.bigData-laws-detail .laws-detail-content .content-right .baseInfo div p:first-child {
  line-height: 25px;
  margin-top: 5px;
  color: #737373;
}
.bigData-laws-detail .laws-detail-content .content-right .baseInfo div p:nth-child(2) {
  line-height: 25px;
  padding-left: 19px;
}
.bigData-laws-detail .laws-detail-content .content-right .baseInfo div p:nth-child(3) > span {
  display: block;
  padding-left: 19px;
}
.bigData-laws-detail .laws-detail-content .content-right .baseInfo div p:nth-child(3) > span span:nth-child(1) {
  color: #737373;
}
.bigData-laws-detail .icon-trangle {
  font-size: 12px;
  color: #4a4a4a;
  vertical-align: top;
}
.bigData-laws-detail .icon-trangle:hover {
  color: var(--default);
}
.bigData-laws-detail .icon-trangle.unvisiable {
  visibility: hidden;
}
.bigData-laws-detail .max-width {
  max-width: 96%;
}
.select-download-type {
  width: 160px;
  margin-left: -108px;
}
.select-download-type .ns-popover-tooltip {
  width: 160px;
  margin: 0 !important;
}
.select-download-type .ns-popover-tooltip .ns-popover-items {
  margin-top: 10px;
}
.select-download-type .ns-popover-tooltip .ns-popover-items i {
  margin-right: 7px;
  font-size: 16px;
  color: var(--default);
}
.select-download-type .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  padding-right: 16px;
  padding-left: 16px;
}
.select-download-type .ns-popover-tooltip .ns-popover-items .ns-popover-item span {
  position: relative;
  top: -2px;
}
.ns-popover-tooltip.ns-pop-fast-menu {
  margin-left: -180px !important;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu ul {
  margin: 0;
}
.fast-menu-option {
  position: absolute;
  top: 70px;
  left: -25px;
  z-index: 100;
  background-color: #F98818;
  border-radius: 0px 8px 8px 0px;
}
.fast-menu-option .catalog-text-container {
  padding: 11px 15px 12px;
  display: block;
}
.fast-menu-option .catalog-text-container .catalog-text {
  width: 14px;
  font-size: 14px;
  display: block;
  line-height: 1.1;
  color: #ffffff;
}
.my-fast-menu-new {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  text-align: left;
  padding: 24px 18px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 330px;
  box-sizing: border-box;
  z-index: 500;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop,
.my-fast-menu-new .fast-menu-pop {
  margin-bottom: 15px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .after-clear,
.my-fast-menu-new .fast-menu-pop .after-clear {
  margin-top: -35px;
  text-align: right;
  cursor: pointer;
  color: #737373;
  font-weight: normal;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .after-clear input,
.my-fast-menu-new .fast-menu-pop .after-clear input {
  padding-left: 5px;
  width: 40px;
  height: 26px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu,
.my-fast-menu-new .fast-menu-pop .fast-menu {
  position: relative;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu h6,
.my-fast-menu-new .fast-menu-pop .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 22px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu h6 .catalog-icon,
.my-fast-menu-new .fast-menu-pop .fast-menu h6 .catalog-icon {
  vertical-align: middle;
  margin-right: 6px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu h6 span,
.my-fast-menu-new .fast-menu-pop .fast-menu h6 span {
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  color: #FA8919;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu p,
.my-fast-menu-new .fast-menu-pop .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow {
  width: 290px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 8px 0 0;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow .list-bold-text,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow .list-bold-text {
  font-weight: 500;
  color: #333333;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow::-webkit-scrollbar,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow::-webkit-scrollbar-thumb,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow:hover::-webkit-scrollbar-thumb,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow:hover::-webkit-scrollbar,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow .list-catalog-item,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow .list-catalog-item {
  display: flex;
  align-items: flex-start;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow .list-catalog-item .ibass-minus-round,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow .list-catalog-item .ibass-minus-round {
  display: block;
  margin: 0px 8px 0px 0px;
  position: relative;
  top: 0px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow .list-catalog-item .ibass-add-round,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow .list-catalog-item .ibass-add-round {
  margin: 0px 8px 0px 0px;
  display: block;
  position: relative;
  top: 0px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow .list-catalog-item .ibass-dot,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow .list-catalog-item .ibass-dot {
  display: block;
  margin: 0px 8px 0px 0px;
  position: relative;
  top: 0px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow .list-catalog-item:hover .ibass-dot,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow .list-catalog-item:hover .ibass-dot {
  color: #ed6c00;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow:hover::-webkit-scrollbar-thumb,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow::-webkit-scrollbar-thumb,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .overflow::-webkit-scrollbar-thumb:hover,
.my-fast-menu-new .fast-menu-pop .fast-menu .overflow::-webkit-scrollbar-thumb:hover {
  background-color: #999999;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul,
.my-fast-menu-new .fast-menu-pop .fast-menu ul {
  position: relative;
  max-height: 600px;
  overflow-x: visible;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul .vertical-line,
.my-fast-menu-new .fast-menu-pop .fast-menu ul .vertical-line {
  position: absolute;
  width: 1px;
  height: 77%;
  background: #f0f0f0;
  margin: 10px 0;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul li,
.my-fast-menu-new .fast-menu-pop .fast-menu ul li {
  color: #4a4a4a;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 16px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul li i,
.my-fast-menu-new .fast-menu-pop .fast-menu ul li i {
  margin-top: 6px;
  margin-bottom: 6px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul li .user-define-dot,
.my-fast-menu-new .fast-menu-pop .fast-menu ul li .user-define-dot {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #ed6c00;
  left: -7px;
  top: 7px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul li .user-define-line,
.my-fast-menu-new .fast-menu-pop .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: 4px;
  color: #ed6c00;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul li .ibass-dot,
.my-fast-menu-new .fast-menu-pop .fast-menu ul li .ibass-dot {
  font-size: 4px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul .is-indent,
.my-fast-menu-new .fast-menu-pop .fast-menu ul .is-indent {
  color: #737373;
  padding-left: 16px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul .is-3indent,
.my-fast-menu-new .fast-menu-pop .fast-menu ul .is-3indent {
  padding-left: 32px;
  color: #737373;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul .is-4indent,
.my-fast-menu-new .fast-menu-pop .fast-menu ul .is-4indent {
  padding-left: 48px;
  color: #737373;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul li:hover,
.my-fast-menu-new .fast-menu-pop .fast-menu ul li:hover {
  color: #ed6c00;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul li:hover .list-bold-text,
.my-fast-menu-new .fast-menu-pop .fast-menu ul li:hover .list-bold-text {
  font-weight: 500;
  color: #ed6c00;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul li.active,
.my-fast-menu-new .fast-menu-pop .fast-menu ul li.active {
  color: #ed6c00;
  font-weight: bold;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul li.active i,
.my-fast-menu-new .fast-menu-pop .fast-menu ul li.active i {
  display: inline-block;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul .list-text.active,
.my-fast-menu-new .fast-menu-pop .fast-menu ul .list-text.active {
  color: #ed6c00;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu ul .list-text.active .list-bold-text,
.my-fast-menu-new .fast-menu-pop .fast-menu ul .list-text.active .list-bold-text {
  color: #ed6c00;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .left-line,
.my-fast-menu-new .fast-menu-pop .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 42px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .top-btn,
.my-fast-menu-new .fast-menu-pop .fast-menu .top-btn,
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .bottom-btn,
.my-fast-menu-new .fast-menu-pop .fast-menu .bottom-btn {
  width: 15px;
  height: 15px;
  background: url("/tool/bigData/images/index-scroll-up.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .top-btn,
.my-fast-menu-new .fast-menu-pop .fast-menu .top-btn {
  position: absolute;
  top: 28px;
  left: -1px;
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .top-btn:hover,
.my-fast-menu-new .fast-menu-pop .fast-menu .top-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .bottom-btn,
.my-fast-menu-new .fast-menu-pop .fast-menu .bottom-btn {
  margin-top: 10px;
  margin-left: -1px;
  position: absolute;
  bottom: 0px;
  transform: rotate(180deg);
}
.ns-popover-tooltip-theme .ns-popover-tooltip.ns-pop-fast-menu .fast-menu-pop .fast-menu .bottom-btn:hover,
.my-fast-menu-new .fast-menu-pop .fast-menu .bottom-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

.bigData-laws-detail.law-detail-print {
  margin: auto;
  width: 700px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left,
.bigData-laws-detail.law-detail-print .bigData-laws-detail {
  background: white !important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-through.laws-info.laws-title,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .laws-through.laws-info.laws-title {
  border: none;
  font-size: 21px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .credit_line,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .credit_line {
  color: #4a4a4a;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: normal;
  line-height: 32px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-base-info,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .laws-base-info {
  line-height: 40px;
  padding-top: 10px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .base-info-name,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .base-info-name {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  width: 80px;
  padding-bottom: 0px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .base-info-value,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .base-info-value {
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 18px;
  padding-bottom: 0px;
}
.bigData-laws-detail.law-detail-print .lawregu_link {
  color: inherit !important;
}
.bigData-laws-detail.law-detail-print .law-download-header {
  padding-top: 20px;
  height: 40px;
  position: relative;
}
.bigData-laws-detail.law-detail-print .law-download-header.laws-info {
  border: none !important;
}
.bigData-laws-detail.law-detail-print .law-download-header .credit_line {
  font-size: 16px;
}
.bigData-laws-detail.law-detail-print .law-download-header .first-label {
  position: absolute;
  border-bottom: 2px solid silver;
  border-right: 2px solid silver;
  display: inline-block;
  width: 40px;
  height: 20px;
  top: 30px;
  left: -40px;
}
.bigData-laws-detail.law-detail-print .law-download-header .credit_line {
  width: 800px;
  border-bottom: 1px solid black !important;
}
.bigData-laws-detail.law-detail-print .law-download-header .sec-label {
  position: absolute;
  border-bottom: 2px solid silver;
  border-left: 2px solid silver;
  display: inline-block;
  width: 40px;
  height: 20px;
  top: 30px;
  right: -40px;
}
.bigData-laws-detail.law-detail-print .law-download-header .sec-line {
  width: 90%;
  display: inline-block;
  border-top: 1px solid silver ;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-through .credit_line {
  width: 100% !important;
  text-align: center !important;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-info.laws-base-info {
  margin-left: 20px !important;
  border: none !important;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-info.laws-title h1 {
  text-align: center;
}
.bigData-laws-detail.law-detail-print .law-title {
  font-size: 22px;
  text-align: left;
  color: #4a4a4a;
  font-weight: normal;
  margin-left: 30px;
  display: inline-block;
}
.bigData-laws-detail.law-detail-print .law-catalog {
  margin-bottom: 50px;
}
.bigData-laws-detail.law-detail-print .law-catalog h1 {
  text-align: center;
}
.bigData-laws-detail.law-detail-print .law-catalog .law-catalog-item {
  font-size: 18px;
  margin-left: 20px;
  line-height: 40px;
}
.bigData-laws-detail.law-detail-print .law-catalog .is-indent {
  padding-left: 34px;
  font-weight: 400;
}
.bigData-laws-detail.law-detail-print .simple-mode .laws-through p {
  line-height: 36px;
  letter-spacing: 2px;
}
.bigData-laws-detail.law-detail-print .simple-mode .laws-through .content {
  font-size: 18px;
}
.bigData-laws-detail.law-detail-print .simple-mode .laws-through .common-title {
  line-height: 44px;
}
.bigData-laws-detail.law-detail-print .simple-mode .laws-through .common-title .content {
  font-size: 20px;
}
.bigData-laws-detail.law-detail-print .simple-mode .laws-through .law-sections-title {
  font-weight: 500;
  line-height: 40px;
}
.bigData-laws-detail.law-detail-print .simple-mode .laws-through .tiao-type {
  font-size: 18px;
  color: #000;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-proDoc-Detail {
  width: 1000px;
  position: relative;
  background: #fff;
  min-height: 1486px;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  display: table;
}
.bigData-proDoc-Detail .search-in-page {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 20;
  top: 80px !important;
}
.bigData-proDoc-Detail .cursor {
  cursor: pointer;
}
.bigData-proDoc-Detail .left {
  float: left;
  position: relative;
}
.bigData-proDoc-Detail .bigdata_query_highlight {
  color: red;
}
.bigData-proDoc-Detail i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-proDoc-Detail .cDownFile {
  width: 100%;
}
.bigData-proDoc-Detail .caseDetail-head {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0px;
  background: white;
  z-index: 100;
  min-height: 68px;
  line-height: 28px;
  padding: 0px 30px 0 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.bigData-proDoc-Detail .caseDetail-head .tit {
  display: inline-block;
  max-width: 700px;
  margin-left: 5px;
}
.bigData-proDoc-Detail .caseDetail-head .left {
  top: 20px;
  padding-bottom: 15px;
  width: 1150px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-proDoc-Detail .caseDetail-head .left i {
  font-size: 24px;
  color: var(--default);
  position: relative;
  top: -1px;
}
.bigData-proDoc-Detail .caseDetail-head .left span,
.bigData-proDoc-Detail .caseDetail-head .left font {
  font-size: 20px;
  color: #4a4a4a;
  vertical-align: top;
}
.bigData-proDoc-Detail .caseDetail-head .goBack i {
  color: var(--default);
  font-size: 22px;
  top: 5px;
}
.bigData-proDoc-Detail .caseDetail-head .goBack span {
  font-size: 16px;
  display: inline-block;
  text-indent: 5px;
}
.bigData-proDoc-Detail .caseDetail-head .elect {
  float: right;
  position: absolute;
  top: 20px;
  right: 20px;
}
.bigData-proDoc-Detail .caseDetail-head .elect p {
  float: left;
}
.bigData-proDoc-Detail .caseDetail-head .elect p i {
  color: #cdc9c5;
  display: inline-block;
  width: 49px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.bigData-proDoc-Detail .caseDetail-head .elect p i.ibass-arrow-next {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.bigData-proDoc-Detail .caseDetail-head .elect p i.ibass-close {
  font-size: 16px;
}
.bigData-proDoc-Detail .caseDetail-head .elect .i-add-search-report {
  position: relative;
  top: -4px;
  float: left;
  height: 28px;
  line-height: 28px;
  padding-left: 15px;
}
.bigData-proDoc-Detail .caseDetail-head .elect .i-add-search-report span {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-proDoc-Detail .caseDetail-head .elect .download i {
  width: 16px;
  margin-right: 5px;
  font-size: 16px;
}
.bigData-proDoc-Detail .caseDetail-head .elect .download span {
  position: relative;
  top: -1px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-proDoc-Detail .caseDetail-head .elect .download :hover i,
.bigData-proDoc-Detail .caseDetail-head .elect .download :hover span {
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content {
  display: flex;
}
.bigData-proDoc-Detail .caseDetail-content .content-left {
  width: 970px;
  box-sizing: border-box;
  padding: 20px 50px 200px 63px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left p {
  width: 820px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .tit {
  padding-left: 7px;
  padding-bottom: 14px;
  line-height: 28px;
  font-size: 20px;
  color: #353535;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .keyword {
  padding-left: 7px;
  margin-bottom: 10px;
  color: var(--default);
  line-height: 20px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .keyword span {
  display: inline-block;
  text-indent: 5px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .keyword span:first-child {
  text-indent: 0;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .empty-reason {
  margin-top: 30px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .empty-reason .empty-header {
  border-radius: 3px;
  background: #fff9c4;
  padding: 10px;
  display: inline-block;
  min-width: 560px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .empty-reason .empty-content {
  margin-top: 20px;
  width: 547px;
  color: #737373;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .empty-reason .empty-content .empty-content-header {
  color: #4a4a4a;
  font-weight: 500;
  margin-bottom: 16px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo {
  width: 857px;
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 5px;
  margin-top: -15px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo .case-header-info .cursor:hover {
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo .case-header-info .black {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #4a4a4a;
  padding-bottom: 5px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-left {
  margin: 14px 0px;
  float: left;
  padding: 0 15px;
  min-height: 70px;
  width: 180px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-right {
  margin: 14px 0px;
  padding: 0 15px;
  float: left;
  min-height: 70px;
  font-weight: 500;
  border-left: 1px solid #f0f0f0;
  width: 180px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-right .time {
  font-weight: normal;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo .case-header-info .no-border-right {
  border-right: 1px solid transparent;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo .subhead {
  display: inline-block;
  margin-right: 20px;
  line-height: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo .lawRule,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo .time {
  display: inline-block;
  margin-right: 20px;
  color: #a9a9a9;
  padding-bottom: 4px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseInfo i {
  float: right;
  color: #cdc9c5;
  font-size: 16px;
  margin: 0 7px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .expanded {
  overflow: hidden;
  transition: all .2s ease;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .align-left {
  text-align: left;
  cursor: pointer;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .align-left:hover .ibass-km {
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .align-left:hover .popular-title {
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .align-left .download {
  float: right;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .align-left .download .select-count {
  margin-right: 10px;
  height: 17px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .align-left .download button {
  width: 100px;
  height: 32px;
  border: none;
  border-radius: 20px;
  background-color: var(--default);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .align-left .download button span,
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .align-left .download button i {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .ibass-km {
  color: var(--default);
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .visited .popular-title {
  color: #737373;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .visited .ibass-km {
  color: #cdc9c5;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-title {
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items {
  margin: 10px 0px 25px 0px;
  border-bottom: 1px solid var(--default);
  width: 865px;
  background-color: #f8f8f9;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items .total-info {
  padding: 15px 0px;
  color: #a9a9a9;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items .last {
  padding-bottom: 15px !important;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items .item {
  margin-left: 18px;
  margin-right: 18px;
  padding-bottom: 10px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items .item .full-name.lawregu_link {
  color: #4a4a4a !important;
  text-decoration: inherit !important;
  cursor: pointer;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items .item .full-name.lawregu_link:hover {
  color: var(--default) !important;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items .item .number {
  cursor: pointer;
  color: #a9a9a9;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items .item .number:hover {
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items i {
  cursor: pointer;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .popular-items .ibass-checked {
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-left h6 {
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left h6 i {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-left .partiesInfo {
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .partiesInfo div p:first-child {
  color: #737373;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .partiesInfo div p.name {
  padding-bottom: 7px;
  color: #232323;
  font-size: 16px;
  padding-left: 30px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .partiesInfo div p.name span {
  color: #a9a9a9;
  font-size: 14px;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseThrough,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseAccuser {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
  position: relative;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseThrough .ibass-dot,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseAccuser .ibass-dot {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseThrough p,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseAccuser p {
  line-height: 35px;
  font-size: 16px;
  white-space: pre-wrap;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseThrough table,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseAccuser table {
  width: 100%;
  word-break: break-all;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .caseThrough table,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseAccuser table,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseThrough tr,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseAccuser tr,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseThrough td,
.bigData-proDoc-Detail .caseDetail-content .content-left .caseAccuser td {
  border: 1px solid #cdc9c5;
  border-collapse: collapse;
  text-align: center;
}
.bigData-proDoc-Detail .caseDetail-content .content-left > div:last-child {
  border: 0;
}
.bigData-proDoc-Detail .caseDetail-content .margin-top {
  margin-top: 20px;
}
.bigData-proDoc-Detail .caseDetail-content .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 80px;
  bottom: 300px;
  width: 205px !important;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu {
  position: relative;
  margin-bottom: 30px;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .overflow {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 0 0 0;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul {
  position: relative;
  left: 2px;
  max-height: 420px;
  margin-left: 6px;
  overflow-x: visible;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul:before,
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -1px;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul:before {
  top: 0px;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul:after {
  bottom: 0;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul li {
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul li .user-define-dot {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: var(--default);
  left: -7px;
  top: 8px;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: -2px;
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul li:hover {
  color: var(--default);
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul li.active {
  color: var(--default);
  font-weight: bold;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul li.active i {
  display: inline-block;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 80px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .top-btn,
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .bottom-btn {
  width: 15px;
  height: 15px;
  background: url("/tool/bigData/images/index-scroll-up.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .top-btn {
  position: absolute;
  top: 66px;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .top-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu .bottom-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-caseSearch .sure-search {
  width: 260px;
  height: 80px;
  position: fixed;
  bottom: 0px;
  z-index: 100;
  border-radius: 0px 0px 0px 10px;
  background-color: #ffffff;
  margin: auto;
}
.bigData-caseSearch .sure-search label {
  cursor: pointer;
  position: relative;
  top: 20px;
  left: 17px;
  color: #a9a9a9;
}
.bigData-caseSearch .sure-search button {
  position: relative;
  top: 20px;
  left: 90px;
  width: 110px;
  height: 36px;
  border-radius: 20px;
  background-color: var(--default);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.bigData-caseSearch .sure-search button span {
  color: white;
}
.bigData-caseSearch .caseTree.case-left-container .tit {
  position: relative;
}
.bigData-caseSearch .caseTree.case-left-container .new-tag {
  position: relative;
  left: -12px;
  top: 2px;
  display: inline-block;
  border-radius: 16px;
  background-image: linear-gradient(to left, #f97550 107%, #e85b48 -10%);
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  width: 68px;
  height: 32px;
  transform: scale(0.5);
  line-height: 32px;
  text-align: center;
}
.bigData-caseSearch .caseTree.case-left-container .tree-classic {
  max-height: none;
}
.bigData-caseSearch .caseTree .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.bigData-caseSearch .caseTree .cg-busy.cg-busy-backdrop.cg-busy-backdrop-animation {
  opacity: 0;
}
.bigData-caseSearch .caseTree > div treecontrol {
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
.bigData-caseSearch .caseTree > div treecontrol ul {
  margin-left: -200px;
  padding-left: 200px;
  /*li > i {
            float: left;
          }*/
}
.bigData-caseSearch .caseTree > div treecontrol ul li {
  padding-left: 0;
}
.bigData-caseSearch .caseTree > div treecontrol ul li i {
  float: left;
}
.bigData-caseSearch .caseTree > div treecontrol ul li .tree-branch-head,
.bigData-caseSearch .caseTree > div treecontrol ul li .tree-leaf-head {
  margin-left: 8px;
  padding: 1px 5px 1px 0;
}
.bigData-caseSearch .caseTree > div treecontrol ul li .ibass-checked {
  color: var(--default);
}
.bigData-caseSearch .caseTree > div treecontrol ul li .ibass-checkbox {
  display: none;
}
.bigData-caseSearch .caseTree > div treecontrol ul li:hover .ibass-checkbox {
  display: inline-block;
}
.bigData-caseSearch .caseTree > div treecontrol ul li.tree-expanded i.tree-leaf-head {
  margin-left: 12px;
}
.bigData-caseSearch .caseTree > div .bigdata-result-tree-li {
  padding-left: 15px;
}
.bigData-caseSearch .caseTree > div .bigdata-result-tree-li > div {
  margin-left: 0 !important;
  background-color: transparent !important;
}
.bigData-caseSearch .caseTree .feature-results li {
  padding-left: 0;
}
.bigData-caseSearch .caseTree .feature-results i.tree-leaf-head {
  margin-left: 0;
}
.bigData-caseSearch .caseTree .feature-results .tree-label {
  font-weight: 600;
}
.bigData-caseSearch .caseTree .sift-tag :before {
  color: #cdc9c5;
}
.bigData-caseSearch .caseTree .tree-classic {
  display: block;
  max-height: 230px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 300ms ease height;
}
.bigData-caseSearch .caseTree .tree-classic::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-caseSearch .caseTree .tree-classic::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-caseSearch .caseTree .tree-classic:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-caseSearch .caseTree .tree-classic:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-caseSearch .caseTree .tree-classic .ibass-checked,
.bigData-caseSearch .caseTree .tree-classic .ibass-checkbox {
  position: absolute;
  left: 0px;
}
.bigData-caseSearch .caseTree .collapsing {
  overflow: hidden !important;
}
.bigData-caseSearch .caseAll-aside-left-in {
  left: 0 !important;
}
.bigData-caseSearch .caseAll-aside-left {
  transition: left .3s;
  position: absolute;
  top: 0;
  left: -260px;
  bottom: 0;
  background: #f8f8f9;
  width: 260px;
  box-sizing: border-box;
  padding-left: 15px;
  border-right: 1px solid #f0f0f0;
  overflow-y: auto;
  max-height: 3080px;
}
.bigData-caseSearch .caseAll-aside-left .cg-busy {
  background-color: #f8f8f9;
}
.bigData-caseSearch .caseAll-aside-left .cg-busy .loading {
  background-color: #f8f8f9;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case {
  margin-top: 50px;
  display: inline-block;
  text-align: left;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case .tit {
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case i {
  color: #cdc9c5;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case p {
  cursor: pointer;
  margin: 8px 0 0 15px;
  position: relative;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case p i {
  float: left;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case p span {
  display: inline-block;
  width: 160px;
  margin-left: 5px;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case .ibass-clause {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: -30px;
  top: 0;
  color: #cdc9c5;
}
.bigData-caseSearch .caseAll-aside-left .aside-all-case .ibass-clause:hover {
  color: var(--default);
}
.bigData-caseSearch .ncc-more {
  width: 130px;
  height: 32px;
  border-radius: 20px;
  background-color: #ffffff;
  color: #4a4a4a;
  font-size: 12px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  margin-left: 50px;
  margin-top: 25px;
  line-height: 32px;
  text-align: center;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.advanced-search-container.active {
  margin-bottom: 20px;
  overflow: inherit;
}
.advanced-search-container {
  width: 626px;
  border-radius: 8px;
  overflow: hidden;
  border: solid 1px #ebebeb;
  position: relative;
  left: 0;
  right: 0;
  transition: all .4s linear;
}
.advanced-search-container .adv-content-container {
  display: flex;
  flex-wrap: nowrap;
}
.advanced-search-container .adv-content-container .left-box {
  flex: 1;
}
.advanced-search-container.not-case-adv-search {
  position: relative;
  right: 0;
  left: 0;
  overflow: hidden;
}
.advanced-search-container.is-case-adv-search {
  width: 796px;
  left: -85px;
  right: 85px;
}
.advanced-search-container.is-case-adv-search .no-dim-hint {
  padding: 60px 10px 10px;
  text-align: center;
}
.advanced-search-container.is-case-adv-search .no-dim-hint .desc {
  color: #999;
}
.advanced-search-container.is-case-adv-search .no-dim-hint .img-box {
  height: 120px;
  display: inline-block;
}
.advanced-search-container.is-case-adv-search .no-dim-hint .img-box img {
  height: 100%;
}
.advanced-search-container.is-case-adv-search .case-adv-container .select-content {
  display: flex;
  flex-wrap: nowrap;
}
.advanced-search-container.is-case-adv-search .case-adv-container .select-content .move-dimension-container {
  width: 48px;
  padding-top: 10px;
}
.advanced-search-container.is-case-adv-search .case-adv-container .select-content .move-dimension-container i.ibass-minus-fill {
  float: right;
  padding-right: 10px;
}
.advanced-search-container.is-case-adv-search .case-adv-container .tags-result-dimension .show-two-line {
  height: 68px;
  transition: height .4s ease;
  overflow: hidden;
}
.advanced-search-container.is-case-adv-search .case-adv-container .tags-result-dimension .show-more-line {
  height: auto;
}
.advanced-search-container.is-case-adv-search .case-adv-container .tags-result-dimension .show-more {
  text-align: right;
  padding-right: 48px;
  padding-top: 5px;
}
.advanced-search-container.is-case-adv-search .case-adv-container .tags-result-dimension .show-more .show-more-btn {
  display: inline-block;
  cursor: pointer;
}
.advanced-search-container.is-case-adv-search .case-adv-container .tags-result-dimension .show-more .show-more-btn:hover {
  color: var(--default);
}
.advanced-search-container.is-case-adv-search .case-adv-container .tags-result-dimension .show-more .show-more-btn:hover i {
  color: var(--default);
}
.advanced-search-container.is-case-adv-search .case-adv-container .select-item-container {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
}
.advanced-search-container.is-case-adv-search .case-adv-container .select-item-container .select-item-repeat {
  margin-top: 5px;
  width: 128px;
  display: flex;
  box-sizing: border-box;
  flex-wrap: nowrap;
}
.advanced-search-container.is-case-adv-search .case-adv-container .select-item-container .select-item-repeat i {
  padding-right: 5px;
}
.advanced-search-container.is-case-adv-search .case-adv-container .select-item-container .select-item-repeat i.ibass-checked {
  color: var(--default);
}
.advanced-search-container.is-case-adv-search .case-adv-container .item {
  border: 1px dashed transparent;
  margin: 2px 10px 0;
  padding-bottom: 2px;
  position: relative;
}
.advanced-search-container.is-case-adv-search .case-adv-container .item.item-new-add {
  transition: border .4s ease;
  border: 1px dashed var(--default);
}
.advanced-search-container.is-case-adv-search .case-adv-container .item .item-modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 23px;
  z-index: 10;
}
.advanced-search-container.is-case-adv-search .case-adv-container .dndPlaceholder {
  display: block;
  background-color: #ddd;
  padding: 10px 15px;
  min-height: 42px;
}
.advanced-search-container.is-case-adv-search .left-box section.section.case-adv-modify .item:hover {
  border: 1px dashed var(--default);
  transform: scale(1);
  opacity: 1;
}
.advanced-search-container.is-case-adv-search .left-box section.section.case-adv-modify .dimension .move-dimension-container {
  width: 24px;
}
.advanced-search-container.is-case-adv-search .left-box section.section.case-adv-modify .dimension .move-dimension-container i.ibass-add-fill {
  display: none !important;
}
.advanced-search-container.is-case-adv-search .left-box section.section.case-adv-modify .item {
  cursor: move;
  transform: scale(0.9);
  opacity: 0.6;
}
.advanced-search-container.is-case-adv-search .left-box section.section .result-type-condition {
  font-size: 12px;
  padding-left: 60px;
  line-height: 21px;
}
.advanced-search-container.is-case-adv-search .left-box section.section .result-type-condition span {
  color: #a9a9a9;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension {
  margin-right: 10px;
  margin-left: 10px;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.judge-time .ibass-minus-fill {
  margin-left: 10px;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.judge-time .ibass-trig-down {
  padding-top: 12px;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.judge-time span {
  padding-top: 12px;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.new-quote-law-box {
  padding-right: 0px;
  flex-direction: row;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.new-quote-law-box .law-quote-container {
  flex: 1;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.new-quote-law-box .law-quote-container input {
  width: 100%;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.new-quote-law-box .law-quote-container .law-quote-wrapper::after {
  display: block;
  content: "";
  clear: both;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.new-quote-law-box .law-button {
  position: static;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension input {
  flex: 1;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension .move-dimension-container {
  box-sizing: border-box;
  width: 48px;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension .move-dimension-container i.ibass-add-fill {
  float: left;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension .move-dimension-container i.ibass-minus-fill {
  float: right;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.exist-search-mode .word-count {
  margin-left: 0px;
  position: absolute;
  right: 135px;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.target span.to-span {
  margin-left: 22px;
  padding-top: 12px;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.target .target-content {
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.target input,
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.target .ibass-minus-fill,
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.target .ibass-add-fill {
  float: none;
  flex: none;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.target span {
  color: #737373;
  margin: 0 14px 0 14px;
}
.advanced-search-container.is-case-adv-search .left-box section.section .dimension.crime-amount.target .unit {
  margin-left: -24px !important;
  padding-top: 12px;
}
.advanced-search-container.is-case-adv-search .left-box section.section .header-container {
  margin-left: 10px;
}
.advanced-search-container .left-header {
  overflow: hidden;
  line-height: 20px;
  margin: 20px 0 0 0;
}
.advanced-search-container .left-header .adv-guide-contianer .adv-guide-item {
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: -2px;
}
.advanced-search-container .left-header .adv-guide-contianer .adv-guide-item i {
  position: relative;
  top: 3px;
}
.advanced-search-container .left-header .adv-guide-contianer .adv-guide-item:hover span,
.advanced-search-container .left-header .adv-guide-contianer .adv-guide-item:hover i {
  color: var(--default);
}
.advanced-search-container .left-header .h {
  color: #4a4a4a;
  font-weight: bold;
  margin-left: 20px;
}
.advanced-search-container .left-header span {
  font-size: 12px;
  color: #a9a9a9;
  margin-right: 16px;
}
.advanced-search-container .left-header .return {
  height: 20px;
  line-height: 16px;
}
.advanced-search-container .left-header .table-container {
  padding: 15px 0 0 20px;
  border-bottom: 1px solid #ebebeb;
}
.advanced-search-container .left-header .table-container .cnki-catalog {
  border-collapse: collapse;
}
.advanced-search-container .left-header .table-container .cnki-catalog tr {
  text-align: center;
}
.advanced-search-container .left-header .table-container .cnki-catalog tr td {
  width: 71px;
  height: 36px;
}
.advanced-search-container .left-header .table-container .cnki-catalog tr td.active {
  border-bottom: 2px solid #ed6c00;
}
.advanced-search-container .left-box {
  position: relative;
  width: 458px;
  min-height: 532px;
  line-height: normal;
}
.advanced-search-container .left-box .adv-header-options {
  margin-top: 10px;
  margin-bottom: -15px;
  text-align: right;
  padding-right: 20px;
}
.advanced-search-container .left-box .adv-header-options .text-option {
  font-size: 12px;
  display: inline-block;
  padding-left: 10px;
}
.advanced-search-container .left-box .adv-header-options .text-option.reset-option {
  margin-left: 10px;
  padding: 0 17px;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e8e8e8;
  border-radius: 50px;
  cursor: pointer;
  text-align: center;
  z-index: 3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.advanced-search-container .left-box .adv-header-options .text-option i {
  position: relative;
  top: 3px;
}
.advanced-search-container .left-box .adv-header-options .text-option:hover {
  color: var(--default);
  cursor: pointer;
}
.advanced-search-container .left-box .adv-header-options .text-option:hover i {
  color: var(--default);
}
.advanced-search-container .left-box .adv-header-options .modify-btn-container {
  display: inline-block;
}
.advanced-search-container .left-box section.section {
  margin-top: 20px;
  padding-bottom: 90px;
}
.advanced-search-container .left-box section.section .header-container {
  position: relative;
  top: 5px;
  height: 25px;
  line-height: 25px;
  margin: 5px 0 0 20px;
}
.advanced-search-container .left-box section.section .header-container label {
  font-size: 12px;
  color: #a9a9a9;
}
.advanced-search-container .left-box section.section .header-container .condition {
  position: relative;
  width: 130px;
  height: 25px;
  line-height: 21px;
  font-size: 12px;
  color: #a9a9a9;
  margin-left: 80px;
  cursor: pointer;
}
.advanced-search-container .left-box section.section .header-container .condition i {
  color: #a9a9a9;
  top: 3px;
}
.advanced-search-container .left-box section.section .header-container .condition span {
  margin-left: 3px;
}
.advanced-search-container .left-box section.section .header-container .condition:hover {
  color: var(--default);
}
.advanced-search-container .left-box section.section .dimension {
  position: relative;
  margin-left: 20px;
  min-height: 40px;
}
.advanced-search-container .left-box section.section .dimension:after {
  content: ' ';
  display: block;
  visibility: hidden;
  height: 0;
}
.advanced-search-container .left-box section.section .dimension input {
  position: relative;
  float: left;
  width: 370px;
  height: 40px;
  padding: 5px 50px 0 0;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  transition: all .2s;
  background: transparent;
}
.advanced-search-container .left-box section.section .dimension input::-webkit-input-placeholder {
  transition: all .15s linear;
  opacity: 0;
}
.advanced-search-container .left-box section.section .dimension input:focus::-webkit-input-placeholder {
  opacity: 1;
}
.advanced-search-container .left-box section.section .dimension .word-count {
  float: left;
  display: inline-block;
  width: 50px;
  height: 40px;
  line-height: 45px;
  margin-left: -50px;
  text-align: center;
  color: #737373;
}
.advanced-search-container .left-box section.section .dimension .search-mode {
  position: relative;
  top: -1px;
  float: left;
  width: 90px;
  height: 40px;
  line-height: 42px;
  margin-left: -100px;
  text-align: right;
  color: #a9a9a9;
  cursor: pointer;
}
.advanced-search-container .left-box section.section .dimension .search-mode:hover {
  color: var(--default);
}
.advanced-search-container .left-box section.section .dimension .search-mode.tag-search-mode i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: absolute;
  top: 2px;
  margin-left: -10px;
}
.advanced-search-container .left-box section.section .dimension .search-mode.tag-search-mode .label-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 90px;
  margin-right: 10px;
  overflow: hidden;
}
.advanced-search-container .left-box section.section .dimension .search-mode .select-search-mode {
  text-align: left;
}
.advanced-search-container .left-box section.section .dimension .search-mode .select-search-mode input {
  float: none;
  width: 24px;
  height: 30px;
  padding: 0;
  margin: 0 5px;
  text-align: center;
  color: var(--default);
  border-bottom: 1px solid #d8d8d8;
}
.advanced-search-container .left-box section.section .dimension .ibass-add-fill,
.advanced-search-container .left-box section.section .dimension .ibass-minus-fill {
  display: inline-block;
  height: 40px;
  line-height: 42px;
}
.advanced-search-container .left-box section.section .dimension .label-noactive {
  position: absolute;
  height: 20px;
  line-height: 20px;
  left: 0px;
  top: 30px;
  color: #a9a9a9;
}
.advanced-search-container .left-box section.section .dimension .label-active {
  position: absolute;
  height: 20px;
  line-height: 20px;
  left: 0;
  top: 30px;
  color: #a9a9a9;
  display: block;
}
.advanced-search-container .left-box section.section .dimension .law-use-text {
  top: 5px;
}
.advanced-search-container .left-box section.section .dimension .label-active,
.advanced-search-container .left-box section.section .dimension .label-noactive {
  font-size: 12px;
}
.advanced-search-container .left-box section.section .dimension .start-date,
.advanced-search-container .left-box section.section .dimension .end-date,
.advanced-search-container .left-box section.section .dimension .start-target,
.advanced-search-container .left-box section.section .dimension .end-target {
  width: 169px;
}
.advanced-search-container .left-box section.section .dimension .start-crime,
.advanced-search-container .left-box section.section .dimension .end-crime {
  width: 172px;
  padding-right: 40px;
}
.advanced-search-container .left-box section.section .dimension .ibass-minus-fill,
.advanced-search-container .left-box section.section .dimension .ibass-add-fill {
  margin-left: 10px;
}
.advanced-search-container .left-box section.section .dimension .start-target::-webkit-outer-spin-button,
.advanced-search-container .left-box section.section .dimension .end-target::-webkit-outer-spin-button,
.advanced-search-container .left-box section.section .dimension .start-target::-webkit-inner-spin-button,
.advanced-search-container .left-box section.section .dimension .end-target::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.advanced-search-container .left-box section.section .dimension span.unit {
  margin: 0 0 0 -35px !important;
}
.advanced-search-container .left-box section.section .dimension .time-limited-container,
.advanced-search-container .left-box section.section .dimension .eff-level-container,
.advanced-search-container .left-box section.section .dimension .hot-periodical-container,
.advanced-search-container .left-box section.section .dimension .dissertation-level-container,
.advanced-search-container .left-box section.section .dimension .newspaper-recommend-container,
.advanced-search-container .left-box section.section .dimension .standard-status-container {
  width: 376px;
  padding-bottom: 4px;
  margin-top: 10px;
  overflow: hidden;
  border-bottom: 1px solid #ececec;
}
.advanced-search-container .left-box section.section .dimension .time-limited-repeat,
.advanced-search-container .left-box section.section .dimension .eff-level-repeat,
.advanced-search-container .left-box section.section .dimension .hot-periodical-repeat,
.advanced-search-container .left-box section.section .dimension .dissertation-level-repeat,
.advanced-search-container .left-box section.section .dimension .newspaper-recommend-repeat,
.advanced-search-container .left-box section.section .dimension .standard-status-repeat {
  float: left;
  margin: 0 0 5px 0;
  min-width: 33%;
  height: 20px;
  line-height: 16px;
}
.advanced-search-container .left-box section.section .dimension .time-limited-repeat .ibass-checked,
.advanced-search-container .left-box section.section .dimension .eff-level-repeat .ibass-checked,
.advanced-search-container .left-box section.section .dimension .hot-periodical-repeat .ibass-checked,
.advanced-search-container .left-box section.section .dimension .dissertation-level-repeat .ibass-checked,
.advanced-search-container .left-box section.section .dimension .newspaper-recommend-repeat .ibass-checked,
.advanced-search-container .left-box section.section .dimension .standard-status-repeat .ibass-checked {
  color: var(--default);
}
.advanced-search-container .left-box section.section .dimension .time-limited-text,
.advanced-search-container .left-box section.section .dimension .eff-level-text,
.advanced-search-container .left-box section.section .dimension .hot-periodical-text,
.advanced-search-container .left-box section.section .dimension .dissertation-level-text,
.advanced-search-container .left-box section.section .dimension .newspaper-recommend-text,
.advanced-search-container .left-box section.section .dimension .standard-status-text {
  font-size: 12px;
  color: #a9a9a9;
}
.advanced-search-container .left-box section.section .dimension .cause .case-popup-in-processes-edit-page .ns-popover-tooltip {
  max-height: 300px;
  overflow: auto;
}
.advanced-search-container .left-box section.section .dimension .cause .case-popup-in-processes-edit-page .ns-popover-tooltip .ns-popover-item {
  padding: 6px 10px !important;
  height: auto;
}
.advanced-search-container .left-box section.section .dimension .cause .case-popup-in-processes-edit-page .ns-popover-tooltip .ns-popover-item .case-name {
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  white-space: pre-wrap;
}
.advanced-search-container .left-box section.section .dimension .cause .case-popup-in-processes-edit-page .ns-popover-tooltip .ns-popover-item .case-path {
  line-height: 18px;
  font-size: 12px;
  color: #a9a9a9;
  white-space: pre-wrap;
}
.advanced-search-container .left-box section.section .dimension .cause .case-popup-in-processes-edit-page .open-dig-btn {
  float: left;
  color: var(--default);
  height: 20px;
  line-height: 20px;
  margin: 0 0 22px 8px;
  cursor: pointer;
}
.advanced-search-container .left-box section.section .dimension .cause .case-popup-in-processes-edit-page .open-dig-btn .ibass-list {
  float: left;
  margin-right: 5px;
}
.advanced-search-container .left-box section.section .dimension .cause .popup-width-inherit {
  width: 100%;
}
.advanced-search-container .left-box section.section .dimension .cause .popup-width-inherit .ns-popover-tooltip {
  width: 100%;
  max-width: initial;
}
.advanced-search-container .left-box section.section .dimension .cause .popup-width-inherit .ns-popover-tooltip .ns-popover-items {
  margin: 10px 0;
}
.advanced-search-container .left-box section.section .exist-search-mode input {
  padding: 5px 150px 0 0;
}
.advanced-search-container .left-box section.section .exist-search-mode .word-count {
  margin-left: -150px;
}
.advanced-search-container .left-box section.section .judge input {
  width: 288px;
}
.advanced-search-container .left-box section.section .judge .checkbox-container {
  position: relative;
  float: left;
  height: 40px;
  line-height: 40px;
  left: 5px;
  display: inline-block;
  width: 86px;
  margin-right: -4px;
  cursor: pointer;
}
.advanced-search-container .left-box section.section .judge .checkbox-container:hover i {
  color: var(--default);
}
.advanced-search-container .left-box section.section .judge .checkbox-container .ibass-checked {
  color: var(--default);
}
.advanced-search-container .left-box section.section .time-limited,
.advanced-search-container .left-box section.section .eff-level,
.advanced-search-container .left-box section.section .hot-periodical,
.advanced-search-container .left-box section.section .dissertation-level,
.advanced-search-container .left-box section.section .newspaper-recommend,
.advanced-search-container .left-box section.section .standard-status {
  margin-top: 7px;
}
.advanced-search-container .left-box section.section .dimension.judge-time .judge-time-text {
  position: absolute;
  top: 5px;
  color: #a9a9a9;
  margin: 0;
}
.advanced-search-container .left-box section.section .dimension.judge-time input {
  float: none;
  color: #4a4a4a;
}
.advanced-search-container .left-box section.section .dimension.judge-time span {
  color: #737373;
  margin: 0 13px 0 13px;
}
.advanced-search-container .left-box section.section .dimension.judge-time .ibass-trig-down {
  float: none;
  margin-left: -14px;
}
.advanced-search-container .left-box section.section .dimension.judge-time .ibass-minus-fill {
  float: none;
  margin-left: 15.5px;
}
.advanced-search-container .left-box section.section .dimension.newspaper-date input {
  width: 370px;
}
.advanced-search-container .left-box section.section .dimension.newspaper-date .ibass-minus-fill {
  margin-left: 10px;
}
.advanced-search-container .left-box footer {
  position: absolute;
  bottom: 25px;
  width: 100%;
  height: 36px;
}
.advanced-search-container .left-box footer span {
  display: inline-block;
  line-height: 36px;
  font-size: 12px;
}
.advanced-search-container .left-box footer i {
  font-size: 12px;
  color: #ffffff;
  line-height: 35px;
  margin-right: 10px;
}
.advanced-search-container .left-box footer .result {
  position: absolute;
  bottom: 0;
  right: 45px;
  color: #4a4a4a;
}
.advanced-search-container .left-box footer .result i {
  margin-right: 1px;
  color: #cdc9c5;
  font-size: 14px;
}
.advanced-search-container .left-box footer .result i.ibass-checked {
  color: var(--default);
}
.advanced-search-container .left-box footer .search-btn {
  width: 170px;
  height: 36px;
  line-height: 36px;
  border: none;
  border-radius: 20px;
  background-color: var(--default);
  color: #fff;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  font-size: 0;
}
.advanced-search-container .left-box footer .clear-search {
  color: #737373;
  margin-right: 16px;
}
.advanced-search-container .left-box footer .clear-search:hover {
  color: #4a4a4a;
}
.advanced-search-container .right-box {
  width: 167px;
  min-height: 619px;
  background-color: #fcfcfc;
  border-left: 1px solid #ececec;
  border-bottom-right-radius: 8px;
}
.advanced-search-container .right-box.case-right-box {
  width: 320px;
  height: auto !important;
  padding-bottom: 20px;
}
.advanced-search-container .right-box.case-right-box section {
  padding-top: 10px;
}
.advanced-search-container .right-box.case-right-box .dimension-group-title {
  padding: 0px 20px;
  box-sizing: border-box;
  text-align: center;
}
.advanced-search-container .right-box.case-right-box .dimension-group-title .group-tit {
  line-height: 1;
  height: 50px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding: 18px 0px 0;
  z-index: 2;
  color: #939393;
  font-weight: normal;
}
.advanced-search-container .right-box.case-right-box .dimension-group-title .group-tit span.tit-detail {
  display: inline-block;
  background: #fcfcfc;
  padding: 0 8px;
}
.advanced-search-container .right-box.case-right-box .dimension-group-title .group-tit span.tit-detail i {
  padding-left: 3px;
  cursor: pointer;
}
.advanced-search-container .right-box.case-right-box .dimension-group-title .group-tit span.tit-detail i:hover {
  color: var(--default);
}
.advanced-search-container .right-box.case-right-box .dimension-group-title .line {
  border-top: 1px solid #e8e8e8;
  position: relative;
  top: -25px;
  z-index: 1;
}
.advanced-search-container .right-box.case-right-box .dimension-group-box {
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.advanced-search-container .right-box.case-right-box .dimension-group-box .notes-icon {
  padding-left: 3px;
}
.advanced-search-container .right-box.case-right-box .dimension-group-box .notes-icon:hover {
  color: var(--default);
}
.advanced-search-container .right-box.case-right-box .dimension-group-box .dimension {
  position: relative;
  line-height: 22px;
}
.advanced-search-container .right-box.case-right-box .dimension-group-box .is-new-dim {
  margin-left: -4px;
  display: inline-block;
  color: #ed6c00;
  font-size: 12px;
  transform: scale(0.8);
}
.advanced-search-container .right-box.case-right-box .dimension-group-box .cannot-add {
  cursor: not-allowed;
}
.advanced-search-container .right-box.case-right-box .dimension-group-box .cannot-add .text {
  color: #a9a9a9 !important;
}
.advanced-search-container .right-box.case-right-box .dimension-group-box .cannot-add:hover .ibass-add {
  color: #cdc9c5 !important;
}
.advanced-search-container .right-box.case-right-box .dimension {
  margin: 0 0 5px 0;
  display: inline-block;
  box-sizing: border-box;
  width: 130px;
}
.advanced-search-container .right-box .right-header {
  color: #737373;
  margin: 20px 0 15px 20px;
  height: 23px;
  line-height: 25px;
}
.advanced-search-container .right-box .dimension {
  width: 130px;
  height: 28px;
  line-height: 25.5px;
  margin: 0 0 5px 20px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
}
.advanced-search-container .right-box .dimension .ibass-add {
  margin-left: 8px;
}
.advanced-search-container .right-box .dimension .text {
  margin-left: 7px;
  color: #737373;
}
.advanced-search-container .right-box .dimension:hover {
  border: 1px solid #d6d6d6;
}
.advanced-search-container .right-box .dimension:hover .ibass-add {
  color: var(--default);
}
.advanced-search-container .right-box .dimension:hover .text {
  color: #4a4a4a;
}
.advanced-search-container .right-box .forbid-add {
  cursor: not-allowed;
}
.advanced-search-container .right-box .forbid-add .text {
  color: #a9a9a9 !important;
}
.advanced-search-container .right-box .forbid-add:hover .ibass-add {
  color: #cdc9c5 !important;
}
.advanced-search-container.collapse {
  border: 0 #ebebeb;
}
.advanced-search-container.in {
  border: 1px solid #ebebeb;
}
.is-advanced-search-suggest {
  left: -20px !important;
  top: -2px !important;
}
.is-advanced-search-suggest .ns-popover-items.cause-suggest {
  overflow: hidden !important;
}
.similarity-button {
  width: 48px;
  display: inline-block;
  position: relative;
  height: 36px;
}
.similarity-button i.ibass-add-fill {
  position: absolute;
  left: 0;
}
.similarity-button i.ibass-minus-fill {
  position: absolute;
  right: 0;
}
.cause-select-list {
  color: var(--default);
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
}
.cause-select-list i {
  position: relative;
  top: 1px;
  margin-right: 5px;
  color: var(--default);
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.home-page-push .subscription-push {
  width: 630px;
}
.home-page-push .subscription-push .tab-container {
  height: 37px;
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
}
.home-page-push .subscription-push .tab-container .tab-item {
  width: 100px;
  height: 36px;
  box-sizing: border-box;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  line-height: 34px;
  font-weight: 600;
  cursor: pointer;
}
.home-page-push .subscription-push .tab-container .tab-item.right {
  border-bottom: none;
  color: #a9a9a9;
  cursor: pointer;
}
.home-page-push .subscription-push .tab-container .tab-item.right:hover {
  color: var(--default);
}
.home-page-push .subscription-push .tab-container .tab-item.right:hover i {
  color: var(--default);
}
.home-page-push .subscription-push .tab-container .tab-item.right i {
  margin-left: 5px;
}
.home-page-push .subscription-push .tab-container .tab-item.active {
  color: var(--default);
  border-bottom: 2px solid var(--default);
}
.home-page-push .subscription-push .subscription-container {
  padding-top: 7px;
}
.home-page-push .subscription-push .subscription-container .sub-item-filter {
  line-height: 30px;
  padding: 20px 0 20px 0;
  overflow: hidden;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
}
.home-page-push .subscription-push .subscription-container .sub-item-filter .all-follow {
  cursor: pointer;
}
.home-page-push .subscription-push .subscription-container .sub-item-filter .all-follow i {
  top: 0;
  font-size: 12px;
}
.home-page-push .subscription-push .subscription-container .sub-item-filter .all-follow i,
.home-page-push .subscription-push .subscription-container .sub-item-filter .all-follow span {
  color: #737373;
}
.home-page-push .subscription-push .subscription-container .sub-item-filter .all-follow span {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  margin-right: 5px;
  font-size: 14px;
}
.home-page-push .subscription-push .subscription-container .sub-item-filter .add-follow {
  width: 92px;
  height: 30px;
  line-height: 26px;
  border-radius: 20px;
  background-color: #ffece5;
  text-align: center;
  cursor: pointer;
}
.home-page-push .subscription-push .subscription-container .sub-item-filter .add-follow i,
.home-page-push .subscription-push .subscription-container .sub-item-filter .add-follow span {
  color: var(--default);
}
.home-page-push .subscription-push .subscription-container .sub-item-filter .add-follow span {
  margin-left: 4px;
}
.home-page-push .subscription-push .subscription-container .sub-item-filter .edit-follow {
  width: 76px;
  height: 30px;
  margin-right: 16px;
  border-radius: 20px;
  background-color: #f8f8f9;
  color: #a9a9a9;
  text-align: center;
  cursor: pointer;
}
.home-page-push .subscription-push .subscription-container .empty-box {
  text-align: center;
}
.home-page-push .subscription-push .subscription-container .empty-box img {
  width: 55px;
  margin: 38px 0 6px 0;
}
.home-page-push .subscription-push .subscription-container .empty-box .new-follow {
  display: block;
  width: 130px;
  height: 36px;
  line-height: 32px;
  margin: 32px auto;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--default);
  cursor: pointer;
}
.home-page-push .subscription-push .subscription-container .empty-box .new-follow i,
.home-page-push .subscription-push .subscription-container .empty-box .new-follow span {
  color: #fff;
}
.home-page-push .subscription-push .subscription-container .empty-box .new-follow span {
  margin-left: 9px;
}
.home-page-push .subscription-push .subscription-container .sub-item-box {
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
}
.home-page-push .subscription-push .subscription-container .sub-item-box .sub-title {
  padding-bottom: 5px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  padding-right: 20px;
}
.home-page-push .subscription-push .subscription-container .sub-item-box .sub-title .ibass-dot {
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
  padding-right: 6px;
  padding-left: 2px;
}
.home-page-push .subscription-push .subscription-container .sub-item-box .sub-title .sub-title-des {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  text-align: justify;
  cursor: pointer;
}
.home-page-push .subscription-push .subscription-container .sub-item-box .sub-des-box {
  padding-left: 22px;
  font-size: 14px;
  color: #a9a9a9;
}
.home-page-push .subscription-push .subscription-container .sub-item-box .sub-des-box .sub-des-item {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}
.home-page-push .subscription-push .subscription-container .sub-item-box .sub-des-box .sub-des-item:first-of-type .dot {
  display: none;
}
.home-page-push .subscription-push .subscription-container .sub-item-box .sub-des-box .query-box {
  max-width: 548px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-page-push .subscription-push .subscription-container .sub-item-box:hover {
  background-color: #f8f8f9;
}
.home-page-push .subscription-push .subscription-container .sub-item-box:hover .sub-title .ibass-dot {
  color: var(--default);
}
.home-page-push .subscription-push .more-sub-box {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 50px;
}
.home-page-push .subscription-push .more-sub-box .more-btn {
  width: 150px;
  height: 36px;
  border-radius: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
  line-height: 36px;
  display: inline-block;
}
.ns-popover-tooltip-theme .look-all-follow-list .ns-popover-tooltip {
  width: 340px;
  max-width: 340px;
  border-radius: 5px !important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  background-color: #ffffff;
}
.ns-popover-tooltip-theme .look-all-follow-list .ns-popover-tooltip .ns-popover-search input {
  font-size: 12px;
  color: #a9a9a9;
}
.ns-popover-tooltip-theme .look-all-follow-list .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  position: relative;
}
.ns-popover-tooltip-theme .look-all-follow-list .ns-popover-tooltip .ns-popover-items .ns-popover-item i {
  position: absolute;
  right: 1rem;
  color: var(--default);
}
.ns-popover-tooltip-theme .look-all-follow-list .ns-popover-tooltip .ns-popover-items .ns-popover-item.all-follow {
  border-bottom: 1px solid #eee;
}
.big-data-add-follow .title {
  padding: 50px 50px 10px;
}
.big-data-add-follow .title .title-line {
  text-align: center;
  border-top: 1px solid #e2e2e2;
}
.big-data-add-follow .title .title-line .title-name {
  position: relative;
  display: inline-block;
  top: -18px;
  padding: 0 25px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  background: #fff;
  color: #4a4a4a;
}
.big-data-add-follow .content {
  width: 370px;
  margin: 0 auto;
}
.big-data-add-follow .content .item {
  position: relative;
  margin-top: 10px;
}
.big-data-add-follow .content .item .label {
  line-height: 20px;
  font-size: 12px;
  color: #a9a9a9;
}
.big-data-add-follow .content .item input {
  width: 100%;
  height: 40px;
  border: none;
  border-bottom: 1px solid #f0f0f0;
  color: #4a4a4a;
}
.big-data-add-follow .content .item input:focus {
  border-bottom: 1px solid #fa8919;
}
.big-data-add-follow .content .item .my-law-express-search-suggest {
  left: 0 !important;
  top: 100% !important;
  color: #4a4a4a;
  font-size: 14px;
}
.big-data-add-follow .footer {
  padding: 30px;
  text-align: center;
}
.big-data-add-follow .footer button {
  width: 110px;
  height: 36px;
  border: none;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--default);
  color: #fff;
}
.big-data-edit-follow .title {
  padding: 50px 50px 10px;
}
.big-data-edit-follow .title .title-line {
  text-align: center;
  border-top: 1px solid #e2e2e2;
}
.big-data-edit-follow .title .title-line .title-name {
  position: relative;
  display: inline-block;
  top: -18px;
  padding: 0 25px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  background: #fff;
  color: #4a4a4a;
}
.big-data-edit-follow .content {
  width: 463px;
  margin: 0 auto;
}
.big-data-edit-follow .content i {
  float: left;
  margin-right: 6px;
  color: #cdc9c5;
}
.big-data-edit-follow .content i:hover,
.big-data-edit-follow .content i.ibass-checked {
  color: var(--default);
}
.big-data-edit-follow .content .content-h span {
  color: #a9a9a9;
}
.big-data-edit-follow .content .content-c {
  width: 100%;
  max-height: 220px;
  overflow-y: auto;
}
.big-data-edit-follow .content .content-c li {
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.big-data-edit-follow .content .content-c li:hover {
  cursor: pointer;
}
.big-data-edit-follow .content .content-c li:hover i {
  color: var(--default);
}
.big-data-edit-follow .footer {
  padding: 11px 0 28px 0;
  text-align: center;
}
.big-data-edit-follow .footer button {
  width: 110px;
  height: 36px;
  border: none;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--default);
  color: #fff;
}

.add-label .label-count {
  margin-left: 4px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9b9b9b;
}
.add-label i.ibass-tag {
  margin-right: 5px;
}
.add-label:hover {
  color: #fa8919;
}
.add-label:hover a {
  color: #fa8919;
}
.add-label:hover a i {
  color: #fa8919;
}
.add-label:hover a .label-count {
  color: #fa8919;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor {
  width: 180px;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .ns-popover-search {
  margin: 15px 10px 10px;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .ns-popover-items .tag-group-header {
  cursor: auto;
  width: 150px;
  border-bottom: 1px solid #eeeeee;
  margin-left: 5px;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .ns-popover-items .tag-group-header:hover {
  background-color: white;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .ns-popover-items .tag-group-header span {
  margin-left: -5px !important;
  color: #a9a9a9;
  font-size: 12px;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .ns-popover-items .remove-tag-button {
  position: absolute;
  top: 0;
  right: 9px;
  cursor: pointer;
  color: #cdc9c5;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .ns-popover-items .remove-tag-button:hover,
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .ns-popover-items .remove-tag-button:focus {
  color: #f88300;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .ns-popover-items .sure-delete {
  background: #ff0221;
  font-size: 12px;
  color: white;
  padding: 0px 9px;
  line-height: 1.5;
  border-radius: 5px;
  margin-top: 8px;
  cursor: pointer;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .tag-display-name {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags-btn {
  margin-top: -10px;
  height: 36px;
  line-height: 36px;
  position: relative;
  padding-left: 14px;
  border-top: 1px solid #e5e5e5;
  cursor: pointer;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags-btn .ibass-arrow-right {
  position: absolute;
  right: 9px;
  top: 0px;
  cursor: pointer;
  color: #cdc9c5;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags-btn .tit-des {
  line-height: 36px;
  font-family: PingFangSC;
  font-size: 14px;
  color: #4a4a4a;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags {
  padding-bottom: 12px;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags .recent-tags-title {
  position: relative;
  height: 45px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  cursor: pointer;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags .ibass-arrow-left {
  font-size: 14px;
  position: absolute;
  left: 10px;
  top: 12px;
  color: #cdc9c5;
  cursor: pointer;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags .tit-des {
  line-height: 45px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags .recent-tags-box .recent-tags-item {
  height: 36px;
  padding-left: 12px;
  padding-right: 9px;
  line-height: 36px;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags .recent-tags-box .recent-tags-item:hover {
  background-color: #f8f8f9;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags .recent-tags-box .recent-tags-item:hover .add-recent-tag {
  display: inline;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags .recent-tags-box .recent-tags-name {
  display: inline-block;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags .recent-tags-box .recent-tags-options {
  float: right;
  color: #a9a9a9;
}
.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor .recent-tags .recent-tags-box .add-recent-tag {
  display: none;
  color: #ed6c00;
  cursor: pointer;
}
.ns-popover-case-detail-labels.ns-popover-case-detail-labels .tag-display-name {
  display: inline-block;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ns-popover-case-detail-labels.ns-popover-case-detail-labels .ns-popover-tooltip.ns-popover-tags-editor {
  margin-left: -50px;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip {
  width: 180px;
  margin-left: 5px;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .ns-popover-search {
  margin: 15px 10px 10px;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  padding: 0 9px 0 12px;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .ns-popover-items .remove-tag-button {
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
  color: #cdc9c5;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .ns-popover-items .remove-tag-button:hover,
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .ns-popover-items .remove-tag-button:focus {
  color: #f88300;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags-btn {
  margin-top: -10px;
  height: 36px;
  line-height: 36px;
  position: relative;
  padding-left: 12px;
  border-top: 1px solid #e5e5e5;
  cursor: pointer;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags-btn .ibass-arrow-right {
  position: absolute;
  right: 9px;
  top: 0px;
  cursor: pointer;
  color: #cdc9c5;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags-btn .tit-des {
  line-height: 36px;
  font-family: PingFangSC;
  font-size: 14px;
  color: #4a4a4a;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags {
  padding-bottom: 12px;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags .recent-tags-title {
  position: relative;
  height: 45px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  cursor: pointer;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags .ibass-arrow-left {
  font-size: 14px;
  position: absolute;
  left: 10px;
  top: 12px;
  color: #cdc9c5;
  cursor: pointer;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags .tit-des {
  line-height: 45px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags .recent-tags-box .recent-tags-item {
  height: 36px;
  padding-left: 10px;
  padding-right: 8px;
  line-height: 36px;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags .recent-tags-box .recent-tags-item:hover {
  background-color: #f8f8f9;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags .recent-tags-box .recent-tags-item:hover .add-recent-tag {
  display: inline;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags .recent-tags-box .recent-tags-name {
  display: inline-block;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags .recent-tags-box .recent-tags-options {
  float: right;
  color: #a9a9a9;
}
#add-paragraph-tag.add-paragraph-tag .ns-popover-tooltip .recent-tags .recent-tags-box .add-recent-tag {
  display: none;
  color: #ed6c00;
  cursor: pointer;
}

#addReportPaddleContent {
  line-height: 1;
}
#addReportPaddleContent:before {
  position: absolute;
  left: 35px;
  top: -19px;
  content: ' ';
  z-index: -1;
  width: 0;
  height: 0;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 14px solid #3d3d3d;
  border-top: 12px solid transparent;
}
#addReportPaddleContent .add-report {
  height: 32px;
  max-height: 32px;
  overflow: hidden;
  width: 96px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 26px;
}
#addReportPaddleContent .add-report i {
  font-size: 16px;
  margin-right: 0;
}
#addReportPaddleContent .is-add-content {
  box-sizing: border-box;
  max-width: 240px;
  min-width: 240px;
  line-height: 26px;
  padding-left: 10px;
  text-align: left;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#addReportPaddleContent .is-add-content .item {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
}
#addReportPaddleContent .is-add-content .item .top-line {
  display: none;
}
#addReportPaddleContent .is-add-content .item i {
  font-size: 16px;
  color: #fff;
  margin-right: 0;
}
#addReportPaddleContent .is-add-content .item i.ibass-done {
  color: #fa8919;
}
#addReportPaddleContent .is-add-content .item .confirm-delete {
  position: absolute;
  color: #fff;
  width: 76px;
  border-radius: 20px;
  background-color: #ff0221;
  top: -4px;
  left: -26px;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  transform: scale(0.5);
}
#addReportPaddleContent .is-add-content .item.add-search-report {
  width: 77px;
  max-width: 77px;
}
#addReportPaddleContent .is-add-content .item.add-search-report .add span {
  color: #8e8e8e;
}
#addReportPaddleContent .is-add-content .item.item-icon {
  position: relative;
  width: 40px;
  max-width: 40px;
}
#addReportPaddleContent .is-add-content .current-item .top-line {
  display: block;
  width: calc(100% - 20px);
  margin-left: 20px;
  box-sizing: border-box;
  height: 2px;
  background: #fa8919;
}
#addReportPaddleContent .is-add-content .current-item .top-line.is-added-line {
  width: calc(100% - 35px);
}
#addReportPaddleContent .annotate-content {
  padding: 0 10px;
}
#addReportPaddleContent .annotate-content .atag-content {
  padding-top: 10px;
  text-align: left;
  max-width: 220px;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item {
  padding: 0 16px;
  margin-bottom: 10px;
  margin-right: 12px;
  height: 30px;
  border-radius: 15px;
  background-color: #ffffff;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #6b6666;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item > div {
  position: relative;
  top: 7px;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item i {
  padding-left: 4px;
  margin: 0;
  color: #ed6c00;
  position: relative;
  top: 0px;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item .des {
  color: #ed6c00;
  font-size: 14px;
  display: inline-block;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: center;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item.add-atag {
  background-color: transparent;
  padding-right: 16px;
  border: 1px dashed #a9a9a9;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item.add-atag i {
  padding-left: 0px;
  margin: 0;
  color: #f9f9f9;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item.add-atag span {
  color: #f9f9f9;
  position: relative;
  top: -2px;
  font-size: 14px;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop {
  position: relative;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate {
  left: 0 !important;
  top: 0 !important;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate span {
  color: #4a4a4a;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate i {
  color: #cdc9c5;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .triangle {
  left: 85px !important;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag {
  transform: none;
  margin-left: -65px;
  margin-top: 7px;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-tooltip {
  width: 180px;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-tooltip .ibass-search {
  color: #cdc8c5;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-tooltip input::-webkit-input-placeholder {
  color: #a9a9a9;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-items {
  margin: 0;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-items .tag-group-header {
  cursor: auto;
  width: 150px;
  border-bottom: 1px solid #eeeeee;
  margin-left: 5px;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-items .tag-group-header:hover {
  background-color: white;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-items .tag-group-header span {
  margin-left: -5px !important;
  color: #a9a9a9;
  font-size: 12px;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-items .remove-tag-button {
  position: absolute;
  top: 0;
  right: 9px;
  cursor: pointer;
  color: #cdc9c5;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-items .remove-tag-button:hover,
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-items .remove-tag-button:focus {
  color: #f88300;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .ns-popover-items .sure-delete {
  background: #ff0221;
  font-size: 12px;
  color: white;
  padding: 0px 9px;
  line-height: 1.5;
  border-radius: 5px;
  margin-top: 8px;
  cursor: pointer;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .tag-display-name {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags-btn {
  height: 36px;
  line-height: 36px;
  position: relative;
  padding-left: 14px;
  border-top: 1px solid #e5e5e5;
  cursor: pointer;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags-btn .ibass-arrow-right {
  position: absolute;
  right: 9px;
  top: 0px;
  cursor: pointer;
  color: #cdc9c5;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags-btn .tit-des {
  line-height: 36px;
  font-family: PingFangSC;
  font-size: 14px;
  color: #4a4a4a;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags {
  padding-bottom: 12px;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags .recent-tags-title {
  position: relative;
  height: 45px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  cursor: pointer;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags .ibass-arrow-left {
  font-size: 14px;
  position: absolute;
  left: 10px;
  top: 12px;
  color: #cdc9c5;
  cursor: pointer;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags .tit-des {
  line-height: 45px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags .recent-tags-box .recent-tags-item {
  height: 36px;
  padding-left: 12px;
  padding-right: 9px;
  line-height: 36px;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags .recent-tags-box .recent-tags-item:hover {
  background-color: #f8f8f9;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags .recent-tags-box .recent-tags-item:hover .add-recent-tag {
  display: inline;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags .recent-tags-box .recent-tags-name {
  display: inline-block;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags .recent-tags-box .recent-tags-options {
  float: right;
  color: #a9a9a9;
}
#addReportPaddleContent .annotate-content .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .recent-tags .recent-tags-box .add-recent-tag {
  display: none;
  color: #ed6c00;
  cursor: pointer;
}
#addReportPaddleContent .annotate-content .annotate-textarea-container {
  padding-bottom: 10px;
}
#addReportPaddleContent .annotate-content .annotate-textarea-container textarea {
  width: 100%;
  box-sizing: border-box;
  resize: none;
  padding: 10px;
  color: #fff;
  border: none;
  width: 220px;
  height: 96px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}
#addReportPaddleContent .report-list-wrapper {
  padding: 10px 0;
  text-align: left;
}
#addReportPaddleContent .report-list-wrapper .do-add-report {
  padding: 0 10px;
  margin-bottom: 8px;
  height: 35px;
  line-height: 30px;
  background-color: rgba(0, 0, 0, 0.3);
}
#addReportPaddleContent .report-list-wrapper .do-add-report i {
  font-size: 12px;
  color: #ffffff;
  margin-right: 8px;
  margin-left: 2px;
  position: relative;
  top: 2px;
}
#addReportPaddleContent .report-list-wrapper .do-add-report span {
  font-size: 12px;
}
#addReportPaddleContent .report-list-wrapper .report-list-container {
  max-height: 218px;
  min-height: 100px;
  width: 100%;
  overflow-x: auto;
  overflow-y: scroll;
}
#addReportPaddleContent .report-list-wrapper .report-list-container::-webkit-scrollbar {
  background: transparent;
  width: 0;
}
#addReportPaddleContent .report-list-wrapper .report-list-container .report-item {
  padding: 0 10px;
  height: 35px;
  line-height: 30px;
  font-size: 14px;
}
#addReportPaddleContent .report-list-wrapper .report-list-container .report-item i {
  position: relative;
  top: 2px;
  font-size: 14px;
  color: #a9a9a9;
}
#addReportPaddleContent .report-list-wrapper .report-list-container .report-item i.ibass-checked {
  color: #ed6c00;
}
#addReportPaddleContent .report-list-wrapper .report-list-container .report-item .des {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 160px;
  vertical-align: bottom;
  color: #a9a9a9;
}
#addReportPaddleContent .report-list-wrapper .report-list-container .report-item .count {
  float: right;
  vertical-align: bottom;
  color: #a9a9a9;
  position: relative;
  top: 1px;
}
#addReportPaddleContent .report-list-wrapper .report-list-container .report-item #newReportInput {
  border: none;
  outline: none;
  background: transparent;
  border-bottom: 1px solid #a9a9a9;
  color: #a9a9a9;
  width: 160px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.similarity-case-detail {
  min-height: 1000px;
  width: 1200px;
  position: relative;
  background: white;
  border-radius: 10px;
}
.similarity-case-detail .judgement_link,
.similarity-case-detail .lawregu_link,
.similarity-case-detail .similarity-judgement-link {
  color: var(--default);
  cursor: pointer;
  text-decoration: underline;
}
.similarity-case-detail .foot-marker-number {
  color: var(--default);
  white-space: nowrap;
  cursor: pointer;
}
.similarity-case-detail .foot-marker-detail {
  color: var(--default);
}
.similarity-case-detail .text-center {
  text-align: center;
}
.similarity-case-detail .annotation-popup {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  display: none;
  z-index: 1000;
}
.similarity-case-detail .annotation-popup .text {
  width: 392px;
  min-height: 17px;
  max-height: 230px;
  overflow-y: auto;
  line-height: 17px;
  margin: 10px 15px 13px 15px;
  padding-right: 8px;
  font-size: 12px;
  word-break: break-all;
}
.similarity-case-detail .annotation-popup .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #d2d2d2;
  left: 50%;
  top: 100%;
  margin-left: -11px;
  transform: rotate(180deg);
}
.similarity-case-detail .annotation-popup .triangle:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  top: 1px;
  margin-left: -10px;
}
.similarity-case-detail .title-container {
  position: sticky !important;
  top: 0px;
  background: white;
  z-index: 120;
  min-height: 68px;
  line-height: 28px;
  padding: 0px 30px 0 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.similarity-case-detail .title-container .title-box {
  padding-top: 25px;
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.similarity-case-detail .title-container .title-left {
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
}
.similarity-case-detail .title-container .title-left .dot {
  width: 24px;
  padding-right: 17px;
}
.similarity-case-detail .title-container .title-left .dot i {
  color: var(--default);
  font-size: 24px;
}
.similarity-case-detail .title-container .title-left .tit-detail {
  font-size: 20px;
}
.similarity-case-detail .title-container .title-left .tit-detail .detail-tag {
  box-sizing: border-box;
  display: inline-block;
  height: 22px;
  border-radius: 20px;
  border: solid 1px var(--default);
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
  color: var(--default);
  position: relative;
  top: -3px;
}
.similarity-case-detail .title-container .title-right {
  width: 360px;
  text-align: right;
}
.similarity-case-detail .title-container .title-right .option-btn {
  margin-left: 15px;
  display: inline-block;
  cursor: pointer;
}
.similarity-case-detail .title-container .title-right .option-btn span {
  border-right: 1px solid #ebebeb;
  padding-right: 20px;
}
.similarity-case-detail .title-container .title-right .option-btn i {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 3px;
  padding-right: 3px;
}
.similarity-case-detail .title-container .title-right .option-btn i.ibass-done {
  color: var(--default);
}
.similarity-case-detail .title-container .title-right .option-btn:hover {
  color: var(--default);
}
.similarity-case-detail .title-container .title-right .option-btn:hover i {
  color: var(--default);
}
.similarity-case-detail .title-container .title-right .close-btn {
  margin-left: 15px;
  display: inline-block;
  cursor: pointer;
}
.similarity-case-detail .title-container .title-right .close-btn i {
  color: #cdc9c5;
  font-size: 18px;
  position: relative;
  top: 3px;
}
.similarity-case-detail .content-container {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 25px;
}
.similarity-case-detail .content-container .left-content {
  flex: 1;
}
.similarity-case-detail .content-container .right-content {
  width: 260px;
  box-sizing: border-box;
}
.similarity-case-detail .case-rule {
  padding-left: 37px;
}
.similarity-case-detail .case-rule .case-rule-header {
  color: var(--default);
  height: 42px;
  line-height: 42px;
  padding-bottom: 5px;
}
.similarity-case-detail .case-rule .case-rule-header i {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.similarity-case-detail .case-rule .case-rule-content {
  width: 859px;
  background-color: #f8f8f9;
  font-size: 14px;
  padding: 0 16px 15px;
  margin-bottom: 30px;
}
.similarity-case-detail .case-rule .case-rule-content .rule-title {
  padding-top: 15px;
  line-height: 1.43;
  color: #a9a9a9;
  font-weight: 500;
  padding-bottom: 4px;
}
.similarity-case-detail .case-rule .case-rule-content .rule-content {
  line-height: 1.57;
  text-align: justify;
  color: #4a4a4a;
}
.similarity-case-detail .case-rule .case-rule-content .expand-btn {
  cursor: pointer;
  color: #a9a9a9;
}
.similarity-case-detail .case-rule .case-rule-content .rule-content-btn {
  text-align: right;
}
.similarity-case-detail .case-content {
  padding-left: 45px;
}
.similarity-case-detail .case-content .paragraph-item {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 4px;
  text-align: justify;
  width: 820px;
}
.similarity-case-detail .case-content .paragraph-item:last-of-type {
  border-bottom: 1px solid transparent;
}
.similarity-case-detail .case-content .p-title {
  position: relative;
  margin: 20px 0 10px;
}
.similarity-case-detail .case-content .p-title i.ibass-dot {
  font-size: 20px;
  line-height: 22px;
  color: var(--default);
  position: absolute;
  left: -28px;
  top: -1px;
}
.similarity-case-detail .case-content .light-p-title {
  background-color: var(--default);
}
.similarity-case-detail .case-content .p-detail {
  line-height: 28px;
  font-size: 16px;
}
.similarity-case-detail .case-content .p-detail p {
  text-indent: 32px;
  margin-bottom: 16px;
  line-height: 1.81;
}
.similarity-case-detail .case-content .p-detail > div {
  line-height: 32px;
  margin-bottom: 16px;
}
.similarity-case-detail .case-content .p-detail .key {
  display: inline-block;
  vertical-align: top;
  color: #a9a9a9;
  width: 80px;
}
.similarity-case-detail .case-content .p-detail .value {
  display: inline-block;
}
.similarity-case-detail .neighbor-box {
  padding: 70px 0 70px 38px;
}
.similarity-case-detail .neighbor-box .line {
  border-bottom: 1px solid #ebebeb;
  width: 200px;
  margin-bottom: 20px;
}
.similarity-case-detail .neighbor-box .neighbor-item {
  cursor: pointer;
  display: inline-block;
  color: #737373;
  margin-bottom: 6px;
}
.similarity-case-detail .neighbor-box .neighbor-item:hover {
  color: var(--default);
}
.similarity-case-detail .right-sticky-content {
  position: sticky !important;
  top: 135px;
  background: white;
  z-index: 100;
  overflow: hidden;
  padding-bottom: 50px;
  width: 244px;
}
.similarity-case-detail .search-in-page-container {
  padding-left: 20px;
  padding-top: 20px;
}
.similarity-case-detail .search-in-page-container .ibass-checkbox,
.similarity-case-detail .search-in-page-container .ibass-checked {
  position: relative;
  top: 3px;
}
.similarity-case-detail .search-in-page-container .search-in-page.position-fix {
  top: 100px;
  width: 224px;
  z-index: 200;
}
.similarity-case-detail .content-fast {
  width: 220px;
  box-sizing: border-box;
  padding-left: 20px;
}
.similarity-case-detail .content-fast .fast-menu {
  top: 10px;
  position: sticky;
  position: -webkit- sticky;
}
.similarity-case-detail .content-fast .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.similarity-case-detail .content-fast .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.similarity-case-detail .content-fast .fast-menu .overflow {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 0 0 0;
  padding-bottom: 3px;
}
.similarity-case-detail .content-fast .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.similarity-case-detail .content-fast .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.similarity-case-detail .content-fast .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.similarity-case-detail .content-fast .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.similarity-case-detail .content-fast .fast-menu ul {
  position: relative;
  left: 2px;
  max-height: 420px;
  margin-left: 6px;
  overflow-x: visible;
}
.similarity-case-detail .content-fast .fast-menu ul:before,
.similarity-case-detail .content-fast .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: transparent;
  position: absolute;
  left: -1px;
}
.similarity-case-detail .content-fast .fast-menu ul:before {
  top: 0px;
}
.similarity-case-detail .content-fast .fast-menu ul:after {
  bottom: 0;
}
.similarity-case-detail .content-fast .fast-menu ul li {
  padding-left: 20px;
  padding-right: 4px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.similarity-case-detail .content-fast .fast-menu ul li .user-define-dot {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: var(--default);
  left: -7px;
  top: 8px;
}
.similarity-case-detail .content-fast .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: -2px;
  color: var(--default);
}
.similarity-case-detail .content-fast .fast-menu ul li .fast-menu-item-title {
  line-height: 20px;
  position: relative;
  top: 3px;
  text-align: justify;
  font-family: PingFangSC;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  vertical-align: top;
}
.similarity-case-detail .content-fast .fast-menu ul li:hover {
  color: var(--default);
}
.similarity-case-detail .content-fast .fast-menu ul li.active {
  color: var(--default);
  font-weight: bold;
}
.similarity-case-detail .content-fast .fast-menu ul li.active i {
  display: inline-block;
}
.similarity-case-detail .content-fast .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 40px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.similarity-case-detail .content-fast .fast-menu .top-btn,
.similarity-case-detail .content-fast .fast-menu .bottom-btn {
  width: 15px;
  height: 15px;
  background: url("/tool/bigData/images/index-scroll-up.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.similarity-case-detail .content-fast .fast-menu .top-btn {
  position: absolute;
  top: 33px;
}
.similarity-case-detail .content-fast .fast-menu .top-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.similarity-case-detail .content-fast .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.similarity-case-detail .content-fast .fast-menu .bottom-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.similarity-case-detail .content-fast .content-fast {
  position: sticky;
  position: -webkit- sticky;
  top: 10px;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-title {
  padding: 10px 0 15px 10px;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #4a4a4a;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor {
  position: relative;
  border-left: solid 1px #ebebeb;
  margin-left: 15px;
  padding-bottom: 5px;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item {
  font-size: 14px;
  line-height: 1.14;
  color: #737373;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item i.ibass-dot {
  font-size: 24px;
  position: relative;
  top: 8px;
  left: -12px;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item i.user-define-line {
  position: relative;
  left: -21px;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item span {
  position: relative;
  left: -22px;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item .not-current-anchor {
  visibility: hidden;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor .fast-menu-list .current-anchor {
  color: var(--default);
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor .bottom-btn {
  position: absolute;
  transform: rotate(180deg);
  bottom: -10px;
  left: -8px;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor .top-btn {
  position: absolute;
  left: -8px;
  top: -10px;
}
.similarity-case-detail .content-fast .content-fast .fast-menu-anchor .fast-btn {
  width: 15px;
  height: 15px;
  background: url(/tool/bigData/images/index-scroll-up.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.similarity-case-detail .more-reco-container {
  margin-left: 20px;
  margin-top: 20px;
}
.similarity-case-detail .more-reco-container .reco-items {
  background: #f8f8f9;
  padding: 18px 15px 0;
  box-sizing: border-box;
  width: 205px;
  padding-bottom: 10px;
}
.similarity-case-detail .more-reco-container .reco-item-title {
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.similarity-case-detail .more-reco-container .reco-item {
  padding: 8px 0;
  line-height: 1.5;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
}
.similarity-case-detail .more-reco-container .reco-item:hover {
  color: var(--default);
}
.similarity-case-detail .more-reco-container .reco-item:hover .reco-item-des {
  color: var(--default);
}
.similarity-case-detail .more-reco-container .reco-item:hover i {
  color: var(--default);
}
.similarity-case-detail .more-reco-container .reco-item i {
  color: #cdc9c5;
  padding-right: 3px;
}
.similarity-case-detail .more-reco-container .reco-item .reco-item-des {
  text-align: justify;
  padding-right: 5px;
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 1.43;
  max-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #737373;
}
.similarity-case-detail .more-reco-container .reco-item:last-of-type {
  border-bottom: 1px solid transparent;
}
.similarity-case-detail .guide-point {
  position: relative;
  white-space: nowrap;
}
.similarity-case-detail .guide-point:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: -9px;
  left: -11px;
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--default);
  -webkit-animation: guide-play 1.5s linear 3;
  animation: guide-play 1.5s linear 300;
}
.similarity-case-detail .guide-point:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: -9px;
  left: -11px;
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--default);
  -webkit-animation: guide-play 2s linear 3;
  animation: guide-play 2s linear 300;
}
@keyframes guide-play {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  10% {
    opacity: 0.8;
  }
  60% {
    opacity: 0;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.similarity-case-container {
  min-height: 1000px;
}
.similarity-case-container .header-container {
  height: 75px;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  flex-wrap: nowrap;
  line-height: 74px;
  margin: 0 25px;
}
.similarity-case-container .header-container .back-content {
  width: 90px;
}
.similarity-case-container .header-container .back-content .back-icon {
  cursor: pointer;
}
.similarity-case-container .header-container .back-content i {
  font-size: 24px;
  color: var(--default);
}
.similarity-case-container .header-container .back-content .back-tit {
  position: relative;
  top: -7px;
}
.similarity-case-container .header-container .title-content {
  flex: 1;
  font-size: 20px;
  text-align: center;
}
.similarity-case-container .header-container .title-content span {
  margin-left: -45px;
}
.similarity-case-container .menu-tab-container {
  width: 590px;
  margin: 0 auto;
  margin-top: 30px;
}
.similarity-case-container .menu-tab-container .tab-title-content {
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  position: sticky !important;
  top: 0px;
  background: white;
  z-index: 100;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.similarity-case-container .menu-tab-container .tab-title-content .tab-item {
  cursor: pointer;
  display: inline-block;
  padding: 8px 25px;
  box-shadow: inset 0 -2px 0 0 transparent;
  color: #737373;
}
.similarity-case-container .menu-tab-container .tab-title-content .tab-item.current-tab {
  font-weight: 600;
  color: var(--default);
  box-shadow: inset 0 -2px 0 0 var(--default);
}
.similarity-case-container .menu-tab-container .tab-content {
  padding-top: 10px;
  padding-bottom: 50px;
}
.similarity-case-container .menu-tab-container .practice-intro-container {
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 12px;
  position: relative;
}
.similarity-case-container .menu-tab-container .practice-intro-container .practice-intro {
  line-height: 24px;
  text-indent: 28px;
}
.similarity-case-container .menu-tab-container .expand-button-box {
  height: 23px;
}
.similarity-case-container .menu-tab-container .expand-button-box .expand-box {
  color: #a9a9a9;
  cursor: pointer;
  font-weight: normal;
  font-size: 14px;
  padding-top: 6px;
}
.similarity-case-container .menu-tab-container .expand-button-box .expand-box:hover {
  color: var(--default);
}
.similarity-case-container .menu-tab-container .expand-button-box .expand-box:hover .ibass-icon {
  color: var(--default);
}
.similarity-case-container .menu-tab-container .expand-button-box .expand-box .ibass-icon {
  color: #cdc9c5;
  padding-right: 7px;
}
.similarity-case-container .menu-tab-container .expand-button-box .expand-box {
  float: right;
}
.similarity-case-container .menu-tab-container .expand-button-box::after {
  content: "";
  display: block;
  clear: both;
}
.similarity-case-container .menu-tab-container .practice-intro-box {
  overflow: hidden;
  max-height: 120px;
}
.similarity-case-container .menu-tab-container .practice-intro-box.expand-intro-box {
  max-height: none;
}
.similarity-case-container .menu-tab-container .menu-container {
  padding-top: 10px;
}
.similarity-case-container .menu-tab-container .menu-title-container {
  display: flex;
  flex-wrap: nowrap;
}
.similarity-case-container .menu-tab-container .menu-title-container .index-string {
  color: #a9a9a9;
}
.similarity-case-container .menu-tab-container .menu-first-level {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.similarity-case-container .menu-tab-container .menu-first-level > li:not(:first-child) {
  padding-top: 25px;
}
.similarity-case-container .menu-tab-container .menu-first-level > li > .menu-second-level {
  padding-top: 10px;
}
.similarity-case-container .menu-tab-container .menu-first-level .ibass-icon {
  padding-right: 10px;
  color: #cdc9c5;
}
.similarity-case-container .menu-tab-container .menu-first-level .ibass-icon.ibass-pic {
  font-size: 16px;
  position: relative;
  top: -2px;
}
.similarity-case-container .menu-tab-container .menu-second-level {
  display: none;
  padding-left: 25px;
  font-size: 14px;
  line-height: 2.14;
  color: #4a4a4a;
  font-weight: normal;
}
.similarity-case-container .menu-tab-container .menu-second-level .ibass-icon {
  font-size: 14px;
  color: #cdc9c5;
  padding-right: 10px;
}
.similarity-case-container .menu-tab-container .menu-second-level .menu-second-title {
  color: #4a4a4a;
}
.similarity-case-container .menu-tab-container .display-block {
  display: block;
}
.similarity-case-container .menu-tab-container .title-pointer {
  cursor: pointer;
}
.similarity-case-container .menu-tab-container .view-more-menu {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 50px;
}
.similarity-case-container .menu-tab-container .view-more-menu .more-btn {
  width: 150px;
  height: 36px;
  border-radius: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
  line-height: 36px;
  display: inline-block;
}
.similarity-case-container .menu-tab-container .tab-search-container {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 16px;
  position: relative;
}
.similarity-case-container .menu-tab-container .tab-search-container .ibass-search {
  position: absolute;
  color: #cdc9c5;
  top: 5px;
  left: 25px;
}
.similarity-case-container .menu-tab-container .tab-search-container .search {
  width: 308px;
  height: 30px;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
  background-color: #fefeff;
  padding-left: 30px;
}
.similarity-case-container .menu-tab-container .tab-search-container .search::-webkit-input-placeholder {
  color: #a9a9a9;
}
.similarity-case-container .menu-tab-container .rule-item {
  padding: 9px 12px;
  display: flex;
  flex-wrap: nowrap;
  padding: 10px;
  position: relative;
  cursor: pointer;
}
.similarity-case-container .menu-tab-container .rule-item .rule-type {
  display: inline-block;
  width: 96px;
  box-sizing: border-box;
  display: flex;
}
.similarity-case-container .menu-tab-container .rule-item .rule-type .rule-type-detail {
  white-space: nowrap;
}
.similarity-case-container .menu-tab-container .rule-item .rule-type .dash-line {
  flex: 1;
  position: relative;
}
.similarity-case-container .menu-tab-container .rule-item .rule-type .dash-line span {
  display: inline-block;
  white-space: nowrap;
  font-size: 16px;
  transform: scale(0.5);
  position: relative;
}
.similarity-case-container .menu-tab-container .rule-item .rule-type .dash-line .dot-9 {
  left: -8px;
}
.similarity-case-container .menu-tab-container .rule-item .rule-type .dash-line .dot-6 {
  left: -3px;
}
.similarity-case-container .menu-tab-container .rule-item .rule-type .dash-line .dot-3 {
  left: 1px;
}
.similarity-case-container .menu-tab-container .rule-item .rule-detail {
  display: inline;
  text-align: justify;
}
.similarity-case-container .menu-tab-container .rule-item .rule-dot {
  display: flex;
  flex-wrap: nowrap;
}
.similarity-case-container .menu-tab-container .rule-item:hover {
  background: #f8f8f9;
}
.similarity-case-container .menu-tab-container .rule-item:hover .rule-dot i {
  color: var(--default);
}
.similarity-case-container .menu-tab-container .rule-item:hover .rule-type {
  color: var(--default);
}
.similarity-case-container .menu-tab-container .rule-item:hover .rule-type .dash-line {
  color: #909090;
}
.similarity-case-container .menu-tab-container .rule-item:hover .rule-detail {
  font-weight: 500;
}
.similarity-case-container .menu-tab-container .rule-item:hover .rule-item-des {
  display: block;
}
.similarity-case-container .menu-tab-container .rule-item .rule-item-des {
  display: none;
  position: absolute;
  width: 400px;
  border-radius: 5px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  background-color: #3d3d3d;
  font-weight: normal;
  padding: 15px 14px 20px;
  right: -10px;
  top: 30px;
  z-index: 100;
}
.similarity-case-container .menu-tab-container .rule-item .rule-item-des .type {
  font-size: 14px;
  color: #9b9b9b;
  padding-bottom: 4px;
}
.similarity-case-container .menu-tab-container .rule-item .rule-item-des .detail {
  font-size: 14px;
  line-height: 1.64;
  color: #ffffff;
  font-weight: normal;
}
.similarity-case-container .menu-tab-container .rule-item .rule-dot i {
  color: #cdc9c5;
  font-size: 14px;
  padding-right: 8px;
}
.similarity-case-container .menu-tab-container .rule-item .rule-name {
  flex: 1;
}
.similarity-case-container .menu-tab-container .rule-item .rule-type {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #a9a9a9;
  padding-bottom: 4px;
}
.similarity-case-container .menu-tab-container .rule-item .rule-detail {
  font-size: 14px;
  line-height: 20px;
  color: #4a4a4a;
}
.similarity-case-container .menu-tab-container .rule-item-empty {
  text-align: center;
  padding-top: 30px;
}
.similarity-case-container .menu-tab-container .rule-item-empty .empty-info {
  width: 220px;
  margin: 0 auto;
}
.similarity-case-container .menu-tab-container .page.page-container {
  text-align: center;
}
.similarity-case-container .menu-tab-container .page.page-container .i-pagination {
  display: inline-block;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.similarity-case-result {
  min-height: 1000px;
  min-width: 1200px;
  background: white;
}
.similarity-case-result i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.similarity-case-result .search-container {
  min-height: 94px;
  padding: 33px 0 15px 0;
  border-bottom: 1px solid #ececec;
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.similarity-case-result .search-container .go-back {
  position: absolute;
  height: 20px;
  left: 25px;
  top: 24px;
  color: #4a4a4a;
}
.similarity-case-result .search-container .go-back i {
  line-height: 1;
  font-size: 20px;
  color: #4a4a4a;
  vertical-align: -3px;
}
.similarity-case-result .search-container .go-back:hover,
.similarity-case-result .search-container .go-back:hover i {
  color: var(--default);
}
.similarity-case-result .content-container {
  display: flex;
  flex-wrap: nowrap;
}
.similarity-case-result .content-container .left-content {
  width: 260px;
  box-sizing: border-box;
  background: #f3f3f3;
  border-bottom-left-radius: 10px;
}
.similarity-case-result .content-container .right-content {
  flex: 1;
  min-height: 1000px;
  box-sizing: border-box;
}
.similarity-case-result .content-container .right-content .groups-container {
  padding-bottom: 100px;
}
.similarity-case-result .content-container .right-content .condition-container {
  overflow: hidden;
  margin: 20px 20px 10px 20px;
}
.similarity-case-result .content-container .right-content .condition-container p {
  cursor: pointer;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  border-radius: 20px;
  background: #f8f8f9;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  margin-bottom: 10px;
}
.similarity-case-result .content-container .right-content .condition-container p i {
  position: absolute;
  right: 7px;
  top: 0;
  color: var(--default);
  display: none;
}
.similarity-case-result .content-container .right-content .condition-container p:hover i {
  display: block;
}
.similarity-case-result .content-container .right-content .condition-container p .query-keyword {
  display: inline-block;
  height: 30px;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.similarity-case-result .group-title {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 25px;
}
.similarity-case-result .group-title .block {
  width: 10px;
  height: 20px;
  background-color: var(--default);
  margin-right: 14px;
}
.similarity-case-result .group-title .group-name {
  font-size: 16px;
  font-weight: 500;
  color: var(--default);
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
  padding-right: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.similarity-case-result .group-title .group-name .group-name-des {
  flex: 1;
}
.similarity-case-result .group-title .group-name .count {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  margin-left: 16px;
}
.similarity-case-result .group-title .view-more {
  width: 200px;
  text-align: right;
}
.similarity-case-result .group-title .view-more .view-more-btn {
  cursor: pointer;
  font-size: 14px;
  color: #737373;
  font-weight: normal;
}
.similarity-case-result .group-title .view-more .view-more-btn i {
  color: #cdc9c5;
  margin-left: 8px;
  font-size: 14px;
}
.similarity-case-result .query-words {
  min-height: 20px;
}
.similarity-case-result .list-tab {
  border-bottom: 1px solid #ebebeb;
  padding: 0 20px 0 32px;
  display: flex;
  flex-wrap: nowrap;
}
.similarity-case-result .list-tab .tab-item {
  cursor: pointer;
  line-height: 36px;
  border-bottom: 2px solid transparent;
  padding: 0 15px;
  color: #737373;
  box-sizing: border-box;
}
.similarity-case-result .list-tab .tab-item.current-tab {
  font-weight: 500;
  border-bottom: 2px solid var(--default);
  color: var(--default);
}
.similarity-case-result .list-tab .des-content {
  flex: 1;
  line-height: 36px;
  text-align: right;
}
.similarity-case-result .list-tab .des-content .result-overview .count {
  padding: 0 5px;
  color: var(--default);
}
.similarity-case-result .item-container {
  margin-left: 24px;
  padding-top: 20px;
}
.similarity-case-result .item-container .item-box {
  border-bottom: 1px solid #ebebeb;
  margin-right: 20px;
}
.similarity-case-result .item-container:hover {
  background: #f8f8f9;
}
.similarity-case-result .item-container .item-title-box {
  display: flex;
  flex-wrap: nowrap;
}
.similarity-case-result .item-container .item-title-box .number-box {
  max-width: 24px;
  width: 24px;
}
.similarity-case-result .item-container .item-title-box .number-box .number {
  width: 24px;
  height: 24px;
  text-align: center;
  background: #f8f8f9;
  color: var(--default);
  margin-top: 4px;
  line-height: 24px;
}
.similarity-case-result .item-container .item-title-box .item-title {
  padding-left: 6px;
  font-size: 20px;
  color: #353535;
  cursor: pointer;
}
.similarity-case-result .item-container .item-msg-box {
  padding-left: 30px;
  margin-top: 5px;
  margin-bottom: 17px;
}
.similarity-case-result .item-container .item-msg-box .item-abstract {
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: justify;
}
.similarity-case-result .item-container .item-msg-box .item-des {
  margin-top: 5px;
  display: flex;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-detail {
  color: #a9a9a9;
  line-height: 26px;
  flex: 1;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-detail .des-item-box .dot {
  margin: 0 8px;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-detail .des-item-box:last-of-type .dot {
  display: none;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options {
  text-align: right;
  width: 200px;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .add-report-btn {
  display: inline-block;
  margin-left: 15px;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .add-report-btn a {
  color: #999999;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .add-report-btn i {
  top: 3px;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .option-item {
  display: inline-block;
  cursor: pointer;
  margin-left: 15px;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .option-item i {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 3px;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .option-item span {
  color: #999999;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .option-item:hover i {
  color: var(--default);
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .option-item:hover span {
  color: #4a4a4a;
}
.similarity-case-result .page.page-container {
  text-align: center;
}
.similarity-case-result .page.page-container .i-pagination {
  display: inline-block;
  margin-left: -75px;
}
.similarity-case-result .item-empty {
  text-align: center;
  padding-top: 100px;
}
.similarity-case-result .item-empty .empty-info {
  width: 220px;
  margin: 0 auto;
}
.similarity-case-result.bigData-lawsResult .left-container .caseTree .tree-classic {
  max-height: 500px;
}
.ibass-trig-down {
  color: var(--default);
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-trademark-Detail {
  width: 1200px;
  position: relative;
  background: #fff;
  min-height: 1486px;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  display: table;
}
.bigData-trademark-Detail .search-in-page {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 20;
  top: 80px !important;
}
.bigData-trademark-Detail .cursor {
  cursor: pointer;
}
.bigData-trademark-Detail .left {
  float: left;
  position: relative;
}
.bigData-trademark-Detail .bigdata_query_highlight {
  color: red;
}
.bigData-trademark-Detail i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-trademark-Detail .cDownFile {
  width: 100%;
}
.bigData-trademark-Detail .caseDetail-head {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0px;
  background: white;
  z-index: 100;
  min-height: 68px;
  line-height: 28px;
  padding: 0px 30px 0 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.bigData-trademark-Detail .caseDetail-head .tit {
  display: inline-block;
  max-width: 700px;
  margin-left: 5px;
}
.bigData-trademark-Detail .caseDetail-head .left {
  top: 20px;
  padding-bottom: 15px;
  width: 1150px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-trademark-Detail .caseDetail-head .left i {
  font-size: 24px;
  color: var(--default);
  position: relative;
  top: -1px;
}
.bigData-trademark-Detail .caseDetail-head .left span,
.bigData-trademark-Detail .caseDetail-head .left font {
  font-size: 20px;
  color: #4a4a4a;
  vertical-align: top;
}
.bigData-trademark-Detail .caseDetail-head .goBack i {
  color: var(--default);
  font-size: 22px;
  top: 5px;
}
.bigData-trademark-Detail .caseDetail-head .goBack span {
  font-size: 16px;
  display: inline-block;
  text-indent: 5px;
}
.bigData-trademark-Detail .caseDetail-head .elect {
  float: right;
  position: absolute;
  top: 20px;
  right: 20px;
}
.bigData-trademark-Detail .caseDetail-head .elect p {
  float: left;
}
.bigData-trademark-Detail .caseDetail-head .elect p i {
  color: #cdc9c5;
  display: inline-block;
  width: 49px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.bigData-trademark-Detail .caseDetail-head .elect p i.ibass-arrow-next {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.bigData-trademark-Detail .caseDetail-head .elect p i.ibass-close {
  font-size: 16px;
}
.bigData-trademark-Detail .caseDetail-head .elect .i-add-search-report {
  position: relative;
  top: -4px;
  float: left;
  height: 28px;
  line-height: 28px;
}
.bigData-trademark-Detail .caseDetail-head .elect .i-add-search-report span {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-trademark-Detail .caseDetail-head .elect .download {
  padding-left: 15px;
}
.bigData-trademark-Detail .caseDetail-head .elect .download i {
  width: 16px;
  margin-right: 5px;
  font-size: 16px;
}
.bigData-trademark-Detail .caseDetail-head .elect .download span {
  position: relative;
  top: -1px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-trademark-Detail .caseDetail-head .elect .download :hover i,
.bigData-trademark-Detail .caseDetail-head .elect .download :hover span {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content {
  display: flex;
}
.bigData-trademark-Detail .caseDetail-content .content-left {
  width: 970px;
  box-sizing: border-box;
  padding: 20px 50px 200px 63px;
}
.bigData-trademark-Detail .caseDetail-content .content-left p {
  width: 820px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .tit {
  padding-left: 7px;
  padding-bottom: 14px;
  line-height: 28px;
  font-size: 20px;
  color: #353535;
}
.bigData-trademark-Detail .caseDetail-content .content-left .keyword {
  padding-left: 7px;
  margin-bottom: 10px;
  color: var(--default);
  line-height: 20px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .keyword span {
  display: inline-block;
  text-indent: 5px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .keyword span:first-child {
  text-indent: 0;
}
.bigData-trademark-Detail .caseDetail-content .content-left .empty-reason {
  margin-top: 30px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .empty-reason .empty-header {
  border-radius: 3px;
  background: #fff9c4;
  padding: 10px;
  display: inline-block;
  min-width: 560px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .empty-reason .empty-content {
  margin-top: 20px;
  width: 547px;
  color: #737373;
}
.bigData-trademark-Detail .caseDetail-content .content-left .empty-reason .empty-content .empty-content-header {
  color: #4a4a4a;
  font-weight: 500;
  margin-bottom: 16px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo {
  width: 857px;
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 5px;
  margin-top: -15px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo .case-header-info .cursor:hover {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo .case-header-info .black {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #4a4a4a;
  padding-bottom: 5px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-left {
  margin: 14px 0px;
  float: left;
  padding: 0 15px;
  min-height: 70px;
  width: 230px;
  word-break: break-all;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-right {
  margin: 14px 0px;
  padding: 0 15px;
  float: left;
  min-height: 70px;
  font-weight: 500;
  border-left: 1px solid #f0f0f0;
  width: 230px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-right .time {
  font-weight: normal;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo .case-header-info .no-border-right {
  border-right: 1px solid transparent;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo .subhead {
  display: inline-block;
  margin-right: 20px;
  line-height: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo .lawRule,
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo .time {
  display: inline-block;
  margin-right: 20px;
  color: #a9a9a9;
  padding-bottom: 4px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseInfo i {
  float: right;
  color: #cdc9c5;
  font-size: 16px;
  margin: 0 7px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .expanded {
  overflow: hidden;
  transition: all .2s ease;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .align-left {
  text-align: left;
  cursor: pointer;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .align-left:hover .ibass-km {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .align-left:hover .popular-title {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .align-left .download {
  float: right;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .align-left .download .select-count {
  margin-right: 10px;
  height: 17px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .align-left .download button {
  width: 100px;
  height: 32px;
  border: none;
  border-radius: 20px;
  background-color: var(--default);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .align-left .download button span,
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .align-left .download button i {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .ibass-km {
  color: var(--default);
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .visited .popular-title {
  color: #737373;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .visited .ibass-km {
  color: #cdc9c5;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-title {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items {
  margin: 10px 0px 25px 0px;
  border-bottom: 1px solid #f0f0f0;
  width: 865px;
  background-color: #f8f8f9;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items .total-info {
  padding: 15px 0px;
  color: #a9a9a9;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items .last {
  padding-bottom: 15px !important;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items .item {
  margin-left: 18px;
  margin-right: 18px;
  padding-bottom: 10px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items .item .full-name.lawregu_link {
  color: #4a4a4a !important;
  text-decoration: inherit !important;
  cursor: pointer;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items .item .full-name.lawregu_link:hover {
  color: var(--default) !important;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items .item .number {
  cursor: pointer;
  color: #a9a9a9;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items .item .number:hover {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items i {
  cursor: pointer;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .popular-items .ibass-checked {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left h6 {
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-trademark-Detail .caseDetail-content .content-left h6 i {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .partiesInfo {
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-trademark-Detail .caseDetail-content .content-left .partiesInfo div p:first-child {
  color: #737373;
}
.bigData-trademark-Detail .caseDetail-content .content-left .partiesInfo div p.name {
  padding-bottom: 7px;
  color: #232323;
  font-size: 16px;
  padding-left: 30px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .partiesInfo div p.name span {
  color: #a9a9a9;
  font-size: 14px;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
  position: relative;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough .ibass-dot,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser .ibass-dot {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough p,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser p {
  line-height: 35px;
  font-size: 16px;
  white-space: pre-wrap;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough .cDownFile,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser .cDownFile {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough .cDownFile:hover,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser .cDownFile:hover {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough table,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser table {
  width: 100%;
  word-break: break-all;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough table,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser table,
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough tr,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser tr,
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough td,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser td {
  border: 1px solid #cdc9c5;
  border-collapse: collapse;
  text-align: center;
}
.bigData-trademark-Detail .caseDetail-content .content-left > div:last-child {
  border: 0;
}
.bigData-trademark-Detail .caseDetail-content .margin-top {
  margin-top: 20px;
}
.bigData-trademark-Detail .caseDetail-content .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 80px;
  bottom: 300px;
  width: 205px !important;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu {
  position: relative;
  margin-bottom: 30px;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .overflow {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 0 0 0;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul {
  position: relative;
  left: 2px;
  max-height: 420px;
  margin-left: 6px;
  overflow-x: visible;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul:before,
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -1px;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul:before {
  top: 0px;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul:after {
  bottom: 0;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul li {
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul li .user-define-dot {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: var(--default);
  left: -7px;
  top: 8px;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: -2px;
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul li:hover {
  color: var(--default);
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul li.active {
  color: var(--default);
  font-weight: bold;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul li.active i {
  display: inline-block;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 80px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .top-btn,
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .bottom-btn {
  width: 15px;
  height: 15px;
  background: url("/tool/bigData/images/index-scroll-up.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .top-btn {
  position: absolute;
  top: 66px;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .top-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu .bottom-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.trademark-image-box .firm-dialog-title {
  border: none;
  width: auto;
}
.trademark-image-box .download-dialog-line {
  width: 80%;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 35px;
  margin-left: 10%;
  z-index: 2;
}
.trademark-image-box .firm-dialog-title {
  background: #fff;
}
.trademark-image-box .firm-dialog-title span {
  position: relative;
  z-index: 20;
  background: #fff;
  padding: 0 10px;
}
.trademark-image-box .image-box {
  margin: 30px 120px 60px;
  box-sizing: border-box;
}
.trademark-image-box img {
  width: 100%;
}


.approval-user-setter-page {
  padding: 40px 25px 20px;
}
.approval-user-setter-page .page-title {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-align: center;
}
.approval-user-setter-page .page-title .line {
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}
.approval-user-setter-page .page-title .name {
  display: inline-block;
  background: white;
  transform: translateY(-50%);
  padding: 0 14px;
}
.approval-user-setter-page .page-content {
  margin: 0 5px;
}
.approval-user-setter-page .page-content .panel {
  margin-bottom: 10px;
  width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #ebebeb;
}
.approval-user-setter-page .page-content .panel .title {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  border-bottom: solid 1px #ebebeb;
}
.approval-user-setter-page .page-content .panel .title .title-content {
  float: left;
  cursor: pointer;
}
.approval-user-setter-page .page-content .panel .title .title-content:hover i,
.approval-user-setter-page .page-content .panel .title .title-content:hover span {
  color: #fa8919;
}
.approval-user-setter-page .page-content .panel .title .btn {
  display: inline-block;
  width: 40px;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
}
.approval-user-setter-page .page-content .panel .title .ibass-done {
  color: #fa8919;
}
.approval-user-setter-page .page-content .panel .title .ibass-task-check {
  color: #cdc9c5;
}
.approval-user-setter-page .page-content .panel .content {
  margin-left: 40px;
  padding: 15px 0;
  line-height: 22px;
  font-size: 12px;
  color: #737373;
}
.approval-user-setter-page .page-content .panel .content .none-data .popover-btn {
  display: inline-block;
  padding: 0 22px;
  min-width: 92px;
  height: 32px;
  line-height: 32px;
  color: #4a4a4a;
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e8e8e8;
  position: relative;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.approval-user-setter-page .page-content .panel .content .none-data .popover-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.approval-user-setter-page .page-content .panel .content .none-data span {
  margin-left: 5px;
}
.approval-user-setter-page .page-content .panel .content .has-data {
  min-height: 24px;
  line-height: 24px;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-pic,
.approval-user-setter-page .page-content .panel .content .has-data .data-name,
.approval-user-setter-page .page-content .panel .content .has-data .data-btn {
  float: left;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-pic img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-pic i {
  font-size: 20px;
  color: #cdc9c5;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-name {
  margin-left: 8px;
  font-size: 14px;
  color: #4a4a4a;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-name .more {
  color: #a9a9a9;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-name .nowrap {
  height: 24px;
  display: block;
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-btn {
  position: relative;
  margin-left: 10px;
  font-size: 14px;
  cursor: pointer;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-btn .btn-desc {
  color: #a9a9a9;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-btn .btn-desc:hover {
  color: #fa8919;
}
.approval-user-setter-page .page-bottom {
  margin-top: 20px;
  text-align: center;
  position: relative;
  font-size: 12px;
}
.approval-user-setter-page .page-bottom .cancel,
.approval-user-setter-page .page-bottom .save {
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.approval-user-setter-page .page-bottom .cancel:hover,
.approval-user-setter-page .page-bottom .save:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.approval-user-setter-page .page-bottom .cancel {
  position: absolute;
  left: 0;
  width: 72px;
  border-radius: 20px;
  background-color: #f8f8f9;
  color: #4a4a4a;
}
.approval-user-setter-page .page-bottom .save {
  width: 128px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
  color: #ffffff;
}
.approval-user-setter-page .ns-popover-tooltip .ns-popover-items .ns-popover-item .ns-popover-item-value {
  max-width: 200px;
}
.dpt-tree-in-approval-page {
  color: #4a4a4a;
}
.dpt-tree-in-approval-page .dpt-tree {
  text-align: left;
  width: 100%;
  height: 220px;
  overflow: auto;
  padding-bottom: 10px;
}
.dpt-tree-in-approval-page .dpt-tree ul {
  margin: 0!important;
  max-width: initial;
  line-height: 36px;
}
.dpt-tree-in-approval-page .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value {
  padding: 0;
  max-width: 195px;
}
.approval-setting-popover a {
  color: #fa8919;
}

.approval-basic-setting-page {
  padding: 40px 25px 20px;
}
.approval-basic-setting-page .page-title {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-align: center;
}
.approval-basic-setting-page .page-title .line {
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}
.approval-basic-setting-page .page-title .name {
  display: inline-block;
  background: white;
  transform: translateY(-50%);
  padding: 0 14px;
}
.approval-basic-setting-page .page-footer {
  text-align: center;
}
.approval-basic-setting-page .flow-panel {
  margin-top: 10px;
  width: 100%;
}
.approval-basic-setting-page .flow-panel.basic-panel {
  border: none;
  padding: 20px;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting {
  color: #a9a9a9;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting i {
  cursor: pointer;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .no-edit {
  pointer-events: none;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting label {
  display: inline-block !important;
  font-size: 14px;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .reject-setting span:last-of-type {
  display: inline-block;
  width: 468px;
  float: right;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .reject-setting:first-of-type {
  margin-top: 10px;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .reject-setting:last-of-type span:last-of-type {
  margin-bottom: 10px;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .reject-setting .radio-no-active,
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .reject-setting .radio-active {
  vertical-align: super;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting > input {
  width: 100%;
  font-size: 16px;
  color: #4a4a4a;
  line-height: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting p {
  font-size: 16px;
  position: relative;
  color: #4a4a4a;
  line-height: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .textarea {
  position: relative;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .setting-icon-list {
  padding: 10px 0;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .setting-icon-list span {
  font-size: 30px;
  padding: 0 10px;
  cursor: pointer;
  color: #4d4d4d;
}
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .setting-icon-list span .not-system:hover:before,
.approval-basic-setting-page .flow-panel.basic-panel .basic-setting .setting-icon-list span.active:before {
  color: #ED6C00;
}
.approval-basic-setting-page .ns-popover-tooltip .ns-popover-items {
  margin: 10px 0 0 0 ;
}
.approval-basic-setting-page .ns-popover-tooltip .ns-popover-items .ns-popover-item .ns-popover-item-value {
  max-width: 200px;
  padding-left: 15px;
}
.approval-basic-setting-page .ns-popover-bottom-align > div {
  margin: 0 30px;
  cursor: pointer;
}
.approval-basic-setting-page .ns-popover-bottom-align > div:hover {
  color: #ED6C00;
}
.approval-basic-setting-page .ns-popover-bottom-align > div i {
  margin-right: 5px;
  vertical-align: middle;
}
.approval-basic-setting-page .comment-length {
  margin: 10px 0;
  font-size: 14px;
}
.approval-basic-setting-page .add-comment {
  clear: both;
  border-radius: 6px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  margin: 19px 25px 0 0;
  position: relative;
  padding: 12px 10px;
  min-height: 50px;
}
.approval-basic-setting-page .add-comment > div {
  position: relative;
  max-width: 490px;
  min-height: 26px;
  font-size: 14px;
}
.approval-basic-setting-page .add-comment pre,
.approval-basic-setting-page .add-comment textarea {
  line-height: 26px;
}
.approval-basic-setting-page .add-comment textarea {
  width: 100%;
  border: none;
}
.approval-basic-setting-page .add-comment .input-btn {
  position: absolute;
  bottom: 8px;
  right: 10px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.approval-basic-setting-page .add-comment .input {
  position: absolute;
  width: 490px;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  color: #4a4a4a;
  outline: solid 1px transparent;
}
.approval-basic-setting-page .add-comment .btn-span {
  position: absolute;
  top: 0;
  right: 10px;
  transform: translateY(-120%);
  color: #ed6c00;
}
.approval-basic-setting-page .add-comment:hover {
  border: solid 1px #ffb387;
}
.approval-basic-setting-page .task-comment-focus {
  border: solid 1px #ffb387;
}
.approval-basic-setting-page ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
}
.approval-basic-setting-page :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
  font-size: 12px;
}
.approval-basic-setting-page ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
  font-size: 12px;
}
.approval-basic-setting-page :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
  font-size: 12px;
}

.condition-approval-dialog {
  min-height: 400px;
  padding: 0 20px;
}
.condition-approval-dialog .line-condition-select {
  position: relative;
}
.condition-approval-dialog .condition-approve-line-tip {
  background-color: #f5f5f5;
  padding: 10px;
  margin-top: 50px;
  border-radius: 6px;
  font-size: 12px;
}
.condition-approval-dialog .condition-approval-dialog-title {
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  line-height: 74px;
  margin-bottom: 10px;
}
.condition-approval-dialog .condition-approval-dialog-title span {
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  padding: 0 20px;
}
.condition-approval-dialog .condition-approve-line-wrap {
  min-height: 250px;
}
.condition-approval-dialog .condition-approve-line-wrap .line-title {
  font-size: 16px;
  line-height: 61px;
  padding-left: 22px;
  height: 61px;
  border-bottom: 1px solid #e0e0e0;
}
.condition-approval-dialog .condition-approve-line-wrap .line-condition {
  padding: 0 22px;
  margin-top: 30px;
}
.condition-approval-dialog .condition-approve-line-wrap .line-condition .condition .condition-num {
  margin-top: 10px;
  font-size: 14px;
  color: #737373;
  font-weight: bold;
  border-bottom: 1px solid #f5f5f5;
  height: 30px;
  line-height: 30px;
}
.condition-approval-dialog .condition-approve-line-wrap .line-condition .condition .condition-num span {
  border-bottom: 2px solid #fa8919;
  display: inline-block;
  line-height: 23px;
}
.condition-approval-dialog .condition-approve-line-wrap .line-condition .condition .condition-num .selected-delete {
  vertical-align: middle;
  font-size: 14px;
  cursor: pointer;
}
.condition-approval-dialog .condition-approve-line-wrap .line-condition .condition .condition-select > div {
  width: 190px;
  height: 54px;
  line-height: 54px;
  display: inline-block;
  border-bottom: 1px solid #f0f0f0;
}
.condition-approval-dialog .condition-approve-line-wrap .line-condition .condition .condition-select > div .selected-value {
  display: inline-block;
  width: 90%;
}
.condition-approval-dialog .approve-botton-tools {
  text-align: center;
  margin: 30px 0;
}
.condition-approval-dialog .approve-botton-tools span {
  padding: 4px 40px;
  border-radius: 50px;
  background-color: #fa8919;
  color: #fff;
}
.condition-approval-dialog .add-more-rule {
  margin-top: 20px;
  width: 100px;
}
.condition-approval-dialog .add-more-rule i {
  position: relative;
  top: 2px;
  color: #fa8919;
}
.condition-approval-dialog .add-more-rule span {
  color: #737373;
}

.approval-node-setting-page {
  padding: 40px 25px 20px;
}
.approval-node-setting-page .page-title {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-align: center;
}
.approval-node-setting-page .page-title .line {
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}
.approval-node-setting-page .page-title .name {
  display: inline-block;
  background: white;
  transform: translateY(-50%);
  padding: 0 14px;
}
.approval-node-setting-page .page-content {
  margin: 0 45px;
}
.approval-node-setting-page .page-content .stage-select {
  text-align: center;
  padding-top: 20px;
}
.approval-node-setting-page .page-content .stage-select .stage {
  cursor: pointer;
  line-height: 30px;
  display: inline-block;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.approval-node-setting-page .page-content .stage-select .stage.active {
  color: #ff8800;
  background-color: #f9f9f9;
}
.approval-node-setting-page .page-content .stage-select .stage:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 60px;
  padding-right: 40px;
}
.approval-node-setting-page .page-content .stage-select .stage:last-child {
  margin-left: -10px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-right: 60px;
  padding-left: 40px;
}
.approval-node-setting-page .page-content .tip-content {
  margin: 10px 0;
  background-color: #f8f8f9;
  padding: 12px;
  font-size: 14px;
  border-radius: 4px;
}
.approval-node-setting-page .page-content .label-noactive {
  position: absolute;
  left: 0;
  top: 30px !important;
  line-height: 28px;
  font-size: 12px;
}
.approval-node-setting-page .page-content .label-active {
  position: absolute;
  top: 10px;
  left: 0;
  color: #a9a9a9;
  font-size: 12px;
}
.approval-node-setting-page .page-content .part-name {
  font-size: 14px;
  margin: 10px 0;
  position: relative;
}
.approval-node-setting-page .page-content .part-name .part-title {
  height: 34px;
  line-height: 34px;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 10px;
}
.approval-node-setting-page .page-content .part-name .part-title span {
  color: #4a4a4a;
  font-weight: bold;
  border-bottom: 2px solid #fa8919;
  display: inline-block;
  line-height: 28px;
}
.approval-node-setting-page .page-content .part-name .level-one {
  display: inline-block;
  width: 170px;
  border-bottom: 1px solid #f0f0f0;
  min-height: 30px;
  margin-top: 10px;
  color: #4a4a4a;
  position: relative;
}
.approval-node-setting-page .page-content .part-name .level-one i {
  float: right;
  font-size: 15px;
  color: #a9a9a9;
}
.approval-node-setting-page .page-content .part-name .level-one .ns-popover-center-align {
  width: 100%;
}
.approval-node-setting-page .page-content .part-name .level-one .ns-popover-tooltip {
  width: 200px !important;
  max-width: 100% !important;
  margin: 0;
}
.approval-node-setting-page .page-content .part-name .none-data {
  display: inline-block;
}
.approval-node-setting-page .page-content .part-name .none-data .popover-btn {
  display: inline-block;
  padding: 0 22px;
  min-width: 92px;
  height: 32px;
  line-height: 32px;
  color: #4a4a4a;
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e8e8e8;
  position: relative;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.approval-node-setting-page .page-content .part-name .none-data .popover-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.approval-node-setting-page .page-content .part-name .none-data span {
  margin-left: 5px;
}
.approval-node-setting-page .page-content .part-name .m-select {
  margin-left: 2px;
  width: 250px;
  position: relative;
  display: inline-block;
}
.approval-node-setting-page .page-content .part-name .m-select .input-mid {
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  width: 230px !important;
}
.approval-node-setting-page .page-content .part-name .pop-container {
  position: relative;
}
.approval-node-setting-page .page-content .node-name {
  margin: 20px 0 0 0;
  color: #a9a9a9;
  position: relative;
  font-size: 14px;
}
.approval-node-setting-page .page-content .node-name input {
  width: 100%;
  position: relative;
  z-index: 2;
  padding-top: 30px;
  height: 60px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all 0.3s;
}
.approval-node-setting-page .page-content .operation-choose {
  margin: 5px 0;
}
.approval-node-setting-page .page-content .operation-choose label {
  cursor: pointer;
}
.approval-node-setting-page .page-content .operation-choose label > div {
  display: inline-block;
  color: #4a4a4a;
}
.approval-node-setting-page .page-bottom {
  margin-top: 20px;
  text-align: center;
  position: relative;
  font-size: 12px;
}
.approval-node-setting-page .page-bottom .cancel,
.approval-node-setting-page .page-bottom .save {
  width: 128px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.approval-node-setting-page .page-bottom .noSave {
  background: #ebebee;
  cursor: not-allowed;
}
.approval-node-setting-page .page-bottom .canSave {
  background-color: #fa8919;
}
.approval-node-setting-page .page-bottom .cancel {
  position: absolute;
  left: 0;
  width: 72px;
  border-radius: 20px;
  background-color: #f8f8f9;
  color: #4a4a4a;
}
.approval-node-setting-page .ns-popover-tooltip .ns-popover-items .ns-popover-item .ns-popover-item-value {
  max-width: 200px;
}
.approval-node-setting-page .filter-item {
  position: relative;
  display: flex;
}
.approval-node-setting-page .filter-item .filter-item-label {
  line-height: 30px;
}
.dpt-tree-in-approval-page {
  color: #4a4a4a;
}
.dpt-tree-in-approval-page .dpt-tree {
  text-align: left;
  width: 100%;
  height: 220px;
  overflow: auto;
  padding-bottom: 10px;
}
.dpt-tree-in-approval-page .dpt-tree ul {
  margin: 0 !important;
  max-width: initial;
  line-height: 36px;
}
.dpt-tree-in-approval-page .ns-popover-tooltip .dpt-list .ns-popover-item.rank-list-item {
  height: auto !important;
}
.dpt-tree-in-approval-page .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value {
  padding: 0;
  max-width: 195px;
}
.dpt-tree-in-approval-page .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value.rank-list {
  position: relative !important;
  width: 100%;
  text-align: left;
}
.dpt-tree-in-approval-page .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value.rank-list > div {
  margin-left: 20px;
}
.approval-setting-popover a {
  color: #fa8919;
}

.approval-process-setting {
  display: inline-block;
  padding: 0 30px;
  position: relative;
  width: 1200px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -15px;
  padding: 0 25px 50px 25px;
  box-sizing: border-box;
}
.approval-process-setting .i-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.approval-process-setting .process-setting-title {
  position: relative;
  height: 50px;
  border-bottom: 1px solid #f5f5f5;
  margin-top: 20px;
}
.approval-process-setting .process-setting-title .process-setting-name {
  height: 50px;
  line-height: 54px;
  max-width: 400px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}
.approval-process-setting .process-setting-title input {
  width: 400px;
  height: 50px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
  border: none;
  padding-right: 30px;
  background: transparent;
}
.approval-process-setting .process-setting-title .btn-save {
  padding: 4px 20px;
  background-color: #fa8919;
  color: #fff;
  border-radius: 20px;
  margin-left: 10px;
}
.approval-process-setting .process-setting-title .btn-close {
  margin-left: 20px;
  color: #9e9e9e;
}
.approval-process-setting .process-setting-title .ibass-edit {
  color: #a9a9a9;
  position: relative;
  font-size: 16px;
  top: 2px;
  margin-left: 20px;
}
.approval-process-setting .process-setting-title .approval-process-close {
  position: absolute;
  right: 10px;
  top: -10px;
}
.approval-process-setting .process-setting-title .approval-process-close i {
  font-size: 20px;
  position: relative;
  top: 12px;
}
.approval-process-setting .process-wrapper-title {
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  border-bottom: 1px solid #f5f5f5;
}
.approval-process-setting .process-wrapper-title .wrapper-title {
  border-bottom: 2px solid #fa8919;
  display: inline-block;
  line-height: 38px;
}
.approval-process-setting .process-wrapper-title .add-subcondition {
  width: 80px;
  height: 30px;
  line-height: 27px;
  text-align: center;
  background-color: #fa8919;
  color: #fff;
  border-radius: 28px;
}
.approval-process-setting .process-wrapper-title .add-subcondition i {
  position: relative;
  top: 2px;
}
.approval-process-setting .process-wrapper-title .setting-priority {
  position: relative;
  top: 6px;
  margin-right: 20px;
  color: #a9a9a9;
}
.approval-process-setting .process-setting-subcondition-tips {
  background-color: #f5f5f5;
  padding: 10px;
  margin-top: 10px;
  border-radius: 6px;
  font-size: 12px;
}
.approval-process-setting .i-process-defalut {
  background-color: #f8f8f9;
  min-height: 200px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  margin-top: 10px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-tips {
  position: relative;
  height: 40px;
  line-height: 40px;
  color: #737373;
  padding-left: 20px;
  padding-right: 100px;
  border-bottom: 1px solid #f0f0f0;
}
.approval-process-setting .i-process-defalut .i-process-defalut-tips .ibass-info {
  font-size: 16px;
  color: #ccc;
  position: relative;
  top: 3px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-tips .ibass-delete {
  position: absolute;
  right: 10px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-tips .ibass-copy {
  position: absolute;
  right: 58px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-tips .ibass-edit {
  position: absolute;
  right: 34px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-tips .defalut-icon-tool {
  color: #cdc9c5;
}
.approval-process-setting .i-process-defalut .i-process-defalut-tips .defalut-icon-tool:hover {
  color: #fa8919;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow {
  padding: 10px 20px;
  display: inline-block;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow .drag-content {
  width: 1100px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow .drag-content li {
  cursor: move;
  width: 312px;
  -webkit-user-drag: element;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow .dndDraggingSource {
  display: none!important;
  opacity: 1.0;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow .dndDragging {
  float: left;
  cursor: move;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow .dndPlaceholder {
  float: left;
  height: 120px;
  width: 312px;
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin-bottom: 10px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li {
  height: 120px;
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin-bottom: 10px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .start-user {
  text-align: center;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .ibass-user {
  font-size: 24px;
  color: #ccc;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approve-arrow {
  width: 32px;
  height: 10px;
  background: url(/common/directives/approveFlow/images/arrowGrey.png);
  background-size: contain;
  margin: 0 20px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node {
  width: 240px;
  height: 100%;
  padding: 0 10px;
  background-color: #fff;
  border-radius: 6px;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-title {
  height: 42px;
  line-height: 44px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-title .ibass-delete,
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-title .ibass-edit {
  float: right;
  color: #ccc;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-title .ibass-delete:hover,
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-title .ibass-edit:hover {
  color: #fa8919;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-title .ibass-edit {
  right: 20px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-title .approval-node-title-c {
  display: inline-block;
  max-width: 100%;
  padding-right: 38px;
  box-sizing: border-box;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-title .approval-node-type {
  position: absolute;
  top: 0px;
  left: -10px;
  background-color: #fa8919;
  border-radius: 6px 0 6px 0;
  padding: 0 6px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-content {
  font-size: 12px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-content .approval-node-approver {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .approval-node .approval-node-content .approval-node-approver span:nth-child(1) {
  color: #737373;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .add-node {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .add-node i {
  font-size: 16px;
  color: #ccc;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .add-node .add-node-title {
  display: inline-block;
  margin-top: 6px;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .add-node:hover {
  background-color: #fa8919;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .add-node:hover i {
  color: #fff;
}
.approval-process-setting .process-save-button {
  margin: 100px 0 20px 0;
  text-align: center;
}
.approval-process-setting .process-save-button span {
  padding: 6px 40px;
  background-color: #fa8919;
  color: #fff;
  border-radius: 50px;
}
.approval-process-setting .i-process-project-number {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  color: #737373;
  position: relative;
}
.approval-process-setting .i-process-project-number span {
  position: relative;
}
.approval-process-setting .i-process-project-number .ibass-trig-down {
  position: relative;
  top: 2px;
  color: #ccc;
}
.conflict-node {
  background-color: #f5f5f5;
  cursor: not-allowed;
  color: #ccc;
}
.approval-order-dialog {
  min-height: 300px;
  padding: 0 20px 30px 20px;
}
.approval-order-dialog .approval-order-dialog-title {
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  line-height: 74px;
  margin-bottom: 10px;
}
.approval-order-dialog .approval-order-dialog-title span {
  font-size: 16px;
  background-color: #fff;
  padding: 0 20px;
}
.approval-order-dialog .approval-order-dialog-content {
  margin-top: 20px;
}
.approval-order-dialog .approval-order-dialog-content li {
  font-size: 12px;
  padding: 14px 0;
  border-bottom: 1px solid #f5f5f5;
  cursor: move;
}
.approval-order-dialog .approval-order-dialog-content .dndDraggingSource {
  display: none!important;
  opacity: 1.0;
}
.approval-order-dialog .approval-order-dialog-content .dndDragging {
  cursor: move;
}
.approval-order-dialog .approval-order-dialog-content .dndPlaceholder {
  height: 44px;
  display: flex;
  vertical-align: middle;
  align-items: center;
  background-color: #f5f5f5;
}
.approval-order-dialog .process-save-button {
  margin: 50px 0 20px 0;
  text-align: center;
}
.approval-order-dialog .process-save-button span {
  padding: 6px 40px;
  background-color: #fa8919;
  color: #fff;
  border-radius: 50px;
}

.approval-user-setter-page {
  padding: 40px 25px 20px;
}
.approval-user-setter-page .page-title {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-align: center;
}
.approval-user-setter-page .page-title .line {
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}
.approval-user-setter-page .page-title .name {
  display: inline-block;
  background: white;
  transform: translateY(-50%);
  padding: 0 14px;
}
.approval-user-setter-page .page-content {
  margin: 0 5px;
}
.approval-user-setter-page .page-content .panel {
  margin-bottom: 10px;
  width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #ebebeb;
}
.approval-user-setter-page .page-content .panel .title {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  border-bottom: solid 1px #ebebeb;
}
.approval-user-setter-page .page-content .panel .title .title-content {
  float: left;
  cursor: pointer;
}
.approval-user-setter-page .page-content .panel .title .title-content:hover i,
.approval-user-setter-page .page-content .panel .title .title-content:hover span {
  color: #fa8919;
}
.approval-user-setter-page .page-content .panel .title .btn {
  display: inline-block;
  width: 40px;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
}
.approval-user-setter-page .page-content .panel .title .ibass-done {
  color: #fa8919;
}
.approval-user-setter-page .page-content .panel .title .ibass-task-check {
  color: #cdc9c5;
}
.approval-user-setter-page .page-content .panel .content {
  margin-left: 40px;
  padding: 15px 0;
  line-height: 22px;
  font-size: 12px;
  color: #737373;
}
.approval-user-setter-page .page-content .panel .content .none-data .popover-btn {
  display: inline-block;
  padding: 0 22px;
  min-width: 92px;
  height: 32px;
  line-height: 32px;
  color: #4a4a4a;
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e8e8e8;
  position: relative;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.approval-user-setter-page .page-content .panel .content .none-data .popover-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.approval-user-setter-page .page-content .panel .content .none-data span {
  margin-left: 5px;
}
.approval-user-setter-page .page-content .panel .content .has-data {
  min-height: 24px;
  line-height: 24px;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-pic,
.approval-user-setter-page .page-content .panel .content .has-data .data-name,
.approval-user-setter-page .page-content .panel .content .has-data .data-btn {
  float: left;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-pic img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-pic i {
  font-size: 20px;
  color: #cdc9c5;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-name {
  margin-left: 8px;
  font-size: 14px;
  color: #4a4a4a;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-name .more {
  color: #a9a9a9;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-name .nowrap {
  height: 24px;
  display: block;
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-btn {
  position: relative;
  margin-left: 10px;
  font-size: 14px;
  cursor: pointer;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-btn .btn-desc {
  color: #a9a9a9;
}
.approval-user-setter-page .page-content .panel .content .has-data .data-btn .btn-desc:hover {
  color: #fa8919;
}
.approval-user-setter-page .page-bottom {
  margin-top: 20px;
  text-align: center;
  position: relative;
  font-size: 12px;
}
.approval-user-setter-page .page-bottom .cancel,
.approval-user-setter-page .page-bottom .save {
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.approval-user-setter-page .page-bottom .cancel:hover,
.approval-user-setter-page .page-bottom .save:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.approval-user-setter-page .page-bottom .cancel {
  position: absolute;
  left: 0;
  width: 72px;
  border-radius: 20px;
  background-color: #f8f8f9;
  color: #4a4a4a;
}
.approval-user-setter-page .page-bottom .save {
  width: 128px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
  color: #ffffff;
}
.approval-user-setter-page .ns-popover-tooltip .ns-popover-items .ns-popover-item .ns-popover-item-value {
  max-width: 200px;
}
.dpt-tree-in-approval-page {
  color: #4a4a4a;
}
.dpt-tree-in-approval-page .dpt-tree {
  text-align: left;
  width: 100%;
  height: 220px;
  overflow: auto;
  padding-bottom: 10px;
}
.dpt-tree-in-approval-page .dpt-tree ul {
  margin: 0!important;
  max-width: initial;
  line-height: 36px;
}
.dpt-tree-in-approval-page .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value {
  padding: 0;
  max-width: 195px;
}
.approval-setting-popover a {
  color: #fa8919;
}

.dialog-body .node-name-in-appro-setting {
  text-align: center;
  margin: 30px 0;
}
.dialog-body .node-name-in-appro-setting input {
  width: 80%;
}
.dialog-body .node-name-in-appro-setting label {
  text-align: left;
  width: 80%;
  margin: 0 auto;
  font-size: 14px;
  color: #a9a9a9;
}
.dialog-body .node-name-in-appro-setting > span {
  width: 80%;
}
.dialog-body .node-name-in-appro-setting > span > p {
  width: 100%;
  text-align: left;
}
.dialog-body .node-name-in-appro-setting + div .main-btn {
  width: 110px;
}
.dialog-body .node-name-in-appro-setting + div .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
  border: none;
}
.dialog-body .node-name-in-appro-setting + div .saveButtonDisabled:hover {
  box-shadow: none !important;
}

.ns-popover-list-select {
  width: 260px;
  color: #4a4a4a;
  font-size: 14px;
  margin-top: 0px;
}
.ns-popover-list-select .list-search-show-all {
  padding: 5px 14px;
  font-size: 12px;
  color: #909090;
}
.ns-popover-list-select .ns-popover-list-select-item {
  justify-content: space-between;
  align-content: center;
  padding: 0 0.875rem!important;
}
.ns-popover-list-select .ns-popover-list-select-item .ibass-done {
  color: #ed6c00;
}
.ns-popover-list-select .ns-popover-list-select-item .name {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.approval-dropdown-matter .drop-menu-popove {
  position: relative;
}

.ns-popover-list-select {
  width: 260px;
  color: #4a4a4a;
  font-size: 14px;
  margin-top: 0px;
}
.ns-popover-list-select .list-search-show-all {
  padding: 5px 14px;
  font-size: 12px;
  color: #909090;
}
.ns-popover-list-select .ns-popover-list-select-item {
  justify-content: space-between;
  align-content: center;
  padding: 0 0.875rem!important;
}
.ns-popover-list-select .ns-popover-list-select-item .ibass-done {
  color: #ed6c00;
}
.ns-popover-list-select .ns-popover-list-select-item .name {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.i-conditional-option {
  margin-top: 10px;
}
.i-conditional-option .ibass-trig-down {
  color: #cdc9c5;
}
.i-conditional-option .common-select-option {
  position: relative;
  display: inline-block;
  min-width: 180px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f5f5f5;
}
.i-conditional-option .filter-item {
  position: relative;
  margin-top: 10px;
  display: flex;
}
.i-conditional-option .filter-item .filter-item-label {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  width: 96px;
}
.i-conditional-option .nfim-input-common {
  width: 180px;
}
.i-conditional-option .nfim-input-common .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.i-conditional-option .nfim-input-common .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}


.preview-item {
  padding: 10px 14px;
  color: #4a4a4a;
  position: relative;
  margin: -1px;
  border: 1px solid transparent;
}
.preview-item:hover {
  margin: -1px;
  border: 1px dashed #fdba78;
  cursor: move;
}
.preview-item:hover > i.ibass-close {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.preview-item i.ibass-close {
  display: none;
}
.preview-item .headline {
  font-weight: 500;
}
.preview-item .headline .unit {
  display: inline-block;
  font-size: 12px;
  color: #a6a6a6;
}
.preview-item .headline .required {
  color: red;
  vertical-align: middle;
}
.preview-item .preview-content {
  margin-top: 5px;
}
.preview-item .preview-content .common-show {
  border-bottom: 1px solid #ebebeb;
}
.preview-item .preview-content .select-show {
  border-bottom: 1px solid #ebebeb;
  display: flex;
  justify-content: space-between;
}
.preview-item .preview-content .attachment-show {
  display: flex;
}
.preview-item .preview-content .textarea-show > textarea {
  width: 100%;
  border: 1px solid #ebebeb;
  resize: none;
  border-radius: 4px;
}
.preview-item .preview-content .date-show {
  display: flex;
}
.preview-item .preview-content .date-show > span {
  margin: 0 8px;
}
.preview-item .preview-content .date-show > div span {
  display: inline-block;
  width: 100px;
  border-bottom: 1px solid #ebebeb;
}
.preview-item .preview-content .date-show > div i.ibass-trig-down {
  margin-left: -10px;
}

.number-template {
  padding-top: 30px;
  font-size: 14px;
}
.number-template ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #737373;
}
.number-template :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #737373;
}
.number-template ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #737373;
}
.number-template :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #737373;
}
.number-template i:hover {
  color: #fdba78;
}
.number-template .input-error {
  border-color: #f72b44!important;
  color: #f72b44;
}
.number-template .input-not-allow {
  cursor: not-allowed;
}
.number-template .project-number-triangle {
  bottom: -10px !important;
  border-top-color: transparent!important;
}
.number-template .items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
}
.number-template .items .item-label {
  font-size: 14px;
  min-width: 105px;
}
.number-template .items .item-content ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
}
.number-template .items .item-content :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
  font-size: 12px;
}
.number-template .items .item-content ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
  font-size: 12px;
}
.number-template .items .item-content :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
  font-size: 12px;
}
.number-template .items .item-content .saq-info {
  color: #a9a9a9;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 6px;
}
.number-template .items .item-content .start-number-module {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.number-template .items .item-content .start-number-module .start-number-input {
  position: relative;
  cursor: pointer;
}
.number-template .items .item-content .start-number-module .start-number-input .number-limit-list-template .ns-popover-tooltip {
  width: 110px;
  margin-top: 0;
}
.number-template .items .item-content .start-number-module .start-number-input .number-limit-list-template .ns-popover-tooltip .ns-popover-item {
  padding: 0 8px;
}
.number-template .items .item-content .start-number-module .start-number-input .number-limit-list-template .ns-popover-tooltip .ns-popover-item i {
  color: #fa8919;
}
.number-template .items .item-content .start-number-module .start-number-input .i-down {
  position: absolute;
  right: 8px;
  top: 4px;
}
.number-template .items .item-content i {
  color: #cdc9c5;
  vertical-align: middle;
  font-size: 14px;
}
.number-template .items .item-content input {
  width: 110px;
  height: 30px;
  border-radius: 4px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  padding: 5px 10px;
}
.number-template .items .item-content .i-waring {
  color: #cdc9c5;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
  font-style: normal;
}
.number-template .items .item-content .i-waring .number-setting-info .triangle:after {
  border-top-color: #3d3d3d!important;
}
.number-template .items .item-content .i-waring .number-setting-info .ns-popover-tooltip-option {
  padding: 12px!important;
  font-size: 12px;
  line-height: 1.33;
}
.number-template .items .item-content .i-waring:hover {
  color: #fdba78;
}
.number-template .items .item-content a {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  margin-right: 13px;
}
.number-template .items .item-content a .ibass-checkbox {
  color: #cdc8c5;
}
.number-template .items .item-content a .ibass-checked {
  color: #fa8919;
}
.number-template .items .item-content a span {
  margin-left: 5px;
}
.number-template .items .item-content a:last-of-type {
  margin-right: 10px;
}
.number-template .items .item-content .add-special {
  margin-left: 20px;
}
.number-template .items .item-content .add-special .add-special-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 23px;
  line-height: 23px;
}
.number-template .items .item-content .add-special .add-special-btn i {
  color: #cdc9c5;
  height: 100%;
}
.number-template .items .item-content .add-special .add-special-btn:hover i {
  color: #fa8919;
}
.number-template .items .item-content .add-special span {
  color: #737373;
  font-size: 14px;
  display: inline-block;
  margin-left: 4px;
}
.number-template .special-table {
  width: 100%;
  text-align: left;
}
.number-template .special-table .type-td {
  width: 186px;
  max-width: 186px;
}
.number-template .special-table .level-td {
  width: 160px;
  max-width: 160px;
}
.number-template .special-table .level-td .select-input-module {
  width: 136px;
}
.number-template .special-table .level-td .select-input-module .ns-popover-tooltip {
  width: 136px;
}
.number-template .special-table .seq-td {
  width: 100px;
  max-width: 100px;
  padding-left: 10px;
}
.number-template .special-table .init-num-td {
  width: 190px;
  max-width: 190px;
  padding-right: 2px;
}
.number-template .special-table .thead {
  height: 36px;
  font-size: 12px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.number-template .special-table .thead li {
  font-weight: normal;
}
.number-template .special-table .tbody {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.number-template .special-table .tbody .code-and-name {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #c0c0c0;
}
.number-template .special-table .tbody .code-and-name .code {
  color: #4a4a4a;
}
.number-template .special-table .tbody .code-and-name .name {
  font-size: 12px;
}
.number-template .special-table .tbody li {
  height: 55px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.number-template .special-table .tbody li .special-action-module {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.number-template .special-table .tbody li .special-action-module span {
  display: inline-block;
  width: 136px;
}
.number-template .special-table .tbody li .special-action-module .i-module {
  visibility: hidden;
  margin-left: 12px;
}
.number-template .special-table .tbody li .special-action-module .i-module i {
  vertical-align: middle;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  color: #fdba78;
}
.number-template .special-table .tbody li .special-action-module .i-module .i-ok {
  color: #fa8919;
}
.number-template .special-table .tbody li .special-action-module .i-module .i-edit {
  margin-right: 8px;
}
.number-template .special-table .tbody li .special-start-num-module {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.number-template .special-table .tbody li .special-start-num-module .special-start-num {
  width: 136px;
  height: 32px;
  border-radius: 4px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  padding: 0 10px;
}
.number-template .special-table .tbody li .special-start-num-module .i-module {
  margin-left: 12px;
}
.number-template .special-table .tbody li .special-start-num-module .i-module i {
  vertical-align: middle;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
}
.number-template .special-table .tbody li .special-start-num-module .i-module .i-ok {
  color: #fa8919;
  margin-right: 8px;
}
.number-template .special-table .tbody li .special-start-num-module .i-module .i-close {
  color: #cdc9c5;
}
.number-template .special-table .tbody li .select-input-module {
  position: relative;
  width: 160px;
}
.number-template .special-table .tbody li .select-input-module .row-space-center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-level {
  padding: 0 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-level span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-level .i-checked {
  width: 20px;
  text-align: right;
  flex-shrink: 0;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-level .i-checked i {
  color: #fa8919;
  vertical-align: middle;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-search-input {
  padding: 10px 4px 0 4px;
  font-size: 12px;
  position: relative;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-search-input .i-search {
  position: absolute;
  left: 10px;
  top: 15px;
  color: #cdc8c5;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-search-input input {
  width: 150px;
  height: 30px;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  padding: 0 10px 0 20px;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-search-input ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-search-input :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
  font-size: 12px;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-search-input ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
  font-size: 12px;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-search-input :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
  font-size: 12px;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list {
  max-height: 150px;
  overflow: auto;
  font-size: 14px;
  color: #4a4a4a;
  margin: 10px 0;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-type {
  padding: 5px 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  min-height: 36px;
  line-height: 1.2;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-type .type-name {
  color: #c0c0c0;
  word-break: break-all;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-type .type-name span:first-of-type {
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
  color: #4a4a4a;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-type .type-name span:last-of-type {
  font-size: 12px;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-type .i-checked {
  text-align: right;
  width: 20px;
  flex-shrink: 0;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-type .i-checked i {
  color: #fa8919;
  vertical-align: middle;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-type:hover {
  background-color: #f8f8f9;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-p-type {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  font-size: 12px;
  color: #c0c0c0;
  border-bottom: solid 1px #f0f0f0;
  margin: 0 8px;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-s-type {
  height: 36px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-s-type span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 20px;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-matter-type-list .ns-popover-matter-type-module .ns-popover-s-type i {
  color: #fa8919;
  vertical-align: middle;
}
.number-template .special-table .tbody li .select-input-module .select-project-level-input {
  width: 100%;
  height: 32px;
  border-radius: 4px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  padding: 0 20px 0 10px;
}
.number-template .special-table .tbody li .select-input-module .ibass-trig-down {
  position: absolute;
  right: 8px;
  top: 4px;
  color: #cdc9c5;
  cursor: pointer;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-tooltip {
  margin-top: 0;
  width: 160px;
}
.number-template .special-table .tbody:hover {
  background-color: #f8f8f9;
}
.number-template .special-table .tbody:hover li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.number-template .special-table .tbody:hover li .special-action-module .i-module {
  visibility: visible;
}
.time-style-select {
  padding-top: 30px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.time-style-select .time-select {
  height: 23px;
}
.time-style-select .ns-popover-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px!important;
}
.time-style-select .ns-popover-space-between i {
  color: #fa8919;
}
.time-style-select .time-label {
  min-width: 72px;
}
.time-style-select .time-select {
  position: relative;
}
.time-style-select .time-select .ns-popover-time-style-select-list .ns-popover-tooltip {
  width: 120px;
}
.time-style-select .time-select .show-select-module {
  color: #a9a9a9;
  padding: 0 5px;
  cursor: pointer;
  border-radius: 4px;
  height: 20px;
  line-height: 20px;
}
.time-style-select .time-select .show-select-module:hover {
  background-color: #f1f1f1;
}
.project-type-list-template {
  padding-top: 18px;
  font-size: 14px;
  color: #4a4a4a;
  max-height: 400px;
  overflow: scroll;
}
.project-type-list-template ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.project-type-list-template :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.project-type-list-template ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.project-type-list-template :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.project-type-list-template .project-type-content .project-type-p {
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
  padding-left: 26px;
}
.project-type-list-template .project-type-content .project-type-p .p-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  box-shadow: inset 0 -3px 0 0 #fa8919;
  height: 100%;
}
.project-type-list-template .project-type-content .project-type-s .type-name {
  width: 310px;
  padding-left: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-type-list-template .project-type-content .project-type-s .type-code {
  width: 340px;
}
.project-type-list-template .project-type-content .project-type-s .project-type-s-title {
  height: 36px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  color: #737373;
}
.project-type-list-template .project-type-content .project-type-s .project-type-s-list {
  height: 55px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-type-list-template .project-type-content .project-type-s .project-type-s-list .type-code {
  color: #737373;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.project-type-list-template .project-type-content .project-type-s .project-type-s-list .type-code .i-edit {
  visibility: hidden;
  cursor: pointer;
  color: #cdc9c5;
  margin-left: 9px;
}
.project-type-list-template .project-type-content .project-type-s .project-type-s-list .type-code .i-edit:hover {
  color: #fdba78;
}
.project-type-list-template .project-type-content .project-type-s .project-type-s-list:hover {
  background-color: #f8f8f9;
}
.project-type-list-template .project-type-content .project-type-s .project-type-s-list:hover .type-code .i-edit {
  visibility: visible;
}
.project-type-list-template .project-type-content .project-type-s .project-type-s-list:hover .type-code .edit-input-module .code-input {
  background-color: #f8f8f9;
}
.project-level-template {
  padding-top: 20px;
  font-size: 14px;
  color: #4a4a4a;
  max-height: 400px;
  overflow: scroll;
}
.project-level-template ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.project-level-template :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.project-level-template ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.project-level-template :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.project-level-template .level-name {
  width: 310px;
  padding-left: 26px;
}
.project-level-template .level-code {
  width: 340px;
}
.project-level-template .project-level-title {
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  color: #737373;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.project-level-template .project-level-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 55px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.project-level-template .project-level-list .level-code {
  color: #737373;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-level-template .project-level-list .level-code .i-edit {
  visibility: hidden;
  cursor: pointer;
  color: #cdc9c5;
  margin-left: 9px;
}
.project-level-template .project-level-list .level-code .i-edit:hover {
  color: #fdba78;
}
.project-level-template .project-level-list:hover {
  background-color: #f8f8f9;
}
.project-level-template .project-level-list:hover .level-code .i-edit {
  visibility: visible;
}
.project-level-template .project-level-list:hover .level-code .edit-input-module .code-input {
  background-color: #f8f8f9;
}
.edit-input-module {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 55px;
  box-shadow: inset 0 -1px 0 0 #ed6c00;
  z-index: 10;
  box-sizing: border-box;
}
.edit-input-module .code-input {
  border: none;
  width: 100%;
  height: 54px;
  line-height: 54px;
  box-sizing: border-box;
  padding-right: 120px;
}
.edit-input-module .code-input:hover {
  background-color: #f8f8f9;
}
.edit-input-module .input-btn-groups {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 120px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.edit-input-module .input-btn-groups .input-save-btn {
  width: 76px;
  height: 30px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
}
.edit-input-module .input-btn-groups .input-close-btn {
  color: #cdc9c5;
  font-size: 14px;
  margin-left: 5px;
}
.custom-input-template {
  padding-top: 25px;
}
.custom-input-template .row-start-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.project-type-setting-default-work-type .ml-20 {
  margin-left: 20px;
}
.project-type-setting-default-work-type .ui-draggable-dragging {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15) !important;
  border-color: red;
}
.project-type-setting-default-work-type .ui-draggable-dragging {
  background-color: #f8f8f9;
  border-radius: 4px;
}
.project-type-setting-default-work-type .ui-droppable-hover {
  box-shadow: inset 0 -1px 0 0 #fa8919 !important;
}
.project-type-setting-default-work-type i {
  cursor: pointer;
  vertical-align: middle;
}
.project-type-setting-default-work-type .info-tooltip {
  color: #cdc9c5;
  cursor: pointer;
  margin-left: 2px;
  font-size: 14px;
}
.project-type-setting-default-work-type .save-type {
  width: 130px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  cursor: pointer;
  margin-left: 20px;
}
.project-type-setting-default-work-type .disabled-btn {
  background-color: #ebebee;
  color: #a9a9a9;
  cursor: auto;
}
.project-type-setting-default-work-type .project-work-setting-top {
  height: 76px;
  line-height: 76px;
  margin: 0 30px 0 15px;
  padding-left: 10px;
  border-bottom: 1px solid #f0f0f0;
  color: #4a4a4a;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.project-type-setting-default-work-type .project-work-setting-top .top-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 20px;
}
.project-type-setting-default-work-type .project-work-setting-top .top-title span {
  display: inline-flex;
  margin-left: 10px;
  font-size: 14px;
  color: #a9a9a9;
}
.project-type-setting-default-work-type .project-work-setting-content {
  position: relative;
  min-height: 940px;
}
.project-type-setting-default-work-type .project-work-setting-content .project-work-line-height {
  position: absolute;
  left: 180px;
  top: 0;
  bottom: 10px;
  width: 1px;
  height: 100%;
  background-color: #f0f0f0;
}
.project-type-setting-default-work-type .project-work-setting-left {
  box-sizing: border-box;
  width: 180px;
  min-height: 940px;
  float: left;
  font-size: 14px;
  line-height: 21px;
  padding: 20px 10px 0 15px;
}
.project-type-setting-default-work-type .project-work-setting-left .left-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  border-radius: 25px;
  background-color: #f8f8f9;
  padding: 0 5px;
}
.project-type-setting-default-work-type .project-work-setting-left .left-title .title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-type-setting-default-work-type .project-work-setting-left .left-title i {
  color: #fa8919;
}
.project-type-setting-default-work-type .project-work-setting-left .left-title .type-title {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  font-size: 12px;
}
.project-type-setting-default-work-type .project-work-setting-left .left-title .type-title .type-num {
  color: #a9a9a9;
  font-size: 12px;
}
.project-type-setting-default-work-type .project-work-setting-right {
  width: 810px;
  padding: 20px;
  margin-right: 10px;
  box-sizing: border-box;
  float: right;
}
.project-type-setting-default-work-type .project-work-setting-right .btn-groups {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.project-type-setting-default-work-type .project-work-setting-right .btn-groups i {
  color: #fdba78;
}
.project-type-setting-default-work-type .project-work-setting-right .btn-groups .ibass-info {
  color: #cdc9c5;
  cursor: pointer;
  margin-left: 2px;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item-first {
  font-size: 12px;
  color: #4a4a4a;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item-first .drag-item {
  padding-left: 20px;
  box-sizing: border-box;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item-first .checked-module {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item-first .checked-module .a-checked {
  color: #fa8919;
  font-size: 14px;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item {
  background-color: #fff;
  height: 50px;
  line-height: 50px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  transition: all 0.15s;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .drop {
  height: 50px;
  width: 770px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .gray-text {
  color: #737373;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .drag-item {
  width: 200px;
  color: #4a4a4a;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .drag-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  height: 100%;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .drag-item .ibass-more {
  color: #cdc9c5;
  visibility: hidden;
  position: relative;
  font-style: normal;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .drag-item .ibass-more .tooltips {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-style: normal;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .drag-item .ibass-more:hover {
  color: #fa8919;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .drag-item .ibass-more-hover-none:hover {
  color: #cdc9c5;
  cursor: not-allowed;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .parent-type,
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .note {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .parent-type .null-note,
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .note .null-note {
  color: #a9a9a9;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .checked-module {
  display: inline-block;
  width: 100px;
  height: 100%;
  position: relative;
  padding-left: 20px;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .checked-module .a-checked {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .ibass-checkbox {
  color: #cdc8c5;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item .ibass-checked {
  color: #fa8919;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item:hover {
  background-color: #f8f8f9;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item:hover .drag-item .ibass-more {
  visibility: visible;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item-first {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.project-type-setting-default-work-type .project-work-setting-right ul .li-item-first:hover {
  background-color: #fff;
}
.project-type-setting-default-work-type .end-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.project-type-setting-default-work-type .type-hide {
  height: 0!important;
  opacity: 0!important;
  overflow: hidden;
}

.type-setting-dialog {
  padding: 40px 15px 15px 15px;
}
.type-setting-dialog i {
  vertical-align: middle;
}
.type-setting-dialog .dialog-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-setting-dialog .dialog-title h2 {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  position: relative;
  border-bottom: none;
  z-index: 1;
  display: inline-block;
  background-color: white;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  text-align: center;
}
.type-setting-dialog .dialog-content {
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
  margin-top: -20px;
  border-top: 1px solid #e1e8ed;
  padding: 50px 35px 0;
}
.type-setting-dialog .dialog-content .dialog-checked-remember {
  display: inline-block;
  margin: 0 auto;
}
.type-setting-dialog .dialog-content .dialog-checked-remember p {
  margin-bottom: 10px;
}
.type-setting-dialog .dialog-content .dialog-checked-remember .checked-remember-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #a9a9a9;
}
.type-setting-dialog .dialog-content .dialog-checked-remember .checked-remember-btn a {
  display: inline-flex;
  margin-right: 6px;
  color: #a9a9a9;
}
.type-setting-dialog .dialog-content .dialog-checked-remember .checked-remember-btn .ibass-checked {
  color: #fa8919;
}
.type-setting-dialog .dialog-content .center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-setting-dialog .dialog-content .center-center .move-title {
  display: inline-block;
  color: #737373;
  font-size: 14px;
}
.type-setting-dialog .dialog-content .center-center-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.type-setting-dialog .dialog-content .content-title {
  display: inline-block;
  margin-bottom: 16px;
  margin-left: 45px;
  color: #737373;
  font-size: 14px;
}
.type-setting-dialog .dialog-content .select-module {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-setting-dialog .dialog-content .select-module .select-input-module {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.type-setting-dialog .dialog-content .select-module .select-input-module .select-input {
  width: 140px;
  height: 32px;
  border-radius: 4px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
  padding: 0 20px 0 10px;
  cursor: pointer;
}
.type-setting-dialog .dialog-content .select-module .select-input-module .i-select-down {
  position: absolute;
  top: 5px;
  right: 5px;
}
.type-setting-dialog .dialog-content .select-module .span-line {
  width: 20px;
  height: 1px;
  border-radius: 1.5px;
  background-color: #d8d8d8;
  margin: 0 10px;
}
.type-setting-dialog .dialog-content .info-message {
  width: 297px;
  height: 54px;
  border-radius: 5px;
  background-color: #f8f8f9;
  margin: 26px auto 10px auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-setting-dialog .dialog-content .info-message i {
  color: #fa8919;
}
.type-setting-dialog .dialog-content .info-message span {
  display: inline-block;
  margin-left: 5px;
  color: #4a4a4a;
}
.type-setting-dialog .dialog-content .info-message-move {
  width: 217px;
}
.type-setting-dialog .dialog-content .btn-groups {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-setting-dialog .dialog-content .btn-groups button {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  /*box-shadow: none !important;*/
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
  margin: 17px 0px;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 16px;
  position: relative;
}
.type-setting-dialog .dialog-content .btn-groups .confirm {
  background-color: #fa8919;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#0C000000)";
  border: none;
  box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset;
  margin-right: 15px;
  color: #fff;
  border-color: #fff;
}
.type-setting-dialog .dialog-content .btn-groups .confirm:hover {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#26000000)";
  border-color: #3b88c3;
}
.type-setting-dialog .dialog-content .btn-groups .cancel {
  color: #66757e;
  background-color: #f5f8fa;
  background-image: linear-gradient(#ffffff, #f5f8fa);
  text-shadow: 0px -1px 0px #ffffff;
  margin-right: 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
}
.type-setting-dialog .dialog-content .btn-groups .cancel:hover {
  background-color: #e1e8ed;
  background-image: linear-gradient(#ffffff, #e1e8ed);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  border-color: #e1e8ed;
}
.type-select.ns-popover-tooltip-theme {
  z-index: 10000;
}
.type-select .ns-popover-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px!important;
}
.type-select .ns-popover-space-between span {
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.type-select .ns-popover-space-between i {
  color: #fa8919;
}
.type-select .ns-popover-tooltip {
  width: 140px;
}

.c-risk-more-header {
  background-color: #fff;
  border-radius: 8px;
  padding: 50px 20px 10px;
}
.c-risk-more-title-cut-off-rule {
  text-align: center;
  border-top: 1px solid #e2e2e2;
}
.c-risk-more-title {
  display: inline-block;
  padding: 0 25px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  background: #fff;
  color: #4a4a4a;
  position: relative;
  top: -18px;
}
.c-risk-more-content-wrapper {
  height: 450px;
  overflow: auto;
}
.c-risk-more-content {
  margin: 0px 60px 0 80px;
  font-size: 14px;
  line-height: 32px;
  color: rgba(7, 17, 27, 0.6);
  font-weight: 600;
  zoom: 1;
}
.c-risk-more-content-cursor {
  list-style-type: disc;
  cursor: pointer;
}
.c-risk-more-content-cursor:hover {
  color: #fa8919;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.iradar-chart-group-t {
  border-bottom: solid 2px var(--default);
  line-height: 62px;
}
.iradar-chart-group-t > span {
  margin-left: 20px;
  font-size: 16px;
  color: var(--default);
}
.iradar-chart-group-t .count {
  float: right;
  margin-right: 20px;
}
.iradar-chart-group-t .label {
  vertical-align: top;
}
.iradar-chart-group-t .value {
  font-size: 24px;
  font-weight: 500;
}
.iradar-chart-group-row {
  border-bottom: solid 1px #ebebeb;
}
.iradar-chart-group-row.no-border {
  border-bottom: none;
}
.iradar-chart-group-col {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-right: solid 1px #ebebeb;
}
.iradar-chart-group-col.col1 {
  width: 100%;
  border-right: none;
}
.iradar-chart-group-col.col3 {
  width: 33.333%;
}
.iradar-chart-group-col.col35 {
  width: 35%;
}
.iradar-chart-group-col.col65 {
  width: 65%;
}
.iradar-chart-group-col.no-border,
.iradar-chart-group-col:last-child {
  border-right: none;
}
.iradar-chart-group-col:hover > .iradar-chart-group-col-t .iradar-chart-group-download {
  display: block;
}
.iradar-chart-group-col-t {
  margin-top: 15px;
  padding-bottom: 5px;
}
.iradar-chart-group-col-t > span {
  font-size: 14px;
  font-weight: bold;
  margin-left: 20px;
}
.iradar-chart-group-col-c {
  padding: 15px 0 15px 20px;
}
.iradar-chart-group-col-c > div {
  position: relative;
}
.iradar-chart-group-col-c > div img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -85px 0 0 -140px;
}
.iradar-chart-group-segment {
  float: right;
  font-size: 0;
  margin: -5px 10px 0 5px;
}
.iradar-chart-group-segment a {
  display: inline-block;
  border: 1px solid #cfc7c1;
  background: #fcfcfb;
  cursor: pointer;
  color: #cdc9c5;
  padding: 0 12px;
  line-height: 26px;
  font-size: 12px;
}
.iradar-chart-group-segment a:hover {
  color: var(--default);
}
.iradar-chart-group-segment a:first-child {
  border-radius: 15px 0 0 15px;
}
.iradar-chart-group-segment a:last-child {
  border-radius: 0 15px 15px 0;
  border-left: none;
}
.iradar-chart-group-segment a.active {
  color: var(--default);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.iradar-chart-group-download {
  float: right;
  display: none;
  margin: -5px 10px 0 0;
  color: #a9a9a9;
  cursor: pointer;
}
.iradar-chart-group-download i {
  position: relative;
  top: 3px;
  font-size: 16px;
  color: #cdc9c5;
  margin-right: 5px;
}
.iradar-chart-group-download.popup-show,
.iradar-chart-group-download.show {
  display: block;
}
.iradar-chart-group-download:hover {
  color: var(--default);
}
.iradar-chart-group-download:hover i {
  color: var(--default);
}
.iradar-chart-group-notice {
  clear: both;
  display: flex;
}
.iradar-chart-group-notice p {
  font-size: 12px;
  font-weight: 500;
  color: #a9a9a9;
  margin: 0 15px 0 20px;
}
.iradar-chart-group-notice-i {
  padding: 15px 0;
  width: 50%;
  border-right: solid 1px #ebebeb;
}
.iradar-chart-group-notice-i:last-child {
  border-right: solid 1px transparent;
}
.iradar-chart-group-table:hover .iradar-chart-group-download {
  display: block;
}
.iradar-chart-group-table-c {
  border: solid 1px #ccc;
  margin: 20px;
  border-radius: 3px;
  overflow: hidden;
}
.iradar-chart-group-table-c table {
  width: 100%;
}
.iradar-chart-group-table-c td {
  text-align: center;
  width: 25%;
  padding: 15px 10px;
}
.iradar-chart-group-table-c thead td,
.iradar-chart-group-table-c tbody tr:nth-child(2n) td {
  background: #f8f8f9;
}
.iradar-chart-group-table-c thead td {
  border-bottom: solid 1px #ccc;
}
.iradar-chart-group-table-c thead,
.iradar-chart-group-table-c tbody td:first-child {
  font-weight: bold;
}
.iradar-chart-group-table-c tbody td.clickable {
  cursor: pointer;
}
.iradar-chart-group-table-c tbody td.clickable:hover {
  color: var(--default);
}
.iradar-chart-group-table-more {
  text-align: center;
  line-height: 48px;
}
.iradar-chart-group-table-more a {
  padding: 0 20px;
  color: #a9a9a9;
  cursor: pointer;
}
.iradar-chart-group-table-more a i {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.iradar-chart-group-table-more a:hover {
  color: var(--default);
}
.iradar-chart-group-table-more a:hover i {
  color: var(--default);
}
.iradar-search-chart-tab {
  text-align: center;
  position: absolute;
  width: 530px;
  left: 50%;
  top: 0;
  margin-left: -265px;
}
.iradar-search-chart-tab a {
  float: none;
  display: inline-block;
  width: 100px;
  text-align: center;
  border-bottom: 2px solid #fff;
  color: #737373;
  cursor: pointer;
  padding-bottom: 3px;
}
.iradar-search-chart-tab a:hover,
.iradar-search-chart-tab a.selected {
  color: var(--default);
  border-bottom: 2px solid var(--default);
}
.iradar-search-chart-more-w {
  height: 17px;
}
.iradar-search-chart-more {
  cursor: pointer;
  font-size: 12px;
  color: #a9a9a9;
}
.iradar-search-chart-more i {
  font-size: 14px;
  color: #cdc9c5;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.iradar-search-chart-more:hover,
.iradar-search-chart-more:hover i {
  color: var(--default);
}
.iradar-law-title,
.iradar-law-content {
  white-space: pre-wrap;
}
.iradar-law-content {
  margin-top: 10px;
  max-height: 300px;
  overflow: auto;
}

.customer-department-selector {
  position: relative;
}
.customer-department-popup {
  position: absolute;
  border: solid 1px #e5e5e5;
  background: #fff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px 0;
  width: 100%;
  z-index: 20;
}
.customer-department-popup-search {
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background: #fefeff;
  border: solid 1px #e5e5e5;
  margin: 0 10px;
  border-radius: 20px;
  height: 30px;
  position: relative;
}
.customer-department-popup-search i {
  position: relative;
  top: 3px;
  left: 10px;
  color: #b5b5b5;
}
.customer-department-popup-search input {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 30px;
  padding-top: 0;
  padding-right: 0;
  height: 30px;
  width: 330px;
  outline: none;
  border: none;
  background: transparent;
}
.customer-department-popup-tree-w::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.customer-department-popup-tree-w::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.customer-department-popup-tree-w:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.customer-department-popup-tree-w:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.customer-department-popup-tree-w {
  margin: 10px 5px 0 0;
  max-height: 200px;
  overflow: auto;
}
.customer-department-tree-li {
  padding-left: 10px;
  line-height: 20px;
  position: relative;
}
.customer-department-tree-label.tree-label {
  display: inline-block;
  width: 70%;
  padding: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-department-tree-ul .ibass-minus-round,
.customer-department-tree-ul .ibass-add-round,
.customer-department-tree-ul .ibass-dot {
  color: #cdc9c5;
  position: relative;
  top: 5px;
  float: left;
}
.customer-department-tree-li .ibass-checked,
.customer-department-tree-li .ibass-checkbox {
  position: absolute;
  right: 10px;
  top: 4px;
  color: #fa8919;
  display: none;
}
.customer-department-tree-li .ibass-checkbox {
  display: block;
  color: #cdc9c5;
}
.customer-department-tree-label-selected .ibass-checked {
  display: block;
}
.customer-department-tree-label-selected .ibass-checkbox {
  display: none;
}
.customer-department-popup-list-i {
  line-height: 40px;
  padding: 0 10px 0 15px;
  color: #4a4a4a;
  cursor: pointer;
  position: relative;
  font-size: 13px;
}
.customer-department-popup-list-i:hover {
  background: #f0f0f0;
}
.customer-department-popup-list-i div {
  margin-right: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-department-popup-list-i .ibass-checked,
.customer-department-popup-list-i .ibass-checkbox {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #fa8919;
}
.customer-department-popup-list-i .ibass-checkbox {
  color: #cdc9c5;
}
.customer-department-popup-tree-t {
  padding: 0 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #f0f0f0;
  padding-bottom: 8px;
  font-size: 13px;
}
.customer-department-popup-tree-t span {
  cursor: pointer;
  color: #4a4a4a;
  margin-left: 5px;
  display: block;
}
.customer-department-popup-tree-t span i {
  color: #cdc9c5;
  position: relative;
  top: 3px;
  margin-right: 5px;
  font-size: 16px;
}
.customer-department-popup-tree-t span:hover {
  color: #fa8919;
}
.customer-department-popup-tree-t span:hover i {
  color: #fa8919;
}

.drop-menu-multiple-person .ns-popover-person-list-select {
  width: 260px;
  color: #4a4a4a;
  font-size: 14px;
  margin-top: 0px;
}
.drop-menu-multiple-person .ns-popover-person-list-select .list-search-show-all {
  padding: 5px 14px;
  font-size: 12px;
  color: #909090;
}
.drop-menu-multiple-person .ns-popover-person-list-select .ns-popover-list-select-item {
  justify-content: space-between;
  align-content: center;
  padding: 0 0.875rem!important;
}
.drop-menu-multiple-person .ns-popover-person-list-select .ns-popover-list-select-item .ibass-done {
  color: #ed6c00;
}
.drop-menu-multiple-person .ns-popover-person-list-select .ns-popover-list-select-item .name {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chart-detail-model .chart-top {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.chart-detail-model .chart-top .chart-title {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.chart-detail-model .chart-top .chart-tool {
  margin-right: 10px;
  margin-top: 3px;
}
.chart-detail-model .chart-top .changeChart i {
  font-size: 16px;
}
.chart-detail-model .moreBar {
  width: 650px;
  height: 370px;
  position: absolute;
  top: 60px;
  z-index: 10;
  background-color: #fff;
}
.chart-detail-model .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.chart-detail-model .moreBar {
  width: 650px;
  height: 350px;
}
.chart-detail-model .chart-dialog-title {
  position: relative;
  height: 50px;
  line-height: 50px;
  width: 700px;
  text-align: center;
}
.chart-detail-model .chart-dialog-title .title {
  position: relative;
  top: 25px;
  padding: 0 25px;
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  color: var(--greyish-brown);
  background-color: #fff;
}
.chart-detail-model .chart-content {
  width: 650px;
  min-height: 350px;
}
.chart-detail-model .scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.chart-detail-model .chart-dialog-line {
  width: 650px;
  height: 2px;
  margin-left: 25px;
  margin-bottom: 10px;
  border: solid 1px #ebebeb;
}
.chart-detail-model .chart-table-detail .table-nodate {
  text-align: center;
  line-height: 42px;
  color: #737373;
}
.chart-detail-model .chart-table-detail .chart-detail {
  position: relative;
  min-height: 420px;
  display: inline-block;
  padding: 25px;
  color: #666;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option {
  margin-top: 2px;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .date-range {
  position: relative;
  height: 30px;
  width: 265px;
  margin: 10px 0 20px 0;
  text-align: left;
  z-index: 10;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .date-range .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool {
  position: relative;
  height: 30px;
  margin-top: 8px;
  z-index: 10;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download {
  line-height: 24px;
  margin-left: 14px;
  cursor: pointer;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download i {
  cursor: pointer;
  position: relative;
  top: 3px;
  font-size: 16px;
  color: #cdc9c5;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download span {
  color: #a9a9a9;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download:hover span {
  color: #fa8919;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download:hover i {
  color: #fa8919;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .chart-option-dropdown {
  width: auto;
  margin-left: 14px;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .chart-option-dropdown::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .ibass-trig-down {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option {
  width: 117px;
  line-height: 30px;
  border-radius: 20px;
  margin-left: 14px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #cdc9c5;
  border: solid 1px #cfc7c1;
  position: relative;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p {
  width: 38px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:first-child {
  border-radius: 20px 0 0 20px;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:last-child {
  width: 37px;
  border-right: 0;
  border-radius: 0 20px 20px 0;
  text-indent: -2px;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.chart-detail-model .chart-table-detail .chart-detail .chart-option::after {
  content: '';
  display: block;
  clear: both;
}
.chart-detail-model .chart-table-detail .table-detail {
  padding: 0 25px 20px 25px;
}
.chart-detail-model .chart-table-detail .table-detail .title {
  width: 100%;
}
.chart-detail-model .chart-table-detail .table-detail .title .title-content {
  position: relative;
  display: inline-block;
  border-bottom: 2px solid #fa9819;
  padding-bottom: 10px;
}
.chart-detail-model .chart-table-detail .table-detail .title .download {
  float: right;
  position: relative;
}
.chart-detail-model .chart-table-detail .table-detail .title .download i {
  position: absolute;
  right: 62px;
  color: #cdc9c5;
  font-size: 16px;
  cursor: pointer;
}
.chart-detail-model .chart-table-detail .table-detail .title .download span {
  color: #a9a9a9;
}
.chart-detail-model .chart-table-detail .table-detail .title .download:hover span {
  color: #fa8919;
}
.chart-detail-model .chart-table-detail .table-detail .title .download:hover i {
  color: #fa8919;
}
.chart-detail-model .chart-table-detail .table-detail .table-head {
  height: 42px;
  border-bottom: solid 1px #e5e5e5;
  width: 100%;
}
.chart-detail-model .chart-table-detail .table-detail .table-col {
  line-height: 42px;
  font-size: 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chart-detail-model .chart-table-detail .table-detail .sort {
  position: relative;
  top: 2px;
  color: #ed6c00;
}
.chart-detail-model .chart-table-detail .table-detail .table-content {
  width: 100%;
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}
.chart-detail-model .chart-table-detail .table-detail .table-content .table-name {
  padding-right: 20px;
}
.chart-detail-model .chart-table-detail .table-detail .table-content .table-ul {
  width: 100%;
  height: 42px;
  border-bottom: solid 1px #e5e5e5;
}
.chart-detail-model .chart-table-detail .table-detail .table-content .table-ul:hover {
  background-color: #f5f5f5;
}
.chart-detail-model .chart-table-detail .table-detail .table-content .table-ul:nth-child(1) {
  white-space: nowrap;
}

.department-overview.check-rankings-list {
  height: 170px;
  border-radius: 6px;
  background-color: #f8f8f9;
  margin: 20px 45px;
}
.department-overview.check-rankings-list .overview-title {
  padding-top: 14px;
}
.department-overview.check-rankings-list .overview-title span {
  color: #4a4a4a;
  font-weight: 600;
  margin-left: 20px;
  cursor: pointer;
}
.department-overview.check-rankings-list .overview-content {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 45px;
}
.department-overview.check-rankings-list .overview-content .overview-detail {
  width: 192px;
  border-left: 1px solid #ebebeb;
}
.department-overview.check-rankings-list .overview-content .overview-detail:first-child {
  border-left: 1px solid #f8f8f9;
}
.department-overview.check-rankings-list .overview-content .overview-value {
  font-size: 29px;
  font-weight: 200;
  color: #4a4a4a;
}
.department-overview.check-rankings-list .overview-content .overview-title {
  font-size: 12px;
  color: #a9a9a9;
}
.project-rank-list {
  margin: 20px 45px;
}
.project-rank-list .project-rank-title {
  border-bottom: 1px solid #f0f0f0;
}
.project-rank-list .project-rank-title > span.title {
  color: #4a4a4a;
  font-weight: 600;
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  padding-bottom: 10px;
}
.project-rank-list .project-rank-title > span.right-operate-list {
  float: right;
  color: #9a9a9a;
  cursor: pointer;
}
.project-rank-list .project-rank-title > span.right-operate-list i {
  vertical-align: middle;
}
.project-rank-list .project-rank-table {
  max-height: 330px;
  position: relative;
  height: 252px;
}
.project-rank-list .project-rank-table tr {
  line-height: 42px;
}
.project-rank-list .project-rank-table thead {
  position: absolute;
}
.project-rank-list .project-rank-table thead th {
  width: 115px;
}
.project-rank-list .project-rank-table thead th i {
  color: #fa8919;
}
.project-rank-list .project-rank-table tbody {
  display: inline-block;
  overflow-y: scroll;
  height: 252px;
  margin-top: 45px;
}
.project-rank-list .project-rank-table tbody tr:hover {
  background-color: #f5f5f5;
}
.project-rank-list .project-rank-table tbody td {
  width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customer-burnout {
  border-radius: 8px;
  margin-top: 10px;
  width: 960px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.customer-burnout .chart-name {
  font-weight: 500;
  cursor: pointer;
}
.customer-burnout .chart-name:hover {
  color: #fa8919;
}
.customer-burnout .proiect-unit {
  color: #9e9e9e;
}
.customer-burnout .customer-top {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
}
.customer-burnout .customer-top .task-head-tab.right {
  float: right;
  margin-left: 10px;
  margin-top: 4px;
}
.customer-burnout .customer-top .task-head-tab.right .task-head-type {
  color: #a9a9a9;
}
.customer-burnout .customer-top .right.chart-tool span {
  width: auto;
  color: #737373;
  line-height: 34px;
}
.customer-burnout .title {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.customer-burnout .chart-count {
  height: 40px;
  font-size: 14px;
  color: #737373;
  width: 960px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 40px;
}
.customer-burnout .chart-count span {
  margin: 0 10px;
}
.customer-burnout .project-legend {
  text-align: center;
}
.customer-burnout .project-legend span {
  font-size: 12px;
}
.customer-burnout .project-legend i {
  position: relative;
  top: 2px;
}
.customer-burnout .project-legend .completed {
  color: #64b5f6;
}
.customer-burnout .project-legend .uncompleted {
  color: #F44336;
  margin-left: 10px;
}
.customer-burnout .chart-content {
  width: 960px;
  min-height: 350px;
  display: inline-block;
}
.customer-burnout .chart-content .empty-self-big {
  width: 960px;
  min-height: 350px;
}
.customer-burnout .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.i-customer-chart {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.i-customer-chart.chart-padding {
  padding: 10px 0 !important;
}
.i-customer-chart .chart-name {
  font-weight: 500;
  cursor: pointer;
}
.i-customer-chart .chart-name:hover {
  color: #fa8919;
}
.i-customer-chart .proiect-unit {
  color: #9e9e9e;
}
.i-customer-chart .more-width {
  width: 190px!important;
}
.i-customer-chart .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.i-customer-chart .chart-content {
  width: 450px;
  min-height: 300px;
  padding-left: 10px;
}
.i-customer-chart .chart-content-burn {
  width: 960px;
  height: 350px;
}
.i-customer-chart .verBars {
  width: 330px;
  height: 300px;
}
.i-customer-chart .pies {
  width: 330px;
  height: 300px;
}
.i-customer-chart .ascBars {
  width: 330px;
  height: 300px;
}
.i-customer-chart .chart-item {
  width: 478px;
  height: 350px;
  border-top: 1px solid #f8f8f8;
  padding: 10px 0;
  padding-bottom: 30px;
  position: relative;
}
.i-customer-chart .interval {
  border-right: 1px solid #ebebeb;
}
.i-customer-chart .borderColor {
  border-bottom: 1px solid #f0f0f0;
}
.i-customer-chart .chart-reoprt-top {
  height: 40px;
}
.i-customer-chart .chart-reoprt-top .chart-title {
  line-height: 30px;
  font-size: 14px;
}
.i-customer-chart .chart-reoprt-top .rightTo {
  padding-left: 10px;
}
.i-customer-chart .chart-reoprt-top .chart-tool {
  margin-right: 10px;
  margin-top: 4px;
}
.i-customer-chart .chart-reoprt-top .chart-tool span.cursor.right {
  width: auto;
  color: #737373;
}
.i-customer-chart .chart-reoprt-top .chart-tool span.cursor.right:first-child {
  margin-left: 14px;
}
.i-customer-chart .chart-reoprt-top .changeChart i {
  font-size: 16px;
}
.i-customer-chart .chart-count {
  height: 40px;
  font-size: 14px;
  color: #737373;
  text-align: center;
  line-height: 40px;
}
.i-customer-chart .chart-count span {
  margin: 0 10px;
}
.i-customer-chart .legend {
  position: absolute;
  font-size: 12px;
  left: 20px;
  bottom: 4px;
}
.i-customer-chart .chart-pie-top {
  height: 40px;
  line-height: 40px;
}
.i-customer-chart .chart-pie-top span:nth-child(1) {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.i-customer-chart .add-chart {
  text-align: center;
}
.i-customer-chart .add-chart .add-icon {
  margin-left: 150px;
  margin-top: 130px;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f8f8f9;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.i-customer-chart .add-chart .add-icon i {
  line-height: 60px;
  color: #a9a9a9;
}
.i-customer-chart .add-chart .add-tips {
  color: #a9a9a9;
}
.customer-analysis .task-head-tab {
  float: right;
}
.customer-analysis .task-head-tab .task-head-type {
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #a9a9a9;
  border: solid 1px #cfc7c1;
  float: left;
  left: 0;
  top: 19px;
  box-sizing: border-box;
}
.customer-analysis .task-head-tab .task-head-type .tool-left {
  margin-left: 4px;
}
.customer-analysis .task-head-tab .task-head-type .tool-right {
  margin-left: -2px;
}
.customer-analysis .task-head-tab .task-head-type p {
  width: 36px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.customer-analysis .task-head-tab .task-head-type p span {
  color: #cdc9c5;
  font-size: 16px;
}
.customer-analysis .task-head-tab .task-head-type p a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.customer-analysis .task-head-tab .task-head-type p:first-child {
  border-radius: 20px 0 0 20px;
  left: 2px;
}
.customer-analysis .task-head-tab .task-head-type p:last-child {
  border-right: 0;
  border-radius: 0 20px 20px 0;
  right: 2px;
}
.customer-analysis .task-head-tab .task-head-type p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.customer-analysis .task-head-tab .task-head-type p.active span {
  color: #fa8919;
}
.customer-analysis .task-head-tab .task-head-type p:hover {
  background-color: #fcfcfb;
}
.customer-analysis .task-head-tab .task-head-type p:hover span {
  font-weight: bold;
  color: #fa8919;
}
.customer-analysis .task-head-tab .task-head-type i {
  font-size: 14px;
}

.create-matter-optimize-matter-info-readonly .edit-group {
  clear: both;
  position: relative;
  display: block;
  width: 400px;
  margin: 0 auto;
}
.create-matter-optimize-matter-info-readonly .edit-group:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.create-matter-optimize-matter-info-readonly .edit-group .matter-item-label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  color: #a8a8a8;
  opacity: 0;
  transition: transform 0.5s ease;
  transform: scale(1.2) translateY(20px);
  transform-origin: left;
}
.create-matter-optimize-matter-info-readonly .edit-group .matter-item-label-has-value {
  opacity: 1;
  transform: scale(1) translateY(12px);
}
.create-matter-optimize-matter-info-readonly .edit-group .matter-ui-select .ui-select-choices {
  top: 60px;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-center {
  width: 10px;
  position: relative;
  display: block;
  float: left;
}
.create-matter-optimize-matter-info-readonly .edit-group .right {
  float: right !important;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input {
  position: relative;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .new-matter-related {
  cursor: unset;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .mattertype-tip {
  position: absolute;
  right: 0;
  top: 10px;
  color: #ff5469;
  font-size: 12px;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .mattertype-tip i {
  vertical-align: middle;
  margin-left: 4px;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .ns-popover-tooltip-theme {
  left: 0 !important;
  top: 100% !important;
  width: 400px;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .matter-type-radio-select .triangle {
  display: none;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .matter-type-radio-select .matter-type-container-for-location {
  left: 50% !important;
  top: 100% !important;
  transform: translateX(-50%);
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .matter-type-radio-select .matter-type-container-for-location .matter-type-select-container {
  width: 400px;
  max-width: 400px;
  margin-top: 0px;
  margin-left: 0px;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .relevant-comment-popover {
  top: 0 !important;
  left: 7px !important;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .label-required,
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .label-pulldown,
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .label-error {
  position: absolute;
  bottom: 0;
  color: red;
  font-size: 12px;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .ibass-customer {
  right: 10px;
  color: #cdc9c5;
  cursor: pointer;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .ibass-customer:hover {
  color: #fa8919;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .label-pulldown,
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .label-required {
  right: 10px;
  color: #a9a9a9;
  font-size: 14px;
  display: inline-block;
  width: 15px;
  text-align: center;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .label-required {
  color: red;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .label-error {
  left: 0;
  top: 60px;
  line-height: initial;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .customer-is-all-write {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #ed6c00;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .customer-is-all-write .ibass-info {
  vertical-align: middle;
  color: #f72b44;
}
.create-matter-optimize-matter-info-readonly .edit-group .edit-input .customer-is-all-write .customer-is-all-write-span {
  padding: 2px 6px;
  border: 1px solid #ed6c00;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
}
.create-matter-optimize-matter-info-readonly .edit-group .label-required-alone {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 28px;
  color: red;
  font-size: 12px;
}
.create-matter-optimize-matter-info-readonly .edit-group .label-addon {
  position: absolute;
  left: 390px;
  top: 30px;
  line-height: 28px;
  color: #a9a9a9;
  cursor: pointer;
  width: 100px;
}
.create-matter-optimize-matter-info-readonly .edit-group .approve-flow .approve-flow-header {
  height: 35px;
  line-height: 35px;
}
.create-matter-optimize-matter-info-readonly .edit-input > input {
  position: relative;
  padding-top: 30px;
  width: 400px;
  height: 55px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  padding-right: 30px;
}
.create-matter-optimize-matter-info-readonly .edit-input > input .input-sm {
  width: 200px;
}
.create-matter-optimize-matter-info-readonly .edit-input > input[type="text"]::-webkit-input-placeholder {
  color: #ccc !important;
}
.create-matter-optimize-matter-info-readonly .label-noactive {
  position: absolute;
  left: 0;
  top: 30px !important;
  font-size: 14px !important;
}
.create-matter-optimize-matter-info-readonly .label-active-with-value {
  position: absolute;
  left: 0px;
  color: #ccc;
  font-size: 12px!important;
  top: 10px !important;
  display: block;
}
.create-matter-optimize-matter-info-readonly .all-process {
  margin-top: 8px;
  border-bottom: solid 1px #f1f1f1;
}
.create-matter-optimize-matter-info-readonly .all-process.active {
  border-bottom: solid 1px #fa8919;
}
.create-matter-optimize-matter-info-readonly .all-process.no-border {
  border-bottom: none;
  margin-bottom: 0;
}
.create-matter-optimize-matter-info-readonly .all-process.no-border .matter-process-editor-label {
  display: none;
}
.create-matter-optimize-matter-info-readonly .all-process.no-border .matter-process-editor-input {
  height: auto;
  display: block;
}
.create-matter-optimize-matter-info-readonly .all-process.no-border .matter-process-editor-input .input {
  height: auto;
}
.create-matter-optimize-matter-info-readonly .all-process .matter-process-input-name {
  font-size: 14px;
  margin-top: -30px;
}
.create-matter-optimize-matter-info-readonly .matter-process-editor-label {
  line-height: 16px;
  color: #ccc;
  position: relative;
  top: 30px;
  transition: all 0.3s linear 0s;
  font-size: 14px;
}
.create-matter-optimize-matter-info-readonly .matter-process-editor-label.active {
  top: 10px;
  font-size: 12px;
}
.create-matter-optimize-matter-info-readonly .matter-process-editor-input {
  display: flex;
  height: 35px;
  align-items: center;
}
.create-matter-optimize-matter-info-readonly .matter-process-editor-input .input {
  flex: 1;
  min-width: 0;
  height: 35px;
}
.create-matter-optimize-matter-info-readonly .matter-process-editor-input .required,
.create-matter-optimize-matter-info-readonly .matter-process-editor-input .dropdown {
  width: 20px;
  text-align: right;
}
.create-matter-optimize-matter-info-readonly .matter-process-editor-input .required {
  color: #f72b44;
}
.create-matter-optimize-matter-info-readonly .matter-process-editor-input .dropdown {
  color: #cdc8c5;
}
.create-matter-optimize-matter-info-readonly .orangeicon {
  color: #fa8919!important;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute {
  width: 400px;
  margin-left: -15px;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .edit-group {
  margin: unset;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .edit-group.relate-parties .edit-input .ns-popover-tooltip-theme {
  left: 100px !important;
  width: auto !important;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .new-matter-related {
  vertical-align: top;
  display: inline-block;
  width: 150px;
  position: relative;
  padding-top: 26px;
  cursor: pointer;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .new-matter-related .new-matter-related-span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #f0f0f0;
  width: 140px;
  padding-right: 0;
  font-size: 13px;
  color: #a9a9a9;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .new-matter-related .ibass-trig-down {
  position: absolute;
  top: 33px;
  right: 8px;
  color: #cdc9c5;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .new-matter-related.no-cursor {
  cursor: unset;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-remind {
  height: 20px;
  line-height: 20px;
  font-style: normal;
  position: absolute;
  top: 25px;
  right: 0;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-remind i {
  color: #cdc9c5;
  margin-left: 6px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 2px;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-remind i:hover {
  color: #fc8919;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-remind .required-icon {
  color: #f72b44;
  cursor: default;
  font-size: 12px;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-remind .required-icon:hover {
  color: #f72b44;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-remind .ibass-trig-down {
  color: #cdc9c5;
  cursor: default;
  top: 3px;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-remind .ibass-trig-down:hover {
  color: #cdc9c5;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-remind .high-light {
  color: #fc8919 !important;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-operator {
  position: absolute;
  left: calc(100% + 7px);
  top: 24px;
  margin-left: 5px;
  width: 44px;
  height: 20px;
  color: #cdc9c5;
  font-size: 14px;
  line-height: 20px;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-operator i {
  position: relative;
  top: 3px;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-operator .ibass-add-fill:hover {
  color: #fc8919;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-operator .ibass-minus-fill {
  margin-right: 6px;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .input-operator .ibass-minus-fill:hover {
  color: #fc8919;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .public-prosecution-case-option {
  position: absolute;
  top: 25px;
  display: flex;
  color: #cdc9c5;
  font-size: 12px;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .public-prosecution-case-option i {
  margin-right: 3px;
  cursor: pointer;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .public-prosecution-case-option .ibass-done {
  color: #fc8919;
}
.create-matter-optimize-matter-info-readonly.is-resolve-dispute .form-input {
  position: relative;
  padding-top: 30px;
  height: 55px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  border-width: 0px 0px 1px;
  border-style: solid;
  border-color: #f0f0f0;
  border-image: initial;
  padding-right: 45px;
}

.fee-card-wrapper.contract-payment-create .nfim-input-common label {
  position: absolute;
}
.fee-card-wrapper.contract-payment-create .ns-popover-tooltip-theme {
  width: 100%;
}
.fee-card-wrapper.contract-payment-create .equity-amount {
  clear: both;
  padding-top: 20px;
}
.fee-card-wrapper.contract-payment-create .fee-card-wrapper {
  margin-top: 20px;
}
.fee-card-wrapper.contract-payment-create .common-card {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
  margin-bottom: 20px;
}
.fee-card-wrapper.contract-payment-create .common-card .nfim-pay-term-oprator {
  width: 38px;
  height: 20px;
  position: relative;
  top: 100px;
  color: #a9a9a9;
  line-height: 20px;
  font-size: 14px;
}
.fee-card-wrapper.contract-payment-create .common-card .nfim-pay-term-oprator .ibass-minus-fill {
  margin-right: 10px;
}
.fee-card-wrapper.contract-payment-create .common-card .nfim-pay-term-oprator.has-content {
  top: 125px;
}
.fee-card-wrapper.contract-payment-create .common-card .card-content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.fee-card-wrapper.contract-payment-create .common-card .card-content:first-child {
  margin-bottom: 0;
}
.fee-card-wrapper.contract-payment-create .card-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.fee-card-wrapper.contract-payment-create .card-title .ibass-approve-reimburse {
  position: relative;
  top: 2px;
  color: #fa8919;
}
.fee-card-wrapper.contract-payment-create .one-time-card .card-content {
  justify-content: space-between;
}
.fee-card-wrapper.contract-payment-create .one-time-card .nfim-input-common {
  width: 48%;
}
.fee-card-wrapper.contract-payment-create .staged-charge .pay-date {
  width: 30%;
  margin-right: 5%;
}
.fee-card-wrapper.contract-payment-create .staged-charge .amount {
  width: 30%;
  margin-right: 5%;
}
.fee-card-wrapper.contract-payment-create .staged-charge .is-met {
  width: 30%;
}
.fee-card-wrapper.contract-payment-create .staged-charge .pay-term {
  width: calc(100% - 38px);
}
.fee-card-wrapper.contract-payment-create .risk-charge .base-amount,
.fee-card-wrapper.contract-payment-create .risk-charge .risk-amount,
.fee-card-wrapper.contract-payment-create .risk-charge .reference,
.fee-card-wrapper.contract-payment-create .risk-charge .reference-amount {
  width: 30%;
  margin-right: 5%;
}
.fee-card-wrapper.contract-payment-create .risk-charge .is-met,
.fee-card-wrapper.contract-payment-create .risk-charge .risk-rate {
  width: 30%;
}
.fee-card-wrapper.contract-payment-create .risk-charge .risk-rate .risk-rate-symbol {
  position: absolute;
  top: 25px;
  right: 0;
  color: #a9a9a9;
}
.fee-card-wrapper.contract-payment-create .risk-charge .pay-term {
  width: calc(100% - 38px);
}
.fee-card-wrapper.contract-payment-create .common-card .card-content .nfim-input-common.pay-term .label-noactive {
  top: -20px !important;
  left: 0;
}
.fee-card-wrapper.contract-payment-create .common-card .card-content .nfim-input-common.pay-term .label-active {
  top: -20px !important;
  left: 0;
}
.fee-card-wrapper.contract-payment-create .common-card .card-content .nfim-input-common.pay-term .label-active-with-value {
  top: -20px !important;
  left: 0;
}
.fee-card-wrapper.contract-payment-create .nfim-input-common.pay-term {
  height: auto!important;
  box-shadow: none!important;
  width: calc(100% - 43px);
  box-sizing: border-box;
  border: none;
  color: #4a4a4a;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  padding: 10px!important;
  margin-top: 28px;
  margin-right: 5px;
  border-color: #f0f0f0 !important;
}
.fee-card-wrapper.contract-payment-create .nfim-input-common.pay-term textarea {
  outline: none;
  border: none!important;
  resize: none;
  width: calc(100% - 10px);
}
.fee-card-wrapper.contract-payment-create .nfim-input-common.pay-term .count-prompt {
  color: #737373;
}
.fee-card-wrapper.contract-payment-create .nfim-input-common.pay-term .count-red {
  color: #f72b44;
}
.fee-card-wrapper.contract-payment-create .time-charge {
  margin-bottom: 0;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-title {
  display: flex;
  align-content: center;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-title .ibass-approve-reimburse {
  top: 0;
  margin-right: 5px;
  line-height: 30px;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-title span {
  line-height: 30px;
  margin-right: 10px;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-title .nfim-input-common.time-charge-type {
  height: 30px;
  padding-top: 0px;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-title .nfim-input-common.time-charge-type input {
  height: 30px;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-title .nfim-input-common.time-charge-type i {
  top: 4px;
}
.fee-card-wrapper.contract-payment-create .time-charge .time-charge-type {
  width: 150px;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-title {
  margin-bottom: 10px;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-content {
  display: block;
  font-size: 14px;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-content .nfim-input-common.no-padding {
  width: calc(100% - 50px);
  height: 30px;
  padding-top: 0px;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-content .nfim-input-common.no-padding input {
  height: 30px;
}
.fee-card-wrapper.contract-payment-create .time-charge .card-content .nfim-input-common.no-padding i {
  top: 4px;
}
.fee-card-wrapper.contract-payment-create .time-charge .body-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.fee-card-wrapper.contract-payment-create .time-charge .body-item .nfim-pay-term-oprator {
  top: 0;
}
.fee-card-wrapper.contract-payment-create .time-charge .table-header {
  color: #a9a9a9;
}
.fee-card-wrapper.contract-payment-create .time-charge .table-header,
.fee-card-wrapper.contract-payment-create .time-charge .content-wrapper {
  display: flex;
  width: calc(100% - 38px);
}
.fee-card-wrapper.contract-payment-create .time-charge .table-header span,
.fee-card-wrapper.contract-payment-create .time-charge .content-wrapper span {
  flex: 1;
}
.fee-card-wrapper.contract-payment-create .nfim-client-repeat-wrap .ns-popover-tooltip-theme {
  width: 100%;
}
.fee-card-wrapper.contract-payment-create .check-false {
  border-color: #e74955 !important;
}


.matter-detail-model .repott-tips span {
  color: #a9a9a9;
  font-size: 12px;
  top: -10px;
  position: relative;
}
.matter-detail-model .scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.matter-detail-model .date-tool {
  color: #737373;
  height: 30px;
  line-height: 30px;
}
.matter-detail-model .excludeId {
  position: relative;
  top: -2px;
}
.matter-detail-model .excludeId i {
  position: relative;
  top: 2px;
}
.matter-detail-model .excludeId .ibass-checkbox {
  color: #ccc;
}
.matter-detail-model .excludeId .ibass-checked {
  color: #fa8919;
}
.matter-detail-model .chart-top {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.matter-detail-model .chart-top .chart-title {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.matter-detail-model .chart-top .chart-tool {
  margin-right: 10px;
}
.matter-detail-model .chart-top .changeChart i {
  font-size: 16px;
}
.matter-detail-model .moreBar {
  width: 650px;
  height: 380px;
  position: absolute;
  top: 60px;
  z-index: 10;
  background-color: #fff;
}
.matter-detail-model .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.matter-detail-model .chart-dialog-title {
  position: relative;
  height: 50px;
  line-height: 50px;
  width: 700px;
  text-align: center;
}
.matter-detail-model .chart-dialog-title .title {
  position: relative;
  top: 25px;
  padding: 0 25px;
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  color: var(--greyish-brown);
  background-color: #fff;
}
.matter-detail-model .chart-content {
  width: 650px;
  height: 350px;
}
.matter-detail-model .chart-dialog-line {
  width: 650px;
  height: 2px;
  margin-left: 25px;
  margin-bottom: 10px;
  border: solid 1px #ebebeb;
}
.matter-detail-model .chart-table-detail .table-nodate {
  text-align: center;
  line-height: 42px;
  color: #737373;
}
.matter-detail-model .chart-table-detail .chart-detail {
  position: relative;
  height: 440px;
  padding: 25px;
  color: #666;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option {
  margin-top: 2px;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .date-range {
  position: relative;
  height: 30px;
  width: 265px;
  margin: 10px 0 20px 0;
  text-align: left;
  z-index: 10;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .date-range .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool {
  position: relative;
  height: 30px;
  z-index: 10;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download {
  cursor: pointer;
  line-height: 24px;
  margin-left: 14px;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download span {
  color: #a9a9a9;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download i {
  cursor: pointer;
  position: relative;
  top: 3px;
  font-size: 16px;
  color: #cdc9c5;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download:hover span {
  color: #fa8919;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download:hover i {
  color: #fa8919;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .chart-option-dropdown {
  width: auto;
  margin-left: 14px;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .chart-option-dropdown::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .ibass-trig-down {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option {
  width: 117px;
  line-height: 30px;
  border-radius: 20px;
  margin-left: 14px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #cdc9c5;
  border: solid 1px #cfc7c1;
  position: relative;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p {
  width: 38px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:first-child {
  border-radius: 20px 0 0 20px;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:last-child {
  width: 37px;
  border-right: 0;
  border-radius: 0 20px 20px 0;
  text-indent: -2px;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.matter-detail-model .chart-table-detail .chart-detail .chart-option::after {
  content: '';
  display: block;
  clear: both;
}
.matter-detail-model .chart-table-detail .table-detail {
  padding: 0 25px 20px 25px;
}
.matter-detail-model .chart-table-detail .table-detail .title {
  width: 100%;
}
.matter-detail-model .chart-table-detail .table-detail .title .title-content {
  position: relative;
  display: inline-block;
  border-bottom: 2px solid #fa9819;
  padding-bottom: 10px;
}
.matter-detail-model .chart-table-detail .table-detail .title .download {
  float: right;
  position: relative;
}
.matter-detail-model .chart-table-detail .table-detail .title .download span {
  color: #a9a9a9;
}
.matter-detail-model .chart-table-detail .table-detail .title .download i {
  position: absolute;
  right: 62px;
  color: #cdc9c5;
  cursor: pointer;
  font-size: 16px;
}
.matter-detail-model .chart-table-detail .table-detail .title .download:hover span {
  color: #fa8919;
}
.matter-detail-model .chart-table-detail .table-detail .title .download:hover i {
  color: #fa8919;
}
.matter-detail-model .chart-table-detail .table-detail .table-head {
  height: 42px;
  border-bottom: solid 1px #e5e5e5;
  width: 100%;
}
.matter-detail-model .chart-table-detail .table-detail .table-col {
  line-height: 42px;
  font-size: 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matter-detail-model .chart-table-detail .table-detail .sort {
  position: relative;
  top: 2px;
  color: #ed6c00;
}
.matter-detail-model .chart-table-detail .table-detail .table-content {
  width: 100%;
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}
.matter-detail-model .chart-table-detail .table-detail .table-content .table-ul {
  width: 100%;
  height: 42px;
  border-bottom: solid 1px #e5e5e5;
}
.matter-detail-model .chart-table-detail .table-detail .table-content .table-ul:hover {
  background-color: #f5f5f5;
}
.matter-detail-model .chart-table-detail .table-detail .table-content .table-ul:nth-child(1) {
  white-space: nowrap;
}
.matter-detail-model .chart-table-detail .table-detail .table-content .table-ul div:nth-child(1) {
  padding-right: 10px;
}

.i-chart-overview {
  height: 170px;
  border-radius: 6px;
  background-color: #f8f8f9;
  margin: 0px 0 20px 0;
}
.i-chart-overview .overview-title {
  padding-top: 14px;
}
.i-chart-overview .overview-title span {
  color: #4a4a4a;
  font-weight: 600;
  margin-left: 20px;
  cursor: pointer;
}
.i-chart-overview .noValue {
  color: #a9a9a9!important;
}
.i-chart-overview .ibass-faq {
  margin-left: 6px;
  position: relative;
  top: 2px;
  color: #a9a9a9;
  font-size: 12px;
}
.i-chart-overview .noData {
  position: relative;
  top: -3px;
  color: #a9a9a9;
}
.i-chart-overview .overview-content {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}
.i-chart-overview .overview-content .in-calculation {
  font-size: 14px;
  line-height: 40px;
}
.i-chart-overview .overview-content .overview-detail {
  border-left: 1px solid #ebebeb;
  font-size: 0;
}
.i-chart-overview .overview-content .overview-detail:first-child {
  border-left: 1px solid #f8f8f9;
}
.i-chart-overview .overview-content .overview-detail span {
  font-size: 12px;
}
.i-chart-overview .overview-content .overview-detail .rise {
  color: #03c740;
}
.i-chart-overview .overview-content .overview-detail .decline {
  color: #ef3f4e;
}
.i-chart-overview .overview-content .overview-detail .ibass-trig-up {
  color: #03c740;
}
.i-chart-overview .overview-content .overview-detail .ibass-trig-down {
  color: #ef3f4e;
}
.i-chart-overview .overview-content .overview-detail .momleft {
  border-right: 1px solid #ebebeb;
}
.i-chart-overview .overview-content .overview-detail .mom {
  width: 90px;
  display: inline-block;
  margin-top: 20px;
}
.i-chart-overview .overview-content .overview-detail .mom i {
  position: relative;
  top: 1px;
}
.i-chart-overview .overview-content .overview-detail .describe {
  color: #a9a9a9;
  font-size: 12px;
}
.i-chart-overview .overview-content .overview-value {
  font-size: 29px!important;
  font-weight: 200;
  color: #4a4a4a;
}
.i-chart-overview .overview-content .overview-title {
  font-size: 12px;
  color: #a9a9a9;
}

.depart-chart-table {
  height: 280px;
  margin-bottom: 30px;
}
.depart-chart-table .depart-table-top {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d8d8d8;
}
.depart-chart-table .depart-table-top span {
  display: inline-block;
  line-height: 36px;
  border-bottom: 2px solid #ed6c00;
}
.depart-chart-table .depart-table-theader {
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #f0f0f0;
}
.depart-chart-table .depart-table-theader .tips {
  height: 42px;
  margin-left: 4px;
  margin-top: -1px;
}
.depart-chart-table .depart-table-theader .arrow-type {
  color: #fa8919;
  line-height: 40px;
}
.depart-chart-table .depart-table-theader .cursor:hover span {
  display: inline-block !important;
}
.depart-chart-table .depart-table-content {
  max-height: 216px;
  height: 216px;
  overflow-x: hidden;
  overflow-y: auto;
}
.depart-chart-table .depart-table-content .even {
  background: #f8f8f9;
}
.depart-chart-table .depart-table-content > div {
  border-bottom: 1px solid #f0f0f0;
}
.depart-chart-table .depart-table-content span {
  display: inline-block;
  line-height: 42px;
  font-size: 12px;
  color: #737373;
}
.depart-chart-table .depart-table-content span span {
  display: inline-block;
  vertical-align: bottom;
}
.depart-chart-table .depart-table-content span span a {
  display: block;
  max-width: 100%;
  width: fit-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.depart-chart-table .depart-table-content > div:hover {
  background-color: #f0f0f0;
}
.depart-chart-table .tooltip {
  max-width: 200px;
}

.project-burnout {
  border-radius: 8px;
  margin-top: 10px;
  padding: 10px 0;
  width: 950px;
  position: relative;
}
.project-burnout .repott-tips {
  position: absolute;
  bottom: 4px;
}
.project-burnout .repott-tips i {
  color: #cdc9c5!important;
  position: relative;
  top: 2px;
}
.project-burnout .repott-tips span {
  color: #a9a9a9;
  font-size: 12px;
}
.project-burnout .chart-name {
  font-weight: 500;
  cursor: pointer;
}
.project-burnout .proiect-unit {
  color: #9e9e9e;
}
.project-burnout .chart-name:hover {
  color: #fa8919;
}
.project-burnout .title {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.project-burnout .project-legend {
  text-align: center;
}
.project-burnout .project-legend span {
  font-size: 12px;
}
.project-burnout .project-legend i {
  position: relative;
  top: 2px;
}
.project-burnout .project-legend .completed {
  color: #64b5f6;
}
.project-burnout .project-legend .uncompleted {
  color: #F44336;
  margin-left: 10px;
}
.project-burnout .chart-content {
  width: 950px;
  height: 330px;
  margin-top: 40px;
  position: relative;
}
.project-burnout .chart-content img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.project-burnout .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.i-report-chart {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.i-report-chart .excludeId {
  margin-right: 10px;
  cursor: pointer;
}
.i-report-chart .excludeId i {
  position: relative;
  top: 2px;
}
.i-report-chart .excludeId .ibass-checkbox {
  color: #ccc;
}
.i-report-chart .excludeId .ibass-checked {
  color: #fa8919;
}
.i-report-chart .noVer {
  margin-top: 40px;
}
.i-report-chart .repott-tips {
  position: absolute;
  bottom: 4px;
}
.i-report-chart .repott-tips i {
  color: #cdc9c5!important;
  position: relative;
  top: 2px;
}
.i-report-chart .repott-tips span {
  color: #a9a9a9;
  font-size: 12px;
}
.i-report-chart .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.i-report-chart .chart-content {
  width: 450px;
  height: 300px;
  position: relative;
}
.i-report-chart .chart-content img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.i-report-chart .verBars {
  width: 350px;
  height: 300px;
}
.i-report-chart .pies {
  width: 450px;
  height: 300px;
}
.i-report-chart .ascBars {
  width: 450px;
  height: 300px;
}
.i-report-chart .chart-item {
  width: 450px;
  height: 370px;
  border-top: 1px solid #ebebeb;
  padding: 10px;
  padding-bottom: 30px;
  position: relative;
}
.i-report-chart .interval {
  border-right: 1px solid #ebebeb;
}
.i-report-chart .noTop {
  border-top-color: transparent;
}
.i-report-chart .borderColor {
  border-bottom: 1px solid #f0f0f0;
}
.i-report-chart .chart-reoprt-top {
  height: 40px;
}
.i-report-chart .chart-reoprt-top .chart-title {
  line-height: 30px;
  font-size: 14px;
}
.i-report-chart .chart-reoprt-top .chart-name {
  font-weight: 500;
  cursor: pointer;
}
.i-report-chart .chart-reoprt-top .chart-name:hover {
  color: #fa8919;
}
.i-report-chart .chart-reoprt-top .proiect-unit {
  color: #9e9e9e;
}
.i-report-chart .chart-reoprt-top .chart-tool {
  margin-right: 10px;
  margin-top: 3px;
}
.i-report-chart .chart-reoprt-top .changeChart i {
  font-size: 16px;
}
.i-report-chart .chart-count {
  height: 40px;
  font-size: 14px;
  color: #737373;
  text-align: center;
  line-height: 40px;
}
.i-report-chart .chart-count span {
  margin: 0 4px;
}
.i-report-chart .legend {
  position: absolute;
  font-size: 12px;
  left: 20px;
  bottom: 4px;
}
.i-report-chart .chart-pie-top {
  height: 40px;
  line-height: 40px;
}
.i-report-chart .chart-pie-top span:nth-child(1) {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.i-report-chart .add-chart {
  text-align: center;
}
.i-report-chart .add-chart .add-icon {
  margin-left: 150px;
  margin-top: 130px;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f8f8f9;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.i-report-chart .add-chart .add-icon i {
  line-height: 60px;
  color: #a9a9a9;
}
.i-report-chart .add-chart .add-tips {
  color: #a9a9a9;
}
.i-report-chart .task-head-tab {
  float: right;
}
.i-report-chart .task-head-tab .task-head-type {
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #a9a9a9;
  border: solid 1px #cfc7c1;
  float: left;
  left: 0;
  top: 19px;
  box-sizing: border-box;
}
.i-report-chart .task-head-tab .task-head-type .tool-left {
  margin-left: 4px;
}
.i-report-chart .task-head-tab .task-head-type .tool-right {
  margin-left: -2px;
}
.i-report-chart .task-head-tab .task-head-type p {
  width: 36px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.i-report-chart .task-head-tab .task-head-type p span {
  color: #cdc9c5;
  font-size: 16px;
}
.i-report-chart .task-head-tab .task-head-type p a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.i-report-chart .task-head-tab .task-head-type p:first-child {
  border-radius: 20px 0 0 20px;
  left: 2px;
}
.i-report-chart .task-head-tab .task-head-type p:last-child {
  border-right: 0;
  border-radius: 0 20px 20px 0;
  right: 2px;
}
.i-report-chart .task-head-tab .task-head-type p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.i-report-chart .task-head-tab .task-head-type p.active span {
  color: #fa8919;
}
.i-report-chart .task-head-tab .task-head-type p:hover {
  background-color: #fcfcfb;
}
.i-report-chart .task-head-tab .task-head-type p:hover span {
  font-weight: bold;
  color: #fa8919;
}
.i-report-chart .task-head-tab .task-head-type i {
  font-size: 14px;
}

.bigData-articleDetail {
  min-width: 1200px;
  position: relative;
  background: #fff;
  min-height: 1486px;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  display: table;
}
.bigData-articleDetail .prosecution_link {
  color: #d3a279;
  cursor: pointer;
}
.bigData-articleDetail .prosecution_link:hover {
  color: #fa8919;
}
.bigData-articleDetail .cDownFile {
  color: #d3a279;
  cursor: pointer;
}
.bigData-articleDetail .search-in-page {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 20;
  top: 80px !important;
}
.bigData-articleDetail .cursor {
  cursor: pointer;
}
.bigData-articleDetail .left {
  float: left;
  position: relative;
}
.bigData-articleDetail .bigdata_query_highlight {
  color: red;
}
.bigData-articleDetail i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-articleDetail .cDownFile {
  max-width: 100%;
}
.bigData-articleDetail .articleDetail-head {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0px;
  background: white;
  z-index: 100;
  min-height: 68px;
  line-height: 28px;
  padding: 0px 30px 0 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.bigData-articleDetail .articleDetail-head .tit {
  display: inline-block;
  max-width: 575px;
  margin-left: 5px;
}
.bigData-articleDetail .articleDetail-head .left {
  top: 20px;
  padding-bottom: 15px;
  width: 1150px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-articleDetail .articleDetail-head .left i {
  font-size: 24px;
  position: relative;
}
.bigData-articleDetail .articleDetail-head .left i svg g {
  fill: #fdba78;
}
.bigData-articleDetail .articleDetail-head .left span,
.bigData-articleDetail .articleDetail-head .left font {
  font-size: 20px;
  color: #4a4a4a;
  vertical-align: top;
}
.bigData-articleDetail .articleDetail-head .left .share-item {
  padding: 0 10px;
  margin-right: 8px;
  background: #5a8a43;
  color: #fff;
  border: 1px solid #5a8a43;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  border-radius: 20px;
  white-space: nowrap;
  vertical-align: top;
  position: relative;
  top: 2px;
}
.bigData-articleDetail .articleDetail-head .left .share-item.my-article {
  background: #ed6c00;
  color: #fff;
  border: 1px solid #ed6c00;
}
.bigData-articleDetail .articleDetail-head .left .share-item span {
  font-size: 12px;
  color: #fff;
}
.bigData-articleDetail .articleDetail-head .left .publish-type {
  width: 76px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  margin-top: 2px;
}
.bigData-articleDetail .articleDetail-head .left .jump-to-excellent-article {
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-head .left .jump-to-excellent-article i {
  color: #cdc9c5;
  font-size: 14px;
}
.bigData-articleDetail .articleDetail-head .left .jump-to-excellent-article span {
  color: #a9a9a9;
  font-size: 14px;
}
.bigData-articleDetail .articleDetail-head .left .jump-to-excellent-article:hover i,
.bigData-articleDetail .articleDetail-head .left .jump-to-excellent-article:hover span {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-head .goBack i {
  color: #fa8919;
  font-size: 22px;
  top: 5px;
}
.bigData-articleDetail .articleDetail-head .goBack span {
  font-size: 16px;
  display: inline-block;
  text-indent: 5px;
}
.bigData-articleDetail .articleDetail-head .elect {
  float: right;
  position: absolute;
  top: 20px;
  right: 20px;
}
.bigData-articleDetail .articleDetail-head .elect p {
  float: left;
}
.bigData-articleDetail .articleDetail-head .elect p i {
  color: #cdc9c5;
  display: inline-block;
  width: 49px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.bigData-articleDetail .articleDetail-head .elect p i.ibass-arrow-next {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.bigData-articleDetail .articleDetail-head .elect p i.ibass-close {
  font-size: 16px;
}
.bigData-articleDetail .articleDetail-head .elect .i-add-search-report {
  float: left;
  line-height: 22px;
}
.bigData-articleDetail .articleDetail-head .elect .i-add-search-report > .download-disabled {
  line-height: 23px;
}
.bigData-articleDetail .articleDetail-head .elect .i-add-search-report span {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-articleDetail .articleDetail-head .elect .download i,
.bigData-articleDetail .articleDetail-head .elect .add-label i {
  width: 16px;
  margin-right: 5px;
  font-size: 16px;
}
.bigData-articleDetail .articleDetail-head .elect .download span,
.bigData-articleDetail .articleDetail-head .elect .add-label span {
  position: relative;
  top: -1px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-articleDetail .articleDetail-head .elect .download :hover i,
.bigData-articleDetail .articleDetail-head .elect .add-label :hover i,
.bigData-articleDetail .articleDetail-head .elect .download :hover span,
.bigData-articleDetail .articleDetail-head .elect .add-label :hover span,
.bigData-articleDetail .articleDetail-head .elect .download :hover strong,
.bigData-articleDetail .articleDetail-head .elect .add-label :hover strong {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-head .elect .download-disabled i {
  width: 16px;
  font-size: 16px;
  top: 1px;
}
.bigData-articleDetail .articleDetail-head .elect .download-disabled span {
  padding-right: 15px;
  border-right: 1px solid #ededed;
  color: #ccc;
}
.bigData-articleDetail .articleDetail-head .elect p.download-disabled {
  line-height: 27px;
}
.bigData-articleDetail .articleDetail-head .elect p.download-disabled i {
  margin-right: 5px;
}
.bigData-articleDetail .articleDetail-head .elect .add-label {
  margin-right: 16px;
}
.bigData-articleDetail .articleDetail-content {
  display: flex;
}
.bigData-articleDetail .articleDetail-content .content-left {
  width: 970px;
  box-sizing: border-box;
  padding: 20px 50px 200px 63px;
}
.bigData-articleDetail .articleDetail-content .content-left .laws-info-bottom {
  padding-bottom: 10px;
}
.bigData-articleDetail .articleDetail-content .content-left .laws-info-bottom .bottom-info-name {
  font-size: 14px;
  color: #a9a9a9;
}
.bigData-articleDetail .articleDetail-content .content-left .laws-info-bottom .bottom-info-value {
  margin-left: 16px;
  color: #4a4a4a;
}
.bigData-articleDetail .articleDetail-content .content-left p {
  width: 820px;
}
.bigData-articleDetail .articleDetail-content .content-left .tit {
  padding-left: 7px;
  padding-bottom: 14px;
  line-height: 28px;
  font-size: 20px;
  color: #353535;
}
.bigData-articleDetail .articleDetail-content .content-left .keyword {
  padding-left: 7px;
  margin-bottom: 10px;
  color: #ed6c00;
  line-height: 20px;
}
.bigData-articleDetail .articleDetail-content .content-left .keyword span {
  display: inline-block;
  text-indent: 5px;
}
.bigData-articleDetail .articleDetail-content .content-left .keyword span:first-child {
  text-indent: 0;
}
.bigData-articleDetail .articleDetail-content .content-left .empty-reason {
  margin-top: 30px;
}
.bigData-articleDetail .articleDetail-content .content-left .empty-reason .empty-header {
  border-radius: 3px;
  background: #fff9c4;
  padding: 10px;
  display: inline-block;
  min-width: 560px;
}
.bigData-articleDetail .articleDetail-content .content-left .empty-reason .empty-content {
  margin-top: 20px;
  width: 547px;
  color: #737373;
}
.bigData-articleDetail .articleDetail-content .content-left .empty-reason .empty-content .empty-content-header {
  color: #4a4a4a;
  font-weight: 500;
  margin-bottom: 16px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo {
  width: 857px;
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 5px;
  margin-top: -15px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .cursor:hover {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .black {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #4a4a4a;
  padding-bottom: 5px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-left {
  margin: 14px 0px;
  float: left;
  min-height: 70px;
  width: 270px;
  border-right: 1px solid #f0f0f0;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-right {
  margin: 14px 0px 14px 15px;
  float: left;
  min-height: 70px;
  font-weight: 500;
  width: 100%;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-right.leveloftria {
  width: 100px;
  border-right: 0px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-right.judge-name {
  border-right: 0px;
  border-left: 1px solid #f0f0f0;
  padding-left: 15px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-right.judge-name span {
  font-weight: normal;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-right .time {
  font-weight: normal;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-right .time span {
  padding-left: 20px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-right .cursor {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-right .ibass-shared {
  margin-left: 10px;
  font-size: 18px;
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .article-header-info .base-info-right .ibass-shared:hover {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .subhead {
  display: inline-block;
  margin-right: 20px;
  line-height: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .lawRule,
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .time {
  margin-right: 20px;
  color: #a9a9a9;
  padding-bottom: 4px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .court-hearing-video {
  display: inline-block;
  margin-right: 20px;
  color: #d3a279;
  text-decoration: underline;
  padding-bottom: 4px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .court-hearing-video .ibass-video {
  position: relative;
  top: 3px;
  float: none;
  color: #d3a279;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .court-hearing-video:hover {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .articleInfo .court-hearing-video:hover .ibass-video {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .through-content {
  white-space: pre-wrap;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .expanded {
  overflow: hidden;
  transition: all .2s ease;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left {
  text-align: left;
  padding-bottom: 10px;
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .download {
  float: right;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .download .select-count {
  margin-right: 10px;
  height: 17px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #ed6c00;
  cursor: default;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .download button {
  width: 100px;
  height: 32px;
  border: none;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .download button span,
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .download button i {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .option-item {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 2px solid #ebebeb;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .option-item:first-of-type {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .option-item .popular-title {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .option-item .guide-popover {
  display: inline-block;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .option-item i {
  color: #fa8919;
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .option-item.visited .popular-title {
  color: #737373;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .option-item.visited i {
  color: #cdc9c5;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .option-item:hover i {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .align-left .option-item:hover .popular-title {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .uib-collapse-line {
  border-bottom: 1px solid #ebebeb;
  width: 865px;
  margin-bottom: 25px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items {
  width: 865px;
  background-color: #f8f8f9;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items .total-info {
  padding: 15px 0px;
  color: #a9a9a9;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items .last {
  padding-bottom: 15px !important;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items .item {
  margin-left: 18px;
  margin-right: 18px;
  padding-bottom: 10px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items .item .full-name.lawregu_link {
  color: #4a4a4a !important;
  text-decoration: inherit !important;
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items .item .full-name.lawregu_link:hover {
  color: #ed6c00 !important;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items .item .number {
  cursor: pointer;
  color: #a9a9a9;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items .item .number:hover {
  color: #ed6c00;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items i {
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-items .ibass-checked {
  color: #ed6c00;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items {
  margin: 0;
  position: relative;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .download-btn {
  float: right;
  padding-top: 10px;
  padding-right: 15px;
  color: #4a4a4a;
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .download-btn i {
  font-size: 16px;
  padding-right: 2px;
  position: relative;
  top: 3px;
  color: #cdc9c5;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .download-btn:hover {
  color: #ed6c00;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .download-btn:hover i {
  color: #ed6c00;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container {
  box-sizing: border-box;
  overflow-y: scroll;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-right: 20px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item {
  padding-left: 20px;
  position: relative;
  padding-bottom: 10px;
  padding-right: 20px;
  display: flex;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .detail-date {
  white-space: nowrap;
  width: 100px;
  box-sizing: border-box;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .line {
  position: absolute;
  left: 126px;
  top: 15px;
  height: calc(100% - 10px);
  width: 2px;
  background: #ebebeb;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item i {
  color: #ebebeb;
  padding-right: 15px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .detail-content {
  max-width: 580px;
  display: flex;
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .detail-content .type {
  padding-right: 10px;
  white-space: nowrap;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .detail-content .my-title {
  text-align: justify;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 540px;
  white-space: nowrap;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.current i,
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item:hover i {
  color: #ed6c00;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.current .detail-content,
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item:hover .detail-content,
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.current .detail-date,
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item:hover .detail-date {
  font-weight: 500;
  color: #ed6c00;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.last-item {
  padding-bottom: 0;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.last-item .line {
  display: none;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .dispute-items {
  background: #F8F8F9;
  box-sizing: border-box;
  overflow-y: scroll;
  padding-right: 20px;
  padding-left: 20px;
  max-height: 310px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .dispute-items .dispute-list .dispute-item {
  font-size: 14px;
  color: #4A4A4A;
  line-height: 24px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .dispute-items .dispute-focus-title {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .dispute-items .dispute-focus-item {
  margin-left: 18px;
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .dispute-items .dispute-focus-item span {
  white-space: pre-wrap;
  line-height: 28px;
  display: inline-block;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .dispute-items .dispute-focus-item span:hover {
  background: #FFF0E1;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-source-items {
  width: 845px;
  background-color: #f8f8f9;
  padding: 0 10px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-source-items .item {
  padding: 10px 0;
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-source-items .item:hover {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-source-items .item:hover .ibass-dot {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-source-items .item .source-title {
  margin-left: 8px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-source-items .item .ibass-dot {
  margin-left: 6px;
  color: #a9a9a9;
  position: relative;
  top: 1px;
}
.bigData-articleDetail .articleDetail-content .content-left .popular-law .popular-source-items .item .source-date {
  margin-left: 12px;
}
.bigData-articleDetail .articleDetail-content .content-left h6 {
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-articleDetail .articleDetail-content .content-left h6 i {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .partiesInfo {
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-articleDetail .articleDetail-content .content-left .partiesInfo div p:first-child {
  color: #737373;
}
.bigData-articleDetail .articleDetail-content .content-left .partiesInfo div p.name {
  padding-bottom: 7px;
  color: #232323;
  font-size: 16px;
  padding-left: 30px;
}
.bigData-articleDetail .articleDetail-content .content-left .partiesInfo div p.name span {
  color: #a9a9a9;
  font-size: 14px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser {
  padding-bottom: 16px;
  position: relative;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough .ibass-dot,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser .ibass-dot {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  top: 3px;
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough h3,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser h3 {
  margin: 16px 0;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough p,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser p {
  text-indent: 32px;
  margin-top: 6px;
  margin-bottom: 0px;
  line-height: 28px;
  font-size: 16px;
  white-space: pre-wrap;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough table,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser table {
  word-break: break-all;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough table,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser table,
.bigData-articleDetail .articleDetail-content .content-left .articleThrough tr,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser tr,
.bigData-articleDetail .articleDetail-content .content-left .articleThrough td,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser td {
  border: 1px solid #cdc9c5;
  border-collapse: collapse;
  overflow: hidden;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough table p,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser table p,
.bigData-articleDetail .articleDetail-content .content-left .articleThrough tr p,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser tr p,
.bigData-articleDetail .articleDetail-content .content-left .articleThrough td p,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser td p {
  max-width: 100%;
  text-indent: 0;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough .i-add-search-report,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser .i-add-search-report {
  position: relative;
  display: inline-block;
  max-height: 35px;
  text-indent: 0;
  visibility: hidden;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough .i-add-search-report a,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser .i-add-search-report a {
  text-indent: 0;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough .i-add-search-report a i,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser .i-add-search-report a i {
  position: relative;
  left: 0;
  top: 2px;
  font-size: 16px;
  color: #cdc9c5;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough .i-add-search-report a span,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser .i-add-search-report a span {
  position: relative;
  top: 0px;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough .i-add-search-report a .ibass-done,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser .i-add-search-report a .ibass-done {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough .i-add-search-report .confirm-add:hover i,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser .i-add-search-report .confirm-add:hover i {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-left .articleThrough h3:hover .i-add-search-report,
.bigData-articleDetail .articleDetail-content .content-left .articleAccuser h3:hover .i-add-search-report {
  visibility: visible;
}
.bigData-articleDetail .articleDetail-content .content-left > div:last-child {
  border: 0;
}
.bigData-articleDetail .articleDetail-content .margin-top {
  margin-top: 20px;
}
.bigData-articleDetail .articleDetail-content .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 80px;
  bottom: 300px;
  width: 205px !important;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.bigData-articleDetail .articleDetail-content .content-right .relation-msg-container {
  padding-top: 25px;
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.bigData-articleDetail .articleDetail-content .content-right .relation-msg-container .padding-box {
  overflow-y: auto;
  height: 100%;
}
.bigData-articleDetail .articleDetail-content .content-right .relation-msg-container .padding-box::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-articleDetail .articleDetail-content .content-right .relation-msg-container .padding-box::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-articleDetail .articleDetail-content .content-right .relation-msg-container .padding-box:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-articleDetail .articleDetail-content .content-right .relation-msg-container .padding-box:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu {
  position: relative;
  margin-bottom: 30px;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .overflow {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 0 0 0;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul {
  position: relative;
  left: 2px;
  max-height: 420px;
  margin-left: 6px;
  overflow-x: visible;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul:before,
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -1px;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul:before {
  top: 0px;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul:after {
  bottom: 0;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul li {
  padding-left: 20px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul li .user-define-dot {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #ed6c00;
  left: -7px;
  top: 8px;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: -2px;
  color: #ed6c00;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul li:hover {
  color: #ed6c00;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul li.active {
  color: #ed6c00;
  font-weight: bold;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu ul li.active i {
  display: inline-block;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 80px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .top-btn,
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .bottom-btn {
  width: 15px;
  height: 15px;
  background: url("/tool/bigData/images/index-scroll-up.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .top-btn {
  position: absolute;
  top: 66px;
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .top-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.bigData-articleDetail .articleDetail-content .content-right .fast-menu .bottom-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo {
  padding: 10px 15px 5px;
  background: #f8f8f9;
  border-radius: 5px;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo.article-recommend {
  margin-bottom: 24px;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo .self-type {
  width: 76px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  margin-left: 20px;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo h6 {
  padding-bottom: 10px;
  border-bottom: solid 1px #ebebeb;
  line-height: 22px;
  font-size: 16px;
  margin: 8px 0;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo .more {
  cursor: pointer;
  margin-top: 8px;
  padding-left: 20px;
  position: relative;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo .more .ibass-list {
  left: 0;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo .more:hover span,
.bigData-articleDetail .articleDetail-content .content-right .baseInfo .more:hover i {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo .more span {
  color: #a9a9a9;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo div {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
  position: relative;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo div i {
  position: absolute;
  top: inherit;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo div:last-child {
  border-bottom: 0;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo div p:first-child:hover {
  color: #fa8919;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo div p:nth-child(2) {
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 5px 0px 0px 20px;
  color: #737373;
  cursor: pointer;
  padding-bottom: 5px;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo div p:nth-child(3) > span {
  display: block;
  padding-left: 19px;
}
.bigData-articleDetail .articleDetail-content .content-right .baseInfo div p:nth-child(3) > span span:nth-child(1) {
  color: #737373;
}
.popup-box {
  position: absolute;
  width: 532px;
  background: #fff;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  z-index: 9999;
}
.popup-box .case-result-header {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: #fa8919;
  border-radius: 9px 9px 0px 0px;
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.popup-box .case-result-header .case-result-title {
  margin-left: 15px;
  font-size: 14px;
}
.popup-box .case-result-header .wechat-btn {
  margin-right: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #FEE7D1;
}
.popup-box .case-result-header .wechat-btn:hover {
  color: #fff;
}
.popup-box .case-result-header .wechat-btn:hover i {
  color: #fff;
}
.popup-box .case-result-header .wechat-btn:hover .wechat-icon svg g {
  fill: #fff;
}
.popup-box .case-result-header .wechat-btn .wechat-icon {
  padding-top: 4px;
}
.popup-box .case-result-header .wechat-btn .wechat-icon svg g {
  fill: #FEE7D1;
}
.popup-box .case-result-header .wechat-btn i {
  color: #FEE7D1;
  margin-right: 6px;
  top: 1px;
  font-size: 16px;
}
.popup-box .case-result-header .close-page-btn {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.popup-box .case-result-content {
  display: flex;
  padding: 15px;
}
.popup-box .case-result-content .article_img-box {
  margin-right: 16px;
  width: 118px;
  height: 118px;
  background: #F7F8F9;
  border-radius: 4px;
  overflow: hidden;
}
.popup-box .case-result-content .article_img-box img {
  height: 100%;
}
.popup-box .case-result-content .article-title {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 26px;
}
.popup-box .case-result-content .article-desc {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.popup-box .case-result-content .article-content {
  flex: 1;
}

.law-detail-modal {
  width: 400px;
  display: none;
  position: absolute;
  z-index: 10;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  padding-bottom: 10px;
}
.law-detail-modal i {
  font-size: 14px;
}
.law-detail-modal .loading {
  padding-top: 30px;
  transform: scale(0.6);
}
.law-detail-modal .detail-header {
  width: 388px;
  padding-left: 12px;
  border-radius: 9px 9px 0px 0px;
  background-color: #fa8919;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  color: #ffffff;
  padding-top: 8px;
}
.law-detail-modal .detail-header .title {
  margin-bottom: -5px;
  display: inline-block;
  width: 330px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.law-detail-modal .detail-header .detail-title {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
}
.law-detail-modal .detail-header .detail-date {
  display: block;
  height: 20px;
  font-size: 12px;
  line-height: 1.33;
  text-align: left;
  position: relative;
  color: rgba(255, 255, 255, 0.6);
}
.law-detail-modal .detail-header .detail-date .line {
  display: inline-block;
  line-height: 5px;
  height: 12px;
  top: 2px;
  position: relative;
  border-left: solid 1px rgba(255, 255, 255, 0.35);
}
.law-detail-modal .detail-header .detail-date .detail-status {
  width: 48px;
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
}
.law-detail-modal .detail-header .detail-date .i-add-search-report {
  position: absolute;
  top: -3px;
  right: 10px;
}
.law-detail-modal .detail-header .detail-date .i-add-search-report i,
.law-detail-modal .detail-header .detail-date .i-add-search-report span {
  color: #fff;
  opacity: .8;
}
.law-detail-modal .detail-header .detail-date .i-add-search-report i {
  font-size: 14px;
}
.law-detail-modal .detail-header .detail-date .i-add-search-report span {
  font-size: 12px;
}
.law-detail-modal .detail-header .option {
  position: relative;
  float: right;
  clear: both;
  top: -3px;
}
.law-detail-modal .detail-header .option i {
  cursor: pointer;
  color: white;
  margin-right: 10px;
}
.law-detail-modal .detail-content {
  position: relative;
  overflow-y: auto;
  padding: 0px 15px 0px 15px;
  width: 370px;
  max-height: 200px;
  min-height: 70px;
  font-size: 12px;
  line-height: 1.67;
  text-align: left;
  color: #4a4a4a;
}
.law-detail-modal .detail-content .content-title {
  height: 16px;
  margin: 10px 0px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.33;
  text-align: left;
  color: #4a4a4a;
}
.law-detail-modal .detail-content pre {
  margin-top: -5px;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  font-size: 12px;
  line-height: 1.67;
  text-align: left;
  color: #4a4a4a;
}
.law-detail-modal .detail-content .full-law-container {
  padding-top: 10px;
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
}
.law-detail-modal .detail-content .full-law-container div {
  width: 50%;
  box-sizing: border-box;
  padding-right: 10px;
  padding-bottom: 5px;
}
.law-detail-modal .detail-content .full-law-container div .content-dispatch-authority {
  display: inline-block;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.law-detail-modal .detail-content .full-law-container div .content-label {
  display: inline-block;
  width: 55px;
  font-weight: 400;
  color: #a9a9a9;
}
.law-detail-modal .old-and-new-contain {
  width: 348px;
  background: #F8F8F9;
  border-radius: 2px;
  margin: 0 auto;
  padding: 8px 12px;
  overflow: hidden;
}
.law-detail-modal .old-and-new-contain.hide-contain {
  height: 20px;
}
.law-detail-modal .old-and-new-contain .old-and-new-title {
  height: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #ED6C00;
  line-height: 16px;
}
.law-detail-modal .old-and-new-contain .old-and-new-title i {
  color: #ED6C00;
}
.law-detail-modal .old-and-new-contain .old-and-new-title .ibass-fullpage {
  float: right;
  color: #999999;
}
.law-detail-modal .old-and-new-contain .old-and-new-date {
  height: 36px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 36px;
  border-bottom: 1px solid #EBEBEB;
}
.law-detail-modal .old-and-new-contain .oan-text {
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 10px;
}
.law-detail-modal .old-and-new-contain .oan-text g {
  color: #5A8A43;
  display: inline-block;
  padding-top: 0px;
}
.law-detail-modal .old-and-new-contain .oan-text r {
  color: #D0021B;
  text-decoration: line-through;
  display: inline-block;
  padding-top: 0px;
}
.law-detail-modal .oan-tips {
  font-size: 12px;
  color: #666666;
  width: 100%;
  height: 10px;
}
.law-detail-modal .oan-tips .color-item {
  position: relative;
  float: right;
  margin-right: 30px;
  margin-top: 16px;
  line-height: 10px;
}
.law-detail-modal .oan-tips .color-item .add-green {
  position: absolute;
  width: 8px;
  height: 8px;
  left: -16px;
  top: 0px;
  background: #5A8A43;
}
.law-detail-modal .oan-tips .color-item .del-red {
  position: absolute;
  width: 8px;
  height: 8px;
  left: -16px;
  top: 0px;
  background: #D0021B;
}
.law-detail-modal .oan-tips .color-item .nomal-black {
  position: absolute;
  width: 8px;
  height: 8px;
  left: -16px;
  top: 0px;
  background: #737373;
}

.big-data-download {
  z-index: 1000!important;
}
.big-data-download .count {
  height: 20px;
  margin-top: 16px;
  font-size: 14px;
  color: #737373;
  width: 100%;
  text-align: left;
  margin-left: 91px;
}
.big-data-download .count .count-number {
  color: #fa8919;
}
.big-data-download .tips {
  max-width: 60%;
  position: relative;
  padding-left: 17px;
  margin-right: 5px;
}
.big-data-download .tips .ibass-warning {
  position: absolute;
  left: 0;
  top: 0;
  color: #fa8919;
}
.big-data-download .loading {
  padding-top: 0px !important;
}
.big-data-download .title {
  padding: 10px;
  position: relative;
  z-index: 20;
  background: white;
}
.big-data-download .main-btn {
  margin-left: 40%;
  margin-bottom: 30px;
}
.big-data-download .main-btn-disabled {
  background: #ebebee;
  border-color: #ebebee;
  color: #a9a9a9;
  cursor: not-allowed;
  pointer-events: none;
}
.big-data-download .firm-dialog-body {
  padding: 10px 10px 12px 50px;
}
.big-data-download .firm-dialog-body .content {
  font-size: 14px;
  color: #4a4a4a;
  margin-left: 20px;
  margin-bottom: 20px;
}
.big-data-download .firm-dialog-body .content .word,
.big-data-download .firm-dialog-body .content .excel,
.big-data-download .firm-dialog-body .content .pdf {
  position: relative;
  top: 2px;
  display: inline-flex;
  cursor: pointer;
}
.big-data-download .firm-dialog-body .content .word i,
.big-data-download .firm-dialog-body .content .excel i,
.big-data-download .firm-dialog-body .content .pdf i {
  margin-right: 8px;
  font-size: 16px;
}
.big-data-download .firm-dialog-body .content .word i.ibass-done,
.big-data-download .firm-dialog-body .content .excel i.ibass-done,
.big-data-download .firm-dialog-body .content .pdf i.ibass-done {
  color: #fa8919;
}
.big-data-download .firm-dialog-body .content .word i.ibass-task-check,
.big-data-download .firm-dialog-body .content .excel i.ibass-task-check,
.big-data-download .firm-dialog-body .content .pdf i.ibass-task-check {
  color: #cdc9c5;
}
.big-data-download .firm-dialog-body .content .word.disable,
.big-data-download .firm-dialog-body .content .excel.disable,
.big-data-download .firm-dialog-body .content .pdf.disable {
  cursor: not-allowed;
}
.big-data-download .firm-dialog-body .content .excel {
  margin-right: 200px;
}
.big-data-download .firm-dialog-body .content .word {
  margin-left: 90px;
  margin-top: 10px;
}
.big-data-download .firm-dialog-body .content .pdf {
  margin-left: 24px;
}
.big-data-download .firm-dialog-body .content .middle {
  margin: 0px 20px;
}
.big-data-download .firm-dialog-body .content .count {
  height: 20px;
  margin-top: 16px;
  font-size: 14px;
  color: #737373;
  width: 100%;
  text-align: left;
  margin-left: 91px;
}
.big-data-download .firm-dialog-body .content .count .count-number {
  color: #fa8919;
}
.big-data-download .firm-dialog-body .content .count-max {
  margin-top: 6px;
  font-size: 14px;
  color: #737373;
  width: 100%;
  text-align: left;
  margin-left: 91px;
}
.big-data-download .firm-dialog-body .content .count-max .count-number {
  color: #fa8919;
}
.big-data-download .firm-dialog-body .content input {
  text-align: center;
  margin: 0px 5px;
  padding-left: 4px;
  width: 50px;
  height: 32px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.big-data-download .group {
  margin-bottom: 20px;
}
.big-data-download .group .download-label {
  width: 70px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  text-align: left;
}
.big-data-download .group .content {
  display: inline;
}
.big-data-download .group .content .ibass-filetype {
  margin-left: 6px;
}
.big-data-download .group > .count .count-number {
  cursor: pointer;
  padding: 0 4px;
}
.big-data-download .group > .count .count-number:hover {
  text-decoration: underline;
}
.big-data-download .download-dialog-line {
  width: 80%;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 47px;
  margin-left: 10%;
  z-index: 2;
}
.big-data-download .firm-dialog-title {
  font-size: 16px;
  font-weight: 500;
  width: 498px;
  background: inherit;
  border-bottom: 0px;
  border-radius: 10px;
  height: 60px;
  margin-top: 12px;
}
.big-data-download .ngdialog.ngdialog-theme-default .ngdialog-close:before {
  top: -1px;
  left: 5px;
}
.can-download-container .main-btn {
  margin: 0 auto 30px;
  text-align: center;
  display: block;
}
.can-download-list {
  margin: 10px 50px 32px 50px;
  height: 400px;
  overflow-y: auto;
}
.can-download-list .tree-classic-article {
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  display: block;
  overflow-x: hidden;
  transition: 300ms ease height;
}
.can-download-list .tree-classic-article i.tree-leaf-head {
  float: left;
  color: #cdc9c5;
  position: relative;
  top: 2px;
}
.can-download-list .collapsing {
  overflow: hidden !important;
}
.can-download-list .tree-label.a6 {
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  padding: 4px 0 ;
  width: 94%;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-left: 5px;
}
.can-download-list .tit i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
  padding: 0;
  background: transparent;
  outline: none;
}
.can-download-list treecontrol li {
  padding: 0 0 0 30px;
}
.can-download-list treecontrol li:hover {
  color: #fa8919;
}
.can-download-list treecontrol li:hover .a6 a {
  color: #fa8919;
}
.can-download-list .sift {
  padding-bottom: 20px;
}
.can-download-list .sift .tit {
  margin: 0!important;
  cursor: pointer;
  font-weight: 600;
  line-height: 28px;
}
.can-download-list .sift .tit i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
  padding: 0;
  background: transparent;
  outline: none;
}
.can-download-list .sift div {
  width: 77%;
  margin-left: 18px;
  padding: 4px 0;
  display: inline-block;
}
.can-download-list .sift p {
  margin-left: 18px;
  padding: 4px 0;
}
.can-download-list .sift .show-all {
  cursor: pointer;
  margin: 0;
}
.can-download-list .sift .show-all .ibass-arrow-down,
.can-download-list .sift .show-all .ibass-arrow-up {
  float: left;
  padding: 1px 10px;
  top: 0;
}
.can-download-list .sift .show-all span {
  float: left;
}
.bd-batch-add-search-report {
  z-index: 1000!important;
}
.bd-batch-add-search-report .report-container > .count {
  height: 20px;
  padding-left: 17px;
  font-size: 14px;
  color: #737373;
  width: 100%;
  text-align: left;
  margin-left: 60px;
}
.bd-batch-add-search-report .report-container > .count .count-number {
  color: #fa8919;
  cursor: pointer;
  padding: 0 4px;
}
.bd-batch-add-search-report .report-container > .count .count-number:hover {
  text-decoration: underline;
}
.bd-batch-add-search-report .report-container > .tips {
  position: relative;
  margin-right: 5px;
  margin-bottom: 20px;
}
.bd-batch-add-search-report .report-container > .tips .ibass-warning {
  position: absolute;
  left: 0;
  top: 0;
  color: #fa8919;
}
.bd-batch-add-search-report .loading {
  padding-top: 0px !important;
}
.bd-batch-add-search-report .title {
  padding: 10px;
  position: relative;
  z-index: 20;
  background: white;
}
.bd-batch-add-search-report .main-btn {
  margin-left: 40%;
  margin-bottom: 30px;
}
.bd-batch-add-search-report #batchNewSearchReportInput {
  border: none;
  outline: none;
  border-bottom: 1px solid #ebebeb;
  width: 220px;
  position: relative;
  top: -10px;
  margin-left: 10px;
}
.bd-batch-add-search-report .firm-dialog-body {
  padding: 10px 50px 30px 50px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .content-des {
  padding-bottom: 10px;
  font-weight: 500;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content {
  border: 1px solid #ebebeb;
  padding: 10px 20px;
  padding-right: 0px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container {
  max-height: 250px;
  min-height: 100px;
  overflow: auto;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .report-search-filter {
  width: 200px;
  height: 36px;
  position: relative;
  margin-left: 0px;
  margin-top: 5px;
  background: #fff;
  border-radius: 36px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .report-search-filter .search-input {
  width: 200px;
  height: 36px;
  padding-left: 34px;
  padding-right: 34px;
  font-size: 14px;
  border-radius: 36px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  color: #000;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .report-search-filter .search-input:hover {
  border: 1px solid #C0C4CC;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .report-search-filter .search-input:focus {
  border: 1px solid #C0C4CC;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .report-search-filter .ibass-search {
  position: absolute;
  left: 15px;
  top: 9px;
  color: #ccc;
  font-size: 14px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container i {
  font-size: 16px;
  color: #cdc9c5;
  position: relative;
  top: -3px;
  vertical-align: text-bottom;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container i.ibass-checked,
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .ibass-done {
  color: #fa8919;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-item {
  line-height: 32px;
  height: 32px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-item .flex {
  display: flex;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-item.add-item {
  color: #afafaf;
  display: flex;
  margin-top: 10px;
  margin-bottom: 5px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .left-box {
  display: inline-block;
  flex: 1;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-name {
  display: inline-block;
  width: 280px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 10px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .count {
  display: inline-block;
  color: #cdc9c5;
  font-size: 14px;
  padding-left: 10px;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.bd-batch-add-search-report .download-dialog-line {
  width: 80%;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 55px;
  margin-left: 10%;
  z-index: 2;
}
.bd-batch-add-search-report .firm-dialog-title {
  font-size: 16px;
  font-weight: 500;
  width: 498px;
  background: inherit;
  border-bottom: 0px;
  border-radius: 10px;
  height: 60px;
  margin-top: 20px;
}

.bigData-caseSearch {
  overflow: hidden;
}
.bigData-caseSearch .bigData-caseList .bigData-visual {
  width: 940px;
  background: #fff;
  color: #e4e4e4;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .left {
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .line-blue {
  background: #90caf9;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .i-chart {
  padding-top: 20px;
  height: 300px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual h5 {
  margin: 0;
  padding-left: 32px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .i-echarts {
  padding: 20px;
  height: 320px;
  margin-top: 0px;
  width: 450px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .i-echarts.chinaMap {
  width: 939px;
  height: 490px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .popularLaws .entity {
  position: absolute;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .popularLaws .law-title {
  user-select: none;
  color: #fff;
  display: inline-block;
  word-break: break-all;
  white-space: pre-wrap;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .popularLaws .law-content {
  user-select: none;
  margin-top: 10px;
  max-height: 200px;
  overflow: auto;
  white-space: pre-wrap;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-content {
  max-width: 250px;
  user-select: none;
  margin-top: 10px;
  max-height: 300px;
  overflow: auto;
  word-break: break-all;
  white-space: pre-wrap;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-title {
  user-select: none;
  color: #fff;
  display: inline-block;
  word-break: break-all;
  white-space: pre-wrap;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .chat-tooltip {
  position: absolute;
  bottom: 0;
  width: 90%;
  text-align: center;
  font-size: 12px;
  color: #a9a9a9;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .btn-all {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 14px;
  color: #737373;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .btn-all i {
  margin-right: 6px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .btn-all.case-pie {
  position: relative;
  bottom: 10px !important;
  left: 245px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image {
  position: absolute;
  right: 20px;
  top: 14px;
  z-index: 100;
  border-right: 0 !important;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image span {
  vertical-align: middle;
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 2px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image i {
  font-size: 16px;
  top: 4px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image:hover i,
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image:hover span {
  color: #ed6c00;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image .as-image {
  display: none;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .group-header {
  cursor: pointer;
  line-height: 64px;
  height: 64px;
  margin: 0px 0px;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  padding-left: 20px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .group-header span {
  padding-bottom: 17px;
  border-bottom: 2px solid #fa8919;
  margin-left: 5px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .group-header i {
  color: #cdc9c4;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .group-header span {
  cursor: pointer;
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group {
  width: 100%;
  height: 414px;
  border-bottom: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group .ibass-info {
  top: 12px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold {
  height: 64px !important;
  border-bottom: 0px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .group-header {
  border-bottom: 1px solid #ebebeb;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .group-header span {
  cursor: pointer;
  color: #4a4a4a;
  border: none;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided1 {
  display: none;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group .province-bar .save-as-image,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group .save-as-image {
  right: 80px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group {
  height: 394px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group .information,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group .information {
  left: 80px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group {
  height: 394px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group .information,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group .information {
  left: 94px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group {
  height: 404px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group .column1divided2 {
  height: 340px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group .column1divided2 .btn-all {
  bottom: 20px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group .penal-main .information {
  left: 55px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group {
  height: 424px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .column1divided2 {
  height: 360px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .information {
  left: 80px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group {
  height: 804px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .column1divided2 {
  height: 360px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .column1divided2-c {
  height: 380px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .column1divided2-c .btn-all {
  left: 295px;
  bottom: 10px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .information {
  left: 110px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group {
  height: 490px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group .information {
  left: 70px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group .i-echarts,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group .i-echarts {
  width: 33%;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .clearfix {
  clear: both;
  content: '';
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .right-border-have {
  border-right: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .top-border-have {
  border-top: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .left-border-have {
  border-left: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .bottom-border-have {
  border-bottom: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group .column1divided3-2 .empty-chart-image {
  position: relative;
  top: 80px;
  left: 0px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided1 {
  position: relative;
  width: 100%;
  height: 330px;
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided1:hover .save-as-image .as-image {
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided1 .empty-chart-image {
  position: relative;
  top: 80px;
  left: 320px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2 {
  position: relative;
  width: 469px;
  height: 350px;
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2:hover .save-as-image .as-image {
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2 .empty-chart-image {
  position: relative;
  top: 80px;
  left: 100px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2-fee {
  height: 410px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3-2 {
  position: relative;
  width: 626px;
  height: 330px;
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3-2:hover .save-as-image .as-image {
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3-2 .empty-chart-image {
  position: relative;
  top: 80px;
  width: 60%;
  left: 50px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3 {
  position: relative;
  width: 312px;
  height: 330px;
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3:hover .save-as-image .as-image {
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3 .empty-chart-image {
  position: relative;
  top: 80px;
  width: 80%;
  left: 30px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .money-fee .information {
  left: 84px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .chart-title {
  margin-left: 20px;
  margin-top: 22px;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 600;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .information {
  position: absolute;
  left: 90px;
  top: 10px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .loading {
  transform: scale(0.8);
  padding-top: 100px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type {
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 0;
  z-index: 100;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type a {
  display: inline-block;
  cursor: pointer;
  color: #cdc9c5;
  line-height: 14px;
  font-size: 14px;
  width: 30px;
  text-align: center;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type a:first-child {
  border-right: 1px solid #ebebeb;
  border-radius: 15px 0 0 15px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type a:last-child {
  border-radius: 0 15px 15px 0;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type a.current-penal i {
  color: #ed6c00;
}
.bigData-caseSearch .bigData-caseList .case-reason-group {
  height: 454px !important;
}
.bigData-caseSearch .bigData-caseList .case-reason-group .column1divided2 {
  height: 390px;
}
.bigData-caseSearch .bigData-caseList .case-reason-group .column1divided2 .i-chart {
  height: 380px;
}
.bigData-caseSearch .bigData-caseList .case-reason-group .column1divided2 .btn-all.case-pie {
  position: absolute;
}
.bigData-caseSearch .bigData-caseList .examine-caseList {
  clear: both;
  margin-bottom: 40px;
}
.bigData-caseSearch .bigData-caseList .examine-caseList .examine-btn {
  color: #4A4A4A;
  text-align: center;
  margin: 39px auto 37px;
  width: 180px;
  height: 36px;
  line-height: 34px;
  border-radius: 20px;
  background-color: #f8f8f9;
}
.bigData-caseSearch .bigData-caseList .examine-caseList .examine-btn i {
  font-size: 16px;
  color: #cdc9c5;
  position: relative;
  left: -5px;
}
.bigData-caseSearch .bigData-caseList .examine-caseList .examine-btn span {
  position: relative;
  top: -2px;
  font-size: 12px;
}
.big-data-visual-lookMore {
  padding-bottom: 50px;
}
.big-data-visual-lookMore .title {
  padding: 50px 50px 10px;
}
.big-data-visual-lookMore .title .title-line {
  text-align: center;
  border-top: 1px solid #e2e2e2;
}
.big-data-visual-lookMore .title .title-line .title-name {
  position: relative;
  display: inline-block;
  top: -18px;
  padding: 0 25px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  background: #fff;
  color: #4a4a4a;
}
.big-data-visual-lookMore .content {
  height: 450px;
  line-height: 32px;
  margin: 0px 60px 0 80px;
  overflow-y: auto;
  font-size: 14px;
}
.big-data-visual-lookMore .content li {
  overflow: hidden;
}
.big-data-visual-lookMore .content li i {
  color: #cdc9c5;
  font-size: 14px;
}
.big-data-visual-lookMore .content li .ibass-dot,
.big-data-visual-lookMore .content li .ibass-clause {
  float: left;
  margin-right: 6px;
}
.big-data-visual-lookMore .content li .ibass-clause:hover {
  color: #ed6c00;
}
.big-data-visual-lookMore .content li:hover span,
.big-data-visual-lookMore .content li:hover .ibass-dot {
  color: #ed6c00;
}
.big-data-visual-lookMore .content::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.big-data-visual-lookMore .content::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.big-data-visual-lookMore .content:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.big-data-visual-lookMore .content:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}

.company-database-base-info .holder-name a {
  cursor: pointer;
}
.company-database-base-info .holder-name a:hover {
  color: #fa8919;
}
.company-database-base-info .down-load-label {
  position: absolute;
  right: 0px;
  cursor: pointer;
}
.company-database-base-info .down-load-label:hover i,
.company-database-base-info .down-load-label:hover span {
  color: #fa8919;
}
.company-database-base-info .down-load-label i {
  font-size: 16px;
  color: #a9a9a9;
}
.company-database-base-info .down-load-label span {
  color: #a9a9a9;
  position: relative;
  top: -3px;
}
.company-database-base-info .base-info-company {
  margin-top: 25px;
  padding-left: 20px;
}
.company-database-base-info .base-info-company .base-info {
  padding-bottom: 10px;
}
.company-database-base-info .base-info-company .base-info .name {
  width: 130px;
  display: inline-block;
  font-size: 14px;
  text-align: left;
  color: #737373;
}
.company-database-base-info .base-info-company .base-info .desc {
  display: inline-block;
  width: 746px;
  font-size: 14px;
  line-height: 1.57;
  text-align: justify;
  color: #4a4a4a;
  vertical-align: top;
}
.company-database-base-info .base-info-company .base-info .desc.businessScope {
  height: inherit;
}
.company-database-base-info .expanded {
  overflow: hidden;
  transition: all .2s ease;
  clear: both;
  margin: 0 10px;
}
.company-database-base-info .expanded .ibass-memo {
  cursor: pointer;
  color: #a9a9a9;
}
.company-database-base-info .expanded .ibass-memo:hover {
  color: #fa8919;
}
.company-database-base-info .expanded .change-before em {
  font-style: inherit;
}
.company-database-base-info .expanded .change-after em {
  font-style: inherit;
}
.company-database-base-info .expanded .year-report-items {
  margin: 20px 0px;
}
.company-database-base-info .expanded .year-report-items .year-report-label {
  cursor: pointer;
  width: 162px;
  margin-left: 20px;
  height: 37px;
  line-height: 37px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #9b9b9b;
}
.company-database-base-info .expanded .year-report-items .year-report-label i {
  color: #9b9b9b;
  position: relative;
  top: 2px;
}
.company-database-base-info .expanded .year-report-items .year-report-label:hover i,
.company-database-base-info .expanded .year-report-items .year-report-label:hover span {
  color: #fa8919;
}
.company-database-base-info .expanded table {
  border-collapse: collapse;
  color: #4a4a4a;
  width: 100%;
}
.company-database-base-info .expanded table tr:first-child {
  font-size: 12px;
  color: #4a4a4a;
}
.company-database-base-info .expanded table tr:first-child td {
  padding-top: 20px;
  padding-bottom: 0px;
}
.company-database-base-info .expanded table tr {
  border-bottom: 1px solid #f1f1f1;
  height: 45px;
}
.company-database-base-info .expanded table tr td {
  padding-left: 10px;
  padding-top: 12px;
  padding-bottom: 10px;
  word-break: break-all;
}
.company-database-base-info .expanded .invest-name {
  width: 300px;
  padding-right: 10px;
}
.company-database-base-info .expanded .invest-name a {
  margin-bottom: -5px;
  cursor: pointer;
}
.company-database-base-info .expanded .invest-name:hover a {
  color: #fa8919;
}
.company-database-base-info .expanded .base-info {
  margin: -3px 30px;
  line-height: 20px;
  display: inline-flex;
}
.company-database-base-info .expanded .base-info .name {
  color: #737373;
  display: block;
  text-align: left;
  float: left;
  padding: 10px;
  width: 98px;
}
.company-database-base-info .expanded .base-info .desc {
  color: #4a4a4a;
  float: left;
  display: block;
  padding: 10px;
  width: 510px;
}
.company-database-base-info .info {
  margin-left: 0px;
  height: 45px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
}
.company-database-base-info .info i {
  cursor: pointer;
  width: 45px;
  font-size: 16px;
  position: relative;
  top: 11px;
  text-align: center;
  color: #cdc9c5;
}
.company-database-base-info .info .info-title {
  position: relative;
  top: 7px;
  padding-bottom: 10px;
}
.company-database-base-info .info .info-active {
  border-bottom: solid 3px #fa8919;
}
.company-database-base-info .info .numbers {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #f0f0f0;
  font-size: 14px;
  color: #a9a9a9;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: 7px;
}

.company-list-info {
  margin-top: 25px;
  padding-bottom: 30px;
}
.company-list-info .page {
  padding: 10px 0px;
}
.company-list-info .expanded.share-holder-expanded .border-bottom-have {
  border-bottom: 1px solid #f1f1f1 !important;
}
.company-list-info .expanded.share-holder-expanded .holder-name a {
  cursor: pointer;
}
.company-list-info .expanded.share-holder-expanded .holder-name a:hover {
  color: #fa8919;
}
.company-list-info .expanded.share-holder-expanded .first-tr {
  border-bottom: 1px solid #f1f1f1 !important;
}
.company-list-info .expanded.share-holder-expanded table tr {
  border: none;
}
.company-list-info .expanded.share-holder-expanded table tr:first-child {
  font-size: 14px;
  color: #4a4a4a;
}
.company-list-info .expanded.share-holder-expanded table tr:first-child td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.company-list-info .expanded.share-holder-expanded table tr td {
  border-bottom: 1px solid #f1f1f1;
}
.company-list-info .expanded.share-holder-expanded table tr td:first-child {
  border-bottom: none;
}

.company-database-base-info.judgements-info .center {
  text-align: center;
}
.company-database-base-info.judgements-info .judge-title {
  cursor: pointer;
}
.company-database-base-info.judgements-info .judge-title:hover {
  color: #fa8919;
}
.company-database-base-info.judgements-info .judgements-label {
  float: right;
  margin: 20px 20px 0px 20px;
}
.company-database-base-info.judgements-info .judgements-label .numbers {
  color: #fa8919;
}
.company-database-base-info.judgements-info .judgements-label .download {
  cursor: pointer;
}
.company-database-base-info.judgements-info .judgements-label .download i {
  position: relative;
  margin-left: 5px;
  top: 2px;
  color: #cdc9c5;
}
.company-database-base-info.judgements-info .judgements-label .download:hover {
  color: #fa8919;
}
.company-database-base-info.judgements-info .judgements-label .download:hover i {
  color: #fa8919;
}
.company-database-base-info.judgements-info table {
  border-collapse: collapse;
  margin-left: 50px;
  margin-right: 0px;
  color: #4a4a4a;
  width: 960px;
}
.company-database-base-info.judgements-info table tr:first-child {
  font-size: 12px;
  color: #4a4a4a;
}
.company-database-base-info.judgements-info table tr:first-child td {
  padding-top: 20px;
  padding-bottom: 0px;
}
.company-database-base-info.judgements-info table tr {
  border-bottom: 1px solid #f1f1f1;
  height: 45px;
}
.company-database-base-info.judgements-info table tr td {
  padding-left: 10px;
  padding-top: 12px;
  padding-bottom: 10px;
  word-break: break-all;
}
.company-database-base-info.judgements-info .page-container {
  text-align: center;
}
.company-database-base-info.judgements-info .page-container .i-pagination {
  display: inline-block;
}

.company-database-base-info.knowledge-info {
  padding-bottom: 20px;
}
.company-database-base-info.knowledge-info .info:hover .knowledge-download {
  display: inherit;
}
.company-database-base-info.knowledge-info .knowledge-download {
  cursor: pointer;
  display: none;
}
.company-database-base-info.knowledge-info .knowledge-download span {
  position: relative;
  top: 8px;
  color: #a9a9a9;
}
.company-database-base-info.knowledge-info .knowledge-download:hover i {
  color: #fa8919;
}
.company-database-base-info.knowledge-info .knowledge-download:hover span {
  color: #fa8919;
}

.bigData-company-detail .list-info .color-white {
  color: white !important;
}
.bigData-company-detail .list-info .content-left {
  width: 900px;
  box-sizing: border-box;
}
.bigData-company-detail .list-info .content-left p {
  width: 820px;
}
.bigData-company-detail .list-info .content-left h6 {
  position: relative;
  height: 22px;
  width: 70px;
  text-align: right;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-company-detail .list-info .content-left h6 i {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: #fa8919;
}
.bigData-company-detail .list-info .content-left .p-date {
  width: 90px;
  margin-right: 30px;
  padding: 13px 0px;
  color: #a9a9a9;
}
.bigData-company-detail .list-info .content-left .content-header {
  font-size: 14px;
  width: 94px;
  text-align: right;
}
.bigData-company-detail .list-info .content-left .public-info {
  clear: both;
  padding-top: 10px;
}
.bigData-company-detail .list-info .content-left .p-content {
  width: 900px;
  cursor: pointer;
  margin-left: 25px;
}
.bigData-company-detail .list-info .content-left .p-content .p-item {
  display: inline-flex;
  width: 700px;
  position: relative;
  padding: 13px 0px;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
}
.bigData-company-detail .list-info .content-left .p-content .p-item .ibass-download {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -12px;
  color: white;
  display: inline-flex;
  margin-left: 10px;
  padding-right: 10px;
  font-size: 16px;
}
.bigData-company-detail .list-info .content-left .p-content .p-item span {
  padding-left: 10px;
  width: 450px;
  margin-right: 100px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.bigData-company-detail .list-info .content-left .p-content .p-item:hover {
  background-color: #f8f8f9;
}
.bigData-company-detail .list-info .content-left .p-content .p-item:hover .ibass-download {
  display: inline-flex;
  color: #fa8919;
}
.bigData-company-detail .list-info .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 10px;
}
.bigData-company-detail .list-info .content-right .fast-menu {
  padding: 10px 0 30px;
}
.bigData-company-detail .list-info .content-right .fast-menu h6 {
  height: 10px;
  line-height: 22px;
  font-size: 14px;
  margin: 15px 0 10px;
}
.bigData-company-detail .list-info .content-right .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-company-detail .list-info .content-right .fast-menu ul {
  margin-left: 6px;
  position: relative;
  border-left: 2px solid #f0f0f0;
}
.bigData-company-detail .list-info .content-right .fast-menu ul:before,
.bigData-company-detail .list-info .content-right .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -2px;
}
.bigData-company-detail .list-info .content-right .fast-menu ul:before {
  top: 0px;
}
.bigData-company-detail .list-info .content-right .fast-menu ul:after {
  bottom: 0;
}
.bigData-company-detail .list-info .content-right .fast-menu ul li {
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.bigData-company-detail .list-info .content-right .fast-menu ul li i {
  display: none;
  position: absolute;
  color: #fa8919;
  font-size: 20px;
  left: -9px;
  top: 0;
}
.bigData-company-detail .list-info .content-right .fast-menu ul li i i {
  position: absolute;
  left: 12px;
  top: -2px;
  color: #fa8919;
  font-size: 22px;
}
.bigData-company-detail .list-info .content-right .fast-menu ul li:hover {
  color: #fa8919;
}
.bigData-company-detail .list-info .content-right .fast-menu ul li.active {
  background-color: white;
  color: #fa8919;
  font-weight: bold;
}
.bigData-company-detail .list-info .content-right .fast-menu ul li.active span {
  color: #fa8919;
}
.bigData-company-detail .list-info .content-right .fast-menu ul li.active i {
  display: inline-block;
}

.view-year-report.ngdialog.ngdialog-theme-default {
  padding-top: 20px;
}
.view-year-report .no-data {
  text-align: center !important;
  color: #a9a9a9 !important;
}
.view-year-report .title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  margin: 40px auto;
  position: relative;
  z-index: 2;
  width: 760px;
}
.view-year-report .title span {
  padding: 0px 10px;
  background-color: white;
}
.view-year-report .company-base {
  margin: 40px;
}
.view-year-report .company-base .header {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 10px;
  color: #4a4a4a;
}
.view-year-report .company-base .base-info td:nth-child(even) {
  height: 20px;
  width: 170px;
  padding: 5px 10px;
  font-size: 14px;
  text-align: left;
  color: #4a4a4a;
}
.view-year-report .company-base .base-info td:nth-child(odd) {
  width: 200px;
  height: 50px;
  padding: 5px 10px;
  text-align: left;
  color: #a9a9a9;
}
.view-year-report .company-base table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.view-year-report .company-base table thead th {
  font-size: 14px;
  font-weight: normal;
  color: #a9a9a9;
  padding: 5px 10px;
  text-align: left;
  border: solid 1px #f0f0f0;
}
.view-year-report .company-base table tr {
  height: 50px;
}
.view-year-report .company-base table tr td {
  text-align: left;
  padding: 5px 10px;
  border: solid 1px #f0f0f0;
}
.view-year-report .line {
  width: 920px;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 50px;
  margin-left: 40px;
  z-index: 1;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-caseDetail {
  min-width: 1200px;
  position: relative;
  background: #fff;
  min-height: 1486px;
}
.bigData-caseDetail .prosecution_link {
  color: var(--default);
  cursor: pointer;
}
.bigData-caseDetail .prosecution_link:hover {
  color: var(--default);
}
.bigData-caseDetail .cDownFile {
  color: var(--default);
  cursor: pointer;
}
.bigData-caseDetail .search-in-page {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 20;
  top: 80px !important;
}
.bigData-caseDetail .cursor {
  cursor: pointer;
}
.bigData-caseDetail .left {
  float: left;
  position: relative;
}
.bigData-caseDetail .bigdata_query_highlight {
  color: red;
}
.bigData-caseDetail i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-caseDetail .cDownFile {
  width: 100%;
}
.bigData-caseDetail .caseDetail-head {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0px;
  background: white;
  z-index: 100;
  min-height: 68px;
  line-height: 28px;
  padding: 0px 30px 0 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.bigData-caseDetail .caseDetail-head .tit {
  display: inline-block;
  max-width: 575px;
  margin-left: 5px;
}
.bigData-caseDetail .caseDetail-head .left {
  top: 20px;
  padding-bottom: 15px;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-caseDetail .caseDetail-head .left i {
  font-size: 24px;
  color: var(--default);
  position: relative;
  top: -1px;
}
.bigData-caseDetail .caseDetail-head .left span,
.bigData-caseDetail .caseDetail-head .left font {
  font-size: 20px;
  color: #4a4a4a;
  vertical-align: top;
}
.bigData-caseDetail .caseDetail-head .left .share-item {
  padding: 0 10px;
  margin-right: 8px;
  background: #5a8a43;
  color: #fff;
  border: 1px solid #5a8a43;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  border-radius: 20px;
  white-space: nowrap;
  vertical-align: top;
  position: relative;
  top: 2px;
}
.bigData-caseDetail .caseDetail-head .left .share-item.my-case {
  background: var(--default);
  color: #fff;
  border: 1px solid var(--default);
}
.bigData-caseDetail .caseDetail-head .left .share-item span {
  font-size: 12px;
  color: #fff;
}
.bigData-caseDetail .caseDetail-head .left .publish-type {
  width: 76px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  margin-top: 2px;
}
.bigData-caseDetail .caseDetail-head .left .jump-to-excellent-case {
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-head .left .jump-to-excellent-case i {
  color: #cdc9c5;
  font-size: 14px;
}
.bigData-caseDetail .caseDetail-head .left .jump-to-excellent-case span {
  color: #a9a9a9;
  font-size: 14px;
}
.bigData-caseDetail .caseDetail-head .left .jump-to-excellent-case:hover i,
.bigData-caseDetail .caseDetail-head .left .jump-to-excellent-case:hover span {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-head .goBack i {
  color: var(--default);
  font-size: 22px;
  top: 5px;
}
.bigData-caseDetail .caseDetail-head .goBack span {
  font-size: 16px;
  display: inline-block;
  text-indent: 5px;
}
.bigData-caseDetail .caseDetail-head .elect {
  float: right;
  position: absolute;
  top: 26px;
  right: 30px;
}
.bigData-caseDetail .caseDetail-head .elect p {
  float: left;
}
.bigData-caseDetail .caseDetail-head .elect p i {
  color: #cdc9c5;
  display: inline-block;
  width: 49px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.bigData-caseDetail .caseDetail-head .elect p i.ibass-arrow-next {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.bigData-caseDetail .caseDetail-head .elect p i.ibass-close {
  font-size: 16px;
}
.bigData-caseDetail .caseDetail-head .elect .i-add-search-report {
  position: relative;
  top: -4px;
  float: left;
  height: 28px;
  line-height: 28px;
}
.bigData-caseDetail .caseDetail-head .elect .i-add-search-report span {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-caseDetail .caseDetail-head .elect .download i,
.bigData-caseDetail .caseDetail-head .elect .add-label i {
  width: 16px;
  margin-right: 5px;
  font-size: 16px;
}
.bigData-caseDetail .caseDetail-head .elect .download span,
.bigData-caseDetail .caseDetail-head .elect .add-label span {
  position: relative;
  top: -1px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-caseDetail .caseDetail-head .elect .download :hover i,
.bigData-caseDetail .caseDetail-head .elect .add-label :hover i,
.bigData-caseDetail .caseDetail-head .elect .download :hover span,
.bigData-caseDetail .caseDetail-head .elect .add-label :hover span,
.bigData-caseDetail .caseDetail-head .elect .download :hover strong,
.bigData-caseDetail .caseDetail-head .elect .add-label :hover strong {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-head .elect .add-label {
  margin-right: 16px;
}
.bigData-caseDetail .caseDetail-content {
  display: flex;
}
.bigData-caseDetail .caseDetail-content .content-left {
  flex: 1;
  min-width: 970px;
  box-sizing: border-box;
  padding: 20px 50px 200px 63px;
}
.bigData-caseDetail .caseDetail-content .content-left p {
  width: 820px;
}
.bigData-caseDetail .caseDetail-content .content-left .tit {
  padding-left: 7px;
  padding-bottom: 14px;
  line-height: 28px;
  font-size: 20px;
  color: #353535;
}
.bigData-caseDetail .caseDetail-content .content-left .keyword {
  padding-left: 7px;
  margin-bottom: 10px;
  color: var(--default);
  line-height: 20px;
}
.bigData-caseDetail .caseDetail-content .content-left .keyword span {
  display: inline-block;
  text-indent: 5px;
}
.bigData-caseDetail .caseDetail-content .content-left .keyword span:first-child {
  text-indent: 0;
}
.bigData-caseDetail .caseDetail-content .content-left .empty-reason {
  margin-top: 30px;
}
.bigData-caseDetail .caseDetail-content .content-left .empty-reason .empty-header {
  border-radius: 3px;
  background: #fff9c4;
  padding: 10px;
  display: inline-block;
  min-width: 560px;
}
.bigData-caseDetail .caseDetail-content .content-left .empty-reason .empty-content {
  margin-top: 20px;
  width: 547px;
  color: #737373;
}
.bigData-caseDetail .caseDetail-content .content-left .empty-reason .empty-content .empty-content-header {
  color: #4a4a4a;
  font-weight: 500;
  margin-bottom: 16px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo {
  width: 857px;
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 5px;
  margin-top: -15px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info .cursor:hover {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info .black {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #4a4a4a;
  padding-bottom: 5px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-left {
  margin: 14px 0px;
  float: left;
  min-height: 70px;
  width: 270px;
  border-right: 1px solid #f0f0f0;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-right {
  margin: 14px 0px 14px 15px;
  float: left;
  min-height: 70px;
  font-weight: 500;
  border-right: 1px solid #f0f0f0;
  width: 186px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-right.leveloftria {
  width: 100px;
  border-right: 0px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-right.judge-name {
  border-right: 0px;
  border-left: 1px solid #f0f0f0;
  padding-left: 15px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-right.judge-name span {
  font-weight: normal;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info .base-info-right .time {
  font-weight: normal;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .subhead {
  display: inline-block;
  margin-right: 20px;
  line-height: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .lawRule,
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .time {
  display: inline-block;
  margin-right: 20px;
  color: #a9a9a9;
  padding-bottom: 4px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo i {
  float: right;
  color: #cdc9c5;
  font-size: 16px;
  margin: 0 7px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .court-hearing-video {
  display: inline-block;
  margin-right: 20px;
  color: var(--default);
  text-decoration: underline;
  padding-bottom: 4px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .court-hearing-video .ibass-video {
  position: relative;
  top: 3px;
  float: none;
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .court-hearing-video:hover {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .court-hearing-video:hover .ibass-video {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .dispute-items {
  background: #F8F8F9;
  box-sizing: border-box;
  overflow-y: scroll;
  padding-right: 20px;
  padding-left: 20px;
  max-height: 310px;
}
.bigData-caseDetail .caseDetail-content .content-left .dispute-items .dispute-list .dispute-item {
  font-size: 14px;
  color: #4A4A4A;
  line-height: 24px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.bigData-caseDetail .caseDetail-content .content-left .dispute-items .dispute-focus-title {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.bigData-caseDetail .caseDetail-content .content-left .dispute-items .dispute-focus-item {
  margin-left: 18px;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-left .dispute-items .dispute-focus-item span {
  white-space: pre-wrap;
  line-height: 28px;
  display: inline-block;
}
.bigData-caseDetail .caseDetail-content .content-left .dispute-items .dispute-focus-item span:hover {
  background: #FFF0E1;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .expanded {
  overflow: hidden;
  transition: all .2s ease;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left {
  text-align: left;
  padding-bottom: 10px;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .download {
  float: right;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .download .select-count {
  margin-right: 10px;
  height: 17px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: var(--default);
  cursor: default;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .download button {
  width: 100px;
  height: 32px;
  border: none;
  border-radius: 20px;
  background-color: var(--default);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .download button span,
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .download button i {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 2px solid #ebebeb;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item:first-of-type {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item .popular-title {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item i {
  color: var(--default);
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item.visited .popular-title {
  color: #737373;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item.visited i {
  color: #cdc9c5;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item:hover i {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item:hover .popular-title {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .uib-collapse-line {
  border-bottom: 1px solid #ebebeb;
  width: 865px;
  margin-bottom: 25px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items {
  width: 865px;
  background-color: #f8f8f9;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .total-info {
  padding: 15px 0px;
  color: #a9a9a9;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .last {
  padding-bottom: 15px !important;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item {
  margin-left: 18px;
  margin-right: 18px;
  padding-bottom: 10px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .full-name.lawregu_link {
  color: #4a4a4a !important;
  text-decoration: inherit !important;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .full-name.lawregu_link:hover {
  color: var(--default) !important;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .number {
  cursor: pointer;
  color: #a9a9a9;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .number:hover {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items i {
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .ibass-checked {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items {
  margin: 0;
  position: relative;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .download-btn {
  float: right;
  padding-top: 10px;
  padding-right: 15px;
  color: #4a4a4a;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .download-btn i {
  font-size: 16px;
  padding-right: 2px;
  position: relative;
  top: 3px;
  color: #cdc9c5;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .download-btn:hover {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .download-btn:hover i {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container {
  box-sizing: border-box;
  overflow-y: scroll;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-right: 20px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item {
  padding-left: 20px;
  position: relative;
  padding-bottom: 10px;
  padding-right: 20px;
  display: flex;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .detail-date {
  white-space: nowrap;
  width: 100px;
  box-sizing: border-box;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .line {
  position: absolute;
  left: 126px;
  top: 15px;
  height: calc(100% - 10px);
  width: 2px;
  background: #ebebeb;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item i {
  color: #ebebeb;
  padding-right: 15px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .detail-content {
  max-width: 580px;
  display: flex;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .detail-content .type {
  padding-right: 10px;
  white-space: nowrap;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item .detail-content .my-title {
  text-align: justify;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 540px;
  white-space: nowrap;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.current i,
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item:hover i {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.current .detail-content,
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item:hover .detail-content,
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.current .detail-date,
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item:hover .detail-date {
  font-weight: 500;
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.last-item {
  padding-bottom: 0;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .detail-container .detail-item.last-item .line {
  display: none;
}
.bigData-caseDetail .caseDetail-content .content-left h6 {
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-caseDetail .caseDetail-content .content-left h6 i {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .partiesInfo {
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-caseDetail .caseDetail-content .content-left .partiesInfo div p:first-child {
  color: #737373;
}
.bigData-caseDetail .caseDetail-content .content-left .partiesInfo div p.name {
  padding-bottom: 7px;
  color: #232323;
  font-size: 16px;
  padding-left: 30px;
}
.bigData-caseDetail .caseDetail-content .content-left .partiesInfo div p.name span {
  color: #a9a9a9;
  font-size: 14px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 16px;
  position: relative;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough .ibass-dot,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser .ibass-dot {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  top: 3px;
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough h3,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser h3 {
  margin: 16px 0;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough p,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser p {
  text-indent: 32px;
  margin-top: 6px;
  margin-bottom: 0px;
  line-height: 28px;
  font-size: 16px;
  white-space: pre-wrap;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough table,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser table {
  width: 100%;
  word-break: break-all;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough table,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser table,
.bigData-caseDetail .caseDetail-content .content-left .caseThrough tr,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser tr,
.bigData-caseDetail .caseDetail-content .content-left .caseThrough td,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser td {
  border: 1px solid #cdc9c5;
  border-collapse: collapse;
  text-align: center;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough .i-add-search-report,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser .i-add-search-report {
  position: relative;
  display: inline-block;
  max-height: 35px;
  text-indent: 0;
  visibility: hidden;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough .i-add-search-report a,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser .i-add-search-report a {
  text-indent: 0;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough .i-add-search-report a i,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser .i-add-search-report a i {
  position: relative;
  left: 0;
  top: 2px;
  font-size: 16px;
  color: #cdc9c5;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough .i-add-search-report a span,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser .i-add-search-report a span {
  position: relative;
  top: 0px;
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough .i-add-search-report a .ibass-done,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser .i-add-search-report a .ibass-done {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough .i-add-search-report .confirm-add:hover i,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser .i-add-search-report .confirm-add:hover i {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-left .caseThrough h3:hover .i-add-search-report,
.bigData-caseDetail .caseDetail-content .content-left .caseAccuser h3:hover .i-add-search-report {
  visibility: visible;
}
.bigData-caseDetail .caseDetail-content .content-left > div:last-child {
  border: 0;
}
.bigData-caseDetail .caseDetail-content .margin-top {
  margin-top: 20px;
}
.bigData-caseDetail .caseDetail-content .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 80px;
  bottom: 300px;
  width: 205px !important;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu {
  position: relative;
  margin-bottom: 30px;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .overflow {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 0 0 0;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul {
  position: relative;
  left: 2px;
  max-height: 420px;
  margin-left: 6px;
  overflow-x: visible;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul:before,
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -1px;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul:before {
  top: 0px;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul:after {
  bottom: 0;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul li {
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul li .user-define-dot {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: var(--default);
  left: -7px;
  top: 8px;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: -2px;
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul li:hover {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul li.active {
  color: var(--default);
  font-weight: bold;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul li.active i {
  display: inline-block;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 80px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .top-btn,
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .bottom-btn {
  width: 15px;
  height: 15px;
  background: url("/tool/bigData/images/index-scroll-up.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .top-btn {
  position: absolute;
  top: 66px;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .top-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu .bottom-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo {
  padding: 10px 15px 15px;
  background: #f8f8f9;
  border-radius: 5px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo h6 {
  padding-bottom: 10px;
  border-bottom: solid 1px #ebebeb;
  line-height: 22px;
  font-size: 16px;
  margin: 8px 0;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo .more {
  cursor: pointer;
  margin-top: 8px;
  margin-left: 20px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo .more:hover span,
.bigData-caseDetail .caseDetail-content .content-right .baseInfo .more:hover i {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo .more span {
  color: #a9a9a9;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo div {
  border-bottom: 1px solid #f0f0f0;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo div i {
  position: absolute;
  top: inherit;
  margin-left: -20px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo div:last-child {
  border-bottom: 0;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo div p:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 25px;
  margin: 5px 0px 0px 20px;
  color: #737373;
  cursor: pointer;
  padding-bottom: 5px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo div p:first-child:hover {
  color: var(--default);
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo div p:nth-child(2) {
  line-height: 25px;
  padding-left: 19px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo div p:nth-child(3) > span {
  display: block;
  padding-left: 19px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo div p:nth-child(3) > span span:nth-child(1) {
  color: #737373;
}

.law-detail-modal {
  width: 400px;
  display: none;
  position: absolute;
  z-index: 100;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  padding-bottom: 10px;
}
.law-detail-modal i {
  font-size: 14px;
}
.law-detail-modal .loading {
  padding-top: 30px;
  transform: scale(0.6);
}
.law-detail-modal .detail-header {
  width: 388px;
  padding-left: 12px;
  border-radius: 9px 9px 0px 0px;
  background-color: #fa8919;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  color: #ffffff;
  padding-top: 8px;
}
.law-detail-modal .detail-header .title {
  margin-bottom: -5px;
  display: inline-block;
  width: 330px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.law-detail-modal .detail-header .detail-title {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
}
.law-detail-modal .detail-header .detail-date {
  display: block;
  height: 20px;
  font-size: 12px;
  line-height: 1.33;
  text-align: left;
  position: relative;
  color: rgba(255, 255, 255, 0.6);
}
.law-detail-modal .detail-header .detail-date .line {
  display: inline-block;
  line-height: 5px;
  height: 12px;
  top: 2px;
  position: relative;
  border-left: solid 1px rgba(255, 255, 255, 0.35);
}
.law-detail-modal .detail-header .detail-date .detail-status {
  width: 48px;
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
}
.law-detail-modal .detail-header .detail-date .i-add-search-report {
  position: absolute;
  top: -3px;
  right: 10px;
}
.law-detail-modal .detail-header .detail-date .i-add-search-report i,
.law-detail-modal .detail-header .detail-date .i-add-search-report span {
  color: #fff;
  opacity: .8;
}
.law-detail-modal .detail-header .detail-date .i-add-search-report i {
  font-size: 14px;
}
.law-detail-modal .detail-header .detail-date .i-add-search-report span {
  font-size: 12px;
}
.law-detail-modal .detail-header .option {
  position: relative;
  float: right;
  clear: both;
  top: -3px;
}
.law-detail-modal .detail-header .option i {
  cursor: pointer;
  color: white;
  margin-right: 10px;
}
.law-detail-modal .detail-content {
  position: relative;
  overflow-y: auto;
  padding: 0px 15px 0px 15px;
  width: 370px;
  max-height: 200px;
  min-height: 70px;
  font-size: 12px;
  line-height: 1.67;
  text-align: left;
  color: #4a4a4a;
}
.law-detail-modal .detail-content .content-title {
  height: 16px;
  margin: 10px 0px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.33;
  text-align: left;
  color: #4a4a4a;
}
.law-detail-modal .detail-content pre {
  margin-top: -5px;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  font-size: 12px;
  line-height: 1.67;
  text-align: left;
  color: #4a4a4a;
}
.law-detail-modal .detail-content .full-law-container {
  padding-top: 10px;
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
}
.law-detail-modal .detail-content .full-law-container div {
  width: 50%;
  box-sizing: border-box;
  padding-right: 10px;
  padding-bottom: 5px;
}
.law-detail-modal .detail-content .full-law-container div .content-dispatch-authority {
  display: inline-block;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.law-detail-modal .detail-content .full-law-container div .content-label {
  display: inline-block;
  width: 55px;
  font-weight: 400;
  color: #a9a9a9;
}

.big-data-download .loading {
  padding-top: 0px !important;
}
.big-data-download .title {
  padding: 10px;
  position: relative;
  z-index: 20;
  background: white;
}
.big-data-download .main-btn {
  margin-left: 40%;
  margin-bottom: 30px;
}
.big-data-download .firm-dialog-body {
  padding: 10px 10px 30px 50px;
}
.big-data-download .firm-dialog-body .content {
  font-size: 14px;
  color: #4a4a4a;
  margin-left: 20px;
  margin-bottom: 20px;
}
.big-data-download .firm-dialog-body .content .word,
.big-data-download .firm-dialog-body .content .excel {
  position: relative;
  top: 2px;
  display: inline-flex;
  cursor: pointer;
}
.big-data-download .firm-dialog-body .content .word i,
.big-data-download .firm-dialog-body .content .excel i {
  margin-right: 5px;
  font-size: 16px;
}
.big-data-download .firm-dialog-body .content .word {
  margin-left: 40px;
}
.big-data-download .firm-dialog-body .content .middle {
  margin: 0px 20px;
}
.big-data-download .firm-dialog-body .content .count {
  margin-left: 132px;
  height: 20px;
  margin-top: 10px;
  font-size: 14px;
  color: #737373;
}
.big-data-download .firm-dialog-body .content .count .count-number {
  color: #fa8919;
}
.big-data-download .firm-dialog-body .content input {
  text-align: center;
  margin: 0px 5px;
  padding-left: 4px;
  width: 50px;
  height: 32px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.big-data-download .group .download-label {
  width: 112px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  text-align: right;
}
.big-data-download .group .content {
  display: inline;
}
.big-data-download .group .content .ibass-filetype {
  margin-left: 5px;
}
.big-data-download .download-dialog-line {
  width: 80%;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 55px;
  margin-left: 10%;
  z-index: 2;
}
.big-data-download .firm-dialog-title {
  font-size: 16px;
  font-weight: 500;
  width: 490px;
  background: inherit;
  border-bottom: 0px;
  border-radius: 10px;
  height: 60px;
  margin-top: 20px;
}
.bd-batch-add-search-report .loading {
  padding-top: 0px !important;
}
.bd-batch-add-search-report .title {
  padding: 10px;
  position: relative;
  z-index: 20;
  background: white;
}
.bd-batch-add-search-report .main-btn {
  margin-left: 40%;
  margin-bottom: 30px;
}
.bd-batch-add-search-report #batchNewSearchReportInput {
  border: none;
  outline: none;
  border-bottom: 1px solid #ebebeb;
  width: 220px;
  position: relative;
  top: -10px;
  margin-left: 10px;
}
.bd-batch-add-search-report .firm-dialog-body {
  padding: 10px 50px 30px 50px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .content-des {
  padding-bottom: 10px;
  font-weight: 500;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content {
  border: 1px solid #ebebeb;
  padding: 10px 20px;
  padding-right: 0px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container {
  max-height: 200px;
  min-height: 100px;
  overflow: auto;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container i {
  font-size: 16px;
  color: #cdc9c5;
  position: relative;
  top: -3px;
  vertical-align: text-bottom;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container i.ibass-checked {
  color: #fa8919;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-item {
  line-height: 32px;
  height: 32px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-item .flex {
  display: flex;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-item.add-item {
  color: #afafaf;
  display: flex;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .left-box {
  display: inline-block;
  flex: 1;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-name {
  display: inline-block;
  width: 280px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 10px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .count {
  display: inline-block;
  color: #cdc9c5;
  font-size: 14px;
  padding-left: 10px;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.bd-batch-add-search-report .download-dialog-line {
  width: 80%;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 55px;
  margin-left: 10%;
  z-index: 2;
}
.bd-batch-add-search-report .firm-dialog-title {
  font-size: 16px;
  font-weight: 500;
  width: 490px;
  background: inherit;
  border-bottom: 0px;
  border-radius: 10px;
  height: 60px;
  margin-top: 20px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-caseSearch {
  overflow: hidden;
}
.bigData-caseSearch .bigData-caseList .bigData-visual {
  width: 940px;
  background: #fff;
  color: #e4e4e4;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .left {
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .line-blue {
  background: #90caf9;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .i-chart {
  padding-top: 20px;
  height: 300px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual h5 {
  margin: 0;
  padding-left: 32px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .i-echarts {
  padding: 20px;
  height: 320px;
  margin-top: 0px;
  width: 450px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .i-echarts.chinaMap {
  width: 939px;
  height: 490px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .popularLaws .entity {
  position: absolute;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .popularLaws .law-title {
  user-select: none;
  color: #fff;
  display: inline-block;
  word-break: break-all;
  white-space: pre-wrap;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .popularLaws .law-content {
  user-select: none;
  margin-top: 10px;
  max-height: 200px;
  overflow: auto;
  white-space: pre-wrap;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-content {
  max-width: 250px;
  user-select: none;
  margin-top: 10px;
  max-height: 300px;
  overflow: auto;
  word-break: break-all;
  white-space: pre-wrap;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-title {
  user-select: none;
  color: #fff;
  display: inline-block;
  word-break: break-all;
  white-space: pre-wrap;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .chat-tooltip {
  position: absolute;
  bottom: 0;
  width: 90%;
  text-align: center;
  font-size: 12px;
  color: #a9a9a9;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .btn-all {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 14px;
  color: #737373;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .btn-all i {
  margin-right: 6px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .btn-all.case-pie {
  position: relative;
  bottom: 10px !important;
  left: 245px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image {
  position: absolute;
  right: 20px;
  top: 14px;
  z-index: 100;
  display: none;
  border-right: 0 !important;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image span {
  vertical-align: middle;
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 2px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image i {
  font-size: 16px;
  top: 4px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image:hover i,
.bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image:hover span {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .bigData-visual .group-header {
  cursor: pointer;
  line-height: 64px;
  height: 64px;
  margin: 0px 0px;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  padding-left: 20px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .group-header span {
  padding-bottom: 17px;
  border-bottom: 2px solid var(--default);
  margin-left: 5px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .group-header i {
  color: #cdc9c4;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .group-header span {
  cursor: pointer;
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group {
  width: 100%;
  height: 414px;
  border-bottom: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .ibass-info,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group .ibass-info {
  top: 12px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold {
  height: 64px !important;
  border-bottom: 0px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .group-header,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .group-header {
  border-bottom: 1px solid #ebebeb;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .group-header span,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .group-header span {
  cursor: pointer;
  color: #4a4a4a;
  border: none;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided2,
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided3,
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided3-2,
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided1,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided1 {
  display: none;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .overview-group .province-bar .save-as-image,
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group .save-as-image {
  right: 80px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group {
  height: 394px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group .information,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group .information {
  left: 80px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group {
  height: 394px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group .information,
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group .information {
  left: 94px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group {
  height: 404px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group .column1divided2 {
  height: 340px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .law-group .column1divided2 .btn-all {
  bottom: 20px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .pain-group .penal-main .information {
  left: 55px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group {
  height: 424px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .column1divided2 {
  height: 360px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .information {
  left: 80px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group {
  height: 804px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .column1divided2 {
  height: 360px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .column1divided2-c {
  height: 380px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .column1divided2-c .btn-all {
  left: 295px;
  bottom: 10px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .information {
  left: 110px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group {
  height: 490px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group .information {
  left: 70px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group .i-echarts,
.bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group .i-echarts {
  width: 33%;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .clearfix {
  clear: both;
  content: '';
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .right-border-have {
  border-right: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .top-border-have {
  border-top: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .left-border-have {
  border-left: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .bottom-border-have {
  border-bottom: 1px solid #ececec;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group .column1divided3-2 .empty-chart-image {
  position: relative;
  top: 80px;
  left: 0px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided1 {
  position: relative;
  width: 100%;
  height: 330px;
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided1:hover .save-as-image {
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided1 .empty-chart-image {
  position: relative;
  top: 80px;
  left: 320px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2 {
  position: relative;
  width: 469px;
  height: 350px;
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2:hover .save-as-image {
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2 .empty-chart-image {
  position: relative;
  top: 80px;
  left: 100px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2-fee {
  height: 410px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3-2 {
  position: relative;
  width: 626px;
  height: 330px;
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3-2:hover .save-as-image {
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3-2 .empty-chart-image {
  position: relative;
  top: 80px;
  width: 60%;
  left: 50px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3 {
  position: relative;
  width: 312px;
  height: 330px;
  float: left;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3:hover .save-as-image {
  display: block;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3 .empty-chart-image {
  position: relative;
  top: 80px;
  width: 80%;
  left: 30px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .money-fee .information {
  left: 84px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .chart-title {
  margin-left: 20px;
  margin-top: 22px;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 600;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .information {
  position: absolute;
  left: 90px;
  top: 10px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .loading {
  transform: scale(0.8);
  padding-top: 100px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type {
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 0;
  z-index: 100;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type a {
  display: inline-block;
  cursor: pointer;
  color: #cdc9c5;
  line-height: 14px;
  font-size: 14px;
  width: 30px;
  text-align: center;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type a:first-child {
  border-right: 1px solid #ebebeb;
  border-radius: 15px 0 0 15px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type a:last-child {
  border-radius: 0 15px 15px 0;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .change-type a.current-penal i {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .case-reason-group {
  height: 454px !important;
}
.bigData-caseSearch .bigData-caseList .case-reason-group .column1divided2 {
  height: 390px;
}
.bigData-caseSearch .bigData-caseList .case-reason-group .column1divided2 .i-chart {
  height: 380px;
}
.bigData-caseSearch .bigData-caseList .case-reason-group .column1divided2 .btn-all.case-pie {
  position: absolute;
}
.bigData-caseSearch .bigData-caseList .examine-caseList {
  clear: both;
  margin-bottom: 40px;
}
.bigData-caseSearch .bigData-caseList .examine-caseList .examine-btn {
  color: #4A4A4A;
  text-align: center;
  margin: 39px auto 37px;
  width: 180px;
  height: 36px;
  line-height: 34px;
  border-radius: 20px;
  background-color: #f8f8f9;
}
.bigData-caseSearch .bigData-caseList .examine-caseList .examine-btn i {
  font-size: 16px;
  color: #cdc9c5;
  position: relative;
  left: -5px;
}
.bigData-caseSearch .bigData-caseList .examine-caseList .examine-btn span {
  position: relative;
  top: -2px;
  font-size: 12px;
}
.big-data-visual-lookMore {
  padding-bottom: 50px;
}
.big-data-visual-lookMore .title {
  padding: 50px 50px 10px;
}
.big-data-visual-lookMore .title .title-line {
  text-align: center;
  border-top: 1px solid #e2e2e2;
}
.big-data-visual-lookMore .title .title-line .title-name {
  position: relative;
  display: inline-block;
  top: -18px;
  padding: 0 25px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  background: #fff;
  color: #4a4a4a;
}
.big-data-visual-lookMore .content {
  height: 450px;
  line-height: 32px;
  margin: 0px 60px 0 80px;
  overflow-y: auto;
  font-size: 14px;
}
.big-data-visual-lookMore .content li {
  overflow: hidden;
}
.big-data-visual-lookMore .content li i {
  color: #cdc9c5;
  font-size: 14px;
}
.big-data-visual-lookMore .content li .ibass-dot,
.big-data-visual-lookMore .content li .ibass-clause {
  float: left;
  margin-right: 6px;
}
.big-data-visual-lookMore .content li .ibass-clause:hover {
  color: var(--default);
}
.big-data-visual-lookMore .content li:hover span,
.big-data-visual-lookMore .content li:hover .ibass-dot {
  color: var(--default);
}
.big-data-visual-lookMore .content::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.big-data-visual-lookMore .content::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.big-data-visual-lookMore .content:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.big-data-visual-lookMore .content:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}

.advanced-cause-select-modal.case-tree-dig .relate-linke-dialog {
  position: static !important;
  overflow: auto;
  padding: 0 0 0 10px;
  max-height: 400px;
  min-height: 150px;
}
.advanced-cause-select-modal.case-tree-dig .relate-linke-dialog treecontrol.tree-classic {
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
}
.advanced-cause-select-modal.case-tree-dig .relate-linke-dialog treecontrol.tree-classic .a1 {
  padding-bottom: 2px;
}
.advanced-cause-select-modal.case-tree-dig .relate-linke-dialog treecontrol.tree-classic li {
  line-height: 25px;
  padding: 0 0 0 35px;
}
.advanced-cause-select-modal.case-tree-dig .relate-linke-dialog treecontrol.tree-classic li i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.advanced-cause-select-modal.case-tree-dig .relate-linke-dialog treecontrol.tree-classic li i.tree-branch-head,
.advanced-cause-select-modal.case-tree-dig .relate-linke-dialog treecontrol.tree-classic li i.tree-leaf-head {
  padding: 0;
  background: transparent;
}
.advanced-cause-select-modal.case-tree-dig .relate-linke-dialog treecontrol.tree-classic li .a6 {
  margin-left: 5px;
}
.advanced-cause-select-modal.case-tree-dig .relate-linke-dialog treecontrol.tree-classic li .a6.tree-selected {
  padding: 3px 10px;
  border-radius: 22px;
  background: #fa8919;
  color: #fff;
}
.advanced-cause-select-modal.case-tree-dig .case-selected {
  padding: 0;
  margin: 0px 0 30px 45px;
  padding-top: 20px;
  white-space: wrap;
}
.advanced-cause-select-modal.case-tree-dig .case-selected .select-des {
  display: inline-block;
}
.advanced-cause-select-modal.case-tree-dig .case-selected .select-item {
  position: relative;
  padding-right: 10px;
  display: inline-block;
}
.advanced-cause-select-modal.case-tree-dig .case-selected .select-item .item-des {
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.advanced-cause-select-modal.case-tree-dig .case-selected .select-item:hover i {
  display: inline-block;
}
.advanced-cause-select-modal.case-tree-dig .case-selected .select-item i {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  display: none;
  top: -8px;
  right: 12px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.more-data-of-type .content-tab {
  padding-top: 10px;
  padding-left: 20px;
}
.more-data-of-type .sc-tab-container {
  border-bottom: 1px solid #ebebeb;
}
.more-data-of-type .sc-tab-item {
  line-height: 36px;
  padding: 0 10px;
  min-width: 100px;
  box-sizing: border-box;
  display: inline-block;
  box-shadow: inset 0 -2px 0 0 var(--default);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: var(--default);
}
.more-data-of-type .tab-content {
  padding-top: 18px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: justify;
  color: #4a4a4a;
  max-height: 60px;
  overflow: hidden;
}
.more-data-of-type .tab-content.excellent-case-intro {
  max-height: 138px;
}
.more-data-of-type .tab-content.normal-status {
  max-height: none;
  overflow: auto;
}
.more-data-of-type .des {
  padding-top: 16px;
}
.more-data-of-type .blod-title {
  font-weight: 500;
}
.more-data-of-type .view-more {
  text-align: right;
}
.more-data-of-type .expanded-btn {
  cursor: pointer;
}
.more-data-of-type .expanded-btn i {
  font-size: 16px;
  color: #cdc9c5;
}
.more-data-of-type .expanded-btn span {
  color: #a9a9a9;
  font-size: 14px;
}
.more-data-of-type .similarity-book-container {
  margin-top: 60px;
  width: 1000px;
  position: relative;
  left: -185px;
  padding-left: 126px;
  box-sizing: border-box;
}
.more-data-of-type .similarity-book-container .similarity-case-list {
  padding-left: 6px;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box {
  width: 182px;
  height: 220px;
  padding-left: 20px;
  display: inline-block;
  box-sizing: border-box;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box .img-box {
  width: 162px;
  height: 202px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  border: 1px solid transparent;
  cursor: pointer;
  box-sizing: border-box;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box .img-box .book-cover {
  top: 3px;
  left: 3px;
  width: 160px;
  height: 200px;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box .img-box:hover {
  box-shadow: 0 1px 3px var(--default);
  border: 1px solid var(--default);
}
.more-data-of-type .similarity-book-container .similarity-case-intro {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 146px;
  padding-bottom: 50px;
  min-height: 300px;
}
.more-data-of-type .similarity-book-container .sc-tab-content {
  padding-top: 18px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: justify;
  color: #4a4a4a;
  max-height: 60px;
  overflow: hidden;
}
.more-data-of-type .similarity-book-container .sc-tab-content.normal-status {
  max-height: none;
  overflow: auto;
}
.more-data-of-type .similarity-book-container .des {
  padding-top: 16px;
}
.more-data-of-type .similarity-book-container .blod-title {
  font-weight: 500;
}
.more-data-of-type .similarity-book-container .name-box .name-item {
  display: inline-block;
  width: 42px;
  text-align-last: justify;
  padding-right: 8px;
}
.more-data-of-type .excellent-case-container {
  width: 590px;
  padding-left: 0;
  margin: 0 auto;
}
.more-data-of-type .excellent-case-container .content-tab {
  padding-left: 0;
}
.more-data-of-type .excellent-case-container .tab-item {
  cursor: pointer;
  display: inline-block;
  line-height: 38px;
  width: 186px;
  height: 126px;
  border-radius: 2px;
  border: 1px solid #e4e4e4;
  margin-bottom: 32px;
  margin-right: 12px;
}
.more-data-of-type .excellent-case-container .tab-item:hover {
  background: #f8f8f9;
  border: 1px solid var(--default);
}
.more-data-of-type .excellent-case-container .tab-item:nth-of-type(3n) {
  margin-right: 0;
}
.more-data-of-type .excellent-case-container .tab-item .tab-des {
  width: 100%;
  height: 100%;
}
.more-data-of-type .excellent-case-container .sc-tab-content.type-container {
  margin-top: 40px;
  margin-bottom: 40px;
}
.more-data-of-type .excellent-case-container .sc-tab-content.type-container1 {
  margin-top: 40px;
}

.big-data-search-king-container .king-search {
  position: relative;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
  background-color: #fefeff;
}
.big-data-search-king-container .king-search .search-tab {
  position: relative;
  width: 120px;
  height: 20px;
  line-height: 18px;
  margin: 15px 0 10px 20px;
  cursor: pointer;
}
.big-data-search-king-container .king-search .search-tab .icon-search {
  top: 1px;
}
.big-data-search-king-container .king-search .search-tab span {
  position: relative;
  top: -1px;
  margin-left: 1px;
  color: #737373;
}
.big-data-search-king-container .king-search .search-tab .scale-icon {
  position: relative;
  font-size: 12px;
}
.big-data-search-king-container .king-search .search-tab .ibass-trig-up {
  left: 8px;
  top: -4px;
}
.big-data-search-king-container .king-search .search-tab .ibass-trig-down {
  left: -4px;
  top: 4px;
}
.big-data-search-king-container .king-search .search-tab:hover span {
  color: #ed6c00;
}
.big-data-search-king-container .king-search .search-tab:hover .scale-icon {
  color: #fa8919;
}
.big-data-search-king-container .king-search .search-box {
  position: relative;
  height: 60px;
}
.big-data-search-king-container .king-search .search-box textarea {
  width: calc(100% - 40px);
  height: 100%;
  line-height: 20px;
  margin: 0 0 0 20px;
  padding: 0 20px 0 0;
  word-break: break-all;
  border: none;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  resize: none;
  overflow-y: auto;
}
.big-data-search-king-container .king-search .search-box textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.big-data-search-king-container .king-search .search-bottom {
  position: relative;
  line-height: 36px;
  margin: 5px 20px 10px 20px;
  overflow: hidden;
}
.big-data-search-king-container .king-search .search-bottom .search-count {
  float: left;
  color: #a9a9a9;
}
.big-data-search-king-container .king-search .search-bottom .search-count .count {
  color: #737373;
}
.big-data-search-king-container .king-search .search-bottom .search-button {
  float: right;
  width: 110px;
  line-height: 36px;
  padding: 0;
  border: none;
  border-radius: 20px;
  background: #fa8919;
  color: #fff;
  font-size: 12px;
}
.big-data-search-king-container .king-condition {
  margin-top: 15px;
}
.big-data-search-king-container .king-condition .condition-name {
  line-height: 30px;
  margin-left: 15px;
  color: #737373;
}
.big-data-search-king-container .king-condition .list-item {
  float: left;
  height: 30px;
  line-height: 25px;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 20px;
  background: #f8f8f9;
  cursor: pointer;
  font-size: 12px;
}
.big-data-search-king-container .king-condition .cause .cause-list {
  margin-left: 100px;
  overflow: hidden;
}
.big-data-search-king-container .king-condition .cause .cause-list .list-item {
  margin: 0 0 5px 10px;
  border: 1px solid transparent;
}
.big-data-search-king-container .king-condition .cause .cause-list .list-item .ibass-done {
  color: #fa8919;
}
.big-data-search-king-container .king-condition .cause .cause-list .list-item.selected {
  border: 1px solid #ed6c00;
}
.big-data-search-king-container .king-condition .cause .cause-list .list-item.first-child {
  margin-left: 0;
}
.big-data-search-king-container .king-condition .full-text {
  margin-top: 10px;
}
.big-data-search-king-container .king-condition .full-text .condition-name {
  margin-top: 5px;
}
.big-data-search-king-container .king-condition .full-text .full-text-list {
  padding-bottom: 10px;
  margin-left: 100px;
  overflow: hidden;
}
.big-data-search-king-container .king-condition .full-text .full-text-list .list-item {
  margin: 5px 0 0 10px;
  border: 1px solid transparent;
}
.big-data-search-king-container .king-condition .full-text .full-text-list .list-item i {
  margin-left: 6px;
  font-size: 12px;
  cursor: pointer;
}
.big-data-search-king-container .king-condition .full-text .full-text-list .list-item:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.big-data-search-king-container .king-condition .full-text .full-text-list .list-item:hover i {
  color: #fa8919;
}
.big-data-search-king-container .king-condition .full-text .full-text-list .list-item-input {
  float: left;
  width: 104px;
  line-height: 28px;
  padding: 0 15px;
  margin: 5px 0 0 10px;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 20px;
  background: #f8f8f9;
}
.big-data-search-king-container .king-condition .full-text .full-text-list .list-item-input:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.big-data-search-king-container .king-condition .full-text .full-text-list .list-item-input .input {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  background: transparent;
}
.big-data-search-king-container .king-condition .full-text .relation-synonym {
  margin: 0px 0 0 110px;
}
.big-data-search-king-container .king-condition .full-text .relation-synonym a {
  cursor: pointer;
}
.big-data-search-king-container .king-condition .full-text .relation-synonym a .ibass-done {
  color: #fa8919;
}
.big-data-search-king-container .king-condition .full-text .relation-synonym a span {
  margin-left: 5px;
  cursor: pointer;
}
.big-data-search-king-container .king-condition .full-text .relation-synonym a:hover .ibass-task-check {
  color: #fa8919;
}
.big-data-search-king-container .king-condition .recommend {
  margin-top: 15px;
}
.big-data-search-king-container .king-condition .recommend .recommend-list {
  margin-left: 100px;
  overflow: hidden;
}
.big-data-search-king-container .king-condition .recommend .recommend-list .list-item {
  margin: 0 0 5px 10px;
  border: 1px solid transparent;
}
.big-data-search-king-container .king-condition .recommend .recommend-list .list-item i {
  font-size: 12px;
}
.big-data-search-king-container .king-condition .recommend .recommend-list .list-item:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.big-data-search-king-container .king-condition .recommend .recommend-list .list-item:hover i {
  color: #fa8919;
}
.big-data-search-king-container .king-condition .show-more {
  line-height: 20px;
  margin-top: 6px;
  overflow: hidden;
}
.big-data-search-king-container .king-condition .show-more i {
  font-size: 16px;
}
.big-data-search-king-container .king-condition .show-more span {
  color: #a9a9a9;
}
.big-data-search-king-container .king-condition .show-more .expand-recommend,
.big-data-search-king-container .king-condition .show-more .hide-recommend {
  float: right;
  cursor: pointer;
}
.big-data-search-king-container .king-condition .show-more .expand-recommend:hover span,
.big-data-search-king-container .king-condition .show-more .hide-recommend:hover span {
  color: #737373;
}
.big-data-search-king-container .king-list {
  line-height: 30px;
  margin-top: 20px;
}
.big-data-search-king-container .king-list .list-header {
  line-height: 36px;
  border-bottom: 1px solid #f0f0f0;
  overflow: hidden;
}
.big-data-search-king-container .king-list .list-header .header-text {
  width: 106px;
  float: left;
  font-weight: 600;
  color: #ed6c00;
  box-shadow: inset 0 -2px 0 0 #ed6c00;
  text-align: center;
}
.big-data-search-king-container .king-list .list-header .header-button {
  height: 36px;
  float: right;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  cursor: pointer;
}
.big-data-search-king-container .king-list .list-header .header-button i {
  margin-left: 5px;
  color: rgba(0, 0, 0, 0.5);
}
.big-data-search-king-container .king-list .list-header .header-button:hover {
  color: #fa8919;
}
.big-data-search-king-container .king-list .list-header .header-button:hover i {
  color: #fa8919;
}
.big-data-search-king-container .king-list .list-container {
  margin-top: 5px;
}
.big-data-search-king-container .king-list .list-container .loading {
  padding: 0;
}
.big-data-search-king-container .king-list .list-container .empty-img {
  margin-top: 50px;
  text-align: center;
}
.big-data-search-king-container .king-list .list-container .empty-img p {
  width: 320px;
  margin: 0 auto;
  color: #737373;
}
.big-data-search-king-container .king-list .list-container .list-item {
  padding-top: 15px;
  border-bottom: 1px solid #f0f0f0;
}
.big-data-search-king-container .king-list .list-container .list-item .item-title {
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
}
.big-data-search-king-container .king-list .list-container .list-item .item-title i {
  display: block;
  margin-right: 6px;
}
.big-data-search-king-container .king-list .list-container .list-item .item-title span {
  font-size: 16px;
  font-weight: 500;
}
.big-data-search-king-container .king-list .list-container .list-item .item-des {
  display: -webkit-box;
  margin-left: 20px;
  line-height: 24px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.big-data-search-king-container .king-list .list-container .list-item .item-bottom {
  overflow: hidden;
  margin: 0 0 10px 20px;
}
.big-data-search-king-container .king-list .list-container .list-item .item-bottom span {
  float: left;
  font-size: 12px;
  color: #a9a9a9;
}
.big-data-search-king-container .king-list .list-container .list-item .item-bottom span:after {
  margin: 0 10px;
  content: '·';
  color: #ebe8e6;
}
.big-data-search-king-container .king-list .list-container .list-item .item-bottom span:last-child:after {
  display: none;
}
.big-data-search-king-container .king-list .list-container .list-item.clicked {
  color: #888;
}
.big-data-search-king-container .king-list .list-container .list-item:hover {
  background: #f8f8f9;
}
.big-data-search-king-container .king-list .list-container .list-item:hover .item-title i {
  color: #ed6c00;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.big-data-search-box .search-content {
  position: relative;
  width: 755px;
  min-height: 42px;
  margin: 0 auto;
  border-radius: 45px;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  z-index: 0;
}
.big-data-search-box .search-content .search-ext {
  float: right;
  margin: 10px 80px 0 0;
}
.big-data-search-box .search-content .search-ext label:last-child {
  margin-left: 15px;
}
.big-data-search-box .search-content .result {
  color: #737373;
}
.big-data-search-box .search-content .result i {
  font-size: 14px;
  font-style: normal;
  position: relative;
  top: 2px;
}
.big-data-search-box .search-content .select {
  width: 130px;
  color: #737373;
  line-height: 36px;
  margin: 1px 0 1px 0;
  border-radius: 45px 0 0 45px;
  background-color: #f9f9f9;
}
.big-data-search-box .search-content .select .select-container {
  width: 130px;
  height: 40px;
}
.big-data-search-box .search-content .select i {
  margin-left: 15px;
  color: var(--default);
  font-size: 16px;
}
.big-data-search-box .search-content .select .ibass-trig-down,
.big-data-search-box .search-content .select .ibass-trig-up {
  margin-left: 5px;
}
.big-data-search-box .search-content .suggest {
  overflow: hidden;
  width: 360px;
  margin: 0 20px;
}
.big-data-search-box .search-content .suggest ul li {
  height: 26px;
  float: left;
  line-height: 24px;
  margin: 8px 5px 0 10px;
  padding: 0 8px 0 10px;
  border-radius: 20px;
  background-color: #f8f8f9;
  font-size: 12px;
}
.big-data-search-box .search-content .suggest ul li .ibass-close {
  font-size: 12px;
  margin: 0 5px;
}
.big-data-search-box .search-content .search {
  width: 440px;
  height: 40px;
  margin: 1px;
  padding: 0 0 0 15px;
  line-height: 40px;
  background: #fefeff;
  outline: none;
  border: none;
  border-radius: 45px;
  font-size: 14px;
}
.big-data-search-box .search-content .search-btn-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 42px;
  line-height: 44px;
  text-align: center;
  margin-right: 3px;
  z-index: 100;
}
.big-data-search-box .search-content .search-btn-container .ibass-search {
  position: relative;
  top: -2px;
  font-size: 16px;
}
.big-data-search-box .search-content .search-btn-container .search-btn {
  width: 60px;
  height: 36px;
  border: none;
  border-radius: 20px;
  background-color: var(--default);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.big-data-search-box .search-content .search-btn-container .search-btn .ibass-search {
  top: 2px;
  color: #fff;
}
.big-data-search-box .search-content .ibass-checked {
  position: relative;
  top: 2px;
  color: var(--default);
}
.big-data-search-box .search-content .advanced-new {
  position: absolute;
  right: -90px;
  top: 8px;
  color: #a9a9a9;
}
.big-data-search-box .library-type {
  text-align: center;
}
.big-data-search-box .library-type ul {
  transition: height .2s ease;
  margin: 0 auto;
  overflow: hidden;
}
.big-data-search-box .library-type ul li {
  display: inline-block;
  position: relative;
  padding: 0 2px;
  min-width: 91px;
  height: 30px;
  text-align: center;
  margin-left: 18px;
  border-bottom: 2px solid transparent;
  color: #9e9e9e;
  font-size: 14px;
  box-sizing: border-box;
}
.big-data-search-box .library-type ul li:first-child {
  margin-left: 0;
}
.big-data-search-box .library-type ul li .beta {
  position: absolute;
  right: 4px;
  bottom: 8px;
  font-size: 16px;
  transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  color: #c5c5c5;
}
.big-data-search-box .library-type ul li .lighter {
  color: #a9a9a9;
}
.big-data-search-box .library-type ul li.current,
.big-data-search-box .library-type ul li:hover {
  color: var(--default);
  border-bottom: 2px solid var(--default);
}
.big-data-search-box .library-type ul li.current i,
.big-data-search-box .library-type ul li:hover i,
.big-data-search-box .library-type ul li.current span,
.big-data-search-box .library-type ul li:hover span,
.big-data-search-box .library-type ul li.current a,
.big-data-search-box .library-type ul li:hover a {
  color: var(--default);
}
.big-data-search-box .is-advanced-search {
  position: absolute;
  z-index: -1;
  transition: all .4s ease .4s;
}
.big-data-search-box .change-border-radius {
  border-radius: 8px !important;
}
.big-data-search-box .change-border-radius .select {
  border-radius: 8px 0 0 8px;
}
.big-data-search-box .result-a-position {
  position: relative;
  z-index: 10;
  width: 632px;
  margin: 0 auto;
  background-color: #fff;
}
.big-data-search-box .search-bottom {
  margin: 10px 285px 0 296px;
  color: #737373;
}
.big-data-search-box .search-bottom .result {
  margin-left: 32px;
}
.big-data-search-box .search-bottom .result i {
  font-size: 16px;
}
.big-data-search-box .search-bottom .result .ibass-checked {
  color: var(--default);
}
.big-data-search-box .search-bottom .result span {
  position: relative;
  top: -1px;
}
.big-data-search-box .search-bottom .blur-search {
  margin-left: 16px;
}
.big-data-search-box .search-bottom .blur-search.isVisible {
  visibility: hidden;
}
.big-data-search-box .search-bottom .advanced-new {
  position: absolute;
  right: -90px;
  top: 8px;
  color: #a9a9a9;
}
.change-search-type {
  width: 120px;
  margin-left: 10px;
}
.change-search-type .ns-popover-tooltip {
  width: 120px;
  margin: 0 !important;
}
.change-search-type .ns-popover-tooltip .ns-popover-items {
  margin-top: 10px;
}
.change-search-type .ns-popover-tooltip .ns-popover-items i {
  margin-right: 7px;
  font-size: 16px;
  color: var(--default);
}
.change-search-type .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  padding-right: 0;
}
.change-search-type .ns-popover-tooltip .ns-popover-items .ns-popover-item span {
  position: relative;
  top: -2px;
}
.laws-search-result {
  position: relative;
  top: 1px;
}
.laws-search-result.search-result-keyword.drop-menu-change .sort h6 {
  padding-left: 34px;
}
.laws-search-result .ns-popover-item {
  height: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.laws-search-result .ns-popover-item .ibass-arrow-next,
.laws-search-result .ns-popover-item .ibass-search {
  color: #cdc9c5;
  font-size: 16px;
  margin-left: -10px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}


.set-applicable-scope-dialog .type-code {
  text-align: right;
  padding-right: 12px;
}
.set-applicable-scope-dialog .type-code i {
  position: absolute;
  right: 12px;
}
.set-applicable-scope-dialog .ibass-checked {
  color: #fa8919;
}
.set-applicable-scope-dialog .ibass-checkbox {
  color: #cdc9c5;
}

.show-project-number-history-dialog {
  padding: 35px 25px 30px 25px;
}
.show-project-number-history-dialog .loading {
  padding: 60px 0;
}
.show-project-number-history-dialog .dialog-title {
  height: 40px;
  margin: 0 25px;
  position: relative;
}
.show-project-number-history-dialog .dialog-title span {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  background-color: white;
  height: 22px;
  line-height: 22px;
  text-align: center;
  min-width: 176px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -88px;
  z-index: 10;
}
.show-project-number-history-dialog .dialog-title:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
  top: 50%;
}
.show-project-number-history-dialog .dialog-content {
  padding: 0 23px;
  font-size: 14px;
  max-height: 250px;
  overflow: auto;
  margin: 30px 0;
}
.show-project-number-history-dialog .dialog-content .matter-id {
  color: #9b9b9b;
}
.show-project-number-history-dialog .dialog-content ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  margin-bottom: 10px;
}
.show-project-number-history-dialog .dialog-content ul li span {
  display: inline-block;
  width: 50%;
}
.show-project-number-history-dialog .dialog-content ul li .code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 5px;
}
.show-project-number-history-dialog .dialog-content ul li .time {
  padding-left: 10px;
}
.show-project-number-history-dialog .dialog-btn-module .dialog-btn {
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  margin: 0 auto;
}

.applicable-scope {
  position: relative;
  bottom: -44px;
  font-size: 14px;
  color: #4a4a4a;
  width: 200px;
}
.applicable-scope span:hover {
  color: #fa8919;
}
.applicable-scope i {
  color: #cdc9c5;
  margin-left: 6px;
  font-size: 13px;
}

.set-applicable-scope-dialog .type-code {
  text-align: right;
  padding-right: 12px;
}
.set-applicable-scope-dialog .type-code i {
  position: absolute;
  right: 12px;
}
.set-applicable-scope-dialog .ibass-checked {
  color: #fa8919;
}
.set-applicable-scope-dialog .ibass-checkbox {
  color: #cdc9c5;
}


.applicable-scope {
  position: relative;
  bottom: -44px;
  font-size: 14px;
  color: #4a4a4a;
  width: 200px;
}
.applicable-scope span:hover {
  color: #fa8919;
}
.applicable-scope i {
  color: #cdc9c5;
  margin-left: 6px;
  font-size: 13px;
}

.show-project-number-history-dialog {
  padding: 35px 25px 30px 25px;
}
.show-project-number-history-dialog .loading {
  padding: 60px 0;
}
.show-project-number-history-dialog .dialog-title {
  height: 40px;
  margin: 0 25px;
  position: relative;
}
.show-project-number-history-dialog .dialog-title span {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  background-color: white;
  height: 22px;
  line-height: 22px;
  text-align: center;
  min-width: 176px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -88px;
  z-index: 10;
}
.show-project-number-history-dialog .dialog-title:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
  top: 50%;
}
.show-project-number-history-dialog .dialog-content {
  padding: 0 23px;
  font-size: 14px;
  max-height: 250px;
  overflow: auto;
  margin: 30px 0;
}
.show-project-number-history-dialog .dialog-content .matter-id {
  color: #9b9b9b;
}
.show-project-number-history-dialog .dialog-content ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  margin-bottom: 10px;
}
.show-project-number-history-dialog .dialog-content ul li span {
  display: inline-block;
  width: 50%;
}
.show-project-number-history-dialog .dialog-content ul li .code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 5px;
}
.show-project-number-history-dialog .dialog-content ul li .time {
  padding-left: 10px;
}
.show-project-number-history-dialog .dialog-btn-module .dialog-btn {
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  margin: 0 auto;
}

.verification {
  margin: 8px 0;
}
.verification .headline {
  font-weight: 500;
}
.verification div {
  height: 24px;
  line-height: 24px;
}
.verification div .tip {
  font-size: 12px;
  color: rgba(25, 31, 37, 0.4);
}
.verification div i {
  vertical-align: text-top;
  color: #e98e3b;
  font-size: 16px;
}

.common-input {
  margin-top: 16px;
}
.common-input div {
  margin: 4px 0;
}
.common-input div .headline {
  font-weight: 500;
}
.common-input div .tip {
  font-size: 12px;
  color: rgba(25, 31, 37, 0.4);
}
.common-input div input {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 6px 10px;
  width: 100%;
  outline: none;
  font-size: 12px;
  min-height: 29px;
}
.common-input div .red {
  color: red;
}
.common-input div .warning {
  border: 1px solid red;
}

.date-type {
  margin: 8px 0;
}
.date-type .headline {
  font-weight: 500;
}
.date-type .date-type-choose {
  display: flex;
  flex-direction: column;
}
.date-type .date-type-choose div {
  display: inline-block;
  position: relative;
  margin-right: 23px;
  /*设置选中的input的样式*/
}
.date-type .date-type-choose div input[type="radio"] {
  width: 18px;
  height: 18px;
  opacity: 0;
}
.date-type .date-type-choose div label {
  position: absolute;
  left: 5px;
  top: 6px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #999;
}
.date-type .date-type-choose div span {
  color: #4a4a4a;
}
.date-type .date-type-choose div input:checked + label {
  background-color: #e98e3b;
  border: 1px solid #e98e3b;
}
.date-type .date-type-choose div input:checked + label::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 8px;
  left: 3px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

.options {
  margin-top: 16px;
}
.options div {
  margin: 4px 0;
}
.options div .headline {
  font-weight: 500;
}
.options div input {
  width: 200px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 4px 6px;
  outline: none;
  font-size: 12px;
  min-height: 29px;
}
.options div .tips {
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
  color: rgba(25, 31, 37, 0.4);
}

.choose-project-number-dialog-ctrl {
  z-index: 9999;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog {
  padding: 35px 25px 30px 25px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog i {
  vertical-align: middle;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .i-system,
.choose-project-number-dialog-ctrl .choose-project-number-dialog .i-custom {
  color: #fa8919;
  vertical-align: middle;
  margin-right: 5px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .color-block {
  color: #4a4a4a;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .color-gray {
  color: #737373;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .color-orange {
  color: #ed6c00;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .column-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .row-start-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .row-space-center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .after-line {
  position: relative;
  width: 15px;
  height: 50px;
  margin-right: 15px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .after-line:after {
  position: absolute;
  content: '';
  right: 0;
  top: 18px;
  height: 14px;
  width: 1px;
  background-color: #ededed;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .number-info {
  font-size: 12px;
  color: #737373;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-title {
  height: 40px;
  margin: 0 25px;
  position: relative;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-title span {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  background-color: white;
  height: 22px;
  line-height: 22px;
  text-align: center;
  min-width: 176px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -88px;
  z-index: 10;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-title:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
  top: 50%;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list {
  min-height: 450px;
  margin-top: 20px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .default-setting {
  border: 1px solid #ebebeb;
  border-radius: 4px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .default-setting .default-setting-title {
  border-bottom: 1px solid #ebebeb;
  padding-left: 37px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .default-setting .default-setting-title .title-content {
  margin-left: -18px;
  height: 50px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .default-setting .default-setting-title .title-content i {
  margin-right: 5px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .default-setting .default-setting-title .title {
  font-weight: 500;
  font-size: 14px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .default-setting .default-role-list li {
  height: 55px;
  border-bottom: 1px solid #ebebeb;
  padding: 0 27px 0 37px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .default-setting .default-role-list li .role-name {
  font-size: 12px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .default-setting .default-role-list li .role-name .role-example {
  color: #a9a9a9;
  font-size: 12px;
  word-break: break-all;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .default-setting .default-role-list li:last-of-type {
  border-bottom: none;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .custom-setting {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  margin-top: 20px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .custom-setting .custom-setting-title {
  height: 50px;
  padding: 0 27px 0 19px;
  border-bottom: 1px solid #ebebeb;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .custom-setting .custom-setting-title .name {
  color: #4a4a4a;
  font-weight: 500;
  font-size: 14px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .custom-setting .custom-setting-content {
  height: 55px;
  padding: 0 27px 0 37px;
  font-size: 12px;
  cursor: pointer;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .role-checked {
  color: #cdc9c5;
  cursor: pointer;
  margin-right: 12px;
  vertical-align: middle;
  font-size: 14px;
  height: 23px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .setting-list .ibass-done {
  color: #fa8919;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .next-btn-module {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 30px;
}
.choose-project-number-dialog-ctrl .choose-project-number-dialog .dialog-content .next-btn-module .next-btn {
  width: 130px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}

.project-number-list-info-dialog {
  padding: 35px 25px 30px 25px;
}
.project-number-list-info-dialog .dialog-title {
  height: 40px;
  position: relative;
}
.project-number-list-info-dialog .dialog-title span {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  background-color: white;
  height: 22px;
  line-height: 22px;
  text-align: center;
  min-width: 176px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -88px;
  z-index: 10;
}
.project-number-list-info-dialog .dialog-title:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
  top: 50%;
}
.project-number-list-info-dialog .dialog-content {
  width: 502px;
  margin: 40px auto 32px auto;
  font-size: 16px;
  line-height: 1.6;
}
.project-number-list-info-dialog .dialog-content img {
  margin-top: 30px;
  width: 100%;
}
.project-number-list-info-dialog .dialog-btn-module .dialog-btn {
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  margin: 0 auto;
}

.setting-project-number-dialog-ctrl {
  z-index: 9999!important;
}
.setting-project-number-dialog-ctrl .ngdialog-close {
  display: none;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog {
  color: #4a4a4a;
  padding: 35px 0 30px 0;
  position: relative;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  color: #cdc9c5;
  font-size: 20px;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog i {
  vertical-align: middle;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .color-block {
  color: #4a4a4a;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .color-gray {
  color: #737373;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .color-orange {
  color: #ed6c00;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .column-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .row-start-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .row-space-center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .row-end-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .after-line {
  position: relative;
  width: 15px;
  height: 50px;
  margin-right: 15px;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .after-line:after {
  position: absolute;
  content: '';
  right: 0;
  top: 18px;
  height: 14px;
  width: 1px;
  background-color: #ededed;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .number-info {
  font-size: 12px;
  color: #737373;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-title {
  height: 40px;
  margin: 0 50px;
  position: relative;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-title .title-text {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  background-color: white;
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*margin-top: -10px;
        margin-left: -88px;*/
  z-index: 10;
  cursor: pointer;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-title .title-text i {
  color: #fa8919;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-title:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
  top: 50%;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content {
  padding: 0 25px;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .change-role-module {
  margin-top: 10px;
  display: inline-block;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .preview-module {
  margin-top: 20px;
  margin-bottom: 17px;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .preview-module .preview-title {
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
  margin-bottom: 12px;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .preview-module .preview-content {
  min-height: 68px;
  border-radius: 5px;
  background-color: #f8f8f9;
  font-size: 15px;
  padding: 23px 30px;
  word-break: break-all;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .add-role-filed-module {
  text-align: right;
  margin-bottom: 20px;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .add-role-filed-module .add-role-filed {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 23px;
  font-size: 14px;
  text-align: left;
  position: relative;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .add-role-filed-module .add-role-filed .ns-popover-role-filed-list {
  width: 180px;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .add-role-filed-module .add-role-filed .ns-popover-role-filed-list .ns-popover-tooltip {
  width: auto;
  max-width: none;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .add-role-filed-module .add-role-filed .ns-popover-role-filed-list .ns-popover-tooltip .ns-popover-items {
  margin: 10px 0;
  max-height: 200px;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .add-role-filed-module .add-role-filed i {
  color: #cdc9c5;
  margin-right: 4px;
  height: 100%;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .add-role-filed-module .add-role-filed:hover i {
  color: #fa8919;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .project-number-content {
  min-height: 200px;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .sure-btn-module {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.setting-project-number-dialog-ctrl .setting-project-number-dialog .dialog-content .sure-btn-module .sure-btn {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.show-project-number-history-dialog {
  padding: 35px 25px 30px 25px;
}
.show-project-number-history-dialog .loading {
  padding: 60px 0;
}
.show-project-number-history-dialog .dialog-title {
  height: 40px;
  margin: 0 25px;
  position: relative;
}
.show-project-number-history-dialog .dialog-title span {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  background-color: white;
  height: 22px;
  line-height: 22px;
  text-align: center;
  min-width: 176px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -88px;
  z-index: 10;
}
.show-project-number-history-dialog .dialog-title:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
  top: 50%;
}
.show-project-number-history-dialog .dialog-content {
  padding: 0 23px;
  font-size: 14px;
  max-height: 250px;
  overflow: auto;
  margin: 30px 0;
}
.show-project-number-history-dialog .dialog-content .matter-id {
  color: #9b9b9b;
}
.show-project-number-history-dialog .dialog-content ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  margin-bottom: 10px;
}
.show-project-number-history-dialog .dialog-content ul li span {
  display: inline-block;
  width: 50%;
}
.show-project-number-history-dialog .dialog-content ul li .code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 5px;
}
.show-project-number-history-dialog .dialog-content ul li .time {
  padding-left: 10px;
}
.show-project-number-history-dialog .dialog-btn-module .dialog-btn {
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  margin: 0 auto;
}

.i-tabs .i-tabs-title:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #d8d8d8;
}
.i-tabs .i-tabs-title::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.i-tabs .i-tabs-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
  /* -ms-overflow-style:none;
    overflow:-moz-scrollbars-none;*/
  /* li:after{
      content: '';
      position: absolute;
      right: -13px;
      bottom: 0;
      width: 14px;
      height: 1px;
      background-color: #d8d8d8;
    }*/
  /*li:last-of-type:after{
      width: 0;
    }*/
  /*.li:before{
      content: '';
      position: absolute;
      left: 0;
      right: -15px;
      bottom: 0;
      height: 1px;
      background-color: #d8d8d8;
    }*/
}
.i-tabs .i-tabs-title .ui-droppable-hover {
  /*border-bottom: 1px solid #fa8919!important;
      box-shadow: inset 0 -1px 0 0 #fa8919 !important;*/
  position: relative;
}
.i-tabs .i-tabs-title .ui-droppable-hover:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #fa8919;
  z-index: 100;
}
.i-tabs .i-tabs-title .ui-draggable-dragging {
  background-color: #ffffff;
}
.i-tabs .i-tabs-title .project-number-tab-drop {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.i-tabs .i-tabs-title li {
  display: flex;
  margin-right: 10px;
  position: relative;
  background-color: #f5f5f5;
  cursor: move;
}
.i-tabs .i-tabs-title li:last-of-type {
  margin-right: 0;
}
.i-tabs .i-tabs-title .active-tab {
  background-color: #fff;
}
.i-tabs .i-tabs-title .active-tab:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 1px;
  right: 1px;
  height: 1px;
  background-color: #fff;
  z-index: 10;
}
.i-tabs .i-tabs-title .project-number-tab-list {
  max-width: 100%;
}
.i-tabs .i-tabs-title .li {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  border: 1px solid #d8d8d8;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 12px;
  line-height: 36px;
  cursor: move;
  position: relative;
  max-width: 100%;
}
.i-tabs .i-tabs-title .li .tab-name {
  overflow: hidden;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  min-width: 2px;
  padding-right: 6px;
}
.i-tabs .i-tabs-title .li .tab-name-max-width {
  max-width: 16px;
}
.i-tabs .i-tabs-title .li .i-tab-more {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  font-size: 12px;
  color: #cdc9c5;
}
.i-tabs .i-tabs-title .li .i-tab-more:hover {
  color: #fa8919;
}
.i-tabs .i-tabs-title .li .i-tab-close {
  /* position: absolute;
        right: 2px;
        top:0;*/
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  font-size: 12px;
  color: #b2b2b2;
  margin-right: 4px;
  cursor: pointer;
}
.i-tabs .i-tabs-title .can-not-close-width {
  width: 50px;
}

.project-number-role-list-radio {
  height: 100%;
  width: 100%;
  position: relative;
}
.project-number-role-list-radio .show-choose-role-module {
  width: 110px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  border-radius: 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border: solid 1px #cec7c0;
  text-align: center;
}
.project-number-role-list-radio .ns-popover-role-list-radio {
  width: 440px;
}
.project-number-role-list-radio .ns-popover-role-list-radio .ns-popover-tooltip {
  width: 100%;
  max-width: none;
  text-align: left;
  padding: 10px 0!important;
}
.project-number-role-list-radio .ns-popover-role-list-radio .ns-popover-tooltip .ns-popover-title {
  margin: 0 9px;
  height: 36px;
  line-height: 36px;
  color: #c0c0c0;
  border-bottom: solid 1px #f0f0f0;
  font-weight: 300;
  font-size: 14px;
}
.project-number-role-list-radio .ns-popover-role-list-radio .ns-popover-tooltip .ns-popover-items {
  margin: 0;
}
.project-number-role-list-radio .ns-popover-role-list-radio .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 9px;
  font-weight: 400;
}
.project-number-role-list-radio .ns-popover-role-list-radio .ns-popover-tooltip .ns-popover-items .ns-popover-item .role-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-number-role-list-radio .ns-popover-role-list-radio .ns-popover-tooltip .ns-popover-items .ns-popover-item .role-name .role-example {
  font-size: 12px;
  color: #a9a9a9;
}
.project-number-role-list-radio .ns-popover-role-list-radio .ns-popover-tooltip .ns-popover-items .ns-popover-item .i-checked-role {
  flex-shrink: 0;
  margin-left: 10px;
  width: 20px;
  color: #fa8919;
}

.bigData-laws-detail.law-detail-print {
  margin: auto;
  width: 700px;
}
.bigData-laws-detail.law-detail-print .tiao-gist {
  display: none !important;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left,
.bigData-laws-detail.law-detail-print .bigData-laws-detail {
  background: white !important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .case-through.laws-info.laws-title,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .case-through.laws-info.laws-title {
  border: none;
  font-size: 21px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .credit_line,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .credit_line {
  color: #4a4a4a;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: normal;
  line-height: 32px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-base-info,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .laws-base-info {
  line-height: 40px;
  padding-top: 10px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .base-info-name,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .base-info-name {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  width: 80px;
  padding-bottom: 0px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .base-info-value,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .base-info-value {
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 18px;
  padding-bottom: 0px;
}
.bigData-laws-detail.law-detail-print .lawregu_link {
  color: inherit !important;
}
.bigData-laws-detail.law-detail-print .law-download-header {
  padding-top: 20px;
  height: 40px;
  position: relative;
}
.bigData-laws-detail.law-detail-print .law-download-header.laws-info {
  border: none !important;
}
.bigData-laws-detail.law-detail-print .law-download-header .credit_line {
  font-size: 16px;
}
.bigData-laws-detail.law-detail-print .law-download-header .first-label {
  position: absolute;
  border-bottom: 2px solid silver;
  border-right: 2px solid silver;
  display: inline-block;
  width: 40px;
  height: 20px;
  top: 30px;
  left: -40px;
}
.bigData-laws-detail.law-detail-print .law-download-header .credit_line {
  width: 800px;
  border-bottom: 1px solid black !important;
}
.bigData-laws-detail.law-detail-print .law-download-header .sec-label {
  position: absolute;
  border-bottom: 2px solid silver;
  border-left: 2px solid silver;
  display: inline-block;
  width: 40px;
  height: 20px;
  top: 30px;
  right: -40px;
}
.bigData-laws-detail.law-detail-print .law-download-header .sec-line {
  width: 90%;
  display: inline-block;
  border-top: 1px solid silver ;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .case-through .credit_line {
  width: 100% !important;
  text-align: center !important;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-info.laws-base-info {
  margin-left: 20px !important;
  border: none !important;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-info.laws-title h1 {
  text-align: center;
  color: #ec5e00;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .through-content {
  width: 100%;
  text-indent: 32px;
  margin-top: 6px;
  margin-bottom: 0px;
  line-height: 28px;
  font-size: 16px;
  white-space: pre-wrap;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .person-right {
  text-align: right;
}
.bigData-laws-detail.law-detail-print .law-title {
  font-size: 22px;
  text-align: left;
  color: #4a4a4a;
  font-weight: normal;
  margin-left: 30px;
  display: inline-block;
}
.bigData-laws-detail.law-detail-print .law-catalog {
  margin-bottom: 50px;
}
.bigData-laws-detail.law-detail-print .law-catalog h1 {
  text-align: center;
}
.bigData-laws-detail.law-detail-print .law-catalog .law-catalog-item {
  font-size: 18px;
  margin-left: 20px;
  line-height: 40px;
}
.bigData-laws-detail.law-detail-print .law-catalog .is-indent {
  padding-left: 34px;
  font-weight: 400;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .small-title .court-jud-info {
  text-align: center;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .small-title .case-number-right {
  text-align: right;
  padding-bottom: 30px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through p {
  line-height: 36px;
  letter-spacing: 2px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .content {
  font-size: 18px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .common-title {
  line-height: 44px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .common-title .content {
  font-size: 20px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .law-sections-title {
  font-weight: 500;
  line-height: 40px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .tiao-type {
  font-size: 18px;
  color: #000;
}

.bigData-laws-detail.law-detail-print {
  margin: auto;
  width: 700px;
}
.bigData-laws-detail.law-detail-print .tiao-gist {
  display: none !important;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left,
.bigData-laws-detail.law-detail-print .bigData-laws-detail {
  background: white !important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .case-through.laws-info.laws-title,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .case-through.laws-info.laws-title {
  border: none;
  font-size: 21px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .credit_line,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .credit_line {
  color: #4a4a4a;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: normal;
  line-height: 32px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-base-info,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .laws-base-info {
  line-height: 40px;
  padding-top: 10px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .base-info-name,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .base-info-name {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  width: 80px;
  padding-bottom: 0px;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .base-info-value,
.bigData-laws-detail.law-detail-print .bigData-laws-detail .base-info-value {
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 18px;
  padding-bottom: 0px;
}
.bigData-laws-detail.law-detail-print .lawregu_link {
  color: inherit !important;
}
.bigData-laws-detail.law-detail-print .law-download-header {
  padding-top: 20px;
  height: 40px;
  position: relative;
}
.bigData-laws-detail.law-detail-print .law-download-header.laws-info {
  border: none !important;
}
.bigData-laws-detail.law-detail-print .law-download-header .credit_line {
  font-size: 16px;
}
.bigData-laws-detail.law-detail-print .law-download-header .first-label {
  position: absolute;
  border-bottom: 2px solid silver;
  border-right: 2px solid silver;
  display: inline-block;
  width: 40px;
  height: 20px;
  top: 30px;
  left: -40px;
}
.bigData-laws-detail.law-detail-print .law-download-header .credit_line {
  width: 800px;
  border-bottom: 1px solid black !important;
}
.bigData-laws-detail.law-detail-print .law-download-header .sec-label {
  position: absolute;
  border-bottom: 2px solid silver;
  border-left: 2px solid silver;
  display: inline-block;
  width: 40px;
  height: 20px;
  top: 30px;
  right: -40px;
}
.bigData-laws-detail.law-detail-print .law-download-header .sec-line {
  width: 90%;
  display: inline-block;
  border-top: 1px solid silver ;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .case-through .credit_line {
  width: 100% !important;
  text-align: center !important;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-info.laws-base-info {
  margin-left: 20px !important;
  border: none !important;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .laws-info.laws-title h1 {
  text-align: center;
  color: #ec5e00;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .through-content {
  width: 100%;
  text-indent: 32px;
  margin-top: 6px;
  margin-bottom: 0px;
  line-height: 28px;
  font-size: 16px;
  white-space: pre-wrap;
}
.bigData-laws-detail.law-detail-print .laws-detail-content .content-left .person-right {
  text-align: right;
}
.bigData-laws-detail.law-detail-print .law-title {
  font-size: 22px;
  text-align: left;
  color: #4a4a4a;
  font-weight: normal;
  margin-left: 30px;
  display: inline-block;
}
.bigData-laws-detail.law-detail-print .law-catalog {
  margin-bottom: 50px;
}
.bigData-laws-detail.law-detail-print .law-catalog h1 {
  text-align: center;
}
.bigData-laws-detail.law-detail-print .law-catalog .law-catalog-item {
  font-size: 18px;
  margin-left: 20px;
  line-height: 40px;
}
.bigData-laws-detail.law-detail-print .law-catalog .is-indent {
  padding-left: 34px;
  font-weight: 400;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .small-title .court-jud-info {
  text-align: center;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .small-title .case-number-right {
  text-align: right;
  padding-bottom: 30px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through p {
  line-height: 36px;
  letter-spacing: 2px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .content {
  font-size: 18px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .common-title {
  line-height: 44px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .common-title .content {
  font-size: 20px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .law-sections-title {
  font-weight: 500;
  line-height: 40px;
}
.bigData-laws-detail.law-detail-print .simple-mode .case-through .tiao-type {
  font-size: 18px;
  color: #000;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.user-info-module {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background: #f8f8f8;
}
.user-info-module .user-info-bass {
  display: flex;
  margin-bottom: 10px;
}
.user-info-module .user-info-bass .user-info-pic {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  margin: 10px 20px 10px 15%;
}
.user-info-module .user-info-bass .user-info-name div {
  flex-grow: 1;
}
.user-info-module .user-info-bass .user-info-name div:first-child {
  font-size: 16px;
  padding: 12px 0 8px;
}
.user-info-module .user-info-other {
  padding: 5px 0;
  display: flex;
  justify-content: center;
  word-break: break-all;
}
.user-info-module .info-gray {
  color: #ccc;
  font-size: 13px;
}
.user-info-module .info-office {
  font-size: 15px;
  padding: 10px 0;
}
.user-info-module .user-info-other div:first-child {
  width: 30%;
  text-align: right;
}
.user-info-module .user-info-other div:nth-child(2) {
  width: 5%;
  text-align: center;
}
.user-info-module .user-info-other div:last-child {
  width: 65%;
  text-align: left;
}
.kf5-support-chat {
  z-index: 99!important;
}
#kf5-support-btn {
  display: none!important;
}

.allanalytic-nav {
  width: 160px;
  padding: 20px;
  background: #f8f8f9;
  box-sizing: border-box;
  position: absolute;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.allanalytic-nav .slider-ul li:first-child {
  margin: 0;
}
.allanalytic-nav .slider-ul i {
  color: #cdc9c5;
  margin-right: 6px;
  vertical-align: middle;
}
.allanalytic-nav .slider-ul .ibass-arrow-right {
  color: #cdc9c5;
  position: absolute;
  right: 0;
  display: none;
}
.allanalytic-nav .slider-ul a {
  display: block;
  padding: 0 8px;
}
.allanalytic-nav li:not(:first-child):hover,
.allanalytic-nav li:not(:first-child):hover i,
.allanalytic-nav .active {
  background: #fff !important;
}
.allanalytic-nav li:not(:first-child):hover .ibass-arrow-right,
.allanalytic-nav li:not(:first-child):hover i .ibass-arrow-right,
.allanalytic-nav .active .ibass-arrow-right {
  display: inline-block;
}
.allanalytic-nav li:not(:first-child):hover i,
.allanalytic-nav li:not(:first-child):hover i i,
.allanalytic-nav .active i {
  color: #fa8919 !important;
}

.ana-my-box {
  padding: 0 25px;
}
.ana-my-box .ana-my-commen {
  margin-top: 25px;
  padding-bottom: 15px;
  overflow: hidden;
  line-height: 36px;
  border-bottom: 1px solid #f0f0f0;
}
.ana-my-box .ana-my-commen .ana-my-title i {
  font-size: 24px;
  color: #07cfda;
  margin-right: 10px;
}
.ana-my-box .ana-my-commen .ana-my-title span {
  font-size: 20px;
  color: #4a4a4a;
}
.ana-my-box .ana-my-commen .ana-my-title .ana-head-title {
  max-width: 600px;
  border-right: solid 1px #f0f0f0;
  margin-right: 8px;
  padding-right: 8px;
}
.ana-my-box .ana-my-commen .ana-my-title span:last-child {
  font-size: 14px;
  color: #a9a9a9;
}
.ana-my-box .ana-my-commen .ana-my-title .cursorShow {
  cursor: pointer;
}
.ana-my-box .ana-my-head {
  position: relative;
  margin: 20px 0;
}
.ana-my-box .ana-my-head .ana-my-time {
  display: inline-block;
}
.ana-my-box .ana-my-head .ana-my-time .time-range {
  width: auto;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.ana-my-box .ana-my-head .ana-my-time .time-range .time-range-start-stop:after {
  content: " ";
}
.ana-my-box .ana-my-head .ana-my-time .time-range .ns-popover-time-select-option {
  top: 31px !important;
}
.ana-my-box .ana-my-head .ana-my-time .time-range-text-select {
  position: relative;
  display: inline-block;
}
.ana-my-box .ana-my-head .ana-my-time .time-range-start-stop {
  display: inline-block;
}
.ana-my-box .ana-my-head .ana-my-time .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
}
.ana-my-box .ana-my-head .ana-my-head-type {
  width: 117px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #cfc7c1;
  position: absolute;
  left: 0;
  top: 22px;
}
.ana-my-box .ana-my-head .ana-my-head-type p {
  width: 37px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.ana-my-box .ana-my-head .ana-my-head-type p:first-child {
  border-radius: 20px 0 0 20px;
  text-indent: 5px;
}
.ana-my-box .ana-my-head .ana-my-head-type p:last-child {
  width: 40px;
  border-right: 0;
  border-radius: 0 20px 20px 0;
  text-indent: -2px;
}
.ana-my-box .ana-my-head .ana-my-head-type p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.ana-my-box .ana-my-head .ana-my-head-type p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.ana-my-box .ana-my-head .ana-my-head-switch {
  width: 120px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #cfc7c1;
  position: absolute;
  right: 0px;
  top: 19px;
}
.ana-my-box .ana-my-head .ana-my-head-switch p {
  width: 60px;
  height: 30px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.ana-my-box .ana-my-head .ana-my-head-switch p:first-child {
  width: 58px;
  border-radius: 20px 0 0 20px;
}
.ana-my-box .ana-my-head .ana-my-head-switch p:last-child {
  border-right: 0;
  border-radius: 0 20px 20px 0;
}
.ana-my-box .ana-my-head .ana-my-head-switch p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.ana-my-box .ana-my-head .ana-my-head-switch p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.ana-my-box .ana-my-head .ana-my-func {
  position: absolute;
  right: 0;
  top: 4px;
  height: 20px;
}
.ana-my-box .ana-my-head .ana-my-func span {
  font-size: 14px;
  color: #737373;
  margin-right: 8px;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ana-my-box .ana-my-head .ana-my-func i {
  color: #fa8919;
  font-size: 12px;
}
.ana-my-box .ana-my-head .ana-my-head-time {
  height: 40px;
  text-align: center;
  padding-top: 27px;
}
.ana-my-box .ana-my-head .ana-my-head-time .ana-my-head-time-hover {
  display: inline-block;
}
.ana-my-box .ana-my-head .ana-my-head-time .ana-my-head-time-hover:hover i {
  color: #fa8919;
}
.ana-my-box .ana-my-head .ana-my-head-time p {
  display: inline-block;
  cursor: pointer;
}
.ana-my-box .ana-my-head .ana-my-head-time span {
  font-size: 14px;
  color: #4a4a4a;
  position: relative;
  top: -2px;
}
.ana-my-box .ana-my-head .ana-my-head-time i {
  color: #cdc9c5;
  cursor: pointer;
}
.ana-my-box .ana-my-head .ana-my-head-time .ana-trig-down {
  margin-left: 5px;
  position: relative;
  top: 0px;
}
.ana-my-box .ana-my-head .clock-container {
  position: absolute;
  top: 460px;
  right: 0;
}
.ana-my-box .ana-my-head .clock-container .task-clock {
  bottom: 100px;
}
.ana-my-box .ana-my-head .clock-container .task-clock:before,
.ana-my-box .ana-my-head .clock-container .task-clock:after {
  transform: translate(50%);
  bottom: 283px;
  right: 63px;
}
.ana-my-box .ana-my-head .clock-container .task-clock:before {
  bottom: 284px;
}
.ana-my-head-sum-time {
  width: 100%;
  padding: 25px 0;
  background: #f8f8f9;
  border-radius: 5px;
  text-align: center;
}
.ana-my-head-sum-time .total-sum {
  font-size: 30px;
  font-weight: 200;
}
.ana-my-head-sum-time .sum-title {
  font-size: 12px;
  font-size: 1.33;
  color: #a9a9a9;
}

.group-header {
  height: 76px;
  line-height: 72px;
  margin: 0 30px;
  padding-left: 10px;
  border-bottom: 1px solid #f0f0f0;
  color: #4a4a4a;
  box-sizing: border-box;
}
.group-header .team-name {
  float: left;
  color: #07cfda;
  font-size: 25px;
  margin-right: 13px;
  vertical-align: middle;
}
.group-header .title {
  float: left;
  font-size: 20px;
  margin-right: 14px;
  vertical-align: bottom;
}
.group-header .rename {
  float: left;
  display: none;
  color: #a9a9a9;
}
.group-header .rename i {
  font-size: 17px;
  color: #cdc9c5;
  vertical-align: middle;
}
.group-header .right-header {
  float: right;
  position: relative;
  cursor: pointer;
  line-height: 72px;
  height: 100%;
  border-bottom: solid 2px transparent;
  box-sizing: border-box;
}
.group-header .right-header .setting-auth {
  display: inline-block;
  height: 100%;
  font-size: 14px;
  padding: 0 20px;
}
.group-header .right-header .auth-close {
  font-size: 28px;
  color: #cdc9c5;
  vertical-align: middle;
}
.group-header .right-header:hover a,
.group-header .right-header .active {
  border-bottom: solid 2px #fa8919;
  color: #fa8919;
}
.group-header:hover .rename {
  display: inline-block;
}
.group-main {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.group-main .group-main-left {
  width: 245px;
  min-height: 940px;
  padding-top: 20px;
}
.group-main .group-main-left .group-main-left-box {
  font-size: 14px;
  padding-bottom: 3px;
  margin-left: 5px;
}
.group-main .group-main-left .group-main-left-box .default-role-btn {
  padding-left: 20px;
}
.group-main .group-main-left .group-main-left-box .default-role-btn i {
  color: #cdc9c5;
}
.group-main .group-main-left .group-main-left-box .default-role-btn span {
  font-weight: 500;
  color: #4a4a4a;
  vertical-align: top;
}
.group-main .group-main-left .group-main-left-box .group-auth-list {
  padding-bottom: 6px;
  margin-left: 5px;
}
.group-main .group-main-left .group-main-left-box .group-auth-list li,
.group-main .group-main-left .group-main-left-box .group-auth-list a {
  width: 96%;
  height: 30px;
  line-height: 20px;
  margin: 1px 0;
  padding: 5px 0;
  padding-left: 15px;
  border-radius: 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.group-main .group-main-left .group-main-left-box .group-auth-list li .dot,
.group-main .group-main-left .group-main-left-box .group-auth-list a .dot {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 8px;
  margin: 0 8px 0 2px;
  background-color: #cdc9c5;
}
.group-main .group-main-left .group-main-left-box .group-auth-list li .ibass-arrow-right,
.group-main .group-main-left .group-main-left-box .group-auth-list a .ibass-arrow-right,
.group-main .group-main-left .group-main-left-box .group-auth-list li .ibass-arrow-next,
.group-main .group-main-left .group-main-left-box .group-auth-list a .ibass-arrow-next {
  display: none;
  float: right;
  margin-right: 10px;
}
.group-main .group-main-left .group-main-left-box .group-auth-list li:hover,
.group-main .group-main-left .group-main-left-box .group-auth-list a:hover {
  background-color: #f8f8f9;
}
.group-main .group-main-left .group-main-left-box .group-auth-list li:hover .role-name,
.group-main .group-main-left .group-main-left-box .group-auth-list a:hover .role-name {
  font-weight: bold;
}
.group-main .group-main-left .group-main-left-box .group-auth-list li:hover .dot,
.group-main .group-main-left .group-main-left-box .group-auth-list a:hover .dot {
  background-color: #fa8919;
}
.group-main .group-main-left .group-main-left-box .group-auth-list li:hover .ibass-arrow-right,
.group-main .group-main-left .group-main-left-box .group-auth-list a:hover .ibass-arrow-right,
.group-main .group-main-left .group-main-left-box .group-auth-list li:hover .ibass-arrow-next,
.group-main .group-main-left .group-main-left-box .group-auth-list a:hover .ibass-arrow-next {
  display: inline-block;
  color: #fa8919;
}
.group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed {
  background-color: #f8f8f9;
}
.group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed .role-name {
  font-weight: bold;
}
.group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed .dot {
  background-color: #fa8919;
}
.group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed .ibass-arrow-right,
.group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed .ibass-arrow-next {
  display: inline-block;
  color: #fa8919;
}
.group-main .group-main-left .organization-setting {
  padding-top: 12px;
  font-size: 14px;
  border-top: 1px solid #f0f0f0;
}
.group-main .group-main-left .organization-setting .group-auth-list {
  padding-bottom: 17px;
}
.group-main .group-main-left .organization-setting .group-auth-list li {
  margin: 0;
  height: 28px;
}
.group-main .group-main-left .organization-setting .group-auth-list li .toggle-btn {
  float: none;
}
.group-main .group-main-left .organization-setting .group-auth-list li:first-of-type {
  margin-top: 0px;
}
.group-main .group-main-left .safety-setting {
  padding-top: 15px;
  font-size: 14px;
  border-top: 1px solid #f0f0f0;
}
.group-main .group-main-right {
  width: 100%;
  min-height: 940px;
  position: relative;
}
.group-main .group-main-right .line-height {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 180px;
  bottom: 10px;
  background-color: #f0f0f0;
}
.nav-tree {
  font-size: 14px;
}
.nav-tree li.active > i {
  color: #fa8919;
}
.nav-tree i {
  vertical-align: middle;
  display: inline-block;
  vertical-align: text-bottom;
  color: #cdc9c5;
}
.nav-tree i:hover {
  color: #fa8919;
}
.nav-tree ul {
  margin: 0 auto;
  width: 100%;
}
.nav-tree ul li {
  line-height: 24px;
  cursor: pointer;
  padding-left: 10px;
  min-width: 130px;
  float: left;
}
.nav-tree .tree-label span {
  display: inline-block;
  width: 90px;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav-tree .tree-label:before {
  margin-top: -16px;
}
.tree-ul {
  padding: 0 0 1px 0;
}
.tree-ul .ibass-check {
  display: inline;
}
.notips {
  width: 100%;
  text-align: center;
  padding: 40px 0;
}
.notips i {
  font-size: 50px !important;
  color: #ddd9d6 !important;
}
.notips p {
  font-size: 12px !important;
  color: #a9a9a9 !important;
}

.financial-popover {
  left: 250px !important;
}
.approval-center-top-tab {
  float: right;
  margin-top: 1px;
  line-height: 72px;
}
.approval-center-top-tab a {
  padding: 0 24px;
  display: inline-block;
  line-height: 72px;
}
.approval-center-top-tab a:hover {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.approval-center-top-tab .active-type {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.approval-center-wrap {
  padding: 0 30px 20px 30px;
  display: inline-block;
}
.approval-center-wrap .i-financial-reimbursement-left {
  width: 210px;
  min-height: 800px;
  padding-top: 10px;
}
.approval-center-wrap .i-financial-reimbursement-left .financial-approval-all-type {
  width: 190px;
  line-height: 28px;
  margin-bottom: 6px;
  padding-left: 10px;
  border-radius: 25px;
  cursor: pointer;
}
.approval-center-wrap .i-financial-reimbursement-left .financial-approval-all-type span {
  position: relative;
  left: -4px;
}
.approval-center-wrap .i-financial-reimbursement-left .financial-approval-all-type .ibass-dot {
  margin-right: 4px;
}
.approval-center-wrap .i-financial-reimbursement-left .financial-approval-all-type .ibass-arrow-right {
  float: right;
  margin-right: 6px;
  position: relative;
  top: 2px;
  display: none;
}
.approval-center-wrap .i-financial-reimbursement-left .financial-approval-all-type:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-left .financial-approval-all-type:hover .ibass-arrow-right {
  display: inline-block;
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-left .all-type-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-left .all-type-active .ibass-arrow-right {
  display: inline-block;
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-left .hr-slider-ul-nav {
  height: 40px;
  line-height: 36px;
  font-weight: bold;
}
.approval-center-wrap .i-financial-reimbursement-left .hr-slider-ul-nav i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  padding: 0 1px;
  font-size: 16px;
}
.approval-center-wrap .i-financial-reimbursement-left li {
  width: 190px;
  line-height: 28px;
  margin-bottom: 6px;
  padding-left: 10px;
  border-radius: 25px;
  cursor: pointer;
}
.approval-center-wrap .i-financial-reimbursement-left li i.ibass-arrow-right {
  position: relative;
  top: 2px;
  display: none;
  float: right;
  margin-right: 6px;
}
.approval-center-wrap .i-financial-reimbursement-left li:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-left li:hover i {
  display: inline-block;
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-left li:hover i.ibass-arrow-right {
  display: inline-block;
}
.approval-center-wrap .i-financial-reimbursement-left .nav-bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-left .nav-bar-active i {
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-left .nav-bar-active i.ibass-arrow-right {
  display: inline-block;
}
.approval-center-wrap .i-financial-reimbursement-left .ibass-dot {
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #cdc9c5;
}
.approval-center-wrap .i-financial-reimbursement-right {
  width: 908px;
  padding-left: 20px;
  height: 100%;
  min-height: 800px;
  border-left: 1px solid #ebebeb;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter {
  display: flex;
  align-items: center;
  color: #737373;
  padding: 16px 0 16px 4px;
  border-bottom: 1px solid #ebebeb;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-single,
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-more {
  font-size: 14px;
  display: flex;
  align-content: center;
  align-items: center;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-single .relative,
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-more .relative {
  position: relative;
  max-width: 250px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-single .i-overflow,
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-more .i-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-single .ibass-trig-down,
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-more .ibass-trig-down {
  margin-top: 3px;
  font-size: 12px;
  margin-left: 5px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-operation-add {
  position: absolute;
  right: 33px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-operation-add > span {
  line-height: 36px;
  margin-right: 20px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-operation-add .operation-add {
  float: right;
  width: 98px;
  height: 34px;
  padding-left: 20px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 34px;
  text-align: left;
  cursor: pointer;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-operation-add .operation-add span {
  font-style: normal;
  padding-left: 8px;
  vertical-align: top;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-more-choose {
  color: #ed6c00;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-more-choose .ibass-trig-down {
  color: #ed6c00;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-filter-line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-left: 16px;
  margin-right: 12px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date {
  min-height: 200px;
  font-size: 14px;
  padding: 40px 45px 25px 45px;
  background-color: #fbfbfb;
  border-radius: 2px;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .timeOne {
  position: relative;
  clear: both;
  margin-bottom: 10px;
  height: 32px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .timeOne .financial-appro-date-title {
  width: 150px;
  color: #737373;
  font-size: 14px;
  text-align: right;
  line-height: 32px;
  margin-right: 10px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .timeOne .financial-appro-date-content {
  width: 500px;
  position: relative;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .financial-appro-button {
  text-align: center;
  margin-top: 30px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .financial-appro-button .restart-button {
  height: 32px;
  width: 100px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border-radius: 20px;
  line-height: 32px;
  background-color: #f8f8f9;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .financial-appro-button .comfirn {
  padding: 6px 36px;
  background-color: #fa8919;
  color: #fff;
  border-radius: 30px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .ana-my-time {
  display: inline-block;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .ana-my-time .time-range {
  width: auto;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
  height: 20px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .ana-my-time .time-range .time-range-start-stop:after {
  content: " ";
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .ana-my-time .time-range .ns-popover-time-select-option {
  top: 31px !important;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .ana-my-time .time-range-text-select {
  position: relative;
  display: inline-block;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .ana-my-time .time-range-start-stop {
  display: inline-block;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date .ana-my-time .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter-more-container {
  padding-bottom: 0;
  min-height: auto;
}
.approval-center-wrap .i-financial-reimbursement-right .common-span {
  padding: 0 4px;
  box-sizing: border-box;
  display: inline-block;
  word-break: break-all;
}
.approval-center-wrap .i-financial-reimbursement-right .common-span .approval-icon {
  font-size: 18px;
}
.approval-center-wrap .i-financial-reimbursement-right .common-span img {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 100%;
}
.approval-center-wrap .i-financial-reimbursement-right .common-color {
  color: #a9a9a9;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-top {
  font-size: 16px;
  height: 33px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-top .add-reimbursement {
  float: right;
  width: 98px;
  height: 34px;
  padding-left: 20px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 32px;
  text-align: left;
  cursor: pointer;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-top .ibass-add:before {
  position: relative;
  top: 1px;
  margin-right: 8px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-header {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 0;
  margin-top: 10px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-header .reim-header {
  display: inline-block;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-header span {
  font-size: 12px;
  color: #737373;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-header .reimburse-amount {
  width: 27%;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-header .reimburse-amount-copy {
  width: 16% !important;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-tr {
  position: relative;
  padding: 14px 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  font-size: 0;
  cursor: pointer;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-tr .approval-content {
  width: 100%;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-tr span {
  font-size: 12px;
  display: inline-block;
  word-break: break-all;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-tr:hover {
  background-color: #f5f5f5;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-tr:hover .financial-common-tool {
  display: block !important;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-tr .reimburse-amount {
  width: 27%;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-tr .reimburse-amount-copy {
  width: 16% !important;
}
.approval-center-wrap .i-financial-reimbursement-right .no-data-list {
  justify-content: center;
}
.approval-center-wrap .i-financial-reimbursement-right .fin-approval-type {
  width: 14%;
}
.approval-center-wrap .i-financial-reimbursement-right .fin-approval-type span {
  position: relative;
  top: -5px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-common-tool {
  position: absolute;
  right: 0;
  width: 118px;
  height: 48px;
  z-index: 10;
  line-height: 48px;
  background-color: #f5f5f5;
  display: none !important;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-common-tool i {
  font-size: 18px;
  margin-right: 10px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-common-tool .ibass-approved {
  color: #1ac031;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-common-tool .ibass-reject {
  color: #f72b44;
}
.approval-center-wrap .i-financial-reimbursement-right .approvals-imp-info,
.approval-center-wrap .i-financial-reimbursement-right .starts-imp-info {
  width: 38%;
}
.approval-center-wrap .i-financial-reimbursement-right .approvals-imp-info-matter,
.approval-center-wrap .i-financial-reimbursement-right .starts-imp-info-matter {
  width: 20%;
}
.approval-center-wrap .i-financial-reimbursement-right .approvals-imp-info-customer,
.approval-center-wrap .i-financial-reimbursement-right .starts-imp-info-customer {
  width: 18%;
}
.approval-center-wrap .i-financial-reimbursement-right .copyto-imp-info {
  width: 27%;
}
.approval-center-wrap .i-financial-reimbursement-right .copyto-imp-info-matter {
  width: 15%;
}
.approval-center-wrap .i-financial-reimbursement-right .copyto-imp-info-customer {
  width: 12%;
}
.approval-center-wrap .i-financial-reimbursement-right .fin-initiator {
  width: 13%;
}
.approval-center-wrap .i-financial-reimbursement-right .fin-status {
  width: 11%;
}
.approval-center-wrap .i-financial-reimbursement-right .fin-cur-node {
  width: 10%;
}
.approval-center-wrap .i-financial-reimbursement-right .fin-initiat-date {
  width: 12%;
}
.approval-center-wrap .i-financial-reimbursement-right .fin-node-date {
  width: 13%;
}
.approval-center-wrap .i-financial-reimbursement-right .page {
  display: flex;
}
.approval-center-wrap .i-financial-reimbursement-right .matter-finance-select-box li.select-box-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.approval-center-wrap .i-financial-reimbursement-right .matter-finance-select-box li.select-box-list .name,
.approval-center-wrap .i-financial-reimbursement-right .matter-finance-select-box li.select-box-list .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.approval-center-wrap .i-financial-reimbursement-right .matter-finance-select-box li.select-box-list .matter-no {
  color: #a9a9a9;
}
.approval-center-wrap .i-financial-reimbursement-right .matter-finance-select-box li.select-box-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.approval-center-wrap .i-financial-reimbursement-right .matter-finance-select-box li.select-box-list .name,
.approval-center-wrap .i-financial-reimbursement-right .matter-finance-select-box li.select-box-list .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.approval-center-wrap .i-financial-reimbursement-right .matter-finance-select-box li.select-box-list .matter-no {
  color: #a9a9a9;
}
.approval-center-wrap .filter-item {
  width: 100%!important;
}
.approval-center-wrap .filter-item-label span {
  width: 150px!important;
}
.add-approval-dialog {
  min-height: 400px;
  padding: 0 20px 30px 20px;
}
.add-approval-dialog .add-approval-dialog-title {
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  line-height: 74px;
  margin-bottom: 10px;
}
.add-approval-dialog .add-approval-dialog-title span {
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  padding: 0 20px;
}
.add-approval-dialog .add-approval-dialog-content .approval-parent-title {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 14px;
}
.add-approval-dialog .add-approval-dialog-content .approval-parent-title span {
  font-weight: bold;
  border-bottom: 2px solid #fa8919;
  display: inline-block;
  line-height: 24px;
}
.add-approval-dialog .add-approval-dialog-content .approval-child-content {
  background-color: #f5f5f5;
  padding: 10px;
  margin: 20px 0;
  border-radius: 6px;
  font-size: 12px;
}
.add-approval-dialog .add-approval-dialog-content .approval-child-nodes {
  margin: 30px 0 20px 0;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}
.add-approval-dialog .add-approval-dialog-content .approval-child-nodes .child-node {
  display: inline-block;
  text-align: center;
  width: 100px;
}
.add-approval-dialog .add-approval-dialog-content .approval-child-nodes .child-node i {
  font-size: 36px;
  color: #fa8919;
}
.add-approval-dialog .add-approval-dialog-content .approval-child-nodes .child-node i:before {
  color: #fa8919;
}
.add-approval-dialog .add-approval-dialog-content .approval-child-nodes .child-node span {
  font-size: 14px;
}
.add-approval-dialog .add-approval-dialog-content .approval-child-nodes .self-define {
  height: 100px;
  margin: 0 10px;
  width: 80px;
}
.approval-custom-edit {
  width: 100%;
  display: inline-block;
}

.clock-container {
  z-index: 99;
  position: fixed!important;
  bottom: 80px!important;
  right: 10px!important;
  top: initial!important;
  left: initial!important;
}
.clock-container .ibass-start {
  cursor: pointer;
  color: #fa8919;
}
.clock-container .ibass-stop {
  cursor: pointer;
  color: #fa8919;
}
.clock-container .ibass-timer,
.clock-container .ibass-timer-body {
  color: #fdba78;
  font-size: 22px;
}
.clock-container .ibass-timer-hand {
  color: white;
}
.clock-container .clock-icon-timing {
  font-size: 20px;
  float: left;
  position: absolute;
  left: 10px;
  top: 0;
  text-align: left;
  vertical-align: middle;
}
.clock-container .clock-excessively-long-timing {
  width: 160px;
  height: 85px;
  background: #3D3D3D;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: -86px;
  transform: translateX(-50%);
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  color: #FFFFFF;
}
.clock-container .clock-excessively-long-timing .remind-content {
  height: 36px;
  padding-top: 10px;
  margin: 0 15px;
  font-family: PingFangSC;
  font-size: 12px;
  text-align: left;
}
.clock-container .clock-excessively-long-timing .remind-content .tming-long-number {
  display: inline-block;
  height: 15px;
  margin: 0 3px;
  line-height: 22px;
  max-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clock-container .clock-excessively-long-timing .remind-confirm {
  height: 24px;
  margin: 6px 10px 0;
}
.clock-container .clock-excessively-long-timing .remind-confirm .remind-never {
  float: right;
  text-align: right;
  margin-right: 5px;
  font-size: 12px;
  line-height: 26px;
  cursor: pointer;
  color: #7a7a7a;
}
.clock-container .clock-excessively-long-timing .remind-confirm .remind-never:hover {
  color: #cdc9c5;
}
.clock-container .clock-excessively-long-timing .remind-confirm .remind-close {
  width: 72px;
  height: 26px;
  float: left;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  line-height: 24px;
  border-radius: 13px;
  border: solid 1px #555353;
  color: #ffffff;
}
.clock-container .clock-excessively-long-timing .remind-confirm .remind-close:hover {
  border-color: #cdc9c5;
}
.clock-container .clock-excessively-long-timing::after {
  content: '';
  border: 5px solid #3d3d3d;
  border-top-color: transparent;
  border-left-color: transparent;
  position: absolute;
  bottom: -5px;
  transform: translateX(185%) rotate(45deg);
}
.clock-container .clock-navigation {
  height: 50px;
  padding: 2px;
  line-height: 46px;
  width: 50px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  font-size: 14px;
  box-sizing: border-box;
  transition: width 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  position: relative;
  overflow: hidden;
}
.clock-container .clock-navigation .time-desc {
  float: left;
  display: inline-block;
  position: relative;
  border-radius: 25px;
  padding-left: 10px;
  width: 100px;
  cursor: pointer;
}
.clock-container .clock-navigation .time-desc:hover {
  background-color: #f8f8f9;
}
.clock-container .clock-navigation .start-btn {
  float: right;
  display: inline-block;
  text-align: center;
  border-radius: 23px;
  width: 46px;
  height: 46px;
  cursor: pointer;
}
.clock-container .clock-navigation .start-btn:hover {
  background-color: #f8f8f9;
}
.clock-container .clock-navigation .clock-icon {
  font-size: 20px;
}
.clock-container .clock-navigation .statistics .time-desc .date {
  color: #a9a9a9;
}
.clock-container .clock-navigation .statistics .time-desc .time {
  color: #ed6c00;
}
.clock-container .clock-navigation .clocking {
  min-width: 135px;
}
.clock-container .clock-navigation .clocking .time-desc .time {
  color: #ed6c00;
}
.clock-container .clock-remind {
  background-color: #fa8919;
}
.clock-container .clock-remind .time-desc:hover {
  background-color: #ff9d3a;
}
.clock-container .clock-remind .start-btn:hover {
  background-color: #ff9d3a;
}
.clock-container .clock-remind .clock-icon {
  color: white;
}
.clock-container .clock-remind .statistics .time-desc .date {
  color: white;
}
.clock-container .clock-remind .statistics .time-desc .time {
  color: #ed6c00;
}
.clock-container .clock-remind .clocking .time-desc {
  color: white;
}
.clock-container .clock-remind .clocking .time-desc .ibass-timer {
  color: #fdba78;
}
.clock-container .clock-remind .clocking .time-desc .ibass-timer-body {
  color: white;
}
.clock-container .clock-remind .clocking .time-desc .ibass-timer-hand {
  color: #fdba78;
}
.clock-container .clock-remind .clocking .time-desc .time {
  color: white;
}
.clock-location-up {
  bottom: 100%;
  right: 0;
}
.clock-location-up:before,
.clock-location-up:after {
  content: "";
  display: block;
  border-width: 15px;
  position: absolute;
  bottom: -31px;
  right: 80px;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3;
  font-size: 0;
  line-height: 0;
  transform: translate(50%) rotate(180deg);
}
.clock-location-up:after {
  bottom: -30px;
  border-color: transparent transparent #FFF;
}
.clock-location-up .worktype-container-form-quick-timing .work-type-container-for-location {
  margin-left: -30px;
}
.clock-location-up .worktype-container-form-quick-timing .work-type-container-for-location .triangle {
  margin-left: 15px;
}
.clock-location-down {
  top: 100%;
  right: 0;
}
.clock-location-down:before,
.clock-location-down:after {
  content: "";
  display: block;
  border-width: 15px;
  position: absolute;
  top: -30px;
  right: 45px;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3;
  font-size: 0;
  line-height: 0;
}
.clock-location-down:after {
  border-color: transparent transparent #FFF;
}
.task-clock {
  position: absolute;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.1);
  width: 300px;
  margin-bottom: 16px;
}
.task-clock .ipt-invalid {
  border-color: red!important;
}
.task-clock .ui-select-search {
  width: 100%;
  height: 100%;
  font-size: 12px;
  padding: 0 6px;
  margin-top: 1px;
}
.task-clock select,
.task-clock option {
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  padding: 0px 10px;
}
.task-clock .m-select {
  font-size: 14px;
}
.task-clock .ui-select-match {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-clock .ui-select-match span {
  display: inline-block;
  width: 98%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-clock .ui-select-choices {
  position: absolute;
  opacity: 1;
  background: #fff;
  z-index: 10;
  border-left: 1px solid #c7d1da;
  border-right: 1px solid #c7d1da;
  border-bottom: 1px solid #c7d1da;
  box-sizing: border-box;
}
.task-clock .ui-select-choices {
  z-index: 11;
  border: none;
}
.task-clock .ui-select-bootstrap .ui-select-choices-row > a {
  padding-left: 10px;
}
.task-clock .btn-default-focus {
  color: inherit;
  background-color: initial;
  border-color: #c7d1da;
  text-decoration: none;
  outline: none;
  outline-offset: -2px;
  box-shadow: none;
}
.task-clock .open ul {
  z-index: 99!important;
  position: relative;
  border-left: 1px solid #c7d1da;
  border-right: 1px solid #c7d1da;
  border-bottom: 1px solid #c7d1da;
}
.task-clock .top {
  height: 38px;
  line-height: 38px;
  color: #4a4a4a;
  padding: 0 10px;
  overflow: hidden;
}
.task-clock .top .date {
  font-size: 14px;
}
.task-clock .top .date .last-clock {
  font-size: 12px;
  color: #a9a9a9;
}
.task-clock .top .time {
  margin-left: 10px;
  font-size: 14px;
  color: #8a94a0;
}
.task-clock .top .btn {
  font-size: 12px;
  text-align: center;
  margin-right: 7px;
  margin-top: 6px;
  width: 90px;
  height: 26px;
  line-height: 26px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  cursor: pointer;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
.task-clock .top .btn span {
  display: inline-block;
  height: 100%;
  height: 24px;
  line-height: 24px;
  position: absolute;
  top: 0;
}
.task-clock .week-day {
  height: 46px;
  padding: 3px 0;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  font-size: 12px;
  color: #8a94a0;
  overflow: hidden;
}
.task-clock .week-day .item {
  width: 30px;
  margin: 0 3px;
  text-align: center;
  color: #a9a9a9;
}
.task-clock .week-day .item span {
  display: block;
  line-height: 20px;
}
.task-clock .week-day .item .time {
  font-size: 10px;
  transform: scale(1);
}
.task-clock .week-day .item .day {
  font-weight: 500;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin: 0 auto;
  line-height: 22px;
}
.task-clock .week-day .item-change {
  color: #4a4a4a;
  cursor: pointer;
}
.task-clock .week-day .item-change:hover .day {
  color: #ed6c00;
}
.task-clock .week-day .today .day {
  background-color: #ed6c00;
  color: white!important;
}
.task-clock .week-day .btn {
  height: 46px;
  line-height: 46px;
}
.task-clock .week-day .btn span {
  color: #4a4a4a;
  padding: 0 5px;
  cursor: pointer;
}
.task-clock .edit {
  line-height: 35px;
  padding-bottom: 6px;
  font-size: 14px;
}
.task-clock .edit .row {
  width: 280px;
  margin: 10px auto;
}
.task-clock .edit .row input {
  width: 100%;
  height: 35px;
  background-color: transparent;
}
.task-clock .edit .row input::-webkit-input-placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.task-clock .edit .row input::placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.task-clock .edit .row input:-moz-placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.task-clock .edit .row input::-moz-placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.task-clock .edit .row input:-ms-input-placeholder {
  font-size: 10px;
  padding: 0;
  color: #a9a9a9 !important;
}
.task-clock .edit .add-next {
  font-size: 12px;
  color: #737373;
  position: relative;
}
.task-clock .edit .add-next .checked {
  position: absolute;
  top: -8px;
  left: -16px;
}
.task-clock .edit .add-next .ibass-checked {
  color: #ed6c00;
}
.task-clock .edit .add-next .ibass-checkbox {
  color: #d5d5d5;
}
.task-clock .edit .name-project {
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 16px;
}
.task-clock .edit .name-project .name input {
  border-bottom: solid 1px #ebebeb;
  font-size: 14px;
  color: #4a4a4a;
}
.task-clock .edit .name-project .name textarea {
  width: 100%;
  height: 80px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  resize: none;
}
.task-clock .edit .name-project input {
  border: none;
  margin-top: 0;
}
.task-clock .edit .name-project .project {
  position: relative;
  z-index: 1;
}
.task-clock .edit .name-project .cantedit {
  cursor: not-allowed !important;
}
.task-clock .edit .name-project .ui-select-placeholder {
  color: #c7d1da;
  font-size: 10px;
}
.task-clock .edit .time-btn .time-name {
  font-size: 12px;
  color: #737373;
  line-height: 25px;
}
.task-clock .edit .time-btn .time {
  padding: 0 5px;
  text-align: left;
  width: 130px;
  height: 32px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  color: #4a4a4a;
  box-sizing: border-box;
  cursor: text;
  font-size: 12px;
  line-height: 30px;
}
.task-clock .edit .time-btn .time-start-end {
  width: 160px;
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d2da;
  box-sizing: border-box;
}
.task-clock .edit .time-btn .time-start-end input {
  height: 28px;
  line-height: 28px;
  width: 72px;
  border: none;
  padding: 0 5px;
  text-align: center;
}
.task-clock .edit .time-btn .time-start-end .icon-separate {
  line-height: 28px;
}
.task-clock .edit .cancel {
  font-size: 12px;
  color: #737373;
  cursor: pointer;
}
.task-clock .edit .ok {
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  width: 80px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
  margin-left: 15px;
}
.task-clock .clock-list-group {
  height: 300px;
  overflow-y: auto;
}
.task-clock .clock-list-group .content {
  height: 60px;
  padding: 8px 10px;
  line-height: 44px;
  box-shadow: inset 0 -1px 0 0 #ebebeb;
  box-sizing: border-box;
  position: relative;
}
.task-clock .clock-list-group .content .clock {
  font-size: 18px;
  color: #79aad1;
  position: relative;
}
.task-clock .clock-list-group .content .clock span {
  cursor: pointer;
}
.task-clock .clock-list-group .content .text {
  max-width: 175px;
  margin-left: 10px;
}
.task-clock .clock-list-group .content .text .name {
  font-size: 14px;
  color: #4a4a4a;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-clock .clock-list-group .content .text .project {
  font-size: 12px;
  color: #a9a9a9;
  height: 22px;
  line-height: 22px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-clock .clock-list-group .content .time {
  font-size: 12px;
  color: #4a4a4a;
  text-align: right;
  border-radius: 2px;
  border: solid 1px transparent;
  float: right;
  height: 100%;
  line-height: 44px;
  margin-right: 5px;
  max-width: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-clock .clock-list-group .content .time-anomaly {
  display: inline;
}
.task-clock .clock-list-group .content .time-anomaly .ibass-info:before {
  display: inline;
}
.task-clock .clock-list-group .content .time-starting {
  text-align: center;
  color: #ed6c00;
}
.task-clock .clock-list-group .content .ibass-edit,
.task-clock .clock-list-group .content .ibass-delete {
  color: #cdc9c5;
  cursor: pointer;
  display: block;
  line-height: 22px;
  height: 22px;
}
.task-clock .clock-list-group .clock-list-item .content .clock {
  display: none;
  min-width: 23px;
}
.task-clock .clock-list-group .clock-list-item .content .clock .ibass-stop {
  display: none;
}
.task-clock .clock-list-group .clock-list-item .content .clock .clock-icon-timing {
  left: 0;
}
.task-clock .clock-list-group .clock-list-item .content .item-edit {
  display: none;
}
.task-clock .clock-list-group .clock-list-item .content .time .ibass-info {
  vertical-align: middle;
  color: #f72b44;
  cursor: pointer;
}
.task-clock .clock-list-group .clock-list-item .content .time span {
  vertical-align: top;
}
.task-clock .clock-list-group .clock-list-item:hover .content {
  background-color: #f8f8f9;
}
.task-clock .clock-list-group .clock-list-item:hover .content .clock {
  display: block;
}
.task-clock .clock-list-group .clock-list-item:hover .content .clock .ibass-timer {
  display: none;
}
.task-clock .clock-list-group .clock-list-item:hover .content .clock .ibass-stop {
  display: block;
}
.task-clock .clock-list-group .clock-list-item:hover .content .clock .clock-rotate {
  display: none;
}
.task-clock .clock-list-group .clock-list-item:hover .content .item-edit {
  display: block;
}
.task-clock .clock-list-group .timing {
  background-color: #f8f8f9;
}
.task-clock .clock-list-group .timing .clock {
  display: block!important;
}
.task-clock .bottom {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #8a94a0;
  padding: 0 19px;
}
.task-clock .bottom span {
  cursor: pointer;
}
.task-clock .border-top {
  box-shadow: inset 0 1px 0 0 #ebebeb;
}
.task-clock .ns-popover-items-max-height {
  max-height: 108px;
}
.ns-popover-tooltip-theme-fixed {
  position: fixed!important;
}
.ns-popover-tooltip-theme-fixed .triangle {
  left: 50px!important;
}
.ns-popover-tooltip-theme-fixed .ns-popover-items {
  max-height: 108px!important;
}
.ns-popover-tooltip-theme-right .triangle {
  left: 203px!important;
}
.clock-width-big {
  width: 160px !important;
}

.conflict-module .i-pagination {
  display: flex;
  justify-content: center;
}
.conflict-module .active-type {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.conflict-module .conflict-search {
  display: inline-flex;
  justify-items: center;
  width: 30%;
  position: relative;
  height: 18px;
  padding: 5px 0;
  border-radius: 20px;
  flex-grow: 1;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
}
.conflict-module .conflict-search .conflict-search-icon,
.conflict-module .conflict-search .conflict-search-close {
  width: 30px;
  height: 24px;
  color: #cdc9c5;
  text-align: center;
  cursor: pointer;
}
.conflict-module .conflict-search .back-clean {
  position: absolute;
  right: 10px;
  font-size: 12px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.conflict-module .conflict-search .back-clean .ibass-close {
  font-size: 12px;
  position: relative;
  top: -1px;
}
.conflict-module .conflict-search .conflict-search-input {
  height: 100%;
  border: 0;
  box-shadow: none;
  font-size: 12px;
  background: transparent;
  flex-grow: 1;
  margin-bottom: 0;
  display: inline-flex;
}
.conflict-module .conflict-table {
  padding: 0 0 20px 0;
}
.conflict-module .conflict-table .table-header {
  color: #737373!important;
}
.conflict-module .conflict-table .table-content {
  display: flex;
  height: 42px;
  line-height: 42px;
  font-size: 12px;
  color: #4a4a4a;
  border-bottom: solid 1px #f5f5f5;
}
.conflict-module .conflict-table .table-content .no-data {
  text-align: center;
  width: 100%;
}
.conflict-module .conflict-table .table-content .ibass-checked {
  color: #fa8919;
}
.conflict-module .conflict-table .table-content .ibass-checkbox:before,
.conflict-module .conflict-table .table-content .ibass-checked:before {
  vertical-align: top;
}
.conflict-module .conflict-table .table-content .table-td {
  width: 135px;
}
.conflict-module .conflict-table .table-content .table-td input {
  border: none;
  width: 85%;
}
.conflict-module .conflict-table .table-content .table-td input.add-border-color {
  border-bottom: 1px solid #fa8919;
}
.conflict-module .conflict-table .table-content .table-td input.in-table-header {
  max-width: 110px;
}
.conflict-module .conflict-table .table-content .table-td input.orange::-webkit-input-placeholder {
  color: #e75549;
}
.conflict-module .conflict-table .table-content .table-td .ibass-edit {
  cursor: pointer;
  margin-left: 10px;
  color: #a9a9a9;
}
.conflict-module .conflict-table .table-content .table-td .ibass-edit:hover {
  color: #fa8919;
}
.conflict-module .text-long-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.conflict-module .ibass-project-type1:before {
  color: #ff5469;
}
.conflict-module .ibass-project-type2:before {
  color: #4fbe6d;
}
.conflict-module .ibass-project-type3:before {
  color: #67aaf6;
}
.conflict-module .ibass-project-type4:before {
  color: #fa8919;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.cus-new-tab {
  padding-top: 20px;
  text-align: center;
  color: #737373;
}
.cus-new-tab li {
  display: inline-block;
  margin: 0 2px;
  padding: 0 20px;
  line-height: 30px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  position: relative;
}
.cus-new-tab li:hover,
.cus-new-tab li.current {
  color: var(--default);
  border-bottom: 2px solid var(--default);
}
.ziboClass {
  font-size: 24px;
  color: #000 !important;
}
.iradar-prompt-popover-dot {
  display: block;
  z-index: 99999;
  cursor: default;
}
.iradar-prompt-popover-dot::before {
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 78px;
  opacity: 0;
  background: #ed6c00;
  animation: radarGuidePlay 3s linear infinite;
  animation-delay: 1s;
}
.iradar-prompt-popover-dot::after {
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 78px;
  opacity: 0;
  background: #ed6c00;
  animation: radarGuidePlay 3s linear infinite;
  animation-delay: 2s;
}
@keyframes radarGuidePlay {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  10% {
    opacity: .8;
  }
  60% {
    opacity: 0.1;
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

.me-document .ibass-filetype-folder {
  vertical-align: middle;
  color: #07cfda;
}
.me-document {
  padding: 0px 25px 2px 25px;
  color: #4a4a4a;
}
.me-document .l-subtle {
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  top: 0px;
}
.me-document a.l-title {
  padding-left: 9px!important;
  position: relative;
  top: 4px;
  line-height: 36px;
}
.me-document .s-title {
  font-size: 16px;
  padding-top: 4px;
}
.me-document .s-title {
  font-size: 16px;
}
.me-document .lastpage {
  font-size: 12px;
  padding: 4px!important;
}
.me-document .common-inner-nav {
  position: relative;
  padding: 10px 17px;
  float: left;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  box-sizing: border-box;
}
.me-document .common-inner-nav .main-btn {
  line-height: 34px;
  height: 34px;
}
.me-document .common-inner-nav .main-btn:before {
  margin: -3px 5px 0 0;
  font-size: 12px;
}
.me-document .common-inner-nav .checknum {
  cursor: pointer;
  font-size: 12px;
  line-height: 32px;
  background: #f8f8f9;
  padding: 7px 0px 7px 14px;
  border-radius: 18px;
}
.me-document .common-inner-nav .checknum i {
  color: #fdba78;
  margin-right: 10px;
}
.me-document .common-inner-nav .checknum i:hover {
  color: #fa8919;
}
.me-document .common-inner-nav .file {
  position: relative;
  display: inline-block;
  text-decoration: none;
  text-indent: 0;
}
.me-document .common-inner-nav .file input {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
.me-document .common-inner-nav .file:hover {
  text-decoration: none;
}
.me-document .common-inner-nav .l-title {
  padding-left: 14px;
  color: #4a4a4a;
  line-height: 33px;
  font-size: 14px;
  display: inline;
  vertical-align: middle;
}
.me-document .common-inner-nav .s-title {
  color: #4a4a4a;
  font-family: PingFangSC;
  font-size: 14px;
  display: inline;
}
.me-document .common-inner-nav .lastpage {
  color: #8a94a0;
  display: inline!important;
  position: relative;
  top: 6px;
}
.me-document .common-inner-nav .location {
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  line-height: 42px;
  width: 41%;
}
.me-document .common-inner-nav .location span {
  color: #ed6c00;
  font-weight: normal;
  float: left;
}
.me-document .common-inner-nav .location span:not(:first-child) {
  float: left;
  cursor: pointer;
}
.me-document .common-inner-nav .location span:not(:first-child):before {
  content: "/";
  color: #a9a9a9;
  margin: 0 5px 0 2px;
}
.me-document .common-inner-nav .location span:last-child {
  float: left;
  color: #4a4a4a;
  font-weight: bold;
}
.me-document .common-inner-nav .operation {
  font-weight: normal;
  display: inline-block;
  line-height: 38px;
}
.me-document .common-inner-nav .operation i {
  color: #cdc9c5;
  font-size: 14px;
  position: relative;
  bottom: 1px;
}
.me-document .common-inner-nav .operation .delete {
  font-size: 12px;
  padding-right: 12px;
  cursor: pointer;
}
.me-document .common-inner-nav .operation .delete:hover i {
  color: #fa8919;
}
.me-document .common-inner-nav .operation .delete i {
  margin-right: 5px;
}
.me-document .common-inner-nav .operation .edit {
  font-size: 12px;
  padding-right: 12px;
  margin-left: 12px;
  cursor: pointer;
}
.me-document .common-inner-nav .operation .edit:hover i {
  color: #fa8919;
}
.me-document .common-inner-nav .operation .edit i {
  color: #cdc9c5;
  margin-right: 5px;
}
.me-document .common-inner-nav .operation .convert {
  line-height: 20px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 10px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #ebebeb;
  float: left;
  left: 0;
  box-sizing: border-box;
}
.me-document .common-inner-nav .operation .convert span {
  width: 20px;
  height: 18px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #ebebeb;
}
.me-document .common-inner-nav .operation .convert span span {
  color: #cdc9c5;
  font-size: 16px;
}
.me-document .common-inner-nav .operation .convert span a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.me-document .common-inner-nav .operation .convert span:first-child {
  border-radius: 3px 0 0 3px;
  left: 2px;
}
.me-document .common-inner-nav .operation .convert span:last-child {
  border-right: 0;
  border-radius: 0 3px 3px 0;
  right: 2px;
}
.me-document .common-inner-nav .operation .convert span.active {
  background-color: #fdba78;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.me-document .common-inner-nav .operation .convert span.active span {
  color: #fcfcfb;
}
.me-document .common-inner-nav .operation .convert span:hover {
  background-color: #fcfcfb;
}
.me-document .common-inner-nav .operation .convert span:hover span {
  border-top: solid 1px #ebebeb;
  color: #fdba78;
}
.me-document .searchBox {
  width: 175px;
  height: 30px;
  border-radius: 20px;
  margin-right: 17px;
  position: relative;
}
.me-document .searchBox input {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  text-indent: 25px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  color: #a9a9a9;
}
.me-document .searchBox .ibass-search {
  position: absolute;
  color: #cdc9c5;
  left: 9px;
  top: 8px;
}
.me-document .batchFile {
  margin-right: 20px;
}
.me-document .batchFile .prompt {
  line-height: 30px;
  margin-right: 6px;
  margin-top: 3px;
}
.me-document .batchFile .moveBtn {
  width: 68px;
  height: 28px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #4a4a4a;
  margin-right: 10px;
  margin-top: 3px;
  cursor: pointer;
}
.me-document .batchFile .moveBtn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.me-document .batchFile .deleteBtn {
  width: 70px;
  height: 30px;
  border-radius: 20px;
  background-color: #f72b44;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  margin-top: 3px;
  cursor: pointer;
}
.me-document .batchFile .deleteBtn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.me-document .createFile {
  cursor: pointer;
  float: right;
  width: 120px;
  border-radius: 20px;
  height: 36px;
  line-height: 36px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.me-document .createFile .createFileDropMenu {
  display: none;
}
.me-document .common-inner-table {
  border-spacing: 0;
  color: #4a4a4a;
  text-align: left;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  border: 0;
}
.me-document .common-inner-table .suspension-frame {
  width: 100%;
  height: 46px;
  position: absolute!important;
  left: 0px;
  top: 0px;
}
.me-document .common-inner-table .all-class {
  font-size: 16px;
  float: left;
  line-height: 41px;
  padding-right: 14px;
}
.me-document .common-inner-table .all-check:hover {
  color: #fa8919;
}
.me-document .common-inner-table .prompt-box {
  position: absolute!important;
  left: 0;
  top: -50px;
}
.me-document .common-inner-table .prompt-box .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 9px;
  border-color: transparent;
  position: absolute;
  border-top-color: #fa8919;
  left: 360%;
  top: 54px;
  margin-left: -11px;
}
.me-document .common-inner-table .prompt-box .triangle:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 8px;
  border-color: transparent;
  position: absolute;
}
.me-document .common-inner-table .prompt-box .tooltip {
  border: 1px solid #fa8919;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  width: 150px;
}
.me-document .common-inner-table .prompt-box .tooltip span {
  color: #f60;
}
.me-document .common-inner-table th {
  min-width: 5%;
  box-sizing: border-box;
  font-weight: inherit;
  line-height: 34px;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
}
.me-document .common-inner-table th .ibass-checkbox {
  font-size: 16px;
  color: #cdc9c5;
  padding-right: 14px;
}
.me-document .common-inner-table th .ibass-checked {
  font-size: 16px;
  color: #fa8919;
  padding-right: 14px;
}
.me-document .common-inner-table thead {
  line-height: 34px;
}
.me-document .common-inner-table td {
  line-height: 41px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  white-space: nowrap;
}
.me-document .common-inner-table td .doc-error {
  cursor: default;
}
.me-document .common-inner-table td .ibass-warning {
  color: #f00;
}
.me-document .common-inner-table td .ibass-checkbox {
  font-size: 16px;
  color: #cdc9c5;
  padding-right: 14px;
}
.me-document .common-inner-table td .ibass-checked {
  font-size: 16px;
  color: #fa8919;
  padding-right: 14px;
}
.me-document .common-inner-table td a {
  float: left;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.me-document .common-inner-table {
  margin: 5px 0;
}
.me-document .common-inner-table tr {
  line-height: 42px;
}
.me-document .common-inner-table tr .icongroup i {
  font-size: 16px;
  visibility: hidden;
}
.me-document .common-inner-table tr .icongroup-new {
  line-height: 42px;
  text-align: right;
  padding-right: 25px;
}
.me-document .common-inner-table tr .icongroup-new .normal-btn {
  padding-right: 15px;
  width: 80px;
  height: 35px;
  border-radius: 50px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  margin-right: 10px;
  visibility: hidden;
}
.me-document .common-inner-table tr:hover,
.me-document .common-inner-table .active {
  cursor: pointer;
  background: #f8f8f9;
}
.me-document .common-inner-table tr:hover {
  cursor: pointer;
}
.me-document .common-inner-table tr:hover .icongroup-new {
  line-height: 42px;
  text-align: right;
  padding-right: 25px;
}
.me-document .common-inner-table tr:hover .icongroup-new .normal-btn {
  width: 80px;
  height: 35px;
  border-radius: 50px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  margin-right: 10px;
  visibility: visible;
}
.me-document .common-inner-table tr:hover .icongroup-new .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
}
.me-document .common-inner-table tr:hover .icongroup-new .ibass-ellipses:hover {
  color: #8590a6;
}
.me-document .common-inner-table tr:hover .icongroup {
  text-align: right;
}
.me-document .common-inner-table tr:hover .icongroup .normal-btn {
  width: 80px;
  height: 35px;
  border-radius: 50px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  margin-right: 10px;
  visibility: visible;
}
.me-document .common-inner-table tr:hover .icongroup i {
  font-size: 16px;
  visibility: visible;
  color: #fdba78;
  margin-right: 4px;
}
.me-document .common-inner-table tr:hover .icongroup i:hover {
  color: #fa8919;
}
.me-document .common-inner-table tr:hover .icongroup .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
  padding-left: 5px;
}
.me-document .common-inner-table tr:hover .icongroup .ibass-ellipses:hover {
  color: #8590a6;
}
.me-document .history-table {
  font-size: 14px;
}
.me-document .history-table thead {
  font-size: 12px;
}
.me-document .history-table .img {
  padding-top: 10px;
  padding-left: 10px;
  width: 40px;
}
.me-document .history-table .img img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.me-document .history-table .name {
  width: 110px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.me-document .history-table .time {
  cursor: pointer;
}
.me-document .history-table .time i {
  font-size: 12px;
  margin-left: 4px;
}
.me-document .history-table .time:hover i,
.me-document .history-table .active i {
  color: #fa8919;
}
.me-document .history-table .size {
  width: 100px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.me-document .history-table .file .filename {
  width: 340px;
  padding-right: 10px;
  float: left;
  height: 20px;
  line-height: 20px;
}
.me-document .history-table .file .filename p {
  max-width: 260px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.me-document .history-table .file .filename span {
  width: 70px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #fa8919;
  font-size: 12px;
  font-color: #fa8919;
  color: #fa8919;
  weight: 12;
  padding: 0 2px 0 2px;
  margin-left: 4px;
}
.me-document .history-table .file .detail {
  font-size: 12px;
  line-height: 12px;
  color: #a9a9a9;
  float: left;
}
.me-document .history-table .file .detail .dpt {
  margin-right: 12px;
  float: left;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.me-document .history-table .file .detail .size {
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  color: #a9a9a9;
}
.me-document .history-table .oper {
  width: 150px;
  padding-left: 10px;
}
.me-document .history-table .oper span {
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  height: 16px;
  line-height: 16px;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 12px;
  display: inline-block;
  float: left;
}
.me-document .history-table .oper .add {
  background: #fa8919;
  color: #fff;
}
.me-document .history-table .oper .create {
  background: #fa8919;
  color: #fff;
}
.me-document .history-table .oper .delete {
  background: #f72b44;
  color: #fff;
}
.me-document .history-table .oper .clean-up-repo-trash-item {
  background: #f72b44;
  color: #fff;
}
.me-document .history-table .oper .clean-up-repo-trash {
  background: #f72b44;
  color: #fff;
}
.me-document .history-table .oper .edit {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .oper .move {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .oper .recover {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .oper .rename {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .oper .other {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .icongroup {
  width: 80px;
  text-align: center;
}
.me-document .history-table tbody .time {
  color: #a9a9a9;
}
.me-document .common-inner-table tr td div a {
  display: none;
}
.me-document .common-inner-table tbody tr:hover {
  background: #f8f8f9;
}
.me-document .common-inner-table tbody tr:hover td div a {
  color: #cdc9c5;
  display: block;
}
.me-document .common-inner-table .tr-icon {
  padding-right: 14px;
  font-size: 16px;
  vertical-align: middle;
}
.me-document .upload-error {
  padding-top: 150px;
}
.me-document .upload-error .content {
  font-size: 12px;
}
.me-document .upload-error .content div {
  height: 17px;
}
.me-document .upload-error .content .edit-error {
  color: #f72b44;
  margin-right: 12px;
}
.me-document .upload-error .content .edit-error .icon {
  font-size: 16px;
  margin-right: 5px;
  margin-top: -3px;
}
.me-document .upload-error .content .edit-retry {
  color: #fa8919;
  margin-right: 10px;
}
.me-document .upload-error .content .edit-retry .icon {
  font-size: 14px;
  margin-right: 5px;
  margin-top: -2px;
}
.me-document .upload-error .content .edit-close {
  border-left: 1px solid #f0f0f0;
  padding-left: 10px;
  color: #cdc9c5;
}
.me-document .upload-error .content .edit-close .icon {
  font-size: 14px;
  margin-right: 5px;
  margin-top: -1px;
}
.me-document .circle {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 10px;
}
.me-document .circle .item {
  float: left;
  width: 50%;
  height: 100%;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
.me-document .circle .item a {
  font-size: 10px;
  color: #c7d1da;
  width: 16px;
  height: 16px;
}
.me-document .circle .item:not(:last-child) {
  border-right: 1px solid #ccc;
  width: 31px;
}
.me-document .circle .item:hover a {
  color: #1e8aff;
}
.me-document .circle .checked {
  background-color: #fcfdfe;
}
.me-document .circle .checked a {
  color: #1e8aff;
}
.me-document .docc-dropdown {
  position: relative;
}
.me-document .docc-dropdown .doc-dropdown-list {
  position: absolute;
  left: 6px;
  top: -22px;
  transform: translate(-50%, 15px);
  width: 120px;
  padding: 10px 0;
  border: solid 1px #dadada;
  z-index: 100;
  text-align: left;
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 10px #9b9b9b;
}
.me-document .docc-dropdown .doc-dropdown-list:before,
.me-document .docc-dropdown .doc-dropdown-list:after {
  content: "";
  display: block;
  border-width: 10px;
  position: absolute;
  top: -20px;
  left: 50%;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3;
  transform: translateX(-50%);
}
.me-document .docc-dropdown .doc-dropdown-list:after {
  top: -20px;
  border-color: transparent transparent #3d3d3d;
}
.me-document .docc-dropdown .doc-dropdown-list li {
  white-space: nowrap;
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
}
.me-document .docc-dropdown .doc-dropdown-list li a {
  padding-left: 5px;
}
.me-document .docc-dropdown .doc-dropdown-list li font {
  font-family: PingFangSC;
  padding: 5px;
  color: #4a4a4a;
}
.me-document .doc-dropdown {
  position: relative;
}
.me-document .doc-dropdown .doc-dropdown-list {
  position: absolute;
  left: 6px;
  top: -22px;
  transform: translate(-50%, 15px);
  width: 120px;
  padding: 10px 0;
  border: solid 1px #dadada;
  z-index: 100;
  text-align: left;
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 10px #9b9b9b;
}
.me-document .doc-dropdown .doc-dropdown-list:before,
.me-document .doc-dropdown .doc-dropdown-list:after {
  content: "";
  display: block;
  border-width: 10px;
  position: absolute;
  top: -20px;
  left: 50%;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3;
  transform: translateX(-50%);
}
.me-document .doc-dropdown .doc-dropdown-list:after {
  top: -20px;
  border-color: transparent transparent #FFF;
}
.me-document .doc-dropdown .doc-dropdown-list li {
  white-space: nowrap;
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
}
.me-document .doc-dropdown .doc-dropdown-list li:hover {
  background: #282828;
  cursor: pointer;
}
.me-document .doc-dropdown .doc-dropdown-list li a {
  padding-left: 5px;
}
.me-document .doc-dropdown .doc-dropdown-list li font {
  font-family: PingFangSC;
  padding: 5px;
  color: #4a4a4a;
}
.me-document .share-table {
  font-size: 14px;
}
.me-document .share-table thead {
  font-size: 12px;
}
.me-document .share-table .name {
  width: 100px;
  max-width: 290px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.me-document .share-table .time {
  cursor: pointer;
  width: 200px;
}
.me-document .share-table .time i {
  font-size: 12px;
  margin-left: 4px;
}
.me-document .share-table .reponame {
  line-height: 12px;
  padding-top: 3px;
  color: #a9a9a9;
  font-size: 10px;
  max-width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.me-document .share-table .time:hover i,
.me-document .share-table .active i {
  color: #fa8919;
}
.me-document .share-table .size {
  width: 100px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.me-document .share-table .library {
  width: 100px;
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.me-document .share-table .icongroup {
  width: 100px;
  line-height: 12px;
  text-align: center !important;
}
.me-document .firm-member-table {
  margin-top: 20px;
}
.me-document .firm-member-table td:nth-child(2) {
  max-width: 170px;
  width: 170px;
}
.me-document .firm-member-table td {
  padding: 0;
  box-sizing: border-box;
}
.me-document .firm-member-table tbody tr {
  font-size: 14px;
  cursor: pointer;
}
.me-document .firm-member-table tbody tr:hover {
  background-color: #f8f8f9;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.me-document .firm-member-table .ibass-delete {
  color: #cdc9c5;
  cursor: pointer;
  line-height: 45px;
}
.me-document .firm-member-table .ibass-delete:hover {
  color: #f72b44;
}
.me-document .firm-member-table .power {
  color: #737373;
  display: inline-block;
  width: 80px;
  cursor: pointer;
}
.me-document .firm-member-table .power:after {
  color: #fa8919;
  content: "\EA13";
  margin-left: 8px;
  font-family: "icon-bass";
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.me-document .firm-member-table i {
  cursor: pointer;
  overflow: hidden;
  font-size: 16px;
}
.me-document .firm-member-table .icon {
  width: 46px;
  text-align: center;
  padding-top: 6px;
  line-height: 42px;
}
.me-document .firm-member-table .ibass-checkbox:hover,
.me-document .firm-member-table .ibass-checked {
  color: #fa8919;
}
.me-document .firm-member-table .ibass-checkbox:before,
.me-document .firm-member-table .ibass-checked:before {
  display: inline;
}
.me-document .firm-member-table tr {
  line-height: 42px;
}
.me-document .firm-member-table tr .icongroup i {
  visibility: hidden;
}
.me-document .firm-member-table .name {
  line-height: 42px;
  width: 360px;
  cursor: pointer;
}
.me-document .firm-member-table .name .title {
  width: fit-content;
  width: -moz-fit-content;
  max-width: 360px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  line-height: 16px;
  padding-top: -20px;
}
.me-document .firm-member-table .name .titleI {
  width: fit-content;
  width: -moz-fit-content;
  max-width: 380px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  line-height: 16px;
  padding-top: -20px;
  margin: 10px 0 2px 0;
}
.me-document .firm-member-table .public {
  max-width: 380px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.me-document .firm-member-table .size,
.me-document .firm-member-table .time {
  cursor: pointer;
  width: 110px;
  color: #737373;
}
.me-document .firm-member-table .time i {
  margin-left: 4px;
}
.me-document .firm-member-table .time span,
.me-document .firm-member-table .time .active {
  cursor: pointer;
}
.me-document .firm-member-table .time span:hover i,
.me-document .firm-member-table .time .active i {
  color: #fa8919;
}
.me-document .firm-member-table .power {
  color: #737373;
  display: inline-block;
  width: 80px;
  line-height: 20px;
  cursor: pointer;
}
.me-document .firm-member-table .ibass-trig-down:hover,
.me-document .firm-member-table .ibass-trig-up:hover {
  color: #fa8919;
}
.me-document .firm-member-table .thover:hover .ibass-trig-down,
.me-document .firm-member-table .thover:hover .ibass-trig-up {
  color: #fa8919;
}
.me-document .firm-member-table tbody tr {
  cursor: pointer;
}
.me-document .firm-member-table tbody tr:hover,
.me-document .firm-member-table tbody .active {
  cursor: pointer;
  background: #f8f8f9;
}
.me-document .firm-member-table tbody tr:hover {
  cursor: pointer;
}
.me-document .firm-member-table tbody tr:hover .icongroup {
  text-align: center;
  line-height: 12px;
}
.me-document .firm-member-table tbody tr:hover .icongroup i {
  visibility: visible;
  color: #fdba78;
  margin-right: 12px;
}
.me-document .firm-member-table tbody tr:hover .icongroup i:hover {
  color: #fa8919;
}
.me-document .firm-member-table tbody tr:hover .power:after {
  color: #fdba78;
  content: "\EA13";
  margin-left: 8px;
  font-family: "icon-bass";
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.me-document .firm-member-table tbody tr:hover .power:hover:after {
  color: #fa8919;
}
.me-document .ibass-filetype-ppt {
  color: #d04424;
}
.me-document .ibass-filetype-pdf {
  color: #e3574d;
}
.me-document .ibass-filetype-image {
  color: #07cfda;
}
.me-document .ibass-filetype-doc {
  color: #0a96e5;
}
.me-document .ibass-filetype-excel {
  color: #1c7044;
}
.me-document .ibass-filetype-zip {
  color: #9d7120;
}
.me-document .ibass-filetype-music {
  color: #a7d638;
}
.me-document .ibass-filetype-video {
  color: #d94ff5;
}
.me-document .ibass-filetype-default {
  color: #cdc9c5;
}
.me-document .ibass-trig-down,
.me-document .ibass-trig-up {
  font-size: 14px;
  padding-left: 5px;
  display: inline-block;
  color: #9b9b9b;
  visibility: visible;
}
.me-document .ibass-trig-down:hover,
.me-document .ibass-trig-up:hover {
  color: #fa8919;
}
.me-document .thover:hover .ibass-trig-down,
.me-document .thover:hover .ibass-trig-up {
  color: #fa8919;
}
.me-document-ngdialog-template {
  padding-bottom: 160px;
  padding-top: 300px;
}
.me-document-ngdialog-template .ngdialog-overlay {
  background: none!important;
}
.me-document-ngdialog-template .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  color: #444;
  font-family: Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px;
  position: relative;
  width: 900px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
}
.me-document-ngdialog-template .ngdialog-content .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 30px;
  color: #bbb;
}
#choose {
  padding: 30px 20px;
  overflow: hidden;
  min-height: 300px;
}
#choose .panel-heading {
  text-align: center;
}
#choose .panel-body ul {
  overflow-y: auto;
}
#choose .panel-body ul li {
  border-bottom: 1px solid #ebebeb;
  min-height: 30px;
  line-height: 30px;
}
#choose .panel-body ul li i:before {
  color: #07cfda;
}
#choose .panel-body ul li:hover {
  background: #f8f8f8;
}
#choose .panel-footer {
  text-align: center;
  padding-top: 10px;
}
#choose .panel-footer .s-btn {
  width: 100px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 0;
  color: #4a4a4a;
}
#choose .panel-footer .s-btn:nth-child(1) {
  background: #fa8919;
  color: #fff;
}
.document-details {
  position: relative;
  min-height: 815px;
}
.document-details .left-content {
  position: absolute;
  left: 0;
  height: 100%;
  width: 64%;
  border-right: solid 1px #ececec;
}
.document-details .left-content .document-name {
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  border-bottom: solid 2px #ececec;
}
.document-details .left-content .document-name i {
  color: #c7d1da;
}
.document-details .left-content .document-name .name {
  display: inline-block;
  width: 80px;
  color: #8a94a0;
  font-size: 16px;
}
.document-details .left-content .document-name .btn a {
  margin-right: 15px;
  color: #79aad1;
  font-size: 16px;
}
.document-details .left-content .document-name .btn-left a {
  margin-right: 10px;
  color: #79aad1;
  font-size: 20px;
}
.document-details .left-content .document-content {
  margin: 0 20px;
  padding: 14px 0;
  font-size: 14px;
  border-bottom: solid 1px #ececec;
}
.document-details .left-content .document-content .item {
  height: 32px;
  line-height: 32px;
}
.document-details .left-content .document-content .item .name {
  margin-left: 11px;
  width: 100px;
  color: #8a94a0;
}
.document-details .left-content .document-content .item .icon {
  font-size: 14px;
  color: #79aad1;
}
.document-details .right-content {
  position: absolute;
  right: 0;
  height: 100%;
  width: 36%;
}
.document-details .right-content .btn {
  height: 50px;
  padding: 0 20px;
  border-bottom: solid 2px #ececec;
}
.document-details .right-content .btn .next {
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  margin-top: 9px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
}
.document-details .right-content .btn .next .item {
  cursor: pointer;
  width: 60px;
  padding: 0 10px;
}
.document-details .right-content .btn .next .item:hover {
  color: #79aad1;
}
.document-details .right-content .btn .next .item:hover a {
  color: #79aad1;
}
.document-details .right-content .btn .close-page {
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  position: absolute;
  right: -17px;
  top: -17px;
  line-height: 34px;
  text-align: center;
}
.document-details .right-content .btn .close-page a {
  color: #79aad1;
}
.document-details .right-content .message {
  padding: 0 20px;
  margin-top: 10px;
}
.document-details .right-content .message .info {
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  color: #8a94a0;
  clear: both;
}
.document-details .right-content .message .comment {
  margin-top: 9px;
}
.document-details .right-content .message .comment img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.document-details .right-content .message .comment .name {
  font-weight: 500;
}
.document-details .right-content .message .comment .time {
  color: #8a94a0;
  margin-left: 5px;
}
.document-details .right-content .message .comment .desc {
  margin-bottom: 15px;
}
.document-details .right-content .add-comment {
  clear: both;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 94px;
  background-color: #fcfdfe;
  border-top: solid 1px #ececec;
}
.document-details .right-content .add-comment textarea {
  border: none;
  border-left: solid 1px #ececec;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: transparent;
}
.uk-notify .close {
  display: none;
}
.uk-notify .ibass-close {
  color: #fff;
}
.new-project-search-tip {
  width: 290px;
  font-size: 14px;
  background-color: #ffffff;
  color: #a9a9a9;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.new-project-search-tip .search-text {
  padding: 5px 0px;
  word-break: break-all;
}
.new-project-search-tip .search-text i {
  position: absolute;
  top: 6px;
  height: 24px;
  padding: 0px 12px;
}
.new-project-search-tip .search-text span {
  margin-left: 32px;
  padding: 5px 0px;
}
.new-project-search-tip .search-folder {
  height: 30px;
  line-height: 30px;
}
.new-project-search-tip .search-folder i {
  position: absolute;
  left: 12px;
}
.new-project-search-tip .search-folder span {
  margin-left: 32px;
}
.new-project-search-tip .new-search-radio-false {
  float: right;
  position: relative;
  top: 9px;
  right: 10px;
  cursor: pointer;
}
.new-project-search-tip .new-search-radio-false .radio-round {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #b4b4b4;
  position: relative;
  z-index: 10;
}
.new-project-search-tip .new-search-radio-false .radio-line {
  width: 23px;
  border: 1px solid #b4b4b4;
  position: relative;
  bottom: 7px;
}
.new-project-search-tip .new-search-radio-true {
  float: right;
  position: relative;
  top: 9px;
  right: 10px;
  cursor: pointer;
}
.new-project-search-tip .new-search-radio-true .radio-round {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #b4b4b4;
  position: relative;
  z-index: 10;
  left: 14px;
  border-color: #fb881a;
  background-color: #fb881a;
}
.new-project-search-tip .new-search-radio-true .radio-line {
  width: 23px;
  border: 1px solid #b4b4b4;
  position: relative;
  bottom: 7px;
  border-color: #fb881a;
}
.newsearchpart {
  height: 28px;
}
.newsearchpart .m-input-group {
  position: relative;
  width: auto;
  padding-top: -2px;
  height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  box-sizing: border-box;
  display: inline-block;
}
.newsearchpart .m-input-group .m-input-group-input {
  font-size: 12px;
  line-height: 14px;
  margin-left: 5px;
  width: 55px;
  transition: width 0.3s ease;
  margin-right: 40px;
}
.newsearchpart .m-input-group .doc-search-new-tip {
  transform: scale(0.9);
  float: left;
  background-color: #f4f4f4;
  padding: 1px 5px 0px 5px;
  font-size: 10px;
  border-radius: 4px;
  height: 20px;
  border: 1px solid #ededed;
}
.newsearchpart .m-input-group .doc-search-new-tip span {
  display: inline-block;
  width: 43px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777777;
  vertical-align: top;
}
.newsearchpart .m-input-group .doc-search-new-tip i {
  font-size: 10px;
  margin-left: 2px;
  color: #c6c6c6;
}
.newsearchpart .m-input-group .doc-search-new-tip .is-show-filename {
  bottom: 0px;
}
.newsearchpart .m-input-group .m-input-group-icon {
  padding-top: 1px;
}
.newsearchpart .m-input-group .ibass-back {
  position: absolute;
  right: 10px;
  font-size: 12px;
  line-height: 1.33;
  color: #4a4a4a;
  cursor: pointer;
  margin-right: -2px;
}
.newsearchpart .m-input-group .ibass-back:before {
  color: #cdc9c5;
  padding-right: 4px;
  vertical-align: middle;
}
.newsearchpart .advanced-search {
  color: #737373;
  font-size: 12px;
  line-height: 30px;
  vertical-align: top;
  margin-left: 8px;
  cursor: pointer;
}
.newsearchpart .main-btn {
  line-height: 32px;
  height: 32px;
}
.newsearchpart .main-btn:before {
  margin: -3px 5px 0 0;
  font-size: 12px;
}
.newsearchpart .file-searchbox-focus {
  width: 119px !important;
}
.newsearchpart .file-searchbox-focus-border {
  border: solid 1px #ffb387 ;
}
.project-new-search-down-view {
  position: absolute;
  z-index: 10;
  margin-top: 5px;
}
.project-new-search-result .ibass-filetype-folder {
  color: #07cfda;
}
.project-new-search-result .search-result {
  padding: 0px 75px;
}
.project-new-search-result .search-result b {
  color: #fa8919;
  font-size: 12px;
}
.project-new-search-result .search-result li {
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  padding: 10px 0px;
}
.project-new-search-result .search-result .title {
  position: relative;
  overflow: visible;
  margin: 5px 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
.project-new-search-result .search-result .title .titleicon {
  margin-right: 18px;
  vertical-align: middle;
  position: absolute;
  font-size: 20px;
  left: -36px;
  line-height: 30px;
}
.project-new-search-result .search-result .title .titletext {
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-new-search-result .search-result .title .group {
  font-style: normal;
  margin-left: 15px;
  visibility: hidden;
  cursor: pointer;
  font-size: 14px;
  line-height: 32px;
  padding: 7px 12px;
  width: 40px;
}
.project-new-search-result .search-result .title .group i {
  color: #fdba78;
  margin-right: 10px;
}
.project-new-search-result .search-result .title .group i:hover {
  color: #fa8919;
}
.project-new-search-result .search-result li:hover .group {
  visibility: visible;
}
.project-new-search-result .search-result .dpt {
  font-size: 12px;
  line-height: 1.33;
  color: #4a4a4a;
}
.project-new-search-result .search-result .dpt .url span {
  word-break: break-all;
  color: #a9a9a9;
}
.project-new-search-result .search-result .dpt .size {
  float: right;
}
.project-new-search-result .search-result .dpt .date {
  float: right;
  margin-left: 10px;
}
.project-new-search-result .search-result .detail {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.33;
}
.project-new-search-result .search-result .detail div {
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.project-new-search-result .back-bar {
  padding: 10px 0px 0px 40px;
}
.project-new-search-result .back-bar i {
  font-size: 20px;
  vertical-align: middle;
  color: #07cfda;
}
.project-new-search-result .back-bar span {
  font-size: 14px;
  color: #ed6c00;
  cursor: pointer;
}
.project-new-search-result .back-bar span > span:last-child {
  color: #4a4a4a;
  font-weight: bold;
  cursor: default;
}
#recycle-table .name p {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: inline-block;
  vertical-align: top;
}
.ibass-share-tooltip {
  width: 162px;
  padding: 5px;
}
.projectSearch:before {
  content: "/";
  margin: 0 5px 0 2px;
  color: #a9a9a9;
}

.documentationPreview {
  margin: 130px auto;
  width: 640px;
  height: 775px;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 30px 25px;
}
.documentationPreview .cursor {
  cursor: pointer;
}
.documentationPreview .previewHead {
  padding-bottom: 23px;
  height: 22px;
  line-height: 22px;
  border-bottom: 1px solid #f0f0f0;
}
.documentationPreview .previewHead .previewHeadLeft {
  float: left;
}
.documentationPreview .previewHead .previewHeadLeft b {
  color: #07cfda;
}
.documentationPreview .previewHead .previewHeadRight {
  color: #cdc9c5;
}
.documentationPreview .previewHead .previewHeadRight ul {
  float: right;
}
.documentationPreview .previewHead .previewHeadRight ul li {
  width: 49px;
  float: left;
  font-size: 16px;
  text-align: center;
  border-right: 1px solid #ededed;
  cursor: pointer;
}
.documentationPreview .previewHead .previewHeadRight ul li.last {
  border-right: 0;
}
.documentationPreview .documentDistrict {
  text-align: center;
}
.documentationPreview .documentDistrict .documentBigIcon {
  margin-top: 60px;
  height: 50px;
  background: #ddd;
  padding-bottom: 15px;
}
.documentationPreview .documentDistrict .documentName {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
}
.documentationPreview .documentDistrict .documentName span {
  display: inline-block;
  color: #a9a9a9;
  font-size: 14px;
}
.documentationPreview .documentDistrict .previewDocDes {
  color: #a9a9a9;
  margin-top: 10px;
  font-size: 12px;
  line-height: 17px;
}
.documentationPreview .documentDistrict .documentDownLoad {
  margin: 30px auto 10px;
  height: 36px;
  width: 130px;
  line-height: 36px;
  font-size: 12px;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: #fa8919;
  color: #fff;
}
.documentationPreview .documentDistrict .documentRemove {
  height: 18px;
  line-height: 18px;
  color: #a9a9a9;
  font-size: 12px;
}
.documentationPreview .addDiscuss {
  margin-top: 60px;
  margin-bottom: 35px;
  height: 50px;
  border-radius: 6px;
  background: #fefeff;
  box-shadow: inser 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  display: -webkit-flex;
}
.documentationPreview .addDiscuss span {
  flex: 1;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  color: #cdc9c5;
  text-align: center;
}
.documentationPreview .addDiscuss .discussText {
  flex: 12;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #a9a9a9;
  border-left: 1px solid #d5d5d5!important;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding-left: 15px;
  border: none;
}
.documentationPreview .addForum .who .headImage {
  border: 1px solid #ededed;
  float: left;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.documentationPreview .addForum .who .friendName {
  float: left;
  margin-left: 22px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.documentationPreview .addForum .who .writeTime {
  padding-left: 10px;
  float: left;
  line-height: 20px;
  font-size: 14px;
  color: #a9a9a9;
}
.documentationPreview .addForum .content {
  clear: both;
  font-size: 14px;
  margin-left: 18px;
  margin-bottom: 15px;
  border-left: 3px solid #f8f8f8;
  padding-left: 37px;
}
.documentationPreview .creater {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.documentationPreview .creater .addIcon:before {
  content: "\EA25";
  font-size: 18px;
  color: #67aaf6;
  font-family: "icon-bass";
  position: relative;
  left: 11px;
  float: left;
}
.documentationPreview .creater .createBy {
  float: left;
  padding-left: 25px;
  color: #4a4a4a;
}
.documentationPreview .creater .createFor {
  float: left;
  padding-left: 5px;
  color: #a9a9a9;
}
.documentationPreview .creater .createTime {
  float: left;
  padding-left: 5px;
  color: #a9a9a9;
}

.documentationPreview {
  margin: 130px auto;
  width: 640px;
  height: 775px;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 30px 25px;
}
.documentationPreview .cursor {
  cursor: pointer;
}
.documentationPreview .previewHead {
  padding-bottom: 23px;
  height: 22px;
  line-height: 22px;
  border-bottom: 1px solid #f0f0f0;
}
.documentationPreview .previewHead .previewHeadLeft {
  float: left;
}
.documentationPreview .previewHead .previewHeadLeft b {
  color: #07cfda;
}
.documentationPreview .previewHead .previewHeadRight {
  color: #cdc9c5;
}
.documentationPreview .previewHead .previewHeadRight ul {
  float: right;
}
.documentationPreview .previewHead .previewHeadRight ul li {
  width: 49px;
  float: left;
  font-size: 16px;
  text-align: center;
  border-right: 1px solid #ededed;
  cursor: pointer;
}
.documentationPreview .previewHead .previewHeadRight ul li.last {
  border-right: 0;
}
.documentationPreview .documentDistrict {
  text-align: center;
}
.documentationPreview .documentDistrict .documentBigIcon {
  margin-top: 60px;
  height: 50px;
  background: #ddd;
  padding-bottom: 15px;
}
.documentationPreview .documentDistrict .documentName {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
}
.documentationPreview .documentDistrict .documentName span {
  display: inline-block;
  color: #a9a9a9;
  font-size: 14px;
}
.documentationPreview .documentDistrict .previewDocDes {
  color: #a9a9a9;
  margin-top: 10px;
  font-size: 12px;
  line-height: 17px;
}
.documentationPreview .documentDistrict .documentDownLoad {
  margin: 30px auto 10px;
  height: 36px;
  width: 130px;
  line-height: 36px;
  font-size: 12px;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: #fa8919;
  color: #fff;
}
.documentationPreview .documentDistrict .documentRemove {
  height: 18px;
  line-height: 18px;
  color: #a9a9a9;
  font-size: 12px;
}
.documentationPreview .addDiscuss {
  margin-top: 60px;
  margin-bottom: 35px;
  height: 50px;
  border-radius: 6px;
  background: #fefeff;
  box-shadow: inser 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  display: -webkit-flex;
}
.documentationPreview .addDiscuss span {
  flex: 1;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  color: #cdc9c5;
  text-align: center;
}
.documentationPreview .addDiscuss .discussText {
  flex: 12;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #a9a9a9;
  border-left: 1px solid #d5d5d5!important;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding-left: 15px;
  border: none;
}
.documentationPreview .addForum .who .headImage {
  border: 1px solid #ededed;
  float: left;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.documentationPreview .addForum .who .friendName {
  float: left;
  margin-left: 22px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.documentationPreview .addForum .who .writeTime {
  padding-left: 10px;
  float: left;
  line-height: 20px;
  font-size: 14px;
  color: #a9a9a9;
}
.documentationPreview .addForum .content {
  clear: both;
  font-size: 14px;
  margin-left: 18px;
  margin-bottom: 15px;
  border-left: 3px solid #f8f8f8;
  padding-left: 37px;
}
.documentationPreview .creater {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.documentationPreview .creater .addIcon:before {
  content: "\EA25";
  font-size: 18px;
  color: #67aaf6;
  font-family: "icon-bass";
  position: relative;
  left: 11px;
  float: left;
}
.documentationPreview .creater .createBy {
  float: left;
  padding-left: 25px;
  color: #4a4a4a;
}
.documentationPreview .creater .createFor {
  float: left;
  padding-left: 5px;
  color: #a9a9a9;
}
.documentationPreview .creater .createTime {
  float: left;
  padding-left: 5px;
  color: #a9a9a9;
}

.financial-popover {
  left: 250px !important;
}
.finance-wrap {
  width: 100%;
  height: 100%;
}
.finance-wrap .finance-left {
  width: 180px;
  float: left;
  padding-top: 20px;
  margin-left: 5px;
}
.finance-wrap .finance-left .finance-arrow {
  font-size: 14px;
  float: right;
  margin-right: 8px;
}
.finance-wrap .finance-left div {
  width: 86%;
  line-height: 18px;
  margin: 1px 0;
  padding: 5px 0 5px 15px;
  border-radius: 20px;
  display: inline-block;
  cursor: pointer;
}
.finance-wrap .finance-left div i {
  color: #cdc9c5;
}
.finance-wrap .finance-left .active-type {
  background-color: #f8f8f9;
  border-radius: 15px;
}
.finance-wrap .finance-left .active-type i {
  color: #fa8919;
}
.finance-wrap .finance-left div:hover i {
  color: #fa8919;
}
.finance-wrap .finance-content-right {
  border-left: 1px solid #f0f0f0;
  width: 770px;
  padding-left: 22px;
  padding-top: 34px;
  float: left;
}
.financial-title {
  font-size: 16px;
  height: 33px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.financial-title .operation-add {
  float: right;
  width: 98px;
  height: 34px;
  padding-left: 20px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 34px;
  text-align: left;
  cursor: pointer;
}
.financial-title .operation-add span {
  font-style: normal;
  padding-left: 8px;
  vertical-align: top;
}
.financial-header .financial-summary {
  float: left;
  margin: 11px 0 9px 0px;
  color: #737373;
}
.financial-header .line {
  display: inline-block;
  height: 14px;
  vertical-align: middle;
  border-left: solid 1px #ededed;
  margin: 0 7px;
}
.financial-header .financial-search {
  margin-top: 11px;
  float: right;
  color: #737373;
}
.financial-header .financial-search .ibass-trig-down {
  color: #cdc9c5;
  vertical-align: sub;
  margin-left: 5px;
}
.financial-header .operation-add {
  float: right;
  margin-right: 20px;
}
.financial-content {
  width: 100%;
}
.financial-content .table-header {
  color: #737373;
  height: 36px;
  line-height: 42px;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
  font-size: 0;
}
.financial-content .table-header span:nth-child(1) {
  width: 396px;
}
.financial-content .table-header span:nth-child(2) {
  width: 200px;
}
.financial-content .table-header span {
  font-size: 12px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.financial-content .table-content {
  color: #4a4a4a;
}
.financial-content .table-content .table-tr {
  position: relative;
  height: 52px;
  font-size: 0;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
}
.financial-content .table-content .table-tr:hover {
  background-color: #f8f8f9;
}
.financial-content .table-content .table-tr:hover .tool i {
  display: inline-block;
}
.financial-content .table-content .table-tr .ibass-delete {
  color: #fdba78;
}
.financial-content .table-content .table-tr .analysis {
  background-color: #FFC107;
}
.financial-content .table-content .table-tr .rank {
  background-color: #4dd0e1;
}
.financial-content .table-content .table-tr > div {
  padding: 7px 0 7px 0px;
  width: 396px;
  display: inline-block;
}
.financial-content .table-content .table-tr > div .main-title {
  color: #4a4a4a;
  font-size: 14px;
  height: 20px;
}
.financial-content .table-content .table-tr > div .half-title {
  font-size: 12px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
  margin-bottom: 6px;
}
.financial-content .table-content .table-tr > div div {
  width: fit-content;
  overflow: hidden;
  max-width: 90%;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.financial-content .table-content .table-tr span:nth-child(2) {
  width: 200px;
}
.financial-content .table-content .table-tr > span {
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  height: 52px;
  line-height: 52px;
  text-overflow: ellipsis;
}
.financial-content .table-content .table-tr .tool {
  line-height: 40px;
  position: relative;
}
.financial-content .table-content .table-tr .tool i {
  font-size: 12px;
  display: none;
}
.financial-content .page {
  width: 100%;
  text-align: center;
}
.financial-content .page ul {
  display: inline-block;
}
.financial-empty {
  width: 100%;
  text-align: center;
  margin-top: 180px;
  min-height: 500px;
}
.financial-empty .empty-title {
  font-size: 14px;
  color: #ddd6d9;
}
.bill.nfim-foot-wrap {
  color: #4a4a4a;
}
.financial-tooltip {
  max-width: 320px;
  word-wrap: break-word;
}

.financial-popover {
  left: 250px !important;
}
.financeV2-remind-message {
  width: 180px;
  display: inline-block;
  position: absolute;
  background-color: #ffffff;
  z-index: 100;
  top: 21px;
  margin-left: 20px;
}
.financeV2-top-tab {
  float: right;
  margin-top: 1px;
  line-height: 72px;
}
.financeV2-top-tab a {
  padding: 0 24px;
  display: inline-block;
  line-height: 72px;
}
.financeV2-top-tab a:hover {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.financeV2-top-tab .active-type {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.financeV2-wrap {
  padding: 20px 30px;
}
.financeV2-wrap .financial-flex {
  display: flex;
}
.financeV2-wrap .i-financial-left {
  width: 150px;
  min-height: 800px;
  border-right: 1px solid #ebebeb;
}
.financeV2-wrap .i-financial-left ul.nav-wrap li.nav-item {
  width: 130px;
  height: 32px;
  line-height: 28px;
  margin-bottom: 6px;
  padding-left: 10px;
  border-radius: 25px;
}
.financeV2-wrap .i-financial-left ul.nav-wrap li.nav-item .ibass-dot {
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #cdc9c5;
}
.financeV2-wrap .i-financial-left ul.nav-wrap li.nav-item .ibass-arrow-right {
  float: right;
  margin-right: 10px;
  position: relative;
  top: 3px;
  visibility: hidden;
}
.financeV2-wrap .i-financial-left ul.nav-wrap li.nav-bar-active,
.financeV2-wrap .i-financial-left ul.nav-wrap li:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financeV2-wrap .i-financial-left ul.nav-wrap li.nav-bar-active i,
.financeV2-wrap .i-financial-left ul.nav-wrap li:hover i {
  color: #fa8919;
}
.financeV2-wrap .i-financial-left ul.nav-wrap li.nav-bar-active .ibass-arrow-right,
.financeV2-wrap .i-financial-left ul.nav-wrap li:hover .ibass-arrow-right {
  visibility: visible;
}
.financeV2-wrap .i-financial-right {
  width: 968px;
  padding-left: 20px;
  height: 100%;
}
.financeV2-wrap .financial-title {
  font-size: 16px;
  height: 33px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.financeV2-wrap .financial-title .top-total-money {
  border-left: 1px solid #d5d5d5;
  margin-left: 20px;
  padding-left: 20px;
}
.financeV2-wrap .financial-title .top-total-money span {
  font-size: 12px;
  color: #a9a9a9;
  height: 20px;
  margin-right: 8px;
  line-height: 20px;
  margin-bottom: 6px;
}
.financeV2-wrap .financial-title .operation-add {
  float: right;
  width: 98px;
  height: 34px;
  padding-left: 20px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 34px;
  text-align: left;
  cursor: pointer;
}
.financeV2-wrap .financial-title .operation-add span {
  font-style: normal;
  padding-left: 8px;
  vertical-align: top;
}
.financeV2-wrap .financial-header {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 30px;
  margin-top: 7px;
  padding-bottom: 8px;
}
.financeV2-wrap .financial-header .line {
  display: inline-block;
  height: 14px;
  vertical-align: middle;
  border-left: solid 1px #ededed;
  margin: 0 7px;
}
.financeV2-wrap .financial-header .financial-search,
.financeV2-wrap .financial-header .financial-filter {
  width: 50%;
  display: flex;
  align-items: center;
  color: #737373;
}
.financeV2-wrap .financial-header .financial-search {
  width: 400px;
  justify-content: flex-end;
}
.financeV2-wrap .financial-header .financial-search .back-clean {
  position: absolute;
  right: 10px;
  font-size: 12px;
  background-color: #909090;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.financeV2-wrap .financial-header .financial-search .back-clean .ibass-close {
  color: #fff;
  font-size: 12px;
  position: relative;
  top: -1px;
}
.financeV2-wrap .financial-header .financial-search .back-clean:hover {
  background-color: #ed6c00;
}
.financeV2-wrap .financial-header .financial-search .financial-search-container {
  position: relative;
  height: 18px;
  padding: 5px 0;
  border-radius: 20px;
  flex-grow: 1;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.financeV2-wrap .financial-header .financial-search .financial-search-container .financial-search-icon,
.financeV2-wrap .financial-header .financial-search .financial-search-container .financial-search-close {
  width: 30px;
  height: 24px;
  color: #cdc9c5;
  text-align: center;
  margin-top: 4px;
  cursor: pointer;
}
.financeV2-wrap .financial-header .financial-search .financial-search-container .financial-search-input {
  height: 100%;
  border: 0;
  font-size: 12px;
  background: transparent;
  flex-grow: 1;
}
.financeV2-wrap .financial-header .financial-search .financial-search-line {
  width: 1px;
  height: 18px;
  background: #ebebeb;
  margin: 0 15px;
}
.financeV2-wrap .financial-header .financial-search .financial-summary {
  width: auto;
}
.financeV2-wrap .financial-header .operation-add {
  float: right;
  margin-right: 20px;
}
.financeV2-wrap .financial-filter .financial-filter-single,
.financeV2-wrap .financial-filter .financial-filter-more {
  font-size: 14px;
  display: flex;
  align-content: center;
  align-items: center;
}
.financeV2-wrap .financial-filter .financial-filter-single .ibass-trig-down,
.financeV2-wrap .financial-filter .financial-filter-more .ibass-trig-down,
.financeV2-wrap .financial-filter .financial-filter-single .ibass-trig-up,
.financeV2-wrap .financial-filter .financial-filter-more .ibass-trig-up {
  margin-top: 3px;
  font-size: 12px;
  margin-left: 5px;
}
.financeV2-wrap .financial-filter .financial-filter-more-choose {
  color: #ed6c00;
}
.financeV2-wrap .financial-filter .financial-filter-more-choose .ibass-trig-down {
  color: #ed6c00;
}
.financeV2-wrap .financial-filter .financial-filter-line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-left: 16px;
  margin-right: 12px;
}
.financeV2-wrap .financial-filter-more-container {
  min-height: 200px;
  background: #fbfbfb;
  border-radius: 2px;
  border: 1px solid #f2f2f2;
  margin-top: 15px;
}
.financeV2-wrap .financial-filter-more-container .financial-more-filter-button {
  text-align: right;
  padding: 10px 70px 0 0;
}
.financeV2-wrap .financial-filter-more-container .financial-more-filter-button .btn {
  height: 32px;
  width: 100px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border-radius: 20px;
  line-height: 32px;
}
.financeV2-wrap .financial-filter-more-container .financial-more-filter-button .reset-btn {
  background-color: #f8f8f9;
}
.financeV2-wrap .financial-filter-more-container .financial-more-filter-button .sure-btn {
  color: #fff;
  background-color: #fa8919;
}
.financeV2-wrap .financial-content {
  width: 100%;
}
.financeV2-wrap .financial-content .table-header {
  color: #737373;
  height: 36px;
  line-height: 42px;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
  font-size: 0;
}
.financeV2-wrap .financial-content .table-header .one-item {
  font-size: 12px;
  min-width: 100px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.financeV2-wrap .financial-content .table-content {
  color: #4a4a4a;
  font-size: 12px;
}
.financeV2-wrap .financial-content .table-content .table-tr {
  position: relative;
  height: 52px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
}
.financeV2-wrap .financial-content .table-content .table-tr:hover {
  background-color: #f8f8f9;
}
.financeV2-wrap .financial-content .table-content .table-tr:hover .tool i {
  display: inline-block;
}
.financeV2-wrap .financial-content .table-content .table-tr .cell {
  min-width: 100px;
  height: 52px;
  line-height: 52px;
  padding: 0;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 4px;
  box-sizing: border-box;
}
.financeV2-wrap .financial-content .table-content .table-tr .cell .titleHL {
  color: #ed6c00;
}
.financeV2-wrap .financial-content .table-content .table-tr .ibass-delete {
  color: #fdba78;
}
.financeV2-wrap .financial-content .table-content .table-tr .analysis {
  background-color: #FFC107;
}
.financeV2-wrap .financial-content .table-content .table-tr .rank {
  background-color: #4dd0e1;
}
.financeV2-wrap .financial-content .table-content .table-tr > div {
  padding: 7px 0 7px 0px;
  display: inline-block;
}
.financeV2-wrap .financial-content .table-content .table-tr > div .main-title {
  color: #4a4a4a;
  font-size: 14px;
  height: 20px;
}
.financeV2-wrap .financial-content .table-content .table-tr > div .half-title {
  font-size: 12px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
  margin-bottom: 6px;
}
.financeV2-wrap .financial-content .table-content .table-tr > div div {
  width: fit-content;
  overflow: hidden;
  max-width: 90%;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.financeV2-wrap .financial-content .table-content .table-tr > span {
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  height: 52px;
  line-height: 52px;
  text-overflow: ellipsis;
}
.financeV2-wrap .financial-content .table-content .table-tr .tool {
  line-height: 40px;
  position: relative;
}
.financeV2-wrap .financial-content .table-content .table-tr .tool i {
  font-size: 12px;
  display: none;
}
.financeV2-wrap .financial-content .page {
  width: 100%;
  text-align: center;
}
.financeV2-wrap .financial-content .page ul {
  display: inline-block;
}
.financeV2-wrap .financial-empty {
  width: 100%;
  text-align: center;
  margin-top: 180px;
  min-height: 500px;
}
.financeV2-wrap .financial-empty .empty-title {
  font-size: 14px;
  color: #ddd6d9;
}
.bill.nfim-foot-wrapV2 {
  color: #4a4a4a;
}
.financial-tooltip {
  max-width: 320px;
  word-wrap: break-word;
}
.financial-status-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.firm-commen {
  width: 100%;
  height: 70px;
  border-radius: 3px;
  background-color: #fcfdfe;
  box-shadow: inset 0 -1px 0 0 #f2f2f2;
}
.firm-title {
  overflow: hidden;
  display: inline-block;
  padding: 14px 30px;
}
.firm-title i {
  font-size: 28px;
  color: #1e8aff;
  margin-right: 15px;
  float: left;
}
.firm-title span {
  line-height: 44px;
  font-size: 18px;
  font-weight: 600;
  float: left;
}
.firm-title-ul {
  float: right;
  display: inline-block;
}
.firm-title-ul li {
  padding: 13px 30px 10px 30px;
  box-sizing: border-box;
  float: left;
  color: #8a94a0;
  cursor: pointer;
}
.firm-title-ul .current,
.firm-title-ul li:hover {
  border-bottom: 1px solid #1e8aff;
}
.firm-title-ul .current p,
.firm-title-ul li:hover {
  color: #4a4a4a;
}
.firm-title-ul li i {
  font-size: 20px;
  color: #79aad1;
  line-height: 30px;
}
.firm-title-ul li p {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  margin-left: -2px;
}
.firm-ov-container {
  padding: 40px 155px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 12px;
}
.firm-ov-logo-container {
  overflow: hidden;
  margin-bottom: 10px;
}
.firm-ov-logo-container img {
  width: 240px;
}
.firm-ov-logo-div {
  width: 240px;
  height: 100px;
  background: #fcfdfe;
  float: left;
  cursor: pointer;
}
.firm-ov-logo-div p {
  color: #79aad1;
  text-align: center;
  line-height: 100px;
}
.firm-icon-group {
  color: #79aad1;
  cursor: pointer;
  line-height: 28px;
}
.firm-ov-profile-container {
  padding-bottom: 10px;
  border-bottom: 2px solid #ededed;
}
.firm-ov-profile-container textarea {
  width: 690px;
  max-width: 690px;
  height: 110px;
  border-radius: 2px;
  border: 1px solid #c7d1da;
  box-sizing: border-box;
  margin: 10px 0;
}
.firm-ov-container .firm-ov-title {
  font-size: 14px;
  font-weight: 600;
  margin: 20px 0 10px 0;
}
.firm-jb,
.firm-lx {
  float: left;
  margin: 0px 15px 8px 0;
}
.firm-team-item {
  cursor: pointer;
  display: inline-block;
  height: 126px;
  width: 284px;
  border: 1px solid #dadada;
  overflow: hidden;
  margin: 15px 0;
  margin-right: 32px;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  float: left;
}
.firm-team-item:nth-child(3n) {
  margin-right: 0;
}
.firm-team-item .firm-team-icon {
  font-size: 24px;
  padding: 20px;
  border-right: 1px solid #ebebeb;
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  float: left;
  color: #79aad1;
  cursor: move;
}
.firm-team-item .firm-team-content {
  display: inline-block;
  width: 218px;
  box-sizing: border-box;
  padding: 16px 10px;
  float: left;
}
.firm-team-item .firm-team-title {
  overflow: hidden;
}
.firm-team-item .firm-team-title span:first-child {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 160px;
}
.firm-team-item .firm-team-title span:last-child {
  float: right;
  font-size: 12px;
  color: #79aad1;
  line-height: 26px;
}
.firm-team-item .firm-team-remark {
  font-size: 12px;
  color: #8a94a0;
  line-height: 30px;
}
.firm-team-img {
  margin-top: 15px;
}
.firm-team-img img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.firm-team-add {
  background: #fcfdfe;
}
.firm-team-add p {
  text-align: center;
  line-height: 126px;
  color: #8a94a0;
}
.firm-team-add i {
  font-size: 24px;
  vertical-align: middle;
}
.firm-img-btn {
  width: 108px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fcfdfe;
  border: 1px solid #c7d1da;
  font-size: 12px;
  line-height: 36px;
  display: inline-block;
  padding: 0 6px;
  cursor: pointer;
  overflow: hidden;
  margin: 6px 2px;
}
.firm-img-btn img {
  width: 22px;
  height: 22px;
  border-radius: 12px;
  float: left;
  margin-right: 4px;
  margin-top: 7px;
}
.firm-img-btn span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 66px;
}
.firm-member-nav {
  padding: 10px 15px;
  float: left;
  border-bottom: 1px solid #ededed;
  width: 100%;
  box-sizing: border-box;
}
.firm-member-table {
  padding: 10px 30px;
  color: #8a94a0;
  text-align: left;
  font-size: 12px;
  line-height: 50px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
}
.firm-member-table .firm-black-font {
  color: #4a4a4a;
}
.firm-member-table .firm-big-font {
  font-size: 14px;
}
.firm-member-table th {
  min-width: 20%;
  box-sizing: border-box;
  font-weight: inherit;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
}
.firm-member-table thead {
  line-height: 34px;
}
.firm-member-table i {
  font-size: 14px;
  vertical-align: middle;
  color: #c7d1da;
}
.firm-member-table td {
  border-bottom: 1px solid #ebebeb;
}
.firm-member-table tr {
  margin: 5px 0;
}
.firm-member-table img {
  width: 28px;
  height: 28px;
  border-radius: 12px;
  vertical-align: middle;
  margin-top: -5px;
}
/*模板*/
.firm-document-tab {
  width: 240px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #c7d1da;
  line-height: 36px;
  font-size: 14px;
  cursor: pointer;
  margin: 30px auto;
}
.firm-document-tab div {
  width: 120px;
  float: left;
  text-align: center;
}
.firm-document-tab div:first-child {
  border-right: 1px solid #c7d1da;
  box-sizing: border-box;
}
.firm-templet-container {
  padding: 0px 60px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
}
.firm-templet-div {
  mix-height: 360px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
}
.firm-templet-ul {
  width: 25%;
  float: left;
  box-sizing: border-box;
  padding-bottom: 600px;
  margin-bottom: -600px;
  border-right: 1px solid #ebebeb;
}
.firm-templet-ul li {
  line-height: 42px;
  padding: 0 18px;
  position: relative;
  cursor: pointer;
}
.firm-templet-ul .icon-add-fill {
  color: #1e8aff;
  position: absolute;
  top: 3px;
  right: 12px;
  cursor: pointer;
}
.firm-templet-ul .icon-close {
  position: absolute;
  top: 3px;
  right: 10px;
  cursor: pointer;
  visibility: hidden;
}
.firm-templet-ul .icon-edit {
  position: absolute;
  top: 3px;
  right: 36px;
  cursor: pointer;
  visibility: hidden;
}
.firm-templet-ul li:hover .icon-edit,
.firm-templet-ul li:hover .icon-close {
  visibility: visible;
}
.templet-item {
  width: 100%;
  height: 50px;
  border-bottom: solid 1px #ededed;
}
.templet-item li {
  float: left;
  padding: 0 15px;
  line-height: 50px;
  cursor: pointer;
}
.templet-choose {
  color: #1e8aff !important;
}
/*新建成员弹框 */
.firm-dialog-title {
  height: 70px;
  width: 600px;
  border-radius: 4px;
  background: #fcfdfe;
  line-height: 70px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  font-size: 18px;
}
.firm-dialog-body {
  width: 100%;
  padding: 38px;
  background: #fff;
}
.firm-dialog-line {
  margin-bottom: 15px;
}
.firm-dialog-line label:first-child {
  width: 140px;
  margin-right: 20px;
  display: inline-block !important;
}
.firm-dialog-line .m-input {
  width: 160px;
}
.firm-dialog-line .l-select {
  display: inline-block;
}
.firm-dialog-line .check-div {
  margin-right: 10px;
}
.firm-dialog-line .l-btn {
  margin-left: 140px;
}
.firm-dialog-line .l-select-icon {
  top: 6px;
}
.ui-select-search {
  background: transparent;
  width: 160px;
  height: 36px;
  padding: 6px 10px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  -webkit-appearance: none;
}
.ui-select-match {
  background: transparent;
  width: 160px;
  height: 36px;
  padding: 6px 10px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  -webkit-appearance: none;
}
.ui-select-container {
  position: relative;
}
.ui-select-choices {
  background: #fff;
  opacity: 1;
  position: absolute;
  z-index: 10;
}
.prepage {
  color: #1e8aff;
  display: inline-block;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  padding: 8px;
  cursor: pointer;
}
.lastpage {
  color: #1e8aff;
  display: inline-block;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  padding: 8px;
  cursor: pointer;
}
.p-disable {
  color: #ebebeb;
  cursor: not-allowed;
}
.page-search {
  position: relative;
  color: #79aad1;
  font-size: 23px;
  top: 7px;
  left: 4px;
  cursor: pointer;
}

/*
132938
*/
@font-face {
  font-family: "iCourt";
  src: url('font-icourt/iCourt.eot?timestamp=132938');
  src: url('font-icourt/iCourt.eot?#iefix?timestamp=132938') format('eot'), url('font-icourt/iCourt.woff2?timestamp=132938') format('woff2'), url('font-icourt/iCourt.woff?timestamp=132938') format('woff'), url('font-icourt/iCourt.ttf?timestamp=132938') format('truetype'), url('font-icourt/iCourt.svg#iCourt?timestamp=132938') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icourt:before {
  display: inline-block;
  font-family: "iCourt";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icourt-alpha:before {
  display: inline-block;
  font-family: "iCourt";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icourt-alpha:before {
  content: "\61";
}
.icourt-icourt:before {
  display: inline-block;
  font-family: "iCourt";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icourt-icourt:before {
  content: "\69";
}

.collection-download-center {
  position: fixed;
  left: 10px;
  bottom: 55px;
  width: 400px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 9px;
  z-index: 1000;
  user-select: none;
}
.collection-download-center .center-header {
  height: 50px;
  line-height: 50px;
  padding: 0 14px 0 14px;
  border-radius: 9px 9px 0 0;
  background-color: #ed6c00;
}
.collection-download-center .center-header.border-radius {
  border-radius: 9px;
}
.collection-download-center .center-header span {
  color: #fff;
}
.collection-download-center .center-header .right {
  height: 50px;
}
.collection-download-center .center-header .right i {
  font-size: 14px;
  color: #fff;
  margin-left: 12px;
}
.collection-download-center .center-content {
  overflow: auto;
  max-height: 240px;
  transition: 100ms ease height;
}
.collection-download-center .center-content .item {
  width: calc("100% - 28px");
  height: 67px;
  padding: 0 14px 0 14px;
  border-bottom: 1px solid #ebebeb;
}
.collection-download-center .center-content .item:hover {
  background: #f8f8f8;
}
.collection-download-center .center-content .item:last-child {
  border: none;
  border-radius: 0 0 9px 9px;
}
.collection-download-center .center-content .item i {
  font-size: 32px;
  line-height: 66px;
}
.collection-download-center .center-content .item .blue {
  color: #07cfda;
}
.collection-download-center .center-content .item .content-detail {
  display: inline-block;
}
.collection-download-center .center-content .item .content-detail .item-title {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collection-download-center .center-content .item .content-detail .item-detail span {
  font-size: 12px;
}
.collection-download-center .center-content .item .content-detail .item-detail .generate-wait,
.collection-download-center .center-content .item .content-detail .item-detail .generate-cancel {
  color: #9b9b9b;
}
.collection-download-center .center-content .item .content-detail .item-detail .generate-error {
  color: #d0021b;
}
.collection-download-center .center-content .item .content-detail .item-detail .generate-success {
  color: #417505;
}
.collection-download-center .center-content .item .content-detail .item-detail .file-size {
  color: #a9a9a9;
}
.collection-download-center .center-content .item .content-operate {
  display: inline-block;
  height: 66px;
  line-height: 66px;
}
.collection-download-center .center-content .item .content-operate i {
  margin-left: 10px;
  color: #9b9b9b;
  font-size: 14px;
}
.collection-download-center .center-content .item .content-operate i:hover {
  color: #fa8919;
}
.collection-download-center .center-content .item .content-operate .item-loading {
  width: 12px;
}
.collection-download-center-modal {
  width: 560px;
  height: 238px;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
}
.collection-download-center-modal .center-header {
  margin: 40px 25px 0;
}
.collection-download-center-modal .center-header .header-line {
  position: relative;
  top: 11px;
  width: 510px;
  height: 1px;
  background: #ebebeb;
}
.collection-download-center-modal .center-header .header-text {
  position: relative;
  width: 100px;
  height: 22px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  background: #fff;
}
.collection-download-center-modal .center-content {
  margin: 40px 0 60px 0;
  text-align: center;
}
.collection-download-center-modal .center-footer {
  margin-left: 25px;
}
.collection-download-center-modal .center-footer div {
  line-height: 36px;
  text-align: center;
  font-size: 12px;
}
.collection-download-center-modal .center-footer .cancel-button {
  float: left;
  width: 110px;
  height: 36px;
  border-radius: 20px;
  background-color: #f8f8f9;
}
.collection-download-center-modal .center-footer .containue-button {
  width: 110px;
  height: 36px;
  margin: 0 auto;
  color: #fff;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.commen-header {
  line-height: 72px;
  box-sizing: border-box;
  margin: 0 30px;
  border-bottom: 1px solid #f0f0f0;
  padding-left: 10px;
}
.commen-header i:first-child {
  color: #07cfda;
  font-size: 25px;
  vertical-align: middle;
}
.commen-header .title {
  font-size: 20px;
  margin-left: 10px;
}
.commen-header .top-tab {
  float: right;
  margin-top: 1px;
}
.left-part {
  max-height: 1000px;
  height: 1000px;
  overflow-x: hidden;
  position: absolute;
  border-right: 1px solid #f0f0f0;
  opacity: 0;
  width: 0px;
  padding: 0 20px;
  box-sizing: border-box;
}
.right-part {
  padding: 0 30px;
  box-sizing: border-box;
  width: 1000px;
  float: right;
}
.slider-open.left-part {
  width: 165px;
  opacity: 1;
  transition: all .1s;
}
.slider-open.right-part {
  width: 830px;
  transition: all .1s;
  padding-left: 9px;
}
.slider-close.left-part {
  width: 0;
  opacity: 0;
  height: 0;
  transition: width .1s;
  transition: opacity .1s;
}
.slider-close.right-part {
  width: 1000px;
  transition: all .1s;
}
.top-tab {
  line-height: 72px;
  display: inline-block;
}
.top-tab a {
  float: left;
}
.top-tab li {
  float: left;
  padding: 0 24px;
  font-size: 14px;
  cursor: pointer;
}
.top-tab li:hover,
.top-tab .current {
  color: #ed6c00;
  box-sizing: border-box;
  border-bottom: 2px solid #fa8919;
}
.icon-btn {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  color: #cdc9c5;
  margin: 0 2px;
  cursor: pointer;
}
.icon-btn i {
  vertical-align: middle;
}
.icon-btn:hover,
.icon-btn.active {
  color: #fff;
  background: #fdba78;
}
.hr-total-num {
  color: #737373;
  display: inline-block;
  padding-left: 20px;
  border-left: 1px solid #ededed;
  margin-left: 10px;
  line-height: 14px;
}
.main-btn {
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #fff;
  background: #fa8919;
  line-height: 34px;
  padding: 0 10px;
  min-width: 120px;
  border: 0;
  cursor: pointer;
  border: 1px solid  #fa8919;
}
.main-btn span {
  vertical-align: middle;
}
.normal-btn {
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #4a4a4a;
  background: #fff;
  line-height: 34px;
  padding: 0 10px;
  border: 1px solid  #cfc7c1;
  box-sizing: border-box;
  cursor: pointer;
}
.normal-btn span {
  vertical-align: middle;
}
.normal-btn:before,
.main-btn:before {
  -webkit-transform: rotate(0deg);
  transition: transform 0.2s;
  vertical-align: middle;
}
.normal-btn:hover,
.main-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
  transition: box-shadow 0.2s;
}
.normal-btn:hover:before,
.main-btn:hover:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transition: transform 0.2s;
}
.normal-btn:active,
.main-btn:active {
  transform: translate3d(0, 1px, 0);
}
.firm-member-table {
  color: #4a4a4a;
  text-align: left;
  font-size: 12px;
  line-height: 50px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
}
.firm-member-table .team-head .cursor {
  cursor: pointer;
}
.firm-member-table .team-head .orange {
  color: #4a4a4a;
}
.firm-member-table .team-head .orange span {
  color: #fa8919;
  visibility: visible;
}
.firm-member-table .team-head th span {
  visibility: hidden;
}
.firm-member-table .team-head th:hover span {
  visibility: visible;
}
.firm-member-table .firm-black-font {
  color: #4a4a4a;
}
.firm-member-table .firm-big-font {
  font-size: 14px;
}
.firm-member-table th {
  min-width: 20%;
  box-sizing: border-box;
  font-weight: inherit;
  cursor: default;
  border-bottom: 1px solid #ebebeb;
}
.firm-member-table thead {
  line-height: 34px;
}
.firm-member-table .ibass-trig-down,
.firm-member-table .ibass-trig-up {
  font-size: 14px;
  vertical-align: middle;
  color: #cdc9c5;
  display: inline-block;
}
.firm-member-table td {
  border-bottom: 1px solid #ebebeb;
}
.firm-member-table tr {
  margin: 5px 0;
}
.firm-member-table img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -5px;
}
.max-eightteen {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 200px;
}
.transform_ninety .ibass-trig-down {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
}
.slider-ul {
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}
.slider-ul .ibass-dot {
  color: #cdc9c5;
  vertical-align: middle;
  margin-right: 6px;
}
.slider-ul .ibass-trig-up,
.slider-ul .ibass-trig-down {
  font-size: 12px;
  color: #cdc9c5;
}
.slider-ul li:first-child {
  font-weight: bold;
  margin-left: 10px;
}
.slider-ul li {
  line-height: 30px;
  position: relative;
  border-radius: 20px;
  width: 128px;
  padding: 0 4px;
  display: inline-block;
}
.slider-ul li span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 90px;
  vertical-align: middle;
}
.slider-ul .ibass-checkmark {
  display: none;
  position: absolute;
  right: 10px;
  color: #fa8919;
  font-size: 20px;
}
.slider-ul .active .ibass-checkmark {
  display: inline-block;
}
.slider-ul li:not(:first-child):hover,
.slider-ul li:not(:first-child):hover .ibass-checkmark,
.slider-ul .active {
  background: #f8f8f9;
  display: inline-block;
  cursor: pointer;
}
.slider-ul li:not(:first-child):hover .ibass-dot,
.slider-ul li:not(:first-child):hover .ibass-checkmark .ibass-dot,
.slider-ul .active .ibass-dot {
  color: #fa8919;
}
.slider-ul li:not(:first-child):hover .ibass-checkmark {
  background: transparent;
}
.input-large {
  width: 400px !important;
}
.input-mid {
  width: 250px !important;
}
.input-sma {
  width: 140px !important;
}
.temp-input {
  border: 0;
  height: 42px;
  line-height: 42px;
  color: #a9a9a9;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  font-size: 14px;
}
.big-dialog-title {
  border-bottom: 1px solid #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  line-height: 72px;
  text-align: center;
}
.slider-ul-tab {
  cursor: pointer;
}
.slider-ul-tab .ibass-trig-up,
.slider-ul-tab .ibass-trig-down {
  margin-right: 10px;
}
.showcode {
  width: 50%;
  display: inline-block;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #67aaf6;
  color: #67aaf6;
  line-height: 50px;
}
.codepart {
  padding: 150px 0;
  text-align: center;
  line-height: 50px;
}
.codepart p.shortline {
  width: 90px;
  height: 1px;
  background: #f0f0f0;
  display: inline-block;
}
.firm-icon-group {
  color: #737373;
}
.member-form {
  color: #4a4a4a;
}
.member-form .member-line {
  margin-top: 15px;
  position: relative;
}
.member-form .member-line .m-select {
  position: relative;
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  height: 40px;
  line-height: 40px;
}
.member-form .member-line .m-select select {
  border: 0;
  padding: 0;
  font-size: 14px;
}
.member-form .member-line div {
  vertical-align: middle;
}
.member-form .member-line .span-info-tip {
  position: absolute;
  top: 30px;
  right: 0;
  cursor: pointer;
  z-index: 100;
}
.member-form .member-line .span-info-tip .test-tooltip {
  background-color: red !important;
}
.select-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  vertical-align: middle;
}
.hr-dialog-title {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.hr-dialog-title .ngdialog-close {
  z-index: 10;
}
.hr-dialog-title .line {
  position: absolute;
  border-bottom: solid 1px #f0f0f0;
  height: 10px;
  top: 18px;
  z-index: 2;
  width: 500px;
  margin-left: 50px;
}
.hr-dialog-title div {
  position: relative;
  z-index: 3;
  height: 22px;
  background: transparent;
  top: 15px;
}
.hr-dialog-title span {
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  padding: 0 8px;
}
.fix-select .ui-select-match,
.fix-select .ui-select-search {
  border: 0;
  padding: 2px;
  line-height: 36px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  height: auto;
  color: #4a4a4a;
  width: 250px;
  box-sizing: border-box;
  font-size: 14px;
  outline: none;
  height: 38px !important;
  padding-top: 0 !important;
}
.fix-select .ui-select-choices {
  border-radius: 10px!important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  border: 0 !important;
  width: 240px;
  padding: 0!important;
  top: 40px;
}
.fix-select .ui-select-match input:focus {
  border-color: #fa8919;
}
.fix-select .ui-select-choices-row,
.fix-select .ui-select-choices-row-inner {
  line-height: 36px !important;
}
.fix-select .ui-select-choices-row.active > a {
  background: #f8f8f9 !important;
  color: #4a4a4a;
}
.fix-select .ui-select-bootstrap .ui-select-choices-row > a {
  line-height: 36px !important;
  padding: 3px 8px;
}
.icon-fixed {
  z-index: 10;
  background: transparent;
}
.icon-fixed .label-pulldown {
  z-index: -1;
}

/*
154541
*/
@font-face {
  font-family: "icon-bass";
  src: url('fonts-bass/icon-bass.eot?timestamp=154541');
  src: url('fonts-bass/icon-bass.eot?#iefix?timestamp=154541') format('eot'), url('fonts-bass/icon-bass.woff2?timestamp=154541') format('woff2'), url('fonts-bass/icon-bass.woff?timestamp=154541') format('woff'), url('fonts-bass/icon-bass.ttf?timestamp=154541') format('truetype'), url('fonts-bass/icon-bass.svg#icon-bass?timestamp=154541') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ibass:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-left:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-left:before {
  content: "\EA01";
}
.ibass-arrow-right:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-right:before {
  content: "\EA02";
}
.ibass-arrow-down:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-down:before {
  content: "\EA03";
}
.ibass-km:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-km:before {
  content: "\EA04";
}
.ibass-task:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task:before {
  content: "\EA05";
}
.ibass-project:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project:before {
  content: "\EA06";
}
.ibass-moreapp:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-moreapp:before {
  content: "\EA07";
}
.ibass-calendar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-calendar:before {
  content: "\EA08";
}
.ibass-analytics:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-analytics:before {
  content: "\EA09";
}
.ibass-arrow-up:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-up:before {
  content: "\EA11";
}
.ibass-edit:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-edit:before {
  content: "\EA12";
}
.ibass-trig-down:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-down:before {
  content: "\EA13";
}
.ibass-trig-up:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-up:before {
  content: "\EA14";
}
.ibass-arrow-next:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-next:before {
  content: "\EA15";
}
.ibass-arrow-prev:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-arrow-prev:before {
  content: "\EA16";
}
.ibass-archive:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-archive:before {
  content: "\EA17";
}
.ibass-search:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-search:before {
  content: "\EA18";
}
.ibass-close:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-close:before {
  content: "\EA19";
}
.ibass-start-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-start-round:before {
  content: "\EA21";
}
.ibass-flag:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-flag:before {
  content: "\EA22";
}
.ibass-clock:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-clock:before {
  content: "\EA23";
}
.ibass-user:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-user:before {
  content: "\EA24";
}
.ibass-add-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-add-round:before {
  content: "\EA25";
}
.ibass-add:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-add:before {
  content: "\EA26";
}
.ibass-task-check:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-check:before {
  content: "\EA27";
}
.ibass-return:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-return:before {
  content: "\EA28";
}
.ibass-notification:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-notification:before {
  content: "\EA29";
}
.ibass-back:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-back:before {
  content: "\EA31";
}
.ibass-checked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checked:before {
  content: "\EA32";
}
.ibass-done:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-done:before {
  content: "\EA33";
}
.ibass-start:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-start:before {
  content: "\EA34";
}
.ibass-notification-unread:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-notification-unread:before {
  content: "\EA35";
}
.ibass-warning:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-warning:before {
  content: "\EA36";
}
.ibass-comment:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-comment:before {
  content: "\EA37";
}
.ibass-stop-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-stop-round:before {
  content: "\EA38";
}
.ibass-checkbox:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checkbox:before {
  content: "\EA39";
}
.ibass-filetype-doc:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-doc:before {
  content: "\EA41";
}
.ibass-filetype-pdf:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-pdf:before {
  content: "\EA42";
}
.ibass-filetype-folder:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-folder:before {
  content: "\EA43";
}
.ibass-filetype-video:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-video:before {
  content: "\EA44";
}
.ibass-filetype-music:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-music:before {
  content: "\EA45";
}
.ibass-filetype-zip:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-zip:before {
  content: "\EA46";
}
.ibass-filetype-image:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-image:before {
  content: "\EA47";
}
.ibass-filetype-excel:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-excel:before {
  content: "\EA48";
}
.ibass-filetype-default:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-default:before {
  content: "\EA49";
}
.ibass-info:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-info:before {
  content: "\EA51";
}
.ibass-alpha:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alpha:before {
  content: "\EA52";
}
.ibass-link:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-link:before {
  content: "\EA53";
}
.ibass-dot:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-dot:before {
  content: "\EA54";
}
.ibass-filetype-ppt:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filetype-ppt:before {
  content: "\EA55";
}
.ibass-settings:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-settings:before {
  content: "\EA56";
}
.ibass-restore:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-restore:before {
  content: "\EA57";
}
.ibass-delete:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-delete:before {
  content: "\EA58";
}
.ibass-list:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-list:before {
  content: "\EA59";
}
.ibass-company:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-company:before {
  content: "\EA61";
}
.ibass-timer-hand:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-timer-hand:before {
  content: "\EA62";
}
.ibass-timer-body:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-timer-body:before {
  content: "\EA63";
}
.ibass-timer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-timer:before {
  content: "\EA64";
}
.ibass-list-add:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-list-add:before {
  content: "\EA65";
}
.ibass-project-type4:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type4:before {
  content: "\EA66";
}
.ibass-project-type3:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type3:before {
  content: "\EA67";
}
.ibass-project-type2:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type2:before {
  content: "\EA68";
}
.ibass-project-type1:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-project-type1:before {
  content: "\EA69";
}
.ibass-filter:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filter:before {
  content: "\EA71";
}
.ibass-category:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-category:before {
  content: "\EA72";
}
.ibass-process:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-process:before {
  content: "\EA73";
}
.ibass-paper:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-paper:before {
  content: "\EA74";
}
.ibass-firm:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-firm:before {
  content: "\EA75";
}
.ibass-clerk:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-clerk:before {
  content: "\EA76";
}
.ibass-judge:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-judge:before {
  content: "\EA77";
}
.ibass-lawyer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-lawyer:before {
  content: "\EA78";
}
.ibass-team:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-team:before {
  content: "\EA79";
}
.ibass-ilaw:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-ilaw:before {
  content: "\EA81";
}
.ibass-tools:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-tools:before {
  content: "\EA82";
}
.ibass-customer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer:before {
  content: "\EA83";
}
.ibass-hr:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-hr:before {
  content: "\EA84";
}
.ibass-add-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-add-fill:before {
  content: "\EA85";
}
.ibass-minus-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-minus-fill:before {
  content: "\EA86";
}
.ibass-checkmark:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checkmark:before {
  content: "\EA87";
}
.ibass-stop:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-stop:before {
  content: "\EA88";
}
.ibass-download:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-download:before {
  content: "\EA89";
}
.ibass-share:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-share:before {
  content: "\EA91";
}
.ibass-location:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-location:before {
  content: "\EA92";
}
.ibass-phone:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-phone:before {
  content: "\EA93";
}
.ibass-email:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-email:before {
  content: "\EA94";
}
.ibass-user-female:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-user-female:before {
  content: "\EA95";
}
.ibass-smart:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-smart:before {
  content: "\EA96";
}
.ibass-logout:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-logout:before {
  content: "\EA97";
}
.ibass-chart-bar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-bar:before {
  content: "\EA98";
}
.ibass-chart-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-line:before {
  content: "\EA99";
}
.ibass-minus-round:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-minus-round:before {
  content: "\EB01";
}
.ibass-chart-pie:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-pie:before {
  content: "\EB02";
}
.ibass-chart-map:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-map:before {
  content: "\EB03";
}
.ibass-customer-service:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer-service:before {
  content: "\EB04";
}
.ibass-marker:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-marker:before {
  content: "\EB05";
}
.ibass-copy:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-copy:before {
  content: "\EB06";
}
.ibass-star:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-star:before {
  content: "\EB07";
}
.ibass-star-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-star-fill:before {
  content: "\EB08";
}
.ibass-heart:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-heart:before {
  content: "\EB09";
}
.ibass-pin:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-pin:before {
  content: "\EB11";
}
.ibass-required:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-required:before {
  content: "\EB12";
}
.ibass-customer-surprise:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer-surprise:before {
  content: "\EB13";
}
.ibass-text:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-text:before {
  content: "\EB14";
}
.ibass-field-casade:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-field-casade:before {
  content: "\EB15";
}
.ibass-insert:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-insert:before {
  content: "\EB16";
}
.ibass-case:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-case:before {
  content: "\EB17";
}
.ibass-attachment:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-attachment:before {
  content: "\EB18";
}
.ibass-heart-fill:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-heart-fill:before {
  content: "\EB19";
}
.ibass-trig-right:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-right:before {
  content: "\EB21";
}
.ibass-trig-left:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trig-left:before {
  content: "\EB22";
}
.ibass-bold:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bold:before {
  content: "\EB23";
}
.ibass-italic:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-italic:before {
  content: "\EB24";
}
.ibass-underline:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-underline:before {
  content: "\EB25";
}
.ibass-plus-square:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-plus-square:before {
  content: "\EB26";
}
.ibass-minus-square:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-minus-square:before {
  content: "\EB27";
}
.ibass-chart-bar-h:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-chart-bar-h:before {
  content: "\EB28";
}
.ibass-task-pad:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-pad:before {
  content: "\EB29";
}
.ibass-schedule:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-schedule:before {
  content: "\EB31";
}
.ibass-upload:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-upload:before {
  content: "\EB32";
}
.ibass-tag:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-tag:before {
  content: "\EB33";
}
.ibass-sort:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sort:before {
  content: "\EB34";
}
.ibass-more:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-more:before {
  content: "\EB35";
}
.ibass-side-column:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-side-column:before {
  content: "\EB36";
}
.ibass-window-fullscreen:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-window-fullscreen:before {
  content: "\EB37";
}
.ibass-mute:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-mute:before {
  content: "\EB38";
}
.ibass-locked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-locked:before {
  content: "\EB39";
}
.ibass-spanner:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-spanner:before {
  content: "\EB41";
}
.ibass-alarm:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alarm:before {
  content: "\EB42";
}
.ibass-loop:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-loop:before {
  content: "\EB43";
}
.ibass-unlocked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-unlocked:before {
  content: "\EB44";
}
.ibass-memo:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-memo:before {
  content: "\EB45";
}
.ibass-ellipses:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-ellipses:before {
  content: "\EB46";
}
.ibass-partial-select:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-partial-select:before {
  content: "\EB47";
}
.ibass-question:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-question:before {
  content: "\EB48";
}
.ibass-permission:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-permission:before {
  content: "\EB49";
}
.ibass-refresh:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-refresh:before {
  content: "\EB51";
}
.ibass-emoji:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-emoji:before {
  content: "\EB52";
}
.ibass-snap:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-snap:before {
  content: "\EB53";
}
.ibass-move:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-move:before {
  content: "\EB54";
}
.ibass-thumbnail:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-thumbnail:before {
  content: "\EB55";
}
.ibass-openproject:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-openproject:before {
  content: "\EB56";
}
.ibass-notebook:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-notebook:before {
  content: "\EB57";
}
.ibass-approved:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approved:before {
  content: "\EB58";
}
.ibass-reject:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-reject:before {
  content: "\EB59";
}
.ibass-textnote:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-textnote:before {
  content: "\EB61";
}
.ibass-mindnode:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-mindnode:before {
  content: "\EB62";
}
.ibass-approve-stamp:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-stamp:before {
  content: "\EB63";
}
.ibass-approve-Invoice:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-Invoice:before {
  content: "\EB64";
}
.ibass-approve-reimburse:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-reimburse:before {
  content: "\EB65";
}
.ibass-board:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-board:before {
  content: "\EB66";
}
.ibass-vault:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-vault:before {
  content: "\EB67";
}
.ibass-view:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-view:before {
  content: "\EB68";
}
.ibass-key-enter:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-key-enter:before {
  content: "\EB69";
}
.ibass-key-shift:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-key-shift:before {
  content: "\EB71";
}
.ibass-shared:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-shared:before {
  content: "\EB72";
}
.ibass-video:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-video:before {
  content: "\EB73";
}
.ibass-percent:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-percent:before {
  content: "\EB74";
}
.ibass-number:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-number:before {
  content: "\EB75";
}
.ibass-trash-empty:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-trash-empty:before {
  content: "\EB76";
}
.ibass-regulation:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-regulation:before {
  content: "\EB77";
}
.ibass-vault-readonly:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-vault-readonly:before {
  content: "\EB78";
}
.ibass-vault-locked:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-vault-locked:before {
  content: "\EB79";
}
.ibass-faq:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-faq:before {
  content: "\EB81";
}
.ibass-subscribe:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-subscribe:before {
  content: "\EB82";
}
.ibass-indent:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-indent:before {
  content: "\EB83";
}
.ibass-align:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-align:before {
  content: "\EB84";
}
.ibass-pic:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-pic:before {
  content: "\EB85";
}
.ibass-checked-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-checked-line:before {
  content: "\EB86";
}
.ibass-linethrough:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-linethrough:before {
  content: "\EB87";
}
.ibass-quote:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-quote:before {
  content: "\EB88";
}
.ibass-import:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-import:before {
  content: "\EB89";
}
.ibass-calculator:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-calculator:before {
  content: "\EB91";
}
.ibass-clause:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-clause:before {
  content: "\EB92";
}
.ibass-fullpage:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-fullpage:before {
  content: "\EB93";
}
.ibass-addtobookmark:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-addtobookmark:before {
  content: "\EB94";
}
.ibass-report:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-report:before {
  content: "\EB95";
}
.ibass-approve-flow:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-approve-flow:before {
  content: "\EB96";
}
.ibass-judicial:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-judicial:before {
  content: "\EB97";
}
.ibass-database:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-database:before {
  content: "\EB98";
}
.ibass-contract:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-contract:before {
  content: "\EB99";
}
.ibass-unapprove:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-unapprove:before {
  content: "\EC01";
}
.ibass-alignment-left:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alignment-left:before {
  content: "\EC02";
}
.ibass-alignment-right:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alignment-right:before {
  content: "\EC03";
}
.ibass-alignment-both:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-alignment-both:before {
  content: "\EC04";
}
.ibass-grade:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-grade:before {
  content: "\EC05";
}
.ibass-follower:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-follower:before {
  content: "\EC06";
}
.ibass-task-autodone:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-autodone:before {
  content: "\EC07";
}
.ibass-task-autodone-List:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-task-autodone-List:before {
  content: "\EC08";
}
.ibass-invisible:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-invisible:before {
  content: "\EC09";
}
.ibass-filter-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-filter-line:before {
  content: "\EC10";
}
.ibass-folder-line:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-folder-line:before {
  content: "\EC11";
}
.ibass-kanban:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-kanban:before {
  content: "\EC12";
}
.ibass-rdefault-selected:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-rdefault-selected:before {
  content: "\EC13";
}
.ibass-database-outline:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-database-outline:before {
  content: "\EC14";
}
.ibass-custom:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-custom:before {
  content: "\EC15";
}
.ibass-system:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-system:before {
  content: "\EC16";
}
.ibass-strickout:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-strickout:before {
  content: "\EC17";
}
.ibass-sidebar-notification:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-notification:before {
  content: "\EC18";
}
.ibass-sidebar-at:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-at:before {
  content: "\EC19";
}
.ibass-sidebar-research:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-research:before {
  content: "\EC20";
}
.ibass-sidebar-add-task:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-add-task:before {
  content: "\EC21";
}
.ibass-sidebar-timer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-timer:before {
  content: "\EC22";
}
.ibass-sidebar-timer-stop:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-timer-stop:before {
  content: "\EC23";
}
.ibass-financial:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-financial:before {
  content: "\EC24";
}
.ibass-customer-service-for-sidebar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-customer-service-for-sidebar:before {
  content: "\EC25";
}
.ibass-Detail:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-Detail:before {
  content: "\EC26";
}
.ibass-new-comment:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-new-comment:before {
  content: "\EC27";
}
.ibass-zoom-out:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-zoom-out:before {
  content: "\EC28";
}
.ibass-zoom-in:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-zoom-in:before {
  content: "\EC29";
}
.ibass-print:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-print:before {
  content: "\EC30";
}
.ibass-fullScreen:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-fullScreen:before {
  content: "\EC31";
}
.ibass-defaultScreen:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-defaultScreen:before {
  content: "\EC32";
}
.ibass-new-download:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-new-download:before {
  content: "\EC33";
}
.ibass-wechat:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-wechat:before {
  content: "\EC34";
}
.ibass-sidebar-empty-timer:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-sidebar-empty-timer:before {
  content: "\EC35";
}
.ibass-keynote:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-keynote:before {
  content: "\EC36";
}
.ibass-numbers:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-numbers:before {
  content: "\EC37";
}
.ibass-pages:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-pages:before {
  content: "\EC38";
}
.ibass-home:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-home:before {
  content: "\EC39";
}
.ibass-folder:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-folder:before {
  content: "\EC40";
}
.ibass-picker:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-picker:before {
  content: "\EC41";
}
.ibass-speaker:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-speaker:before {
  content: "\EC42";
}
.ibass-bigdata-share:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-share:before {
  content: "\EC43";
}
.ibass-bigdata-download:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-download:before {
  content: "\EC44";
}
.ibass-bigdata-list:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-list:before {
  content: "\EC45";
}
.ibass-bigdata-visualization:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-visualization:before {
  content: "\EC46";
}
.ibass-bigdata-area-diagram:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-area-diagram:before {
  content: "\EC47";
}
.ibass-bigdata-annular:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-annular:before {
  content: "\EC48";
}
.ibass-bigdata-biaxial-graph:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-biaxial-graph:before {
  content: "\EC49";
}
.ibass-bigdata-form:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-bigdata-form:before {
  content: "\EC50";
}
.ibass-h1:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-h1:before {
  content: "\EC51";
}
.ibass-h2:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-h2:before {
  content: "\EC52";
}
.ibass-undo:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-undo:before {
  content: "\EC53";
}
.ibass-live:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-live:before {
  content: "\EC54";
}
.ibass-replace:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-replace:before {
  content: "\EC55";
}
.ibass-printline:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-printline:before {
  content: "\EC56";
}
.ibass-counsellor:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-counsellor:before {
  content: "\EC57";
}
.ibass-intelligent-chart-bar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-intelligent-chart-bar:before {
  content: "\EC58";
}
.ibass-legal-finance-regulations:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-finance-regulations:before {
  content: "\EC59";
}
.ibass-legal-court-decisions:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-court-decisions:before {
  content: "\EC60";
}
.ibass-legal-punish:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-punish:before {
  content: "\EC61";
}
.ibass-legal-dynamic:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-dynamic:before {
  content: "\EC62";
}
.ibass-legal-questions-answers:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-legal-questions-answers:before {
  content: "\EC63";
}
.ibass-check-internal:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-internal:before {
  content: "\EC64";
}
.ibass-check-outside:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-outside:before {
  content: "\EC65";
}
.ibass-check-undo-internal:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-undo-internal:before {
  content: "\EC66";
}
.ibass-check-undo-outside:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-check-undo-outside:before {
  content: "\EC67";
}
.ibass-aicase:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-aicase:before {
  content: "\EC68";
}
.ibass-case-compilation-rules:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-case-compilation-rules:before {
  content: "\EC69";
}
.ibass-radar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-radar:before {
  content: "\EC70";
}
.ibass-client-list:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-client-list:before {
  content: "\EC71";
}
.ibass-smart-form:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-smart-form:before {
  content: "\EC72";
}
.ibass-industry-radar:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-industry-radar:before {
  content: "\EC73";
}
.ibass-academic-viewpoint:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-academic-viewpoint:before {
  content: "\EC74";
}
.ibass-excellent-case:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-excellent-case:before {
  content: "\EC75";
}

@font-face {
  font-family: "iconfont";
  src: url('iconfont/iconfont.woff2?t=1660201505172') format('woff2'), url('iconfont/iconfont.woff?t=1660201505172') format('woff'), url('iconfont/iconfont.ttf?t=1660201505172') format('truetype');
  
  /* Project id 2290043 */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icona-weizhiwenjianleixing2:before {
  content: "\e67a";
}
.icona-kongzhuangtai2:before {
  content: "\e67c";
}
.icona-icon-fuxuankuang-weiquanxuan2:before {
  content: "\e672";
}
.icona-icon-fuxuankuang-yixuanjinyong2:before {
  content: "\e673";
}
.icona-icon-fuxuankuang-jinyong2:before {
  content: "\e679";
}
.icona-icon-fuxuankuang-gouxuan2:before {
  content: "\e67b";
}
.icona-icon-fuxuankuang-zhengchang2:before {
  content: "\e67d";
}
.icona-icon-daochu-zhengchang2:before {
  content: "\e67f";
}
.icona-icon-guanzhu-yiguanzhu2:before {
  content: "\e680";
}
.icona-icon-guanzhu-zhengchang2:before {
  content: "\e682";
}
.icona-icon-jigoukehu-weixuanzhong2:before {
  content: "\e683";
}
.icona-icon-shanchu-zhengchang2:before {
  content: "\e684";
}
.icona-icon-rili-zhengchang2:before {
  content: "\e688";
}
.icona-icon-zhengzaifuwu-weixuanzhong2:before {
  content: "\e689";
}
.icona-icon-ziranrenkehu-weixuanzhong2:before {
  content: "\e68a";
}
.icona-icon-quanbukehu-weixuanzhong2:before {
  content: "\e68b";
}
.iconSelect:before {
  content: "\e678";
}
.icona-icon-myaccountwodezhanghu:before {
  content: "\e602";
}
.iconicon_store:before {
  content: "\e60b";
}
.iconicon_change:before {
  content: "\e60c";
}
.iconicon_week:before {
  content: "\e60d";
}
.icon-words:before {
  content: "\e677";
}
.iconyonghuhaoyou:before {
  content: "\e627";
}
.iconline-focus:before {
  content: "\e6e6";
}
.iconcircleDown:before {
  content: "\e7ec";
}
.iconcircleUp:before {
  content: "\e626";
}
.iconphone:before {
  content: "\e624";
}
.iconlike:before {
  content: "\e676";
}
.iconqikan:before {
  content: "\e73e";
}
.iconUrge:before {
  content: "\e675";
}
.iconloading:before {
  content: "\e644";
}
.iconfullscreen:before {
  content: "\e674";
}
.iconjinyong:before {
  content: "\e620";
}
.iconstage:before {
  content: "\e671";
}
.iconview:before {
  content: "\e66f";
}
.icona-viewoff:before {
  content: "\e670";
}
.iconindeterminate:before {
  content: "\e713";
}
.iconpostil:before {
  content: "\e619";
}
.iconright:before {
  content: "\e6a3";
}
.iconleft:before {
  content: "\e7eb";
}
.iconsolid-add:before {
  content: "\e631";
}
.iconclose:before {
  content: "\e6e9";
}
.iconfeishu:before {
  content: "\e663";
}
.iconlink:before {
  content: "\e65f";
}
.icontrig-right:before {
  content: "\e65d";
}
.icontrig-down:before {
  content: "\e65e";
}
.iconcheckbox:before {
  content: "\e652";
}
.iconchecked:before {
  content: "\e653";
}
.icondot:before {
  content: "\e651";
}
.iconadd:before {
  content: "\e649";
}
.icondelete:before {
  content: "\e64a";
}
.icontask-autodone:before {
  content: "\e64b";
}
.iconadd-round:before {
  content: "\e64c";
}
.iconclause:before {
  content: "\e64d";
}
.iconalignment-left:before {
  content: "\e64e";
}
.icondone:before {
  content: "\e64f";
}
.iconmove:before {
  content: "\e650";
}
.iconbukexiazai:before {
  content: "\e68b";
}
.iconbuketianjiajiansuo:before {
  content: "\e68a";
}

.financeV2-remind-message .istration-remind-message .istration {
  border-top: 1px solid #f0f0f0;
  margin-top: 5px;
}
.financeV2-remind-message .istration-remind-message .istration .no-remind {
  text-align: center;
}
.istration-admin .financeV2-top-tab {
  float: right;
  margin-top: 1px;
  line-height: 72px;
}
.istration-admin .financeV2-top-tab a {
  padding: 0 24px;
  display: inline-block;
  line-height: 72px;
}
.istration-admin .financeV2-top-tab a:hover {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.istration-admin .financeV2-top-tab .active-type {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}

.commen-header {
  line-height: 72px;
  box-sizing: border-box;
  margin: 0 30px;
  border-bottom: 1px solid #f0f0f0;
  padding-left: 10px;
}
.commen-header i:first-child {
  color: #07cfda;
  font-size: 25px;
  vertical-align: middle;
}
.commen-header .title {
  font-size: 20px;
  margin-left: 10px;
}
.commen-header .top-tab {
  float: right;
  margin-top: 1px;
}
.left-part {
  max-height: 1000px;
  height: 1000px;
  overflow-x: hidden;
  position: absolute;
  border-right: 1px solid #f0f0f0;
  opacity: 0;
  width: 0px;
  padding: 0 20px;
  box-sizing: border-box;
}
.right-part {
  padding: 0 30px;
  box-sizing: border-box;
  width: 1000px;
  float: right;
}
.slider-open.left-part {
  width: 165px;
  opacity: 1;
  transition: all .1s;
}
.slider-open.right-part {
  width: 830px;
  transition: all .1s;
  padding-left: 9px;
}
.slider-close.left-part {
  width: 0;
  opacity: 0;
  height: 0;
  transition: width .1s;
  transition: opacity .1s;
}
.slider-close.right-part {
  width: 1000px;
  transition: all .1s;
}
.top-tab {
  line-height: 72px;
  display: inline-block;
}
.top-tab a {
  float: left;
}
.top-tab li {
  float: left;
  padding: 0 24px;
  font-size: 14px;
  cursor: pointer;
}
.top-tab li:hover,
.top-tab .current {
  color: #ed6c00;
  box-sizing: border-box;
  border-bottom: 2px solid #fa8919;
}
.icon-btn {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  color: #cdc9c5;
  margin: 0 2px;
  cursor: pointer;
}
.icon-btn i {
  vertical-align: middle;
}
.icon-btn:hover,
.icon-btn.active {
  color: #fff;
  background: #fdba78;
}
.hr-total-num {
  color: #737373;
  display: inline-block;
  padding-left: 20px;
  border-left: 1px solid #ededed;
  margin-left: 10px;
  line-height: 14px;
}
.main-btn {
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #fff;
  background: #fa8919;
  line-height: 34px;
  padding: 0 10px;
  min-width: 120px;
  border: 0;
  cursor: pointer;
  border: 1px solid  #fa8919;
}
.main-btn span {
  vertical-align: middle;
}
.normal-btn {
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #4a4a4a;
  background: #fff;
  line-height: 34px;
  padding: 0 10px;
  border: 1px solid  #cfc7c1;
  box-sizing: border-box;
  cursor: pointer;
}
.normal-btn span {
  vertical-align: middle;
}
.normal-btn:before,
.main-btn:before {
  -webkit-transform: rotate(0deg);
  transition: transform 0.2s;
  vertical-align: middle;
}
.normal-btn:hover,
.main-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
  transition: box-shadow 0.2s;
}
.normal-btn:hover:before,
.main-btn:hover:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transition: transform 0.2s;
}
.normal-btn:active,
.main-btn:active {
  transform: translate3d(0, 1px, 0);
}
.firm-member-table {
  color: #4a4a4a;
  text-align: left;
  font-size: 12px;
  line-height: 50px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
}
.firm-member-table .team-head .cursor {
  cursor: pointer;
}
.firm-member-table .team-head .orange {
  color: #4a4a4a;
}
.firm-member-table .team-head .orange span {
  color: #fa8919;
  visibility: visible;
}
.firm-member-table .team-head th span {
  visibility: hidden;
}
.firm-member-table .team-head th:hover span {
  visibility: visible;
}
.firm-member-table .firm-black-font {
  color: #4a4a4a;
}
.firm-member-table .firm-big-font {
  font-size: 14px;
}
.firm-member-table th {
  min-width: 20%;
  box-sizing: border-box;
  font-weight: inherit;
  cursor: default;
  border-bottom: 1px solid #ebebeb;
}
.firm-member-table thead {
  line-height: 34px;
}
.firm-member-table .ibass-trig-down,
.firm-member-table .ibass-trig-up {
  font-size: 14px;
  vertical-align: middle;
  color: #cdc9c5;
  display: inline-block;
}
.firm-member-table td {
  border-bottom: 1px solid #ebebeb;
}
.firm-member-table tr {
  margin: 5px 0;
}
.firm-member-table img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -5px;
}
.max-eightteen {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 200px;
}
.transform_ninety .ibass-trig-down {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
}
.slider-ul {
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}
.slider-ul .ibass-dot {
  color: #cdc9c5;
  vertical-align: middle;
  margin-right: 6px;
}
.slider-ul .ibass-trig-up,
.slider-ul .ibass-trig-down {
  font-size: 12px;
  color: #cdc9c5;
}
.slider-ul li:first-child {
  font-weight: bold;
  margin-left: 10px;
}
.slider-ul li {
  line-height: 30px;
  position: relative;
  border-radius: 20px;
  width: 128px;
  padding: 0 4px;
  display: inline-block;
}
.slider-ul li span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 90px;
  vertical-align: middle;
}
.slider-ul .ibass-checkmark {
  display: none;
  position: absolute;
  right: 10px;
  color: #fa8919;
  font-size: 20px;
}
.slider-ul .active .ibass-checkmark {
  display: inline-block;
}
.slider-ul li:not(:first-child):hover,
.slider-ul li:not(:first-child):hover .ibass-checkmark,
.slider-ul .active {
  background: #f8f8f9;
  display: inline-block;
  cursor: pointer;
}
.slider-ul li:not(:first-child):hover .ibass-dot,
.slider-ul li:not(:first-child):hover .ibass-checkmark .ibass-dot,
.slider-ul .active .ibass-dot {
  color: #fa8919;
}
.slider-ul li:not(:first-child):hover .ibass-checkmark {
  background: transparent;
}
.input-large {
  width: 400px !important;
}
.input-mid {
  width: 250px !important;
}
.input-sma {
  width: 140px !important;
}
.temp-input {
  border: 0;
  height: 42px;
  line-height: 42px;
  color: #a9a9a9;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  font-size: 14px;
}
.big-dialog-title {
  border-bottom: 1px solid #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  line-height: 72px;
  text-align: center;
}
.slider-ul-tab {
  cursor: pointer;
}
.slider-ul-tab .ibass-trig-up,
.slider-ul-tab .ibass-trig-down {
  margin-right: 10px;
}
.showcode {
  width: 50%;
  display: inline-block;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #67aaf6;
  color: #67aaf6;
  line-height: 50px;
}
.codepart {
  padding: 150px 0;
  text-align: center;
  line-height: 50px;
}
.codepart p.shortline {
  width: 90px;
  height: 1px;
  background: #f0f0f0;
  display: inline-block;
}
.firm-icon-group {
  color: #737373;
}
.member-form {
  color: #4a4a4a;
}
.member-form .member-line {
  margin-top: 15px;
  position: relative;
}
.member-form .member-line .m-select {
  position: relative;
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  height: 40px;
  line-height: 40px;
}
.member-form .member-line .m-select select {
  border: 0;
  padding: 0;
  font-size: 14px;
}
.member-form .member-line div {
  vertical-align: middle;
}
.member-form .member-line .span-info-tip {
  position: absolute;
  top: 30px;
  right: 0;
  cursor: pointer;
  z-index: 100;
}
.member-form .member-line .span-info-tip .test-tooltip {
  background-color: red !important;
}
.select-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  vertical-align: middle;
}
.hr-dialog-title {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.hr-dialog-title .ngdialog-close {
  z-index: 10;
}
.hr-dialog-title .line {
  position: absolute;
  border-bottom: solid 1px #f0f0f0;
  height: 10px;
  top: 18px;
  z-index: 2;
  width: 500px;
  margin-left: 50px;
}
.hr-dialog-title div {
  position: relative;
  z-index: 3;
  height: 22px;
  background: transparent;
  top: 15px;
}
.hr-dialog-title span {
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  padding: 0 8px;
}
.fix-select .ui-select-match,
.fix-select .ui-select-search {
  border: 0;
  padding: 2px;
  line-height: 36px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  height: auto;
  color: #4a4a4a;
  width: 250px;
  box-sizing: border-box;
  font-size: 14px;
  outline: none;
  height: 38px !important;
  padding-top: 0 !important;
}
.fix-select .ui-select-choices {
  border-radius: 10px!important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  border: 0 !important;
  width: 240px;
  padding: 0!important;
  top: 40px;
}
.fix-select .ui-select-match input:focus {
  border-color: #fa8919;
}
.fix-select .ui-select-choices-row,
.fix-select .ui-select-choices-row-inner {
  line-height: 36px !important;
}
.fix-select .ui-select-choices-row.active > a {
  background: #f8f8f9 !important;
  color: #4a4a4a;
}
.fix-select .ui-select-bootstrap .ui-select-choices-row > a {
  line-height: 36px !important;
  padding: 3px 8px;
}
.icon-fixed {
  z-index: 10;
  background: transparent;
}
.icon-fixed .label-pulldown {
  z-index: -1;
}



.loginWXWrap {
  background: #464c63 url('login/loginByWechat/images/login-background.jpg') no-repeat 50% 100%;
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  text-align: center;
  width: 100%;
  min-height: 629px;
  background-size: cover;
}
.impowerBox .qrcode {
  width: 222px;
  margin-top: 15px;
  border: 1px solid #E2E2E2;
}
.wxloginbackContent {
  overflow: hidden;
  position: fixed;
  top: 50%;
  margin-top: -110px;
  left: 50%;
  margin-left: -140px;
  width: 280px;
  height: 220px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.wxloginbackContent .pic {
  height: 80px;
  width: 80px;
  border-radius: 40px;
  margin: 40px auto 15px;
}
.wxloginbackContent .pic img {
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 50%;
}
.wxloginbackContent .name {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #fa8919;
  text-align: center;
}
.wxloginbackContent .welcome {
  margin-top: 10px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  color: #a9a9a9;
  font-size: 14px;
}
.exloginfirstguide {
  position: absolute;
  color: #fff;
  font-weight: lighter;
  text-decoration: underline;
  left: 50%;
  margin-left: -84px;
  top: 100%;
  margin-top: -80px;
}

.btm-line {
  border-bottom: 1px solid #1e8aff;
}
.mtr-box {
  border: none;
  position: relative;
  width: 100%;
}
.mtr-header {
  position: absolute;
  width: 980px;
  height: 30px;
  top: 10%;
  left: 1.5%;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  z-index: 15;
}
.mtr-body {
  position: absolute;
  background: #fff;
  z-index: 20;
}
.ngdialog-finance-overlay {
  padding-top: 100px;
  z-index: 100;
}
.ngdialog-finance-overlay .ngdialog-overlay {
  background: none!important;
}
.ngdialog-finance-overlay .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  color: #444;
  font-family: Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px;
  position: relative;
  width: 900px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
}
.ngdialog-finance-overlay .ngdialog-content .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
}
.ngdialog-finance-overlay .partner {
  width: 108px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fcfdfe;
  border: 1px solid #c7d1da;
  font-size: 12px;
  line-height: 36px;
  display: inline-block;
  padding: 0 6px;
  cursor: pointer;
  overflow: hidden;
  margin: 6px 2px;
  vertical-align: middle;
}
.ngdialog-finance-overlay .partner img {
  width: 22px;
  height: 22px;
  border-radius: 12px;
  float: left;
  margin-right: 4px;
  margin-top: 7px;
}
.ngdialog-finance-overlay .partner img span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 66px;
}
.mtr-finance-line {
  margin-bottom: 15px;
}
.mtr-finance-line label:first-child {
  width: 140px;
  text-align: right;
  display: inline-block !important;
}
.mtr-finance-line .m-input {
  width: 160px;
}
.mtr-finance-line .l-select {
  display: inline-block;
}
.mtr-finance-line .check-div {
  margin-right: 10px;
}
.mtr-finance-line .l-btn {
  margin-left: 140px;
}
.mtr-finance-line .l-select-icon {
  top: 6px;
}
.mtr-finance-title-left {
  width: 950px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 20px;
  display: inline;
  /*font-family: PingFangSC;*/
}
.mtr-finance-table {
  padding: 40px 50px;
  color: #4a4a4a;
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  table-layout: fixed;
  overflow: visible;
}
.mtr-finance-table input {
  width: 100%;
  border-color: transparent;
  background: transparent;
  height: 30px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 14px;
  color: #4a4a4a;
  display: block;
  text-align: center;
  outline: none;
  border: none;
}
.mtr-finance-table input:focus {
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #e0e0e0;
}
.mtr-finance-table tbody tr:hover {
  background: #f8f8f9;
}
.mtr-finance-table tbody td:first-child input {
  text-align: left;
  text-indent: 50px;
}
.mtr-finance-table tbody td:first-child {
  text-align: left;
  text-indent: 50px;
}
.mtr-finance-table tbody select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 42px;
  display: block;
  border-color: transparent;
  background: transparent;
}
.mtr-finance-table thead tr {
  text-align: left;
}
.mtr-finance-table thead th:first-child {
  text-align: left;
  text-indent: 50px;
}
.mtr-finance-table .black-font {
  color: #4a4a4a;
  overflow: visible;
}
.mtr-finance-table .big-font {
  font-size: 14px;
}
.mtr-finance-table th {
  min-width: 20%;
  box-sizing: border-box;
  font-weight: inherit;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
}
.mtr-finance-table thead {
  line-height: 34px;
}
.mtr-finance-table i {
  font-size: 14px;
  vertical-align: middle;
  color: #c7d1da;
}
.mtr-finance-table td {
  border-bottom: 1px solid #ebebeb;
}
.mtr-finance-table td input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mtr-finance-table tr {
  margin: 5px 0;
}
.mtr-commen {
  background: #fcfdfe;
  width: 1000px;
  height: 70px;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 0 #f2f2f2;
}
.mtr-close {
  position: absolute;
  top: -16px;
  right: -17px;
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 17px;
  cursor: pointer;
}
.mtr-close i {
  position: absolute;
  left: 33%;
  top: 26%;
  font-size: 11.9px;
  color: #79aad1;
}
.mtr-title {
  float: left;
  margin-top: 25px;
  margin-left: 30px;
  overflow: hidden;
  display: inline-block;
}
.mtr-title i {
  width: 43.5px;
  height: 35px;
  font-size: 28px;
  line-height: 32px;
  color: #1e8aff;
  float: left;
}
.mtr-title span {
  float: left;
  padding-top: 3px;
  font-size: 18px;
  font-weight: 500;
  color: #4a4a4a;
  max-width: 330px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mtr-select {
  position: relative;
  top: 25px;
  float: left;
  margin-left: 15px;
  padding-right: 10px;
  width: 86px;
  height: 26px;
  border-radius: 15px;
  border: 1px solid #E0E0E0;
  cursor: pointer;
}
.mtr-select span {
  position: absolute;
  font-size: 14px;
  color: #f5a623;
  top: 3px;
  left: 10px;
}
.mtr-select i {
  position: absolute;
  color: #f5a623;
  font-size: 8px;
  right: 6px;
  top: 3px;
}
.openlist-arrow {
  position: absolute;
  left: 34.4%;
  top: 87.4%;
  border-width: 0 13px 17px;
  border-style: solid;
  border-color: transparent transparent #fff;
  z-index: 11;
}
.openlist-arrowborder {
  position: absolute;
  left: 31.5%;
  top: 85%;
  border-width: 0 15px 20px;
  border-style: solid;
  border-color: transparent transparent #cecece;
  z-index: 9;
}
.list-listopen {
  width: 120px;
  padding-bottom: 8px;
  left: -10%;
  top: 150%;
  background: #fff;
  position: absolute;
  z-index: 10;
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.list-listopen li {
  box-sizing: border-box;
  padding-left: 16px;
  width: 118px;
  height: 30px;
  margin-top: 6px;
  text-align: left;
  line-height: 30px;
  cursor: pointer;
  font-size: 12px;
}
.list-listopen li:hover {
  background-color: #f6f9ff;
}
.mtr-func {
  position: absolute;
  right: 20px;
  height: 70px;
  cursor: pointer;
}
.mtr-func a,
.mtr-func li {
  display: inline-block;
  float: right;
  width: 84px;
  height: 70px;
  text-align: center;
  color: #4a4a4a;
}
.mtr-func a i,
.mtr-func li i {
  font-size: 20px;
  color: #79aad1;
  display: inline-block;
  margin-top: 15px;
}
.mtr-func a p,
.mtr-func li p {
  font-size: 12px;
  margin-top: -3px;
  color: #79aad1;
}
.mtr-func li:hover p,
.mtr-func a:hover p {
  color: #000;
}
.mtr-item {
  width: 100%;
  height: 50px;
  border-bottom: solid 1px #ededed;
}
.mtr-item-list {
  text-align: center;
}
.mtr-item-list a,
.mtr-item-list li {
  float: left;
  display: inline-block;
  padding-right: 2px;
  width: 110px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 50px;
}
.mtr-item-list a p:hover,
.mtr-item-list li p:hover {
  border-bottom: 1px solid #1e8aff;
}
.mtr-dtl-data {
  position: relative;
  box-sizing: border-box;
  padding-top: 26px;
  width: 100%;
  border-bottom: 1px solid #ededed;
}
.mtr-dtl-data .mtr-dtl-data-icons {
  position: absolute;
  left: 29px;
  top: 15px;
  width: 18px;
  height: 157px;
}
.mtr-dtl-data .mtr-dtl-data-icons i {
  position: absolute;
  width: 18px;
  height: 18px;
  display: block;
  color: #79aad1;
  font-size: 18px;
  margin-top: 1px;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(1) {
  top: 1%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(2) {
  top: 22%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(3) {
  top: 42%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(4) {
  top: 62%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(5) {
  top: 83%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(6) {
  top: 103%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(7) {
  top: 123%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(8) {
  top: 145%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(9) {
  top: 165%;
}
.mtr-dtl-data .mtr-dtl-data-tles {
  position: absolute;
  left: 62px;
  top: 15px;
  width: 70px;
  height: 160px;
}
.mtr-dtl-data .mtr-dtl-data-tles li {
  font-size: 14px;
  line-height: 2.3;
  color: #8a94a0;
}
.mtr-dtl-data .mtr-dtl-data-result {
  position: absolute;
  left: 158px;
  width: 500px;
  top: 18px;
  height: 157px;
}
.mtr-dtl-data .mtr-dtl-data-result li {
  padding-bottom: 12px;
  font-size: 14px;
  color: #4a4a4a;
}
.mtr-dtl-data .mtr-dtl-data-result li p {
  display: inline-block;
}
.mtr-dtl-data-item {
  margin: 0 0 15px 29px;
}
.mtr-dtl-data-item i {
  vertical-align: top;
  width: 18px;
  height: 18px;
  color: #79aad1;
  font-size: 18px;
  display: inline-block;
  padding-right: 15px;
  margin-top: -3px;
}
.mtr-dtl-data-item p {
  width: 70px;
  margin-right: 35px;
  vertical-align: top;
  font-size: 14px;
  line-height: 22px;
  color: #8a94a0;
  display: inline-block;
}
.mtr-dtl-data-item ul {
  display: inline-block;
}
.mtr-dtl-data-item ul li {
  font-size: 14px;
  color: #4a4a4a;
  padding-bottom: 4px;
}
.mtr-dtl-member {
  width: 100%;
  padding-bottom: 25px;
}
.mtr-member-num {
  margin: 15px 0 10px 30px;
}
.mtr-member-num h3 {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.mtr-member-num span {
  display: inline-block;
  width: 37px;
  height: 20px;
  padding-left: 4px;
  font-size: 14px;
  color: #8a94a0;
}
.mtr-member-item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.mtr-member-item .mtr-member-item-tle {
  width: 100px;
  display: inline-block;
  font-size: 14px;
  color: #8a94a0;
  line-height: 22px;
  padding: 0 14px 0 28px;
  float: left;
}
.mtr-member-item .mtr-member-item-all {
  display: inline-block;
  width: 80%;
  float: left;
}
.mtr-dtl-body {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 40px;
}
.mtr-dtl-collect {
  width: 96%;
  margin: 0 auto;
}
.mtr-dtl-collect .mtr-dtl-collect-tle {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  padding: 20px 0 20px 10px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle {
  font-size: 12px;
  color: #a1a1a1;
  margin-top: -6px;
  padding-bottom: 6px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li {
  display: inline-block;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(1) {
  padding: 0 5% 0 1.5%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(2) {
  padding-right: 14%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(3) {
  padding-right: 8%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(4) {
  padding-right: 32%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(5) {
  padding-right: 10%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(6) {
  padding-right: 5%;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctle {
  font-size: 13px;
  font-weight: 500;
  color: #4a4a4a;
  height: 32px;
  line-height: 32px;
  padding-left: 14px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn {
  font-size: 14px;
  color: #4a4a4a;
  height: 32px;
  line-height: 32px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(1) {
  width: 50px;
  margin: 0 48px 0 14px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(2) {
  width: 160px;
  margin-right: 14px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(3) {
  width: 90px;
  margin-right: 15px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(4) {
  width: 310px;
  margin-right: 22px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(5) {
  width: 120px;
  margin-right: 30px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(6) {
  width: 80px;
}
.mtr-finance-add {
  color: #cdc9c5;
  display: inline;
}
.mtr-finance-line {
  width: 400px;
  height: 55px;
  border-bottom: 1px solid #a9a9a9;
  margin-left: 100px;
  margin-bottom: 0;
  font-size: 14px;
  overflow: hidden;
}
.mtr-finance-line label:first-child {
  color: #a9a9a9;
  font-size: 14px;
  display: block;
  margin-right: 0;
  text-align: left;
}
.mtr-finance-line input {
  display: block;
  width: 100%;
}
.mtr-finance-line .m-input {
  border: none;
  outline: none;
  background: transparent;
  height: 32px;
  text-align: left;
}
.mtr-finance-line .l-input {
  border: none;
  outline: none;
  background: transparent;
  height: 32px;
  width: 400px;
  text-align: left;
}
.mtr-finance-line .l-select {
  display: block;
}
.dir-member {
  float: left;
  width: 170px;
  height: 40px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
  position: relative;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.dir-member div {
  top: 6px;
  left: 10px;
  position: absolute;
  height: 28px;
  width: 80px;
}
.dir-member div img {
  width: 28px;
  height: 28px;
  border-radius: 14px;
}
.dir-member div p {
  position: absolute;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
  left: 40px;
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
  display: inline-block;
  border-left: 1px solid #dadada;
}
.dir-member:hover {
  -webkit-box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
}
.dir-addmbr {
  float: left;
  height: 40px;
  background-color: #ffffff;
  position: relative;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.dir-addmbr div {
  top: 6px;
  left: 10px;
  position: absolute;
  height: 28px;
  width: 120px;
  color: #79aad1;
  padding-left: 25px;
}
.dir-addmbr div i {
  position: absolute;
  font-size: 16px;
  top: 2px;
}
.dir-addmbr div p {
  height: 28px;
  padding-left: 24px;
  line-height: 28px;
  display: inline-block;
  font-size: 14px;
}
.mtr-next {
  display: inline-block;
  width: 160px;
  height: 36px;
  border-radius: 2px;
  background-color: #1e8aff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.mtr-next-dis {
  display: inline-block;
  width: 160px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}
.mtr-tpl-manage {
  position: absolute;
  margin-left: 86%;
  top: 137px;
  display: inline-block;
  width: 80px;
  height: 32px;
  border-radius: 2px;
  background-color: #ffffff;
  color: #1e8aff;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.mtr-tpl-manage i {
  font-size: 14px;
  float: left;
}
.tree-box {
  width: 400px;
  height: 250px;
  margin: 16px auto;
  background: #fff;
  border: 1px solid #000;
  font-size: 14px;
  color: #79aad1;
  overflow: auto;
}
.tree-ul {
  margin: 10px 0 2px 0px;
  overflow: hidden;
}
.tree-ul ul {
  float: left;
}
.tree-ul i {
  float: left;
  padding: 0 10px;
  cursor: pointer;
}
.tree-li {
  font-size: 14px;
  margin: 1% 0 1% 4%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tree-li i {
  cursor: pointer;
  float: left;
  font-size: 40%;
}
.tree-li-box {
  display: inline-block;
  margin-left: 3%;
}
.tree-btn {
  text-align: center;
  line-height: 40px;
  width: 120px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #4a4a4a;
  margin: 0 40px;
}
.fileName {
  width: 400px;
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 12px;
  color: #ccc;
  line-height: 82px;
}
.fileStyle {
  width: 400px;
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 60px;
}
.imgBox {
  width: 45px;
  height: 60px;
  float: left;
}
.imgtext {
  float: left;
}
.mfc-file-wrap {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  height: 40px;
  line-height: 40px;
}
.mfc-file-wrap #addFile {
  font-size: 14px;
}
.has-code-histories {
  height: auto!important;
}
.has-code-histories .only-show {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
}
.has-code-histories .only-show span:hover {
  background-color: #feefb1;
  cursor: pointer;
}
.has-code-histories .only-show .up-down {
  color: #a8a8a8;
  font-size: 12px;
  height: 30px;
  cursor: pointer;
  display: inline-block;
  float: right;
}
.has-code-histories .only-show .up-down i {
  margin-left: 4px;
}
.has-code-histories .code-histories ul.list {
  font-size: 14px;
  margin-bottom: 10px;
  padding: 10px;
  background: #f8f8f9;
  border-radius: 2px;
  width: 520px;
  margin-left: -10px;
}
.has-code-histories .code-histories ul.list li {
  overflow: hidden;
}
.has-code-histories .code-histories ul.list li .name {
  margin-right: 12px;
  max-width: 340px;
  display: inline-block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.has-code-histories .code-histories ul.list li .name:hover {
  background-color: #feefb1;
}
.has-code-histories .code-histories ul.list li .time {
  display: inline-block;
  float: right;
  color: #a9a9a9;
  width: 144px;
}

.btm-line {
  border-bottom: 1px solid #1e8aff;
}
.mtr-box {
  border: none;
  position: relative;
  width: 100%;
}
.mtr-header {
  position: absolute;
  width: 980px;
  height: 30px;
  top: 10%;
  left: 1.5%;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  z-index: 15;
}
.mtr-body {
  position: absolute;
  background: #fff;
  z-index: 20;
  border-radius: 10px;
}
.ngdialog-finance-overlay {
  padding-top: 100px;
  z-index: 100;
}
.ngdialog-finance-overlay .ngdialog-overlay {
  background: none!important;
}
.ngdialog-finance-overlay .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  color: #444;
  font-family: Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px;
  position: relative;
  width: 900px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
}
.ngdialog-finance-overlay .ngdialog-content .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
}
.ngdialog-finance-overlay .partner {
  width: 108px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fcfdfe;
  border: 1px solid #c7d1da;
  font-size: 12px;
  line-height: 36px;
  display: inline-block;
  padding: 0 6px;
  cursor: pointer;
  overflow: hidden;
  margin: 6px 2px;
  vertical-align: middle;
}
.ngdialog-finance-overlay .partner img {
  width: 22px;
  height: 22px;
  border-radius: 12px;
  float: left;
  margin-right: 4px;
  margin-top: 7px;
}
.ngdialog-finance-overlay .partner img span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 66px;
}
.mtr-finance-line {
  margin-bottom: 15px;
}
.mtr-finance-line label:first-child {
  width: 140px;
  text-align: right;
  margin-right: 20px;
  display: inline-block !important;
}
.mtr-finance-line .m-input {
  width: 160px;
}
.mtr-finance-line .l-select {
  display: inline-block;
}
.mtr-finance-line .check-div {
  margin-right: 10px;
}
.mtr-finance-line .l-btn {
  margin-left: 140px;
}
.mtr-finance-line .l-select-icon {
  top: 6px;
}
.mtr-finance-title-left {
  display: inline;
}
.mtr-finance-title-right {
  color: #79aad1;
  padding-left: 800px;
  display: inline;
}
.mtr-finance-table {
  padding: 40px 50px;
  color: #8a94a0;
  text-align: left;
  font-size: 12px;
  line-height: 30px;
  width: 900px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  table-layout: fixed;
}
.mtr-finance-table .black-font {
  color: #4a4a4a;
}
.mtr-finance-table .big-font {
  font-size: 14px;
}
.mtr-finance-table th {
  min-width: 20%;
  box-sizing: border-box;
  font-weight: inherit;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
}
.mtr-finance-table thead {
  line-height: 34px;
}
.mtr-finance-table i {
  font-size: 14px;
  vertical-align: middle;
  color: #c7d1da;
}
.mtr-finance-table td {
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mtr-finance-table tr {
  margin: 5px 0;
}
.mtr-commen {
  width: 950px;
  height: 70px;
  margin: 0 25px;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 0 #f2f2f2;
}
.mtr-close {
  position: absolute;
  top: -16px;
  right: -17px;
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 17px;
  cursor: pointer;
}
.mtr-close i {
  position: absolute;
  left: 33%;
  top: 26%;
  font-size: 11.9px;
  color: #79aad1;
}
.mtr-title {
  float: left;
  margin-top: 25px;
  margin-left: 30px;
  overflow: hidden;
  display: inline-block;
}
.mtr-title i {
  width: 43.5px;
  height: 35px;
  font-size: 28px;
  line-height: 32px;
  color: #1e8aff;
  float: left;
}
.mtr-title span {
  float: left;
  padding-top: 3px;
  font-size: 18px;
  font-weight: 500;
  color: #4a4a4a;
  max-width: 330px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mtr-select {
  position: relative;
  top: 25px;
  float: left;
  margin-left: 15px;
  padding-right: 10px;
  width: 86px;
  height: 26px;
  border-radius: 15px;
  border: 1px solid #E0E0E0;
  cursor: pointer;
}
.mtr-select span {
  position: absolute;
  font-size: 14px;
  color: #f5a623;
  top: 3px;
  left: 10px;
}
.mtr-select i {
  position: absolute;
  color: #f5a623;
  font-size: 8px;
  right: 6px;
  top: 3px;
}
.openlist-arrow {
  position: absolute;
  left: 34.4%;
  top: 87.4%;
  border-width: 0 13px 17px;
  border-style: solid;
  border-color: transparent transparent #fff;
  z-index: 11;
}
.openlist-arrowborder {
  position: absolute;
  left: 31.5%;
  top: 85%;
  border-width: 0 15px 20px;
  border-style: solid;
  border-color: transparent transparent #cecece;
  z-index: 9;
}
.list-listopen {
  width: 120px;
  padding-bottom: 8px;
  left: -10%;
  top: 150%;
  background: #fff;
  position: absolute;
  z-index: 10;
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.list-listopen li {
  box-sizing: border-box;
  padding-left: 16px;
  width: 118px;
  height: 30px;
  margin-top: 6px;
  text-align: left;
  line-height: 30px;
  cursor: pointer;
  font-size: 12px;
}
.list-listopen li:hover {
  background-color: #f6f9ff;
}
.mtr-func {
  position: absolute;
  right: 20px;
  height: 70px;
  cursor: pointer;
}
.mtr-func a,
.mtr-func li {
  display: inline-block;
  float: right;
  width: 84px;
  height: 70px;
  text-align: center;
  color: #4a4a4a;
  line-height: 70px;
  font-family: PingFangSC;
}
.mtr-func a i,
.mtr-func li i {
  font-size: 20px;
  color: #4a4a4a;
  display: inline-block;
  margin-top: 15px;
}
.mtr-func a p,
.mtr-func li p {
  font-size: 14px;
  margin-top: -3px;
  color: #4a4a4a;
}
.mtr-func li:hover,
.mtr-func a:hover {
  border-bottom: 2px solid #fa8919;
}
.mtr-func li:hover p,
.mtr-func a:hover p {
  color: #ed6c00;
}
.mtr-item {
  width: 100%;
  height: 50px;
  border-bottom: solid 1px #ededed;
}
.mtr-item-list {
  text-align: center;
}
.mtr-item-list a,
.mtr-item-list li {
  float: left;
  display: inline-block;
  padding-right: 2px;
  width: 110px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 50px;
}
.mtr-item-list a p:hover,
.mtr-item-list li p:hover {
  border-bottom: 1px solid #1e8aff;
}
.mtr-dtl-data {
  position: relative;
  box-sizing: border-box;
  padding-top: 26px;
  width: 100%;
  border-bottom: 1px solid #ededed;
}
.mtr-dtl-data .mtr-dtl-data-icons {
  position: absolute;
  left: 29px;
  top: 15px;
  width: 18px;
  height: 157px;
}
.mtr-dtl-data .mtr-dtl-data-icons i {
  position: absolute;
  width: 18px;
  height: 18px;
  display: block;
  color: #79aad1;
  font-size: 18px;
  margin-top: 1px;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(1) {
  top: 1%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(2) {
  top: 22%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(3) {
  top: 42%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(4) {
  top: 62%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(5) {
  top: 83%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(6) {
  top: 103%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(7) {
  top: 123%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(8) {
  top: 145%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(9) {
  top: 165%;
}
.mtr-dtl-data .mtr-dtl-data-tles {
  position: absolute;
  left: 62px;
  top: 15px;
  width: 70px;
  height: 160px;
}
.mtr-dtl-data .mtr-dtl-data-tles li {
  font-size: 14px;
  line-height: 2.3;
  color: #8a94a0;
}
.mtr-dtl-data .mtr-dtl-data-result {
  position: absolute;
  left: 158px;
  width: 500px;
  top: 18px;
  height: 157px;
}
.mtr-dtl-data .mtr-dtl-data-result li {
  padding-bottom: 12px;
  font-size: 14px;
  color: #4a4a4a;
}
.mtr-dtl-data .mtr-dtl-data-result li p {
  display: inline-block;
}
.mtr-dtl-data-item {
  margin: 0 0 15px 29px;
}
.mtr-dtl-data-item i {
  vertical-align: top;
  width: 18px;
  height: 18px;
  color: #79aad1;
  font-size: 18px;
  display: inline-block;
  padding-right: 15px;
  margin-top: -3px;
}
.mtr-dtl-data-item p {
  width: 70px;
  margin-right: 35px;
  vertical-align: top;
  font-size: 14px;
  line-height: 22px;
  color: #8a94a0;
  display: inline-block;
}
.mtr-dtl-data-item ul {
  display: inline-block;
}
.mtr-dtl-data-item ul li {
  font-size: 14px;
  color: #4a4a4a;
  padding-bottom: 4px;
}
.mtr-dtl-member {
  width: 100%;
  padding-bottom: 25px;
}
.mtr-member-num {
  margin: 15px 0 10px 30px;
}
.mtr-member-num h3 {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.mtr-member-num span {
  display: inline-block;
  width: 37px;
  height: 20px;
  padding-left: 4px;
  font-size: 14px;
  color: #8a94a0;
}
.mtr-member-item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.mtr-member-item .mtr-member-item-tle {
  width: 100px;
  display: inline-block;
  font-size: 14px;
  color: #8a94a0;
  line-height: 22px;
  padding: 0 14px 0 28px;
  float: left;
}
.mtr-member-item .mtr-member-item-all {
  display: inline-block;
  width: 80%;
  float: left;
}
.mtr-dtl-body {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 40px;
}
.mtr-dtl-collect {
  width: 96%;
  margin: 0 auto;
}
.mtr-dtl-collect .mtr-dtl-collect-tle {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  padding: 20px 0 20px 10px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle {
  font-size: 12px;
  color: #a1a1a1;
  margin-top: -6px;
  padding-bottom: 6px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li {
  display: inline-block;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(1) {
  padding: 0 5% 0 1.5%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(2) {
  padding-right: 14%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(3) {
  padding-right: 8%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(4) {
  padding-right: 32%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(5) {
  padding-right: 10%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(6) {
  padding-right: 5%;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctle {
  font-size: 13px;
  font-weight: 500;
  color: #4a4a4a;
  height: 32px;
  line-height: 32px;
  padding-left: 14px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn {
  font-size: 14px;
  color: #4a4a4a;
  height: 32px;
  line-height: 32px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(1) {
  width: 50px;
  margin: 0 48px 0 14px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(2) {
  width: 160px;
  margin-right: 14px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(3) {
  width: 90px;
  margin-right: 15px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(4) {
  width: 310px;
  margin-right: 22px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(5) {
  width: 120px;
  margin-right: 30px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(6) {
  width: 80px;
}
.dir-member {
  float: left;
  width: 170px;
  height: 40px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
  position: relative;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.dir-member div {
  top: 6px;
  left: 10px;
  position: absolute;
  height: 28px;
  width: 80px;
}
.dir-member div img {
  width: 28px;
  height: 28px;
  border-radius: 14px;
}
.dir-member div p {
  position: absolute;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
  left: 40px;
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
  display: inline-block;
  border-left: 1px solid #dadada;
}
.dir-member:hover {
  -webkit-box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
}
.dir-addmbr {
  float: left;
  height: 40px;
  background-color: #ffffff;
  position: relative;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.dir-addmbr div {
  top: 6px;
  left: 10px;
  position: absolute;
  height: 28px;
  width: 120px;
  color: #79aad1;
  padding-left: 25px;
}
.dir-addmbr div i {
  position: absolute;
  font-size: 16px;
  top: 2px;
}
.dir-addmbr div p {
  height: 28px;
  padding-left: 24px;
  line-height: 28px;
  display: inline-block;
  font-size: 14px;
}
.mtr-next {
  display: inline-block;
  width: 160px;
  height: 36px;
  border-radius: 2px;
  background-color: #1e8aff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.mtr-next-dis {
  display: inline-block;
  width: 160px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}
.mtr-tpl-manage {
  position: absolute;
  margin-left: 86%;
  top: 137px;
  display: inline-block;
  width: 80px;
  height: 32px;
  border-radius: 2px;
  background-color: #ffffff;
  color: #1e8aff;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.mtr-tpl-manage i {
  font-size: 14px;
  float: left;
}
.tree-box {
  width: 400px;
  height: 250px;
  margin: 16px auto;
  background: #fff;
  border: 1px solid #000;
  font-size: 14px;
  color: #79aad1;
  overflow: auto;
}
.tree-ul {
  margin: 10px 0 2px 0px;
  overflow: hidden;
}
.tree-ul ul {
  float: left;
}
.tree-ul i {
  float: left;
  padding: 0 10px;
  cursor: pointer;
}
.tree-li {
  font-size: 14px;
  margin: 1% 0 1% 4%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tree-li i {
  cursor: pointer;
  float: left;
  font-size: 40%;
}
.tree-li-box {
  display: inline-block;
  margin-left: 3%;
}
.tree-btn {
  text-align: center;
  line-height: 40px;
  width: 120px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #4a4a4a;
  margin: 0 40px;
}

.belong-matter-list {
  margin-left: -8px;
}
.belong-matter-list .ns-popover-tooltip-option {
  width: 160px;
}
.belong-matter-list .ns-popover-items {
  max-height: 218px;
}
.belong-matter-list .ns-popover-items .ns-popover-item {
  line-height: 36px;
  height: 36px;
  font-weight: 100;
  overflow: hidden;
  padding: 0 12px 0 15px;
  color: #d9d9d9;
}
.belong-matter-list .ns-popover-items .ns-popover-item:hover {
  color: #fff;
}
.belong-matter-list .ns-popover-items .ns-popover-item .number {
  color: #d9d9d9;
}
.matter-dialog-theme1 {
  position: relative;
  background: #fff;
  border-radius: 10px;
}
.matter-dialog-theme1 .matter-dialog-title {
  width: 100px;
  left: 200px;
  top: 40px;
  position: absolute;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  z-index: 10;
  background: #fff;
}
.matter-dialog-theme1 .matter-dialog-line {
  left: 50px;
  top: 50px;
  width: 400px;
  position: absolute;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  z-index: 9;
}
.matter-dialog-theme2 {
  position: relative;
  background: #fff;
  border-radius: 10px;
}
.matter-dialog-theme2 .matter-dialog-title {
  width: 150px;
  left: 230px;
  top: 50px;
  position: absolute;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  z-index: 10;
  background: #fff;
}
.matter-dialog-theme2 .matter-dialog-line {
  left: 50px;
  top: 60px;
  width: 500px;
  position: absolute;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  z-index: 9;
}
.matter-dialog-theme2 .center-content {
  top: 100px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.matter-dialog-theme2 .center-content .pic {
  padding-top: 5px;
  width: 20px;
  height: 30px;
  color: #07cfda;
}
.matter-dialog-theme2 .center-content .role {
  font-size: 14px;
  line-height: 2.1;
  width: 100px;
  color: #a9a9a9;
}
.matter-dialog-theme2 .center-content .text {
  font-size: 14px;
  line-height: 2.1;
  color: #4a4a4a;
}
.reason-ul {
  z-index: 99999 !important;
  background: white;
  width: 300px;
  /* width: 421px; */
  /* height: 234px; */
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  padding: 5px 0;
}
.reason-ul li {
  padding: 2px 8px;
  cursor: pointer;
  color: #999999;
}
.reason-ul li:hover {
  background: #fafafa;
}
.matter-popover-inner-icon {
  display: inline;
  padding-right: 5px;
  top: 2px;
  position: relative;
}
.ngdialog-choose {
  width: 380px;
}
.ngdialog-choose ul {
  margin-left: 20px;
}
.ngdialog-choose li {
  cursor: pointer;
}
.matter-user-pic {
  float: left;
  width: 24px;
  height: 24px;
}
.matter-user-pic .avatar {
  border-radius: 50%;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.matter {
  position: relative;
}
.matter .matter-container {
  padding-bottom: 30px;
}
.matter .matterName-long {
  width: 470px;
  height: 29px;
  line-height: 29px;
}
.matter .matterName-short {
  max-width: 340px;
}
.matter .matterlist.common-star {
  position: relative;
  display: inline-block;
  min-width: 6%;
  color: #cdc9c5;
  font-size: 18px;
  z-index: 10;
  line-height: 18px;
  padding: 0 6px;
  cursor: pointer;
}
.matter .matterlist.common-star a {
  color: #cdc9c5;
}
.matter .matterlist.common-star div {
  padding-left: 0 !important;
}
.matter .matterlist.common-star .ibass-star-fill:before,
.matter .matterlist.common-star .ibass-star:before {
  font-size: 14px;
}
.matter .common-star-inner {
  position: absolute;
  color: #cdc9c5;
  font-size: 18px;
  left: 890px;
  top: 20px;
  z-index: 10;
  line-height: 18px;
  cursor: pointer;
}
.matter .common-copy-inner {
  position: absolute;
  color: #cdc9c5;
  font-size: 18px;
  left: 840px;
  top: 20px;
  z-index: 10;
  line-height: 18px;
  border-left: 1px solid #ededed;
  cursor: pointer;
  padding-left: 15px;
}
.matter .conflict-layer {
  vertical-align: middle;
  height: 14px;
  line-height: 14px;
  display: inline;
  padding-left: 8px;
  cursor: pointer;
}
.matter .conflict-layer .ibass-search {
  vertical-align: middle;
  color: #cdc9c5;
}
.matter .conflict-layer .text {
  color: #737373;
}
.matter .conflict-layer:hover .ibass-search {
  vertical-align: middle;
  color: #fa8919;
}
.matter .conflict-layer:hover .text {
  color: #ed6c00;
}
.matter .matter-ui-select .ui-select-match,
.matter .matter-ui-select .ui-select-search {
  border: 0;
  padding-left: 0px;
  line-height: 36px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  height: auto;
  color: #4a4a4a;
  width: 250px;
  box-sizing: border-box;
  font-size: 14px;
  outline: none;
  height: 38px !important;
  padding-top: 0 !important;
}
.matter .matter-ui-select .ui-select-choices {
  border-radius: 10px!important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  border: 0 !important;
  width: 240px;
  padding: 0!important;
  top: 40px;
}
.matter .matter-ui-select .ui-select-match input:focus {
  border-color: #fa8919;
}
.matter .matter-ui-select .ui-select-choices-row,
.matter .matter-ui-select .ui-select-choices-row-inner {
  line-height: 36px !important;
}
.matter .matter-ui-select .ui-select-choices-row.active > a {
  background: #f8f8f9 !important;
  color: #4a4a4a;
}
.matter .matter-ui-select .ui-select-bootstrap .ui-select-choices-row > a {
  line-height: 36px !important;
  padding: 3px 8px;
}
.matter .delete-lay {
  width: 283px;
  height: 96px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
.matter .delete-lay .text {
  padding: 18px 18px;
  font-size: 14px;
  color: #4a4a4a;
}
.matter .relate-linke-dialog {
  padding: 30px 0 80px 48px;
  font-size: 14px;
  color: #4a4a4a;
}
.matter .relate-linke-dialog .title {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.matter .relate-linke-dialog .type {
  font-size: 14px;
  color: #a9a9a9;
}
.matter .relate-linke-dialog .rectangle-status {
  position: relative;
  left: 4px;
  padding: 2px 3px;
  width: 66px;
  height: 22px;
  border-radius: 12px;
  border: solid 1px #fa8919;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: #ed6c00;
}
.matter .user-pic {
  float: left;
  width: 24px;
  height: 24px;
}
.matter .user-pic .avatar {
  border-radius: 50%;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.matter .user-name {
  padding-left: 6px;
  float: left;
  vertical-align: middle;
  font-size: 14px;
  color: #4a4a4a;
}
.matter .user-name .power {
  font-size: 14px;
  color: #a9a9a9;
}
.matter .common-close {
  position: absolute;
  color: #cdc9c5;
  font-size: 18px;
  left: 940px;
  top: 20px;
  z-index: 10;
  line-height: 18px;
  border-left: 1px solid #ededed;
  cursor: pointer;
}
.matter .common-close a {
  color: #cdc9c5;
}
.matter .common-title {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  top: 25px;
  height: 46px;
  width: 900px;
  margin-left: 50px;
  border-bottom: solid 1px #f0f0f0;
  padding-top: 5px;
}
.matter .common-title-left {
  position: relative;
  font-size: 18px;
  height: 60px;
  font-weight: bold;
  color: #4a4a4a;
  width: 950px;
  transition: all .1s;
  margin-left: 25px;
  border-bottom: solid 1px #f0f0f0;
}
.matter .common-title-left .title-icon {
  top: 18px;
  display: inline;
  color: #fa8919;
  position: relative;
  top: 7px;
  font-size: 24px;
  left: 4px;
}
.matter .common-title-left .title-text {
  float: left;
  position: relative;
  top: 2px;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #4a4a4a;
  left: 10px;
}
.matter .common-title-left .title-choose {
  position: absolute;
  line-height: 22px;
  display: inline;
  margin-top: 2px;
  margin-left: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #4fbe6d;
  padding: 0 2px;
  width: 65px;
  height: 20px;
  border-radius: 12px;
  border: solid 1px #4fbe6d;
  cursor: pointer;
}
.matter .common-title-left .title-choose .ibass-trig-down {
  padding-left: 5px;
  font-size: 12px;
  vertical-align: middle;
  color: #cdc9c5;
  display: inline-block;
}
.matter .detail-title {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.matter .detail-title {
  font-size: 16px;
  font-weight: 600;
  color: #4a4a4a;
}
.matter .detail-content-title {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  color: #4a4a4a;
}
.matter .detail-content-title i {
  color: #cdc9c5;
}
.matter .detail-content {
  position: relative;
  height: auto;
  width: 950px;
  left: 40px;
}
.matter .detail-content .warn {
  position: relative;
  top: -15px;
  color: #fdba78;
  font-size: 18px;
  line-height: 50px;
}
@-webkit-keyframes fadeout {
  100% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  0% {
    opacity: 1;
  }
}
.matter .detail-content .showview {
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
}
.matter .detail-content .hideview {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 1s;
}
.matter .detail-content .rectangle {
  position: relative;
  font-size: 14px;
  color: #4a4a4a;
  padding: 19px 16px;
  left: 177px;
  width: 370px;
  height: 80px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.matter .detail-content .rectangle .iknow {
  padding-left: 310px;
  padding-top: 25px;
  font-size: 14px;
  color: #ed6c00;
  cursor: pointer;
}
.matter .matter-detail-content-norectangle {
  float: left;
  line-height: 32px;
  padding-left: 4px;
  border-radius: 3px;
  width: 170px;
  padding-right: 5px;
  background-color: transparent;
}
.matter .matter-detail-content-rectangle {
  float: left;
  width: 170px;
  padding-left: 4px;
  line-height: 32px;
  border-radius: 3px;
  padding-right: 5px;
  background-color: #f8f8f9;
}
.matter .detail-content-Left {
  position: relative;
  height: auto;
  width: 950px;
  left: 12px;
}
.matter .detail-content-Left .warn {
  position: relative;
  top: -15px;
  color: #fdba78;
  font-size: 18px;
  line-height: 50px;
}
@-webkit-keyframes fadeout {
  100% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  0% {
    opacity: 1;
  }
}
.matter .detail-content-Left .showview {
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
}
.matter .detail-content-Left .hideview {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 1s;
}
.matter .detail-content-Left .rectangle {
  position: relative;
  font-size: 14px;
  color: #4a4a4a;
  padding: 19px 16px;
  left: 177px;
  width: 370px;
  height: 80px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.matter .detail-content-Left .rectangle .iknow {
  padding-left: 310px;
  padding-top: 25px;
  font-size: 14px;
  color: #ed6c00;
  cursor: pointer;
}
.matter .detail-content-Right {
  position: relative;
  border-left: solid 1px #f0f0f0;
  float: left;
  height: auto;
  width: 230px;
}
.matter .detail-content-Right li {
  cursor: pointer;
  padding: 5px 0;
  font-size: 14px;
  color: #4a4a4a;
}
.matter .detail-table {
  padding-top: 15px;
  position: relative;
}
.matter .detail-table .pic {
  padding-top: 5px;
  width: 20px;
  height: 30px;
  color: #07cfda;
}
.matter .detail-table .role {
  font-size: 14px;
  line-height: 2.1;
  width: 100px;
  color: #a9a9a9;
}
.matter .detail-table .text {
  width: 550px;
  font-size: 14px;
  line-height: 2.1;
  color: #4a4a4a;
}
.matter .part-line {
  left: 25px;
  position: relative;
  width: 950px;
  border-bottom: solid 1px #f0f0f0;
  padding-top: 15px;
}
.matter .detail-line {
  left: 25px;
  position: relative;
  width: 70px;
  border-bottom: solid 1px #f0f0f0;
  padding-top: 15px;
}
.matter .matteredit {
  position: relative;
  left: 177px;
}
.matter .matteredit input:-webkit-autofill,
.matter .matteredit textarea:-webkit-autofill,
.matter .matteredit select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.matter .matteredit input[type=text]:focus,
.matter .matteredit input[type=password]:focus,
.matter .matteredit textarea:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.matter .matteredit .edit-group {
  display: inline-block;
  width: 500px;
}
.matter .matteredit .edit-group .edit-center {
  width: 10px;
  position: relative;
  display: block;
  float: left;
}
.matter .matteredit .edit-group .edit-input {
  position: relative;
  float: left;
}
.matter .matteredit .edit-group .edit-input .ibass-customer {
  z-index: 10;
  position: absolute;
  top: 33px;
  right: 6px;
  cursor: pointer;
  color: #cdc9c5;
}
.matter .matteredit .edit-group .edit-input .ibass-customer:hover {
  color: #fa8919;
}
.matter .matteredit textarea {
  width: 100%;
  height: 80px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  resize: none;
}
.matter .matteredit input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  width: 400px;
  height: 60px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
}
.matter .matteredit input .input-sm {
  width: 200px;
}
.matter .matteredit input[type="text"]::-webkit-input-placeholder {
  color: #ccc !important;
}
.matter .edit-view {
  position: relative;
  left: 300px;
  top: 60px;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 400px;
  font-size: 14px;
  color: #a9a9a9;
  padding-left: 0px;
}
.matter .edit-view textarea {
  width: 100%;
  height: 80px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  resize: none;
}
.matter .edit-view input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  width: 400px;
  height: 60px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
}
.matter .edit-view input .input-sm {
  width: 200px;
}
.matter .edit-view input::-webkit-input-placeholder {
  color: #ccc !important;
}
.matter .edit-view  .l-select {
  position: relative;
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  height: 60px;
  line-height: 60px;
  width: 400px;
}
.matter .edit-view  .l-select select {
  border: 0;
  padding: 0;
  color: #a9a9a9;
  font-size: 14px;
}
.matter .edit-view .recover-reason-select {
  width: 300px;
}
.matter .edit-view .m-select {
  position: relative;
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  height: 40px;
  cursor: pointer;
  line-height: 40px;
}
.matter .edit-view .m-select .tip {
  font-size: 12px;
  color: #a8a8a8;
  position: absolute;
  bottom: 25px;
}
.matter .edit-view .m-select .select {
  border: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
}
.matter .edit-view .input-group {
  position: relative;
  width: 200px;
}
.matter .member-view {
  position: relative;
  left: 300px;
  top: 30px;
  width: 410px;
  padding-bottom: 50px;
}
.matter .member-view .member-left {
  width: 260px;
  border-bottom: solid 1px #f0f0f0;
  position: relative;
  display: block;
  float: left;
  padding-right: 0px;
  cursor: pointer;
}
.matter .member-view .member-center {
  width: 10px;
  position: relative;
  display: block;
  float: left;
}
.matter .member-view .member-right {
  width: 130px;
  padding-bottom: 5px;
  border-bottom: solid 1px #f0f0f0;
  position: relative;
  display: block;
  float: left;
  cursor: pointer;
}
.matter .member-view .member-icon {
  width: 10px;
  position: relative;
  display: block;
  float: left;
  cursor: pointer;
}
.matter .line-view {
  position: relative;
  left: 300px;
  top: 30px;
  width: 400px;
  height: 62px;
  border-bottom: solid 1px #f0f0f0;
}
.matter .line-view .title-right {
  width: 200px;
  display: inline;
  line-height: 90px;
  padding-top: 40px;
  padding-right: 210px;
  font-size: 14px;
  color: #4a4a4a;
}
.matter .line-view .title-left {
  display: inline;
  line-height: 90px;
  width: 100px;
  padding-top: 40px;
  font-size: 14px;
  color: #4a4a4a;
}
.matter .model-edit-view {
  position: relative;
  left: 100px;
  padding-top: 80px;
  padding-bottom: 10px;
  width: 400px;
  font-size: 14px;
  color: #a9a9a9;
  padding-left: 0px;
}
.matter .model-edit-view .mattertype-select .ns-popover-search input {
  padding: 0px;
  width: 85%;
  height: 100%;
}
.matter .model-edit-view .mattertype-select .matter-type-radio-select .triangle {
  display: none;
}
.matter .model-edit-view .mattertype-select .matter-type-radio-select .matter-type-container-for-location {
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}
.matter .model-edit-view .mattertype-select .matter-type-radio-select .matter-type-container-for-location .matter-type-select-container {
  width: 400px;
  max-width: 400px;
  margin-top: 0px;
  margin-left: 0px;
}
.matter .model-edit-view textarea {
  width: 100%;
  height: 130px;
  padding: 10px;
  box-sizing: border-box;
  border: solid 1px #d5d5d5;
  border-radius: 4px;
  background-color: #fefeff;
  resize: none;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  outline: none;
}
.matter .model-edit-view textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
.matter .model-edit-view input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  width: 400px;
  height: 60px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  padding-right: 60px;
}
.matter .model-edit-view input .input-sm {
  width: 200px;
}
.matter .model-edit-view input::-webkit-input-placeholder {
  color: #ccc !important;
}
.matter .model-edit-view  .l-select {
  position: relative;
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  height: 60px;
  line-height: 60px;
  width: 400px;
}
.matter .model-edit-view  .l-select select {
  border: 0;
  padding: 0;
  color: #a9a9a9;
  font-size: 14px;
}
.matter .model-edit-view .m-select {
  position: relative;
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  height: 40px;
  line-height: 40px;
}
.matter .model-edit-view .m-select select {
  border: 0;
  padding: 0;
  color: #a9a9a9;
  font-size: 14px;
}
.matter .model-edit-view .input-group {
  position: relative;
  width: 200px;
}
.matter .model-edit-view .matter-item-label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  color: #a8a8a8;
  opacity: 0;
  transition: transform 0.5s ease;
  transform: scale(1.2) translateY(20px);
  transform-origin: left;
}
.matter .model-edit-view .matter-item-label-has-value {
  opacity: 1;
  transform: scale(1) translateY(12px);
}
.matter .model-member-view {
  position: relative;
  left: 100px;
  width: 410px;
  padding-bottom: 50px;
  display: flow-root;
}
.matter .model-member-view .member-left {
  width: 260px;
  border-bottom: solid 1px #f0f0f0;
  position: relative;
  display: block;
  float: left;
  padding-right: 0px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter .model-member-view .member-center {
  width: 10px;
  position: relative;
  display: block;
  float: left;
}
.matter .model-member-view .member-right {
  width: 130px;
  padding-bottom: 5px;
  border-bottom: solid 1px #f0f0f0;
  position: relative;
  display: block;
  float: left;
  cursor: pointer;
}
.matter .model-member-view .member-icon {
  width: 10px;
  position: relative;
  display: block;
  float: left;
  cursor: pointer;
}
.matter .model-line-view {
  position: relative;
  left: 100px;
  width: 400px;
  height: 62px;
  border-bottom: solid 1px #f0f0f0;
}
.matter .model-line-view .title-right {
  width: 260px;
  display: inline-block;
  padding-top: 40px;
  font-size: 14px;
  color: #4a4a4a;
}
.matter .model-line-view .title-left {
  display: inline-block;
  padding-top: 40px;
  font-size: 14px;
  color: #4a4a4a;
  padding-left: 5px;
}
.matter .click-button {
  padding: 8px 40px;
  position: relative;
  display: inline;
  width: 130px;
  height: 25px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.matter .click-button .click-button-icon {
  display: inline;
  top: 2px;
  position: relative;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
}
.matter .click-button .click-button-text {
  display: inline;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
}
.matter .matter-container {
  width: 100%;
  box-sizing: border-box;
  border-left: solid 1px #f0f0f0;
}
.matter .matter-container .matter-filter {
  padding: 0 25px;
  zoom: 1;
  font-size: 14px;
  color: #737373;
  min-height: 113px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /*.main-btn {
        display: block;
        width: 130px;
        height: 36px;
        line-height: 36px;
        &:before {
          margin-right: 10px;
          vertical-align: bottom;
          color: #fff;
        }
      }*/
}
.matter .matter-container .matter-filter.matter-margin-bottom-48 {
  margin-bottom: 48px;
}
.matter .matter-container .matter-filter div:after {
  color: #cdc9c5;
}
.matter .matter-container .matter-filter .filter-choosen {
  color: #ed6c00;
}
.matter .matter-container .matter-filter .filter-choosen:after {
  color: #ed6c00;
}
.matter .matter-container .matter-filter .after-dropdown:after {
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA13";
  vertical-align: middle;
}
.matter .matter-container .matter-filter .matter-filter-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.matter .matter-container .matter-filter .matter-filter-left .all-matter {
  margin: 0 5px 0 10px;
}
.matter .matter-container .matter-filter .matter-filter-left .all-matter,
.matter .matter-container .matter-filter .matter-filter-left .star-matter {
  display: inline-block;
  box-sizing: border-box;
  width: 100px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #fff;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
}
.matter .matter-container .matter-filter .matter-filter-left .all-matter.filter-choosen,
.matter .matter-container .matter-filter .matter-filter-left .star-matter.filter-choosen {
  border: 1px solid #fdba78;
  font-weight: bold;
}
.matter .matter-container .matter-filter .matter-filter-left .vertical-line {
  display: inline-block;
  width: 0px;
  height: 19px;
  vertical-align: middle;
  border-right: 1px solid #e0e0e0;
  margin: 0 35px 0 14px;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-status {
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-status:after {
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA13";
  vertical-align: middle;
}
.matter .matter-container .matter-filter .matter-filter-left .more-filter {
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
.matter .matter-container .matter-filter .matter-filter-left .more-filter:after {
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA13";
  vertical-align: middle;
}
.matter .matter-container .matter-filter .matter-filter-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module {
  position: relative;
  cursor: pointer;
}
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .ns-popover-matter-type-list .ns-popover-tooltip {
  width: 190px;
}
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .ns-popover-matter-type-list .ns-popover-tooltip .ns-popover-search ::-webkit-input-placeholder,
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .ns-popover-matter-type-list .ns-popover-tooltip .ns-popover-search :-moz-placeholder,
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .ns-popover-matter-type-list .ns-popover-tooltip .ns-popover-search ::-moz-placeholder,
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .ns-popover-matter-type-list .ns-popover-tooltip .ns-popover-search :-ms-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .ns-popover-matter-type-list .ns-popover-tooltip .ns-popover-items .ns-popover-items-module .ns-popover-pItem {
  border-bottom: 1px solid #f0f0f0;
  color: #d7d7d7;
  font-size: 12px;
  padding: 0;
  margin: 0 15px;
  box-sizing: border-box;
  width: auto;
}
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .ns-popover-matter-type-list .ns-popover-tooltip .ns-popover-items .ns-popover-items-module .ns-popover-pItem:hover {
  background-color: #fff;
}
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .main-btn {
  margin: 0 auto;
  display: block;
  width: 130px;
  height: 36px;
}
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .main-btn span {
  line-height: 36px;
}
.matter .matter-container .matter-filter .matter-filter-right .matter-search {
  margin-right: 34px;
  width: 200px;
}
.matter .matter-container .matter-additional-func {
  margin-top: -12px;
  padding: 0 35px 16px 35px;
  font-size: 12px;
  color: #4a4a4a;
}
.matter .matter-container .matter-additional-func .btn-list-export {
  float: right;
  cursor: pointer;
}
.matter .matter-container .matter-additional-func .btn-list-export:hover {
  color: #ed6c00;
}
.matter .matter-container .matter-morefilter-container {
  padding: 40px 0 25px 90px;
  background-color: #fbfbfb;
  border-radius: 2px;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
  width: 950px;
  margin: 0 auto;
}
.matter .matter-container .add-button {
  padding: 8px 40px;
  position: relative;
  left: 400px;
  display: inline;
  width: 130px;
  height: 25px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.matter .matter-container .group-title {
  background-color: #f5f6f7;
  padding: 12px 16px 10px 24px;
  border-bottom: 1px solid #F0F0F0;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  color: #737373;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.matter .matter-container .group-title .title-module p {
  visibility: hidden;
  margin-left: 14px;
}
.matter .matter-container .group-title .title-module:hover p {
  color: #cdc9c5;
  visibility: visible;
}
.matter .matter-container .group-title .left .title-module {
  color: #737373;
}
.matter .matter-container .group-title .left .title-module .i-matters-list-count {
  display: inline-block;
  position: relative;
  top: 0px;
  color: #4a4a4a;
}
.matter .matter-container .group-title .left .title-module .i-matter-name {
  display: none;
}
.matter .matter-container .group-title .left .title-module:hover .i-matters-list-count {
  display: none;
}
.matter .matter-container .group-title .left .title-module:hover .i-matter-name {
  display: inline-block;
}
.matter .matter-container .group-title .right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 94px;
}
.matter .matter-container .group-title .right .title-module {
  box-sizing: border-box;
  display: inline-block;
}
.matter .matter-container .group-title .right .time_total {
  width: 76px;
  padding-left: 10px;
}
.matter .matter-container .group-title .right .time_total p {
  margin-left: 0;
}
.matter .matter-container .group-title .right .all_state_task_count {
  width: 95px;
  padding-left: 10px;
}
.matter .matter-container .group-title .right .all_state_task_count p {
  margin-left: 0;
}
.matter .matter-container .group-title .right .create_time {
  width: 90px;
  padding-left: 10px;
}
.matter .matter-container .group-title .right .create_time p {
  margin-left: 0;
}
.matter .matter-container .group-title .showfilter {
  color: #4a4a4a;
}
.matter .matter-container .group-title .showfilter p {
  color: #fa8919;
  visibility: visible;
}
.matter .matter-container .group-title .showfilter:hover p {
  color: #fa8919;
}
.matter .matter-container .group-title .ibass-trig-down,
.matter .matter-container .group-title .ibass-trig-up {
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
}
.matter .matter-container .matters-list {
  min-height: 900px;
  width: 950px;
  padding: 0 25px;
}
.matter .matter-container .matters-list .matter-info:hover {
  background-color: #f8f8f8;
}
.matter .matter-container .matters-list .matterItem {
  position: relative;
  box-sizing: border-box;
  padding: 10px 0;
  border-bottom: 1px solid #F0F0F0;
  opacity: 1;
  vertical-align: middle;
}
.matter .matter-container .matters-list .matterItem .title div {
  display: inline-block;
  vertical-align: text-top;
}
.matter .matter-container .matters-list .matterItem .star_container {
  width: 15px;
}
.matter .matter-container .matters-list .matterItem-icon {
  display: inline-block;
  color: #ff5469;
  font-size: 18px;
}
.matter .matter-container .matters-list .matterItem .title {
  height: auto !important;
  font-size: 16px;
  color: #4a4a4a;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 573px;
  display: inline-block;
}
.matter .matter-container .matters-list .matterItem .title:hover {
  color: #222;
}
.matter .matter-container .matters-list .matterItem .project {
  float: left;
  width: 250px;
  font-size: 14px;
  color: #a9a9a9;
  height: 23px;
  line-height: 23px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.matter .matter-container .matters-list .matterItem .project a {
  display: inline-block;
  width: auto;
  max-width: 250px;
  color: #a9a9a9;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.matter .matter-container .matters-list .matterItem .matter-number {
  width: 250px;
  margin-right: 15px;
}
.matter .matter-container .matters-list .matterItem .matter-number a {
  display: inline-block;
  width: auto;
  max-width: 250px;
}
.matter .matter-container .matters-list .matterItem .time {
  font-size: 12px;
  display: inline-block;
  font-weight: 600;
  color: #ed6c00;
  width: 76px;
  max-width: 80px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  height: 52px;
  line-height: 52px;
  padding: 0 10px 0 12px;
  border-right: solid 1px #f0f0f0;
  border-left: solid 1px #f0f0f0;
}
.matter .matter-container .matters-list .matterItem .count {
  display: inline-block;
  width: 90px;
  box-sizing: border-box;
  height: 38px;
  padding-left: 8px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 600;
  color: #ed6c00;
  border-right: solid 1px #f0f0f0;
}
.matter .matter-container .matters-list .matterItem .log {
  padding: 0 8px;
  display: inline-block;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  width: 86px;
  box-sizing: border-box;
  height: 38px;
  line-height: 40px;
  cursor: pointer;
  font-weight: normal;
  color: #a9a9a9;
  border-right: solid 1px #f0f0f0;
}
.matter .matter-container .matters-list .matterItem .create {
  position: absolute;
  top: 15px;
  width: 90px;
  height: 38px;
  left: 735px;
  line-height: 40px;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  color: #a9a9a9;
  border-right: solid 1px #f0f0f0;
}
.matter .matter-container .matters-list .matterItem .status {
  padding: 5px 19px;
  border-radius: 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #4A4A4A;
  margin-left: 5px;
  cursor: pointer;
}
.matter .matter-container .matters-list .matterItem .status_no {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #a9a9a9;
  display: inline-block;
  margin-left: 20px;
}
.matter .matter-container .mt-44 {
  margin-top: 44px;
}
.matter .Matter-Content-Right {
  float: left;
  width: 800px;
  border-left: solid 1px #f0f0f0;
}
.matter .Matter-Content-Right .ns-popover-processes-items {
  padding: 0px;
}
.matter .Matter-Content-Right .add-related-matter .ns-popover-processes-items .ns-popover-item .name {
  font-size: 14px !important;
}
.matter .Matter-Content-Right .select-matter .ns-popover-processes-items {
  max-height: 200px;
  overflow-y: auto;
}
.matter .Matter-Content-Right .select-matter .ns-popover-item {
  box-shadow: none;
  line-height: 36px;
  height: 36px;
}
.matter .Matter-Content-Right .select-matter .ns-popover-item .name {
  line-height: 36px;
  height: 36px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 130px;
}
.matter .Matter-Content-Right .select-matter .cantChoose {
  color: #d7d7d7;
  border-bottom: solid 1px #f0f0f0;
  cursor: default;
}
.matter .Matter-Content-Right .select-matter .cantChoose:hover {
  background: #fff;
}
.matter .Matter-Content-Right .filter-search {
  height: 22px;
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid #c7d1da;
  width: 200px;
  line-height: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
}
.matter-module-list {
  position: relative;
}
.matter-module-list .matter-senior-seeting-content {
  position: absolute;
  width: 30px;
  height: 50px;
  top: 0px;
  left: 0px;
  border-radius: 6px 0 0 0;
  overflow: hidden;
}
.matter-module-list .matter-senior-seeting {
  position: absolute;
  top: -24px;
  left: -46px;
  width: 90px;
  height: 50px;
  transform: rotate(124deg);
}
.matter-module-list .old-matter-list-guild {
  background-color: #ebebeb;
}
.matter-module-list .matter-container .matters-list .null-matter-list {
  text-align: center;
  margin-top: 100px;
  color: #ddd9d6;
}
.matter-module-list .matter-container .matters-list .null-matter-list .null-matter-icon {
  font-size: 60px;
}
.matter-module-list .matter-container .matters-list .search-null {
  text-align: center;
  margin-top: 100px;
  color: #ddd9d6;
}
.matter-module-list .matter-container .matters-list .search-null .search-null-icon {
  font-size: 60px;
}
.matter-module-list .matter-container .matters-list .matter-info .title .time-module .matter-name-customer {
  display: inline-block;
  width: calc(100% - 25px);
}
.matter-module-list .matter-container .matters-list .matter-info .title .time-module .matter-name-customer .matterName-long {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.matter-module-list .matter-container .matters-list .matter-info .title .task-count font {
  color: #a9a9a9;
  font-weight: normal;
  width: 24px;
  height: 20px;
}
.matter-module-list .matter-container .matters-list .matter-info .title .task-count .all-task {
  color: #a9a9a9;
  font-weight: normal;
  width: 24px;
  height: 20px;
}
.matter-module-list .matter-container .matters-list .matter-info .title .common-star {
  width: 105px;
  box-sizing: border-box;
}
.matter-module-list .matter-container .matters-list .matter-info .title .common-star .matter-star {
  padding-left: 16px;
  font-size: 18px;
  height: 20px;
  display: inline-block;
  vertical-align: bottom;
}
.matter-module-list .matter-container .matter-page-module {
  padding: 20px 30px;
  margin-top: -20px;
}
.matter-module-list .matter-container .matter-page-module .show-page {
  position: relative;
  float: left;
  line-height: 26px;
  cursor: pointer;
  color: #737373;
  z-index: 50;
}
.matter-module-list .matter-container .matter-page-module .show-page i {
  padding: 10px 5px;
  color: #fa8919;
}
.matter-module-list .matter-container .matter-page-module ul {
  float: right;
  margin: 0;
  font-size: 12px;
}
.matter-module-list .matter-container .matter-page-module .btn-list-export {
  float: right;
  line-height: 28px;
  cursor: pointer;
}
.matter-module-list .matter-container .matter-page-module .btn-list-export:hover {
  color: #ed6c00;
}
.matter-module-list .matter-container .matter-page-module .no-news-filter {
  float: right;
  margin-right: 30px;
  line-height: 28px;
  cursor: pointer;
}
.matter-module-list .matter-container .matter-page-module .no-news-filter:hover {
  color: #ed6c00;
}
.matter-module-list .matter-container .matter-page-module .no-news-filter.selected {
  color: #ed6c00;
}
.matter-module-list .matter-container .matter-page-module.matter-position-fixed {
  position: fixed;
  top: 0;
  z-index: 99;
  padding: 20px 30px;
  margin-top: 0;
  background-color: #fff;
  border-bottom: 1px solid #f5f6f7;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.matter-module-list .matter-container .matter-page-module-wrap {
  display: flex;
}
.star_container {
  color: #cdc9c5;
}
.star_container .star {
  position: relative;
  cursor: pointer;
}
.star_container .star span {
  position: absolute;
  left: 0;
  top: 0;
}
.star_container .star .ibass-star {
  color: #CDC9C5;
}
.star_container .star .ibass-star:hover {
  color: #FA8919;
}
.star_container .star .starred {
  visibility: visible;
  opacity: 0;
  color: #FA8919;
  transition: all 0.4s ease-out;
  transform: translate3d(0, 30px, 0);
}
.star_container .star .animator {
  visibility: hidden;
  color: #FA8919;
  transition: none;
}
.star_container .star.starred .starred {
  visibility: visible;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: none;
}
.star_container .star.starred .animator {
  visibility: visible;
  transform: scale3d(4, 4, 0);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.28, 0.38, 0.44, 0.98);
}
.matter-icon-right-size-16 .ibass-customer,
.matter-icon-right-size-16 .ibass-memo,
.matter-icon-right-size-16 .ibass-minus-fill,
.matter-icon-right-size-16 .ibass-add-fill {
  font-size: 16px;
}
.matter-icon-right-size-16 .ibass-minus-fill,
.matter-icon-right-size-16 .ibass-add-fill {
  margin-left: 11px;
}
.closed-matter-opt-menu .ns-popover-tooltip ul li:not(:first-child) {
  padding-top: 10px;
}
.closed-matter-opt-menu .ns-popover-tooltip ul li:not(:first-child) a {
  border-top: 1px solid #464646;
}
.matter-list-export-confirm {
  padding: 52px 50px 30px;
}
.matter-list-export-confirm .test-export-title {
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.matter-list-export-confirm .test-export-title .hr {
  border-bottom: solid 1px #f0f0f0;
}
.matter-list-export-confirm .test-export-title span {
  padding: 0 10px;
  display: inline-block;
  transform: translateY(-50%);
  background-color: white;
}
.matter-list-export-confirm .test-export-confirm {
  text-align: center;
  font-size: 16px;
  color: #666666;
  margin: 30px 0;
  margin-bottom: 50px;
}
.matter-list-export-confirm .btn-export-confirm {
  width: 120px;
  margin: 0 auto;
}

.message-commen {
  width: 100%;
  height: 70px;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 0 #f2f2f2;
}
.message-top-title {
  overflow: hidden;
  display: inline-block;
  padding: 14px 21px;
  box-sizing: border-box;
}
.message-top-title .ibass-notification {
  font-size: 24px;
  color: #07cfda;
  margin-right: 8px;
  vertical-align: top;
}
.message-top-title span {
  line-height: 46px;
  font-size: 18px;
  font-weight: 600;
  vertical-align: super;
}
.message-remark {
  height: 70px;
  line-height: 70px;
  padding: 0 10px;
  cursor: pointer;
  float: right;
}
.message-remark i {
  vertical-align: middle;
  color: #07cfda;
}
.message-ul {
  padding: 0 20px;
  width: 734px;
}
.message-ul li {
  padding: 15px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #f0f0f0;
  min-height: 42px;
  line-height: 42px;
  cursor: pointer;
}
.message-ul a {
  display: block;
}
.message-ul img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  float: left;
  margin-right: 4px;
  margin-top: 10px;
}
.message-ul .icon {
  color: #fa8919;
  float: left;
  font-size: 24px;
  margin-right: 15px;
}
.message-ul .message-detail-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 545px;
  line-height: 42px;
  font-weight: 600;
}
.message-ul div {
  display: inline-block;
}
.message-detail-content {
  overflow: hidden;
}
.message-detail-content span {
  color: #8a94a0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
  line-height: 18px !important;
  font-size: 14px;
  display: inline-block;
  float: left;
}
.message-detail-time {
  float: right;
  color: #a9a9a9;
}
.message-detail-fiximg {
  margin-top: 8px;
}
.hasread {
  color: #737373;
}
.hasread i {
  color: #cdc9c5 !important;
}

.my-page-header {
  text-align: center;
  padding-top: 20px;
  height: 30px;
  line-height: 30px;
}
.my-page-header ul {
  height: 100%;
  display: inline-block;
  margin: 0 auto;
}
.my-page-header ul li {
  height: 100%;
  width: 80px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.my-page-header ul li a {
  height: 100%;
  width: 100%;
  display: inline-block;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
  transition: all .1s;
}
.my-page-header ul li a .icon {
  color: #b4a69a;
}
.my-page-header ul li a i {
  font-size: 20px;
  color: #a1a1a1;
  line-height: 20px;
  vertical-align: middle;
}
.my-page-header ul li a span {
  text-align: center;
  font-size: 14px;
  color: #737373;
}
.my-page-header ul li a.matter.current,
.my-page-header ul li a.matter:hover {
  border-bottom-color: #67aaf6;
}
.my-page-header ul li a.matter.current span,
.my-page-header ul li a.matter:hover span,
.my-page-header ul li a.matter.current .icon,
.my-page-header ul li a.matter:hover .icon {
  color: #67aaf6;
}
.my-page-header ul li a.current,
.my-page-header ul li a:hover {
  border-bottom-color: #ed6c00;
}
.my-page-header ul li a.current span,
.my-page-header ul li a:hover span,
.my-page-header ul li a.current .icon,
.my-page-header ul li a:hover .icon {
  color: #ed6c00;
  font-weight: 500;
}
.ibass-keynote {
  color: #1a9bf7;
}
.ibass-numbers {
  color: #08ad00;
}
.ibass-pages {
  color: #ff8403;
}

.document-tooltip {
  margin-top: -18px;
  max-width: 300px;
  padding-right: 10px;
}
.share-document-tooltip2 {
  max-width: 600px;
}
.share-document-tooltip {
  max-width: 600px;
}
.dialog-pop {
  z-index: 99999;
}
.dialog-pop .ns-popover-tooltip {
  margin: 0;
  width: 90px;
  padding: 10px 0 !important;
  margin-top: -4px;
}
.dialog-pop .ns-popover-tooltip p {
  line-height: 36px;
  height: 36px;
  color: #4a4a4a;
  cursor: pointer;
  padding: 0 10px;
}
.dialog-pop .ns-popover-tooltip p:hover {
  background: #f8f8f9;
}
.fileversion {
  width: 24px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #fa8919;
  font-size: 12px;
  font-color: #fa8919;
  color: #fa8919;
  weight: 12;
  padding: 0 2px 0 2px;
}
.thumbnail {
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}
.thumbnail .thumbnail-div {
  width: 186px;
  height: 170px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.thumbnail .thumbnail-div .thumbnail-content {
  width: 176px;
  height: 120px;
  background-color: #f8f8f9;
  margin-top: 5px;
  margin-left: 4px;
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  color: #4a4a4a;
  cursor: pointer;
  line-height: 120px;
  text-align: center;
}
.thumbnail .thumbnail-div .thumbnail-content i {
  margin-right: 10px;
  width: 29px;
  height: 24px;
}
.thumbnail .thumbnail-div .thumbnail-content img {
  margin-top: -6px;
  overflow: hidden;
  max-width: 176px;
  max-height: 120px;
  vertical-align: middle;
}
.thumbnail .thumbnail-div .thumbnail-name {
  margin-top: 6px;
  margin-left: 4px;
  width: 170px;
  height: 17px;
  font-size: 12px;
  line-height: 1.33;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #737373;
  cursor: pointer;
}
.thumbnail .thumbnail-div .thumbnail-info {
  cursor: pointer;
  margin-left: 4px;
  width: 173px;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
}
.thumbnail .thumbnail-div .thumbnail-info .checkbox-icon-bass {
  text-align: center;
  color: #fa8919;
}
.thumbnail .thumbnail-div .thumbnail-icon {
  color: #fdba78;
  line-height: 16px;
}
.thumbnail .thumbnail-div .thumbnail-icon i {
  padding-left: 6px;
}
.thumbnail .thumbnail-div .thumbnail-icon:hover {
  cursor: pointer;
}
.thumbnail .thumbnail-div .thumbnail-icon:hover i {
  padding-left: 6px;
}
.thumbnail .thumbnail-div:hover {
  border: solid 1px #fa8919;
}
.addNewInline {
  width: 700px;
  padding-right: 10px;
  padding-left: 2px;
  font-size: 16px;
  background-color: #eaffea;
}
.addNewInline i {
  font-size: 13px;
}
.addNewInline .editOldInline {
  font-size: 16px;
  background-color: #2cbe4e;
  weight: 12;
}
.addNewInline .editNewInline {
  font-size: 16px;
  background-color: #2cbe4e;
  weight: 12;
}
.deleteNewInline {
  width: 700px;
  padding-right: 10px;
  padding-left: 2px;
  font-size: 16px;
  background-color: #ffecec;
  text-decoration: line-through;
}
.deleteNewInline i {
  font-size: 13px;
}
.deleteNewInline .editOldInline {
  font-size: 16px;
  background-color: #ffd8d8;
  weight: 12;
}
.deleteNewInline .editNewInline {
  font-size: 16px;
  background-color: #ffd8d8;
  weight: 12;
}
.document-encrypt .dialog-title {
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  border-radius: 20px;
}
.document-encrypt .dialog-title span:before,
.document-encrypt .dialog-title span:after {
  width: 120px;
  display: inline-block;
  height: 1px;
  background: #f0f0f0;
  content: '';
  vertical-align: middle;
}
.document-encrypt .dialog-title span:before {
  margin-right: 20px;
}
.document-encrypt .dialog-title span:after {
  margin-left: 20px;
}
.document-encrypt .dialog-body {
  padding: 20px 50px 50px 50px;
  /*outlink*/
}
.document-encrypt .dialog-body .main-btn {
  width: 90px;
  min-width: 90px;
  margin-left: 12px;
}
.document-encrypt .dialog-body .select-add {
  cursor: pointer;
  width: 100px;
  padding: 0 10px;
  margin-left: 10px;
  height: 42px;
  line-height: 42px;
  border-radius: 4px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  font-size: 14px;
  color: #737373;
  position: relative;
}
.document-encrypt .dialog-body .select-add span {
  display: inline-block;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-encrypt .dialog-body .select-add:after {
  color: #fa8919;
  content: "\EA13";
  position: absolute;
  top: 0px;
  right: 10px;
  font-family: "icon-bass";
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscal;
}
.document-encrypt .dialog-body .firm-member-table {
  margin-top: 20px;
}
.document-encrypt .dialog-body .firm-member-table tr > :first-child {
  max-width: 345px;
  width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-encrypt .dialog-body .firm-member-table td:nth-child(2) {
  max-width: 170px;
  width: 170px;
}
.document-encrypt .dialog-body .firm-member-table td {
  padding: 0;
  box-sizing: border-box;
}
.document-encrypt .dialog-body .firm-member-table tbody tr {
  font-size: 14px;
  line-height: 45px;
  height: 45px;
  cursor: pointer;
}
.document-encrypt .dialog-body .firm-member-table tbody tr:hover {
  background-color: #f8f8f9;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.document-encrypt .dialog-body .firm-member-table .ibass-delete {
  color: #cdc9c5;
  cursor: pointer;
  line-height: 45px;
}
.document-encrypt .dialog-body .firm-member-table .ibass-delete:hover {
  color: #f72b44;
}
.document-encrypt .dialog-body .firm-member-table .power {
  color: #737373;
  display: inline-block;
  width: 80px;
  cursor: pointer;
}
.document-encrypt .dialog-body .firm-member-table .power:after {
  color: #fa8919;
  content: "\EA13";
  margin-left: 8px;
  font-family: "icon-bass";
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.document-encrypt .dialog-body .input-titile-link {
  width: 200px;
  font-size: 14px;
  color: #4a4a4a;
  height: 20px;
  margin-left: 130px;
  position: relative;
}
.document-encrypt .dialog-body .password-input {
  cursor: pointer;
  height: 40px;
  width: 330px;
  padding: 0 10px;
  margin-top: 45px;
  margin-bottom: 105px;
  line-height: 50px;
  background-color: #fefeff;
  font-size: 14px;
  color: #737373;
  position: relative;
}
.document-encrypt .dialog-body .password-input .inputinfo {
  margin: 0px  auto;
  width: 340px;
  height: 40px;
}
.document-encrypt .dialog-body .password-input .inputinfo input {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.document-encrypt .dialog-body .password-input .inputinfo input:focus {
  border-radius: 5px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #f7c499;
}
.document-encrypt .dialog-body .password-input .inputtext {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999;
  padding-left: 230px;
  cursor: pointer;
}
.document-encrypt .dialog-body .button-link {
  margin-top: 31px;
  margin-left: 100px;
  position: relative;
}
.document-encrypt .dialog-body .buttom-text {
  margin-top: 30px;
  text-align: center;
  font-size: 12px;
  color: #a9a9a9;
}
.document-encrypt .dialog-body .linkbt {
  width: 130px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 10px;
  text-align: center;
  color: #ffffff;
}
.document-encrypt .hide {
  display: none;
}
.document-encrypt .open {
  border: 1px solid #ffb387 !important;
}
.document-encrypt .ui-select-container {
  width: 326px;
  border-radius: 4px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  padding: 6px 8px;
}
.document-encrypt .ui-select-container input:focus .ui-select-container {
  border: 1px solid #ffb387;
}
.document-encrypt .ui-select-match {
  border: none;
  height: 21px;
  line-height: 21px;
  padding: 0;
}
.document-encrypt .ui-select-match-item {
  height: 26px;
  border-radius: 3px;
  float: left;
  padding: 6px 5px;
  background-color: #f8f8f9;
  font-size: 12px;
  line-height: 1.33;
  color: #4a4a4a;
  margin: 0;
}
.document-encrypt .ui-select-match-item .close {
  margin: 0;
  float: right;
  cursor: pointer;
}
.document-encrypt .ui-select-match-item .close:hover {
  color: #fa8919;
}
.document-encrypt .ui-select-choices {
  margin-left: -7px;
  border-radius: 10px;
  background-color: #ffffff;
  margin-top: 9px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  border: 1px solid #e5e5e5;
}
.document-encrypt .ui-select-choices-row-inner {
  padding: 0 8px !important;
}
.document-encrypt .ui-select-choices-row a,
.document-encrypt .ui-select-choices-row span {
  height: 36px;
  line-height: 36px;
}
.document-encrypt .ui-select-bootstrap .ui-select-choices-row.active > a,
.document-encrypt .ui-select-bootstrap .ui-select-choices-row > a:hover,
.document-encrypt .ui-select-bootstrap .ui-select-choices-row > a:focus {
  background: #f8f8f9;
  color: #4a4a4a;
}
.document-encrypt .delete-btn {
  width: 76px;
  height: 24px;
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  background: #f72b44;
  color: #fff;
  border-radius: 12px;
  text-align: center;
}
.document-share .dialog-title {
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  border-radius: 20px;
}
.document-share .dialog-title span:before,
.document-share .dialog-title span:after {
  width: 220px;
  display: inline-block;
  height: 1px;
  background: #f0f0f0;
  content: '';
  vertical-align: middle;
}
.document-share .dialog-title span:before {
  margin-right: 20px;
}
.document-share .dialog-title span:after {
  margin-left: 20px;
}
.document-share .dialog-sub-title {
  margin-top: 10px;
  margin-left: 205px;
  padding-bottom: 30px;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  color: #4a4a4a;
}
.document-share .dialog-sub-title .out-link span {
  cursor: pointer;
  width: 80px;
  height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
}
.document-share .dialog-sub-title .out-link span a {
  padding-top: 5px;
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  line-height: 16px;
  display: inline-block;
}
.document-share .dialog-sub-title .out-link span:first-child {
  border-radius: 20px 0 0 20px;
  left: 2px;
}
.document-share .dialog-sub-title .out-link span:nth-child(2) {
  border-radius: 0px 0 0 0px;
  left: 2px;
  border-right: 0;
  border-left: 0;
}
.document-share .dialog-sub-title .out-link span:last-child {
  border-right: solid 1px #cfc7c1;
  border-radius: 0 20px 20px 0;
  right: 2px;
}
.document-share .dialog-sub-title .out-link span:hover {
  background-color: #fcfcfb;
}
.document-share .dialog-sub-title .out-link span:hover a {
  font-weight: bold;
  color: #ed6c00;
}
.document-share .dialog-sub-title .out-link .active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.document-share .dialog-sub-title .out-link .active a {
  color: #ed6c00;
}
.document-share .dialog-body {
  padding: 20px 50px 50px 50px;
  /*outlink*/
}
.document-share .dialog-body .main-btn {
  width: 90px;
  min-width: 90px;
  margin-left: 12px;
}
.document-share .dialog-body .select-add {
  cursor: pointer;
  width: 100px;
  padding: 0 10px;
  margin-left: 10px;
  height: 42px;
  line-height: 42px;
  border-radius: 4px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  font-size: 14px;
  color: #737373;
  position: relative;
}
.document-share .dialog-body .select-add span {
  display: inline-block;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-share .dialog-body .select-add:after {
  color: #fa8919;
  content: "\EA13";
  position: absolute;
  top: 0px;
  right: 10px;
  font-family: "icon-bass";
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscal;
}
.document-share .dialog-body .firm-member-table {
  margin-top: 20px;
}
.document-share .dialog-body .firm-member-table tr > :first-child {
  max-width: 345px;
  width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-share .dialog-body .firm-member-table td:nth-child(2) {
  max-width: 170px;
  width: 170px;
}
.document-share .dialog-body .firm-member-table td {
  padding: 0;
  box-sizing: border-box;
}
.document-share .dialog-body .firm-member-table tbody tr {
  font-size: 14px;
  line-height: 45px;
  height: 45px;
  cursor: pointer;
}
.document-share .dialog-body .firm-member-table tbody tr:hover {
  background-color: #f8f8f9;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.document-share .dialog-body .firm-member-table .ibass-delete {
  color: #cdc9c5;
  cursor: pointer;
  line-height: 45px;
}
.document-share .dialog-body .firm-member-table .ibass-delete:hover {
  color: #f72b44;
}
.document-share .dialog-body .firm-member-table .power {
  color: #737373;
  display: inline-block;
  width: 80px;
  cursor: pointer;
}
.document-share .dialog-body .firm-member-table .power:after {
  color: #fa8919;
  content: "\EA13";
  margin-left: 8px;
  font-family: "icon-bass";
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.document-share .dialog-body .input-titile-link {
  width: 200px;
  font-size: 14px;
  color: #4a4a4a;
  height: 20px;
  margin-left: 130px;
  position: relative;
}
.document-share .dialog-body .select-choose-link {
  cursor: pointer;
  width: 280px;
  height: 40px;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  margin-top: 6px;
  padding: 0 10px;
  margin-left: 130px;
  line-height: 40px;
  background-color: #fefeff;
  font-size: 14px;
  color: #737373;
  position: relative;
}
.document-share .dialog-body .select-choose-link span {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-share .dialog-body .select-choose-link:after {
  color: #fa8919;
  content: "\EA13";
  position: absolute;
  top: 0px;
  right: 10px;
  font-family: "icon-bass";
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscal;
}
.document-share .dialog-body .input-titile-link-2 {
  width: 200px;
  font-size: 14px;
  color: #4a4a4a;
  height: 20px;
  margin-left: 45px;
  margin-top: 30px;
  position: relative;
}
.document-share .dialog-body .select-choose-link-2 {
  cursor: pointer;
  height: 50px;
  width: 470px;
  border-radius: 4px;
  border: solid 1px #f0f0f0;
  margin-top: 6px;
  padding: 0 10px;
  margin-left: 45px;
  line-height: 50px;
  background-color: #fefeff;
  font-size: 14px;
  color: #737373;
  position: relative;
}
.document-share .dialog-body .select-choose-link-2 span {
  font-family: Menlo;
  font-size: 14px;
  color: #67aaf6;
  font-color: #67aaf6;
  display: inline-block;
  max-width: 350px;
}
.document-share .dialog-body .select-choose-link-2 span input {
  border: none;
  width: 350px;
  color: #67aaf6;
  font-color: #67aaf6;
}
.document-share .dialog-body .select-choose-link-2 span:nth-child(2) {
  margin-top: 10px;
  float: right;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  color: #4a4a4a;
}
.document-share .dialog-body .input-subtitile-link-2 {
  width: 470px;
  font-size: 12px;
  color: #a9a9a9;
  height: 16px;
  margin-left: 45px;
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
}
.document-share .dialog-body .input-subtitile-link-2 span:first-child {
  border-right: solid 1px #f0f0f0;
  line-height: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.document-share .dialog-body .input-subtitile-link-2 span:nth-child(2) {
  line-height: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}
.document-share .dialog-body .input-subtitile-link-2 span:nth-child(3) {
  float: right;
  margin-left: 100px;
  line-height: 10px;
  overflow: hidden;
  color: #4a4a4a;
  text-overflow: ellipsis;
  padding-left: 10px;
}
.document-share .dialog-body .input-subtitile-link-2 span:nth-child(4) {
  float: right;
  border-right: solid 1px #f0f0f0;
  line-height: 10px;
  overflow: hidden;
  color: #4a4a4a;
  text-overflow: ellipsis;
  padding-left: 10px;
}
.document-share .dialog-body .button-link {
  margin-top: 31px;
  margin-left: 205px;
  position: relative;
}
.document-share .dialog-body .buttom-text {
  margin-top: 30px;
  text-align: center;
  font-size: 12px;
  color: #a9a9a9;
}
.document-share .dialog-body .linkbt {
  width: 130px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 10px;
  text-align: center;
  color: #ffffff;
}
.document-share .dialog-body .statistics {
  margin-top: 23px;
  margin-left: 170px;
  height: 73px;
  font-size: 18px;
  font-weight: 200;
  text-align: center;
  color: #4a4a4a;
}
.document-share .dialog-body .statistics td:first-child {
  border-right: solid 1px #f0f0f0;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
}
.document-share .dialog-body .statistics td:nth-child(2) {
  padding-left: 30px;
}
.document-share .hide {
  display: none;
}
.document-share .open {
  border: 1px solid #ffb387 !important;
}
.document-share .ui-select-container {
  width: 326px;
  border-radius: 4px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  padding: 6px 8px;
}
.document-share .ui-select-container input:focus .ui-select-container {
  border: 1px solid #ffb387;
}
.document-share .ui-select-match {
  border: none;
  height: 21px;
  line-height: 21px;
  padding: 0;
}
.document-share .ui-select-match-item {
  border-radius: 3px;
  float: left;
  padding: 6px 5px;
  background-color: #f8f8f9;
  font-size: 12px;
  line-height: 1.33;
  color: #4a4a4a;
  margin: 0;
}
.document-share .ui-select-match-item .close {
  margin: 0;
  float: right;
  cursor: pointer;
}
.document-share .ui-select-match-item .close:hover {
  color: #fa8919;
}
.document-share .ui-select-choices {
  margin-left: -7px;
  border-radius: 10px;
  background-color: #ffffff;
  margin-top: 9px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  border: 1px solid #e5e5e5;
}
.document-share .ui-select-choices-row-inner {
  padding: 0 8px !important;
}
.document-share .ui-select-choices-row a,
.document-share .ui-select-choices-row span {
  height: 36px;
  line-height: 36px;
}
.document-share .ui-select-bootstrap .ui-select-choices-row.active > a,
.document-share .ui-select-bootstrap .ui-select-choices-row > a:hover,
.document-share .ui-select-bootstrap .ui-select-choices-row > a:focus {
  background: #f8f8f9;
  color: #4a4a4a;
}
.document-share .delete-btn {
  width: 76px;
  height: 24px;
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  background: #f72b44;
  color: #fff;
  border-radius: 12px;
  text-align: center;
}
.my-file {
  padding: 25px 18px;
  overflow: hidden;
}
.my-file .batchFile {
  margin-right: 20px;
}
.my-file .batchFile .prompt {
  line-height: 30px;
  margin-right: 6px;
  margin-top: 3px;
}
.my-file .batchFile .moveBtn {
  width: 68px;
  height: 28px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #4a4a4a;
  margin-right: 10px;
  margin-top: 3px;
  cursor: pointer;
}
.my-file .batchFile .moveBtn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.my-file .batchFile .deleteBtn {
  width: 70px;
  height: 30px;
  border-radius: 20px;
  background-color: #f72b44;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  margin-top: 3px;
  cursor: pointer;
}
.my-file .batchFile .deleteBtn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.my-file .ibass-filetype-folder {
  color: #07cfda;
}
.my-file .error {
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 12px;
  color: #f72b44;
}
.my-file .ibass-filetype-ppt {
  color: #d04424;
}
.my-file .ibass-filetype-pdf {
  color: #e3574d;
}
.my-file .ibass-filetype-ppt {
  color: #e3574d;
}
.my-file .ibass-filetype-image {
  color: #07cfda;
}
.my-file .ibass-filetype-doc {
  color: #0a96e5;
}
.my-file .ibass-filetype-excel {
  color: #1c7044;
}
.my-file .ibass-filetype-zip {
  color: #9d7120;
}
.my-file .ibass-filetype-music {
  color: #a7d638;
}
.my-file .ibass-filetype-video {
  color: #d94ff5;
}
.my-file .ibass-filetype-default {
  color: #cdc9c5;
}
.my-file .ibass-keynote {
  color: #1a9bf7;
}
.my-file .ibass-numbers {
  color: #08ad00;
}
.my-file .ibass-pages {
  color: #ff8403;
}
.my-file .ngdialog-overlay {
  background: rgba(0, 0, 0, 0.6);
}
.my-file .dragover .drag-area {
  display: block !important;
}
.my-file .drag-area {
  display: none;
  border: none;
  width: 100%;
  height: 100%;
  margin-left: 0px;
}
.my-file .leftpart {
  width: 136px;
  border-right: 1px solid #f0f0f0;
  min-height: 800px;
}
.my-file .leftpart .overscroll {
  max-height: 400px;
  overflow-y: auto;
  float: left;
}
.my-file .leftpart .overscroll .share-type {
  clear: both;
  font-size: 12px;
  margin-left: 6px;
  padding: 10px 0px 5px 0px;
  color: #909090;
}
.my-file .leftpart .overscroll .share-type .share-left {
  width: 14px;
  height: 0px;
  border: 0.5px solid #ededed;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
.my-file .leftpart .overscroll .share-type .share-right {
  width: 14px;
  height: 0px;
  border: 0.5px solid #ededed;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
.my-file .leftpart .overscroll::-webkit-scrollbar {
  width: 10px;
}
.my-file .leftpart .li {
  display: inline-block;
  margin: 4px 0;
  line-height: 28px;
  width: 130px;
  padding: 0 2px 0 7px;
  box-sizing: border-box;
  border-radius: 15px;
  cursor: pointer;
  float: left;
}
.my-file .leftpart .li i {
  color: #cdc9c5;
  float: left;
  font-size: 16px;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
}
.my-file .leftpart .li .ibass-arrow-right {
  float: right;
  font-size: 14px;
}
.my-file .leftpart .li span {
  float: left;
  display: inline-block;
  width: 78px;
  max-width: 78px;
  margin-left: 5px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.my-file .leftpart .li:hover {
  background: #f8f8f9;
}
.my-file .leftpart .li:hover i {
  color: #fa8919;
}
.my-file .leftpart .lino {
  display: inline-block;
  margin: 4px 0;
  line-height: 28px;
  width: 130px;
  padding: 0 2px 0 7px;
  box-sizing: border-box;
  border-radius: 15px;
  float: left;
}
.my-file .leftpart .lino i {
  color: #cdc9c5;
  float: left;
  font-size: 16px;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
}
.my-file .leftpart .lino .ibass-arrow-right {
  float: right;
  font-size: 14px;
}
.my-file .leftpart .lino span {
  float: left;
  display: inline-block;
  width: 78px;
  max-width: 78px;
  margin-left: 5px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.my-file .leftpart .active {
  background: #f8f8f9;
}
.my-file .leftpart .active i {
  color: #fa8919;
}
.my-file .leftpart .active:after {
  color: #fa8919;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  content: "\EA02";
  font-size: 16px;
  height: 26px;
  float: right;
}
.my-file .leftpart .activeHover {
  background: #f8f8f9;
}
.my-file .leftpart .activeHover i {
  color: #fa8919;
}
.my-file .leftpart .activeHover:after {
  color: #fa8919;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  height: 26px;
  float: right;
}
.my-file .leftpart .line {
  height: 1px;
  background: #f0f0f0;
  width: 100px;
  float: left;
  margin: 20px 15px;
}
.my-file .rightpart {
  margin-left: 20px;
  width: 790px;
}
.my-file .rightpart .title {
  overflow: hidden;
  width: 100%;
  margin: 15px 0 10px 0;
}
.my-file .rightpart .title .thum-checkum table {
  border: 0px;
  width: 780px;
}
.my-file .rightpart .title .thum-checkum table tr td .all-check {
  cursor: pointer;
  width: 14px;
  height: 14px;
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
}
.my-file .rightpart .title .thum-checkum table tr td .ibass-checked {
  font-color: #fa8919;
  color: #fa8919;
}
.my-file .rightpart .title .thum-checkum table tr td .text {
  cursor: pointer;
  width: 24px;
  height: 16px;
  font-size: 12px;
  color: #4a4a4a;
}
.my-file .rightpart .title .thum-checkum table tr td .allsort {
  cursor: pointer;
  width: 14px;
  height: 14px;
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
}
.my-file .rightpart .title .checknum {
  cursor: pointer;
  font-size: 12px;
  line-height: 32px;
  background: #f8f8f9;
  padding: 7px 0px 7px 14px;
  border-radius: 18px;
}
.my-file .rightpart .title .checknum i {
  color: #fdba78;
  margin-right: 10px;
}
.my-file .rightpart .title .checknum i:hover {
  color: #fa8919;
}
.my-file .rightpart .title .location {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.my-file .rightpart .title .location span {
  color: #ed6c00;
  font-weight: normal;
}
.my-file .rightpart .title .location span:not(:first-child) {
  cursor: pointer;
}
.my-file .rightpart .title .location span:not(:first-child):before {
  content: "/";
  color: #a9a9a9;
  margin: 0 5px 0 2px;
}
.my-file .rightpart .title .location span:last-child {
  color: #4a4a4a;
  font-weight: bold;
}
.my-file .rightpart .title .operation {
  font-weight: normal;
  display: inline-block;
}
.my-file .rightpart .title .operation i {
  color: #cdc9c5;
  font-size: 14px;
  position: relative;
  bottom: 1px;
}
.my-file .rightpart .title .operation .delete {
  font-size: 12px;
  padding-right: 12px;
  cursor: pointer;
}
.my-file .rightpart .title .operation .delete:hover i {
  color: #fa8919;
}
.my-file .rightpart .title .operation .delete i {
  margin-right: 5px;
}
.my-file .rightpart .title .operation .edit {
  font-size: 12px;
  padding-right: 12px;
  cursor: pointer;
}
.my-file .rightpart .title .operation .edit:hover i {
  color: #fa8919;
}
.my-file .rightpart .title .operation .edit i {
  color: #cdc9c5;
  margin-right: 5px;
}
.my-file .rightpart .title .operation .convert {
  line-height: 20px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 10px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #ebebeb;
  float: left;
  left: 0;
  box-sizing: border-box;
}
.my-file .rightpart .title .operation .convert span {
  width: 20px;
  height: 18px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #ebebeb;
}
.my-file .rightpart .title .operation .convert span span {
  color: #cdc9c5;
  font-size: 16px;
}
.my-file .rightpart .title .operation .convert span a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.my-file .rightpart .title .operation .convert span:first-child {
  border-radius: 3px 0 0 3px;
  left: 2px;
}
.my-file .rightpart .title .operation .convert span:last-child {
  border-right: 0;
  border-radius: 0 3px 3px 0;
  right: 2px;
}
.my-file .rightpart .title .operation .convert span.active {
  background-color: #fdba78;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.my-file .rightpart .title .operation .convert span.active span {
  color: #fcfcfb;
}
.my-file .rightpart .title .operation .convert span:hover {
  background-color: #fcfcfb;
}
.my-file .rightpart .title .operation .convert span:hover span {
  border-top: solid 1px #ebebeb;
  color: #fdba78;
}
.my-file .rightpart .searchpart {
  height: 28px;
}
.my-file .rightpart .searchpart .m-input-group {
  position: relative;
  width: auto;
  padding-top: -2px;
  height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  box-sizing: border-box;
  display: inline-block;
}
.my-file .rightpart .searchpart .m-input-group .m-input-group-input {
  font-size: 12px;
  line-height: 14px;
  margin-left: 5px;
  width: 55px;
  transition: width 0.3s ease;
  margin-right: 40px;
}
.my-file .rightpart .searchpart .m-input-group .doc-search-new-tip {
  transform: scale(0.9);
  float: left;
  background-color: #f4f4f4;
  padding: 1px 5px 0px 5px;
  font-size: 10px;
  border-radius: 4px;
  height: 20px;
  border: 1px solid #ededed;
}
.my-file .rightpart .searchpart .m-input-group .doc-search-new-tip span {
  display: inline-block;
  width: 43px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777777;
  text-align: center;
  vertical-align: top;
}
.my-file .rightpart .searchpart .m-input-group .doc-search-new-tip i {
  font-size: 10px;
  margin-left: 2px;
  color: #c6c6c6;
}
.my-file .rightpart .searchpart .m-input-group .doc-search-new-tip .is-show-filename {
  bottom: 0px;
}
.my-file .rightpart .searchpart .m-input-group .m-input-group-icon {
  padding-top: 1px;
}
.my-file .rightpart .searchpart .m-input-group .ibass-back {
  position: absolute;
  right: 10px;
  font-size: 12px;
  line-height: 1.33;
  color: #4a4a4a;
  cursor: pointer;
  margin-right: -2px;
}
.my-file .rightpart .searchpart .m-input-group .ibass-back:before {
  color: #cdc9c5;
  padding-right: 4px;
  vertical-align: middle;
}
.my-file .rightpart .searchpart .advanced-search {
  color: #737373;
  font-size: 12px;
  line-height: 30px;
  vertical-align: top;
  margin-left: 8px;
  cursor: pointer;
}
.my-file .rightpart .searchpart .main-btn {
  line-height: 32px;
  height: 32px;
}
.my-file .rightpart .searchpart .main-btn:before {
  margin: -3px 5px 0 0;
  font-size: 12px;
}
.my-file .rightpart .searchpart .file-searchbox-focus {
  width: 119px !important;
}
.my-file .rightpart .searchpart .file-searchbox-focus-border {
  border: solid 1px #ffb387 ;
}
.my-file .rightpart .file-uploading {
  width: 795px;
  height: 40px;
  margin-top: 15px;
  box-sizing: border-box;
}
.my-file .rightpart .file-advanced-searchbox {
  width: 795px;
  height: 147px;
  border-radius: 4px;
  background-color: #f8f8f9;
  margin-top: 15px;
  box-sizing: border-box;
  padding: 15px 144px 15px 20px;
}
.my-file .rightpart .file-advanced-searchbox .tle {
  font-size: 14px;
  color: #4a4a4a;
  width: 70px;
  display: inline-block;
  margin-right: 6px;
  line-height: 33px;
  vertical-align: top;
}
.my-file .rightpart .file-advanced-searchbox .secondfloorbox {
  margin-top: 10px;
}
.my-file .rightpart .file-advanced-searchbox .selectBox {
  display: inline-block;
  width: 200px;
  height: 30px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
}
.my-file .rightpart .file-advanced-searchbox .selectBox .checkbox {
  border: none;
}
.my-file .rightpart .file-advanced-searchbox .selectBox .ibass-trig-down {
  line-height: 32px;
  padding-left: 20px;
  vertical-align: sub;
  color: #cdc9c5;
}
.my-file .rightpart .file-advanced-searchbox .right {
  float: right;
}
.my-file .rightpart .file-advanced-searchbox .searchbtn {
  min-width: 100px;
  height: 32px;
  margin: 14px 0 0 79px;
}
.my-file .rightpart .firm-member-table i {
  cursor: pointer;
  overflow: hidden;
  font-size: 16px;
}
.my-file .rightpart .firm-member-table .icon {
  width: 46px;
  text-align: center;
  padding-top: 6px;
  line-height: 42px;
}
.my-file .rightpart .firm-member-table .ibass-checkbox:hover,
.my-file .rightpart .firm-member-table .ibass-checked {
  color: #fa8919;
}
.my-file .rightpart .firm-member-table .ibass-checkbox:before,
.my-file .rightpart .firm-member-table .ibass-checked:before {
  display: inline;
}
.my-file .rightpart .firm-member-table tr {
  line-height: 42px;
}
.my-file .rightpart .firm-member-table tr .normal-btn {
  width: 80px;
  height: 35px;
  border-radius: 50px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  padding-right: 10px;
  margin-right: 10px;
  visibility: hidden;
}
.my-file .rightpart .firm-member-table .name {
  line-height: 42px;
  width: 360px;
  cursor: pointer;
}
.my-file .rightpart .firm-member-table .name .title {
  width: fit-content;
  width: -moz-fit-content;
  max-width: 360px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  line-height: 16px;
  padding-top: -20px;
}
.my-file .rightpart .firm-member-table .name .titleI {
  width: fit-content;
  width: -moz-fit-content;
  max-width: 380px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  line-height: 16px;
  padding-top: -20px;
  margin: 10px 0 2px 0;
}
.my-file .rightpart .firm-member-table .public {
  max-width: 380px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.my-file .rightpart .firm-member-table .size,
.my-file .rightpart .firm-member-table .time {
  cursor: pointer;
  width: 110px;
  color: #737373;
}
.my-file .rightpart .firm-member-table .time i {
  margin-left: 4px;
}
.my-file .rightpart .firm-member-table .time span,
.my-file .rightpart .firm-member-table .time .active {
  cursor: pointer;
}
.my-file .rightpart .firm-member-table .time span:hover i,
.my-file .rightpart .firm-member-table .time .active i {
  color: #fa8919;
}
.my-file .rightpart .firm-member-table .power {
  color: #737373;
  display: inline-block;
  width: 80px;
  line-height: 20px;
  cursor: pointer;
}
.my-file .rightpart .firm-member-table .ibass-trig-down:hover,
.my-file .rightpart .firm-member-table .ibass-trig-up:hover {
  color: #fa8919;
}
.my-file .rightpart .firm-member-table .thover:hover .ibass-trig-down,
.my-file .rightpart .firm-member-table .thover:hover .ibass-trig-up {
  color: #fa8919;
}
.my-file .rightpart .firm-member-table tbody tr {
  cursor: pointer;
}
.my-file .rightpart .firm-member-table tbody tr .star-repo-flag {
  visibility: hidden;
  margin-left: 8px;
}
.my-file .rightpart .firm-member-table tbody tr .star-repo {
  color: #fb881a;
  margin-left: 8px;
}
.my-file .rightpart .firm-member-table tbody tr .doc—repo-exist-link {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 100%;
  color: #aaaaaa;
  margin-left: -40px;
  font-size: 14px;
}
.my-file .rightpart .firm-member-table tbody tr .doc-repo-special-name {
  max-width: 280px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup {
  text-align: center;
  line-height: 12px;
  padding: 16px 0;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup i {
  visibility: hidden;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup-new {
  line-height: 42px;
  text-align: right;
  padding-right: 25px;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup-new .normal-btn {
  width: 80px;
  height: 35px;
  border-radius: 50px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  margin-right: 10px;
  visibility: hidden;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup-new .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
}
.my-file .rightpart .firm-member-table tbody tr:hover,
.my-file .rightpart .firm-member-table tbody .active {
  cursor: pointer;
  background: #f8f8f9;
}
.my-file .rightpart .firm-member-table tbody tr:hover {
  cursor: pointer;
}
.my-file .rightpart .firm-member-table tbody tr:hover .star-repo-flag {
  visibility: visible;
}
.my-file .rightpart .firm-member-table tbody tr:hover .star-repo-flag:hover {
  color: #fb881a;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup-new {
  line-height: 42px;
  text-align: right;
  padding-right: 25px;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup-new .normal-btn {
  width: 80px;
  height: 35px;
  border-radius: 50px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  margin-right: 10px;
  visibility: visible;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup-new .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup-new .ibass-ellipses:hover {
  color: #8590a6;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup {
  text-align: center;
  line-height: 12px;
  padding: 16px 0;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup i {
  visibility: visible;
  color: #fdba78;
  margin-right: 12px;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup i:hover {
  color: #fa8919;
}
.my-file .rightpart .firm-member-table tbody tr:hover .power:after {
  color: #fdba78;
  content: "\EA13";
  margin-left: 8px;
  font-family: "icon-bass";
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.my-file .rightpart .firm-member-table tbody tr:hover .power:hover:after {
  color: #fa8919;
}
.my-file .rightpart .recovery-table {
  font-size: 14px;
}
.my-file .rightpart .recovery-table thead {
  font-size: 12px;
}
.my-file .rightpart .recovery-table .name {
  width: 310px;
  max-width: 290px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.my-file .rightpart .recovery-table .time {
  cursor: pointer;
}
.my-file .rightpart .recovery-table .time i {
  font-size: 12px;
  margin-left: 4px;
}
.my-file .rightpart .recovery-table .time:hover i,
.my-file .rightpart .recovery-table .active i {
  color: #fa8919;
}
.my-file .rightpart .recovery-table .size {
  width: 100px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.my-file .rightpart .recovery-table .library {
  width: 150px;
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.my-file .rightpart .recovery-table .icongroup {
  width: 60px;
  line-height: 12px;
  padding: 16px 0;
  text-align: center !important;
}
.my-file .rightpart .history-table {
  font-size: 14px;
}
.my-file .rightpart .history-table thead {
  font-size: 12px;
}
.my-file .rightpart .history-table .img {
  width: 40px;
}
.my-file .rightpart .history-table .img img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.my-file .rightpart .history-table .name {
  width: 110px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.my-file .rightpart .history-table .time {
  cursor: pointer;
}
.my-file .rightpart .history-table .time i {
  font-size: 12px;
  margin-left: 4px;
}
.my-file .rightpart .history-table .time:hover i,
.my-file .rightpart .history-table .active i {
  color: #fa8919;
}
.my-file .rightpart .history-table .size {
  width: 100px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.my-file .rightpart .history-table .file .filename {
  width: 330px;
  padding-right: 10px;
  float: left;
  height: 20px;
  line-height: 20px;
}
.my-file .rightpart .history-table .file .filename p {
  max-width: 260px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.my-file .rightpart .history-table .file .filename span {
  width: 70px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #fa8919;
  font-size: 12px;
  font-color: #fa8919;
  color: #fa8919;
  weight: 12;
  padding: 0 2px 0 2px;
  margin-left: 4px;
}
.my-file .rightpart .history-table .file .detail {
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
  float: left;
}
.my-file .rightpart .history-table .file .detail .dpt {
  margin-right: 12px;
  float: left;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.my-file .rightpart .history-table .file .detail .size {
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  color: #a9a9a9;
}
.my-file .rightpart .history-table .oper {
  width: 150px;
  padding-left: 10px;
}
.my-file .rightpart .history-table .oper span {
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  height: 16px;
  line-height: 16px;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 12px;
  display: inline-block;
  float: left;
}
.my-file .rightpart .history-table .oper .add {
  background: #fa8919;
  color: #fff;
}
.my-file .rightpart .history-table .oper .create {
  background: #fa8919;
  color: #fff;
}
.my-file .rightpart .history-table .oper .delete {
  background: #f72b44;
  color: #fff;
}
.my-file .rightpart .history-table .oper .clean-up-repo-trash-item {
  background: #f72b44;
  color: #fff;
}
.my-file .rightpart .history-table .oper .clean-up-repo-trash {
  background: #f72b44;
  color: #fff;
}
.my-file .rightpart .history-table .oper .edit {
  background: #f8f8f9;
  color: #737373;
}
.my-file .rightpart .history-table .oper .move {
  background: #f8f8f9;
  color: #737373;
}
.my-file .rightpart .history-table .oper .recover {
  background: #f8f8f9;
  color: #737373;
}
.my-file .rightpart .history-table .oper .rename {
  background: #f8f8f9;
  color: #737373;
}
.my-file .rightpart .history-table .oper .other {
  background: #f8f8f9;
  color: #737373;
}
.my-file .rightpart .history-table .icongroup {
  width: 80px;
  line-height: 12px;
  padding: 16px 0;
  text-align: center;
}
.my-file .rightpart .history-table tbody .time {
  color: #a9a9a9;
}
.my-file .rightpart .share-table {
  font-size: 14px;
}
.my-file .rightpart .share-table thead {
  font-size: 12px;
}
.my-file .rightpart .share-table .name {
  width: 100px;
  max-width: 290px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.my-file .rightpart .share-table .time {
  cursor: pointer;
  width: 200px;
}
.my-file .rightpart .share-table .time i {
  font-size: 12px;
  margin-left: 4px;
}
.my-file .rightpart .share-table .reponame {
  line-height: 12px;
  padding-top: 3px;
  color: #a9a9a9;
  font-size: 10px;
  max-width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.my-file .rightpart .share-table .time:hover i,
.my-file .rightpart .share-table .active i {
  color: #fa8919;
}
.my-file .rightpart .share-table .size {
  width: 100px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.my-file .rightpart .share-table .library {
  width: 100px;
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.my-file .rightpart .share-table .icongroup {
  width: 100px;
  line-height: 12px;
  padding: 16px 0;
  text-align: center !important;
}
.my-file .search-result {
  padding-left: 36px;
}
.my-file .search-result b {
  color: #fa8919;
  font-size: 12px;
}
.my-file .search-result li {
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  padding: 10px 0px;
}
.my-file .search-result .title {
  position: relative;
  overflow: visible;
  margin: 5px 0;
  width: 580px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
.my-file .search-result .title .titleicon {
  margin-right: 18px;
  vertical-align: middle;
  position: absolute;
  font-size: 20px;
  left: -36px;
  line-height: 30px;
}
.my-file .search-result .title .titletext {
  width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-file .search-result .title .group {
  font-style: normal;
  margin-left: 15px;
  visibility: hidden;
  cursor: pointer;
  font-size: 14px;
  line-height: 32px;
  padding: 7px 12px;
  width: 40px;
}
.my-file .search-result .title .group i {
  color: #fdba78;
  margin-right: 10px;
}
.my-file .search-result .title .group i:hover {
  color: #fa8919;
}
.my-file .search-result li:hover .group {
  visibility: visible;
}
.my-file .search-result .dpt {
  width: 560px;
  font-size: 12px;
  line-height: 1.33;
  color: #4a4a4a;
}
.my-file .search-result .dpt .url span {
  cursor: pointer;
  word-break: break-all;
  color: #a9a9a9;
}
.my-file .search-result .dpt .size {
  float: right;
}
.my-file .search-result .dpt .date {
  float: right;
  margin-left: 10px;
}
.my-file .search-result .detail {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.33;
}
.my-file .search-result .detail div {
  color: #737373;
  width: 560px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.my-file-more ul li {
  line-height: 30px;
  font-size: 12px;
  padding: 0 15px;
  color: #d9d9d9;
  cursor: pointer;
}
.my-file-more ul li:hover {
  color: #fff;
  background: #282828;
}
.my-file-more .ibass-filetype-folder {
  color: #07cfda;
  font-size: 16px;
}
.my-file-more .ibass-filetype-ppt {
  color: #d04424;
  font-size: 16px;
}
.my-file-more .ibass-filetype-doc {
  color: #0a96e5;
  font-size: 16px;
}
.my-file-more .ibass-filetype-excel {
  color: #1c7044;
  font-size: 16px;
}
.my-file-more .ibass-filetype-default {
  color: #cdc9c5;
  font-size: 16px;
}
.my-file-more .ibass-upload {
  color: #cdc9c5;
  font-size: 16px;
}
.my-file-more-new ul li {
  line-height: 30px;
  font-size: 14px;
  padding: 0 15px;
  color: #212121;
  cursor: pointer;
}
.my-file-more-new ul li:hover {
  color: #212121;
  background: #f0f0f0;
}
.my-file-more-new .ibass-filetype-folder {
  color: #07cfda;
  font-size: 16px;
}
.my-file-more-new .ibass-filetype-ppt {
  color: #d04424;
  font-size: 16px;
}
.my-file-more-new .ibass-filetype-doc {
  color: #0a96e5;
  font-size: 16px;
}
.my-file-more-new .ibass-filetype-excel {
  color: #1c7044;
  font-size: 16px;
}
.my-file-more-new .ibass-filetype-default {
  color: #cdc9c5;
  font-size: 16px;
}
.my-file-more-new .ibass-upload {
  color: #cdc9c5;
  font-size: 16px;
}
.filetypepop .copy-ul {
  width: 100% !important;
  padding: 10px 0 !important;
}
.filetypepop .copy-ul li {
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 35px;
}
.filetypepop .copy-ul li:hover {
  background: #f8f8f9;
}
.filetypepop .copy-ul li:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA39";
  font-size: 16px;
  vertical-align: middle;
  color: #cdc9c5;
  padding-right: 8px;
  margin-top: -2px;
}
.filetypepop .copy-ul li.active:before {
  content: "\EA32";
  color: #fa8919;
}
.searchrange .copy-ul li:before {
  content: "\EA27" !important;
}
.searchrange .copy-ul li.active:before {
  content: "\EA33" !important;
}
.taskType-pop .copy-ul {
  width: 100% !important;
  padding: 10px 0 !important;
}
.taskType-pop .copy-ul li {
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
}
.taskType-pop .copy-ul li:hover {
  background: #f8f8f9;
}
#fix-input-myfile [uis-transclude-append] {
  word-break: break-all;
}
#fix-input-myfile + input {
  width: 311px !important;
}
.file-count {
  text-align: center;
  margin-top: 10px;
}
.file-count i {
  color: #fa8919;
  font-size: 20px;
  position: relative;
  top: 5px;
  margin-right: 8px;
}
.file-count div {
  color: #737373;
  display: inline-block;
  font-size: 10px;
}
.new-search-down-view {
  top: 64px;
  position: absolute;
}
.new-search-recommend-drop {
  width: 292px;
  position: relative;
  background-color: #ffffff;
  z-index: 10;
  box-shadow: 0px 0px 10px #d6d4d2;
  border-radius: 3px;
}
.new-search-recommend-drop .new-search-text {
  padding: 5px 13px;
  font-size: 14px;
  color: #a9a9a9;
  word-break: break-all;
}
.new-search-recommend-drop .new-search-text i {
  position: relative;
  top: 2px;
}
.new-search-recommend-drop .new-search-text span {
  margin-left: 5px;
  position: relative;
  bottom: 2px;
}
.new-search-recommend-drop i {
  color: #cdc9c5;
  font-size: 16px;
}
.new-search-recommend-drop .new-search-floder {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.new-search-recommend-drop .new-recommend-repo {
  padding: 0px 13px;
  font-size: 14px;
  color: #4a4a4a;
  cursor: pointer;
}
.new-search-recommend-drop .new-recommend-repo div {
  padding: 5px 0;
}
.new-search-recommend-drop .new-recommend-repo div span {
  margin-left: 10px;
  position: relative;
  cursor: pointer;
  max-width: 225px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  top: 3px;
  white-space: nowrap;
}
.new-search-recommend-drop .new-recommend-repo:hover {
  background-color: #f0f0f0;
}
.file-searchbox-focus-two {
  width: 213px !important;
}
.file-searchbox-focus-three {
  width: 149px !important;
}
.new-search-radio-false {
  float: right;
  position: relative;
  top: 7px;
  cursor: pointer;
}
.new-search-radio-false .radio-round {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #b4b4b4;
  position: relative;
  z-index: 10;
}
.new-search-radio-false .radio-line {
  width: 23px;
  border: 1px solid #b4b4b4;
  position: relative;
  bottom: 7px;
}
.new-search-radio-true {
  float: right;
  position: relative;
  top: 7px;
  cursor: pointer;
}
.new-search-radio-true .radio-round {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #b4b4b4;
  position: relative;
  z-index: 10;
  left: 14px;
  border-color: #fb881a;
  background-color: #fb881a;
}
.new-search-radio-true .radio-line {
  width: 23px;
  border: 1px solid #b4b4b4;
  position: relative;
  bottom: 7px;
  border-color: #fb881a;
}
.doc-download-share-link {
  border-radius: 20px 0px 0px 20px;
  margin-left: 40px;
}
.doc-new-tip-one {
  display: none;
  position: absolute;
  left: 0px;
  transform: translateX(-50%);
  background-color: #3d3d3d;
  bottom: 25px;
  width: 162px;
  color: #ffffff;
  padding: 12px;
  line-height: 14px;
  font-size: 12px;
  word-wrap: break-word;
  border-radius: 8px;
  text-align: center;
}
.doc-new-tip-one .new-tip-triangle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  border-left: 11px solid rgba(255, 255, 255, 0);
  border-right: 11px solid rgba(255, 255, 255, 0);
  border-top: 7px solid #3d3d3d;
  border-bottom: 7px solid rgba(255, 255, 255, 0);
  bottom: -14px;
}
.doc-new-tip-two {
  display: none;
  position: absolute;
  left: 0px;
  transform: translateX(-50%);
  background-color: #3d3d3d;
  bottom: 25px;
  width: 204px;
  color: #ffffff;
  padding: 12px;
  line-height: 14px;
  font-size: 12px;
  word-wrap: break-word;
  border-radius: 8px;
  text-align: center;
}
.doc-new-tip-two .new-tip-triangle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  border-left: 11px solid rgba(255, 255, 255, 0);
  border-right: 11px solid rgba(255, 255, 255, 0);
  border-top: 7px solid #3d3d3d;
  border-bottom: 7px solid rgba(255, 255, 255, 0);
  bottom: -14px;
}
.doc-new-tip-two .new-tip-footer {
  width: 172px;
  display: inline-block;
}
.doc-new-tip-two .new-tip-footer .new-tip-button {
  min-width: 80px;
  line-height: 22px;
}
.doc-new-tip-two .new-tip-footer .new-tip-button:last-child {
  background: #f8f8f9;
  color: #4a4a4a;
  border: #f8f8f9;
  float: right;
}
.doc-new-tip-two .new-tip-footer .new-tip-button:first-child {
  float: left;
  display: inline-block;
  min-width: 60px;
}
.special-span-one {
  position: relative;
}
.special-span-one:hover .doc-new-tip-one {
  display: inline-block;
}
.special-span-one:hover .doc-new-tip-two {
  display: inline-block;
}
.add-doc-tip-style {
  max-width: 200px;
}
.doc-link-order-color {
  color: #fb881a !important;
}
.ngdialogs-download-close-style .ngdialog-close:before {
  top: -1px !important;
}
.share-special-class {
  padding: 0px;
}
.share-special-class .tooltip-inner {
  max-width: 192px;
  padding: 12px;
  text-align: left;
  line-height: 16px;
}
.sharelink-reset-default .icon {
  cursor: default !important;
}
.sharelink-reset-default .library {
  cursor: default !important;
}
.sharelink-reset-default .time {
  cursor: default !important;
}
.sharelink-reset-default .name {
  cursor: default !important;
}
.link-default-cursor td {
  cursor: default !important;
}
.link-default-cursor-thead tr td span:first-child {
  cursor: default !important;
}
.evidence-entry::after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 4.5px;
  background: red;
  display: inline-block;
  position: relative;
  bottom: 5px;
  right: 3px;
  border: 1px solid #ffffff;
}
.batch-trash-opreate .ibass-checkbox,
.batch-trash-opreate .ibass-checked {
  display: none;
}
.batch-trash-opreate:hover .icon-class {
  display: none;
}
.batch-trash-opreate:hover .ibass-checkbox {
  display: inline-block;
}
.batch-trash-opreate-active .ibass-checked {
  display: inline-block !important;
}
.batch-trash-opreate-active .ibass-checkbox,
.batch-trash-opreate-active .icon-class {
  display: none !important;
}
.batch-history-opreate {
  text-align: center;
}
.batch-history-opreate .ibass-checkbox,
.batch-history-opreate .ibass-checked {
  display: none;
}
.batch-history-opreate:hover .icon-image {
  display: none;
}
.batch-history-opreate:hover .ibass-checkbox {
  display: inline-block;
}
.batch-history-no-opreate {
  text-align: center;
}
.batch-history-no-opreate .ibass-checkbox,
.batch-history-no-opreate .ibass-checked {
  display: none;
}
.batch-history-selectall {
  text-align: center;
}
.batch-history-selectall .ibass-checked {
  display: none;
}
.batch-history-opreate-active .ibass-checked {
  display: inline-block !important;
}
.batch-history-opreate-active .ibass-checkbox,
.batch-history-opreate-active .icon-image {
  display: none !important;
}

.navigation {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.navigation .close-page {
  position: absolute;
  top: -16px;
  right: -17px;
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 17px;
  cursor: pointer;
}
.navigation .close-page .icon-close {
  position: absolute;
  left: 33%;
  top: 26%;
  font-size: 11.9px;
  color: #79aad1;
}
.navigation .alpha-logo {
  line-height: 43px;
  height: 43px;
  position: absolute;
  padding-right: 11px;
  transform: translateX(-100%);
  font-size: 40px;
  color: #ed6c00;
}
.navigation .user-msg {
  line-height: 37px;
  margin-left: 2px;
  margin-bottom: 15px;
}
.navigation .user-msg span {
  font-size: 26px;
  color: #252525;
}
.navigation .user-msg i {
  font-size: 14px;
  color: #8a94a0;
  border-left: solid 1px #ebebeb;
  margin-left: 10px;
  padding-left: 10px;
  font-style: normal;
}
.navigation .user-msg a,
.navigation .user-msg .group-name {
  font-size: 14px;
  color: #a9a9a9;
  padding-left: 10px;
  font-style: normal;
}
.navigation .user-msg .signature {
  line-height: initial;
  padding-bottom: 4px;
  margin-top: 4px;
  margin-left: 26px;
  min-height: 34px;
}
.navigation .user-msg .signature span {
  color: #a6a6a6;
  font-size: 12px;
  max-width: 370px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.navigation .tab-page {
  height: 54px;
  /* padding-top: 18px; */
  /* box-sizing: border-box; */
  position: absolute;
  right: 0;
  bottom: 0;
}
.navigation .tab-page ul {
  height: 100%;
  display: inline-block;
  margin: 0 auto;
  overflow: hidden;
}
.navigation .tab-page ul li {
  height: 100%;
  width: 80px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  float: left;
}
.navigation .tab-page ul li a {
  height: 100%;
  width: 100%;
  display: inline-block;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
  transition: all .1s;
}
.navigation .tab-page ul li a .icon {
  color: #b4a69a;
}
.navigation .tab-page ul li a i {
  font-size: 24px;
  color: #a1a1a1;
  line-height: 20px;
  vertical-align: middle;
}
.navigation .tab-page ul li a span {
  font-size: 12px;
  text-align: center;
  color: #9e9e9e;
}
.navigation .tab-page ul li a.matter.current,
.navigation .tab-page ul li a.matter:hover {
  border-bottom-color: #67aaf6;
}
.navigation .tab-page ul li a.matter.current span,
.navigation .tab-page ul li a.matter:hover span,
.navigation .tab-page ul li a.matter.current .icon,
.navigation .tab-page ul li a.matter:hover .icon {
  color: #67aaf6;
}
.navigation .tab-page ul li a.current,
.navigation .tab-page ul li a:hover,
.navigation .tab-page ul li a.tool-current {
  border-bottom-color: #ff8800;
}
.navigation .tab-page ul li a.current span,
.navigation .tab-page ul li a:hover span,
.navigation .tab-page ul li a.tool-current span,
.navigation .tab-page ul li a.current .icon,
.navigation .tab-page ul li a:hover .icon,
.navigation .tab-page ul li a.tool-current .icon {
  color: #ed6c00;
}
.navigation-more {
  padding: 20px 15px !important;
  max-width: initial!important;
  border-radius: 10px!important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  border: solid 1px #e5e5e5!important;
}
.navigation-more .tab-page {
  padding: 20px 22px;
}
.navigation-more .tab-page ul {
  height: 100%;
  margin: 0 auto;
}
.navigation-more .tab-page ul li {
  height: 100%;
  width: 80px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.navigation-more .tab-page ul li a {
  height: 100%;
  width: 100%;
  display: inline-block;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
  transition: all .1s;
}
.navigation-more .tab-page ul li a .icon {
  color: #b4a69a;
}
.navigation-more .tab-page ul li a i {
  font-size: 24px;
  color: #a1a1a1;
  line-height: 20px;
  vertical-align: middle;
}
.navigation-more .tab-page ul li a .icon-istration {
  line-height: 25px;
}
.navigation-more .tab-page ul li a span {
  font-size: 12px;
  text-align: center;
  color: #9e9e9e;
}
.navigation-more .tab-page ul li a.current,
.navigation-more .tab-page ul li a:hover {
  background: transparent;
}
.navigation-more .tab-page ul li a.current span,
.navigation-more .tab-page ul li a:hover span,
.navigation-more .tab-page ul li a.current .icon,
.navigation-more .tab-page ul li a:hover .icon {
  color: #ed6c00;
}
.navigation-more .tab-page ul li a.current .icon-istration,
.navigation-more .tab-page ul li a:hover .icon-istration {
  line-height: 25px;
  font-size: 24px;
  padding: 0 10px;
  cursor: pointer;
}
.navigation-more .tab-page ul li a.current .icon-istration:before,
.navigation-more .tab-page ul li a:hover .icon-istration:before {
  color: #ed6c00;
}
.popmargin {
  margin-top: -10px;
  margin-left: 20px;
}
.popmargin .triangle {
  margin-left: -30px !important;
}
.my-pages {
  min-height: 500px;
}


.site-footer {
  clear: both;
  height: 245px;
  margin-top: -23px;
  padding-top: 41px;
  background-color: #333333;
  box-sizing: border-box;
}
.site-footer .content {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.site-footer .content .logo {
  text-align: center;
}
.site-footer .content .logo .img {
  font-size: 38px;
  color: #ed6c00;
  height: 50px;
}
.site-footer .content .logo .desc {
  font-size: 12px;
  color: #6d6d6d;
}
.site-footer .content .copyright {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #9a9a9a;
  font-family: Helvetica;
}
.site-footer .content .copyright .data-line {
  height: 8px;
  display: inline-block;
  border-left: 1px solid rgba(154, 154, 154, 0.8);
}
.site-footer .content .copyright .data-use-tip {
  cursor: pointer;
}
.site-footer .content .copyright .data-use-tip:hover {
  color: #fff;
}

.hover {
  color: #ed6c00 !important;
}
.searchPop .title {
  width: 345px !important;
  box-sizing: border-box;
}
.require-dpt-desc {
  font-size: 12px;
  color: red;
  font-weight: initial;
}
.edit-view .ibass-done:before {
  position: absolute;
  left: 100%;
  margin-left: 5px;
  top: 0;
  color: #1ac031;
}
.verify-loading {
  position: absolute!important;
  top: 12px;
  width: 15px;
  height: 15px;
}
.verify-phone-loading {
  left: 27px;
}
.verify-email-loading {
  left: 27px;
}
.verify-loading .loading {
  padding: 0;
}
.verify-loading .loading .loader {
  transform: scale(0.2);
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -40px;
  margin-top: -41px;
}
.psetting-setting .label-top {
  top: 10px;
}
.upload-dialog-wrapper .label-top {
  top: 10px;
}
.kd-fail-list {
  max-height: 200px;
  margin-top: 10px;
}
.kd-fail-list li {
  font-size: 14px;
  padding-left: 45px;
  color: red;
}
.kd-importbtn {
  margin: 24px auto 0px;
  display: block;
}
.grey-btn {
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #4a4a4a;
  background: #f8f8f9;
  line-height: 34px;
  padding: 0 10px;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.versionlog-div {
  padding: 0 50px 35px 50px;
}
.versionlog-div #editlogdate {
  padding: 38px 0 30px 0;
}
.versionlog-div .hr-dialog-title div {
  top: 40px;
}
.versionlog-div .hr-dialog-title i {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 16px;
  cursor: pointer;
}
.versionlog-div .hr-dialog-title span {
  padding: 0 30px;
}
.versionlog-div .log-contain {
  padding: 0 16px;
}
.versionlog-div .log-contain li div {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all;
}
.versionlog-div .media-height {
  margin-top: 35px;
}
.versionlog-div .ngdialog-content {
  overflow: hidden;
}
.versionlog-div .add-log {
  text-align: center;
}
.versionlog-div .add-log .grey-btn {
  padding: 0 35px;
  margin-top: 15px;
}
.versionlog-div .change-publish-type {
  height: 42px;
  font-size: 14px;
  color: #4a4a4a;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.versionlog-div .change-publish-type p {
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.versionlog-div .change-publish-type p:hover {
  border-bottom: 2px solid #eb6c00;
}
.versionlog-div .change-publish-type .cur-publish-type {
  border-bottom: 2px solid #eb6c00;
  color: #eb6c00;
}
.versionlog-div .publishReleaseWithoutInfo p {
  padding: 20px;
  line-height: 20px;
  color: #7b7b7b;
}
.versionlog-div .environment {
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
}
.versionlog-div .environment:hover i {
  color: #fa8919;
}
.versionlog-div .environment i {
  vertical-align: sub;
  color: #cdc9c5;
}
.versionlog-div .environment .ibass-done {
  color: #fa8919;
}
.versionlog-div .environment span {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
}
.versionlog-div .firm-dialog-body {
  border-radius: 5px;
  padding-top: 10px;
  background: transparent;
}
.versionlog-div .line {
  top: 40px;
  width: 500px;
  margin-left: 50px;
}
.versionlog-div .max-eightteen {
  line-height: 20px;
}
.versionlog-div .per-version-log {
  padding: 34px 0;
  font-size: 14px;
  border-bottom: 1px solid #f0f0f0;
}
.versionlog-div .per-version-log .img-container {
  margin: 5px 0;
}
.versionlog-div .per-version-log .img-container .output-range {
  display: inline-block;
  vertical-align: top;
}
.versionlog-div .per-version-log .img-container .output-range span {
  width: auto;
}
.versionlog-div .per-version-log .img-container span {
  display: inline-block;
  width: 80px;
}
.versionlog-div .per-version-log .img-container input {
  width: 400px;
}
.versionlog-div .per-version-log .log-cover {
  width: 490px;
  height: 220px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.versionlog-div .per-version-log .log-cover .cover-title {
  height: 44px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  line-height: 44px;
  bottom: 0px;
  position: absolute;
  border-radius: 0 0 10px 10px;
}
.versionlog-div .per-version-log .log-cover .cover-title span {
  vertical-align: sub;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 430px;
}
.versionlog-div .per-version-log .log-cover .cover-title i {
  float: right;
}
.versionlog-div .per-version-log a {
  color: #fa8919;
}
.versionlog-div .per-version-log ul li {
  line-height: 1.57;
  padding-left: 8px;
}
.versionlog-div .per-version-log ul .title-li {
  font-weight: bold;
  margin: 8px 0;
  padding: 0;
}
.versionlog-div .per-version-log ul .title-li:before {
  content: "";
  padding: 0;
}
.versionlog-div .per-version-log ul li .dot:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA54";
  font-size: 12px;
  vertical-align: middle;
  color: #cdc9c5;
  padding-right: 4px;
}
.versionlog-div .per-version-log .title {
  margin-bottom: 5px;
  line-height: 24px;
  position: relative;
}
.versionlog-div .per-version-log .title input {
  vertical-align: middle;
  width: 120px;
}
.versionlog-div .per-version-log .title .version {
  color: #fff;
  font-weight: bold;
  background: #fa8919;
  padding: 0 10px;
  border-radius: 4px;
  display: inline-block;
}
.versionlog-div .per-version-log .title .date {
  color: #a9a9a9;
  display: inline-block;
  margin-left: 14px;
}
.versionlog-div .per-version-log .title .ibass-edit,
.versionlog-div .per-version-log .title .ibass-delete {
  display: none;
  color: #fdba78;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  cursor: pointer;
}
.versionlog-div .per-version-log .title:hover .ibass-edit,
.versionlog-div .per-version-log .title:hover .ibass-delete {
  display: inline-block;
}
.versionlog-div .per-version-log .clear {
  clear: both;
}
.versionlog-div .per-version-log .con-del {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  margin: 0 15px;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.versionlog-div .per-version-log input {
  background: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.versionlog-div .per-version-log textarea {
  width: 480px !important;
  min-height: 150px !important;
  word-break: break-all;
  padding: 12px 10px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
@media (min-height: 200px) {
  .media-height {
    max-height: 440px;
    overflow-y: auto;
  }
}
@media (min-height: 1000px) {
  .media-height {
    max-height: 660px;
    overflow-y: auto;
  }
}
@media (min-height: 1100px) {
  .media-height {
    max-height: 900px;
    overflow-y: auto;
  }
}
.dcw-setings-icon {
  position: relative;
}
.dcw-setings-icon .dcw-seting-point {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #d0021b;
  position: absolute;
  top: -2px;
  right: 0;
}
.dcw-setings-icon .dcw-seting-point-no {
  display: none;
}
.dcw-head-self-setings-div {
  position: relative;
}
.dcw-head-self-setings-div .dcw-head-self-setings-icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #d0021b;
  position: absolute;
  top: 7px;
  right: 17px;
}
.dcw-setings-oncetips {
  position: absolute;
  z-index: 100;
  width: 280px;
  background: #fff;
  padding: 25px 34px 5px;
  right: -130px;
  top: 30px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
.dcw-setings-oncetips:after {
  content: '';
  position: absolute;
  right: 130px;
  top: -16px;
  border: 8px solid;
  border-color: transparent transparent #fff;
  z-index: 110;
}
.dcw-setings-oncetips .dcw-setings-oncetips-box {
  width: 100%;
  position: relative;
}
.dcw-setings-oncetips .dcw-setings-oncetips-box p {
  line-height: 18px;
  font-size: 13px;
}
.dcw-setings-oncetips .dcw-setings-oncetips-box .dcw-setings-oncetips-btn {
  overflow: hidden;
}
.dcw-setings-oncetips .dcw-setings-oncetips-box .dcw-setings-oncetips-btn .dcw-setings-oncetips-over {
  background-color: #fa8919;
  display: inline-block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.dcw-setings-oncetips .dcw-setings-oncetips-box .dcw-setings-oncetips-btn .dcw-await-oncetips {
  display: inline-block;
  margin-left: 10px;
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  border-radius: 50px;
  border: 1px solid #e8e8e8;
  color: #4a4a4a;
  text-align: center;
  cursor: pointer;
}

.remind-browser {
  height: 45px;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  width: 100%;
  min-width: 1000px;
  display: block;
  position: fixed;
  z-index: 10000;
  top: 0;
}
.remind-browser .remind-browser-wrap {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.remind-browser .remind-browser-content {
  padding-top: 13px;
  width: 525px;
  height: 26px;
  font-size: 14px;
  text-align: left;
  color: #737373;
  margin: 0 auto;
  line-height: 20px;
  position: relative;
}
.remind-browser .remind-browser-download {
  position: absolute;
  top: 9px;
  right: 0;
  height: 26px;
  width: 85px;
  float: right;
  border-radius: 3px;
  border: solid 1px #fa8919;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  line-height: 26px;
  cursor: pointer;
}
.remind-browser .remind-browser-download span {
  vertical-align: top;
}
.remind-browser .remind-browser-close {
  position: absolute;
  top: 10px;
  right: 50px;
  font-size: 12px;
  cursor: pointer;
}

.header-nav-wrap .remind-release {
  height: 45px;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  width: 100%;
  min-width: 1000px;
  display: block;
  position: fixed;
  z-index: 10000;
  top: 0;
}
.header-nav-wrap .remind-release .remind-release-wrap {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.header-nav-wrap .remind-release .remind-release-content {
  padding-top: 13px;
  width: 525px;
  height: 26px;
  font-size: 14px;
  text-align: left;
  color: #737373;
  margin: 0 auto;
  line-height: 20px;
  position: relative;
}
.header-nav-wrap .remind-release .remind-release-refreshPage {
  position: absolute;
  top: 9px;
  right: 0;
  height: 26px;
  width: 85px;
  float: right;
  border-radius: 3px;
  border: solid 1px #fa8919;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  line-height: 26px;
  cursor: pointer;
}
.header-nav-wrap .remind-release .remind-release-changeLog {
  position: absolute;
  top: 13px;
  right: 0;
  height: 20px;
  width: 106px;
  font-size: 14px;
  text-align: right;
  color: #a9a9a9;
  cursor: pointer;
}
.header-nav-wrap .remind-release .remind-release-changeLog .ibass-list {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: icon-bass;
  font-size: 16px;
  text-align: center;
  float: left;
  line-height: 16px;
}
.header-nav-wrap .remind-release .remind-releasechangeLog-text {
  display: inline-block;
  width: 87px;
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #a9a9a9;
  float: right;
  line-height: 16px;
}

/*search-01-result-01*/
.search-result-title {
  font-size: 12px;
  line-height: 18px;
  color: #8a94a0;
}
.search-total-list {
  overflow: hidden;
}
.search-total-list hr {
  width: 590px;
  margin-left: 40px;
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
}
.search-total-list .search-icon {
  font-size: 22px;
  color: #79aad1;
  float: left;
}
.search-total-list .search-body {
  margin-left: 20px;
  float: left;
  width: 590px;
}
.search-body .search-title {
  font-weight: 600;
  line-height: 20px;
  margin-top: 6px;
}
.search-body .search-item {
  font-size: 12px;
  color: #1e8aff;
  line-height: 26px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 590px;
}
.search-body .s-lite {
  margin: 14px 0;
  display: inline-block;
}
/*search-01-result-02*/
.search-case-item {
  float: left;
  position: relative;
  width: 190px;
  height: 146px;
  font-size: 12px;
  display: inline-block;
  background: url('project-case.png') no-repeat;
  margin-right: 60px;
  margin-top: 8px;
  margin-bottom: 52px;
}
.search-case-item:nth-child(4n+1) {
  margin-right: 0;
}
.search-file-div {
  padding: 20px 18px;
  display: block;
  box-sizing: border-box;
  min-height: 140px;
}
.search-case-status {
  overflow: hidden;
}
.search-case-status span:first-child {
  float: left;
  color: #79aad1;
}
.search-case-status span:last-child {
  float: right;
  color: #8a94a0;
}
.search-case-title {
  font-size: 14px;
  line-height: 20px;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.search-case-person {
  color: #8a94a0;
  position: absolute;
  font-size: 12px;
  bottom: -25px;
  left: 0;
  width: 190px;
}
.search-case-person a:first-child {
  float: left;
  color: #8a94a0;
  display: block;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70px;
}
.search-case-person a:last-child {
  float: right;
  color: #8a94a0;
  display: block;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 120px;
}
/*search-01-result-03*/
.search-file-item {
  margin-top: 16px;
}
.search-file-item li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.search-file-item li div {
  display: inline-block;
}
.search-file-item li div:first-child {
  width: 620px;
}
.search-file-left i {
  color: #79aad1;
  font-size: 18px;
}
.search-file-left a {
  line-height: 20px;
  margin-left: 10px;
  color: #4a4a4a;
}
.search-file-left p {
  padding-left: 28px;
}
.search-file-right i {
  color: #79aad1;
  font-size: 12px;
}
.search-file-right a {
  line-height: 18px;
  font-size: 12px;
  color: #79aad1;
  margin-left: 8px;
}
.search-file-right p {
  padding-left: 20px;
}
.search-file-remark {
  color: #8a94a0;
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
}
.search-file-remark span,
.search-file-remark a {
  margin-left: 10px;
  padding: 0 10px;
  border-left: 1px solid;
  color: #8a94a0;
}
/*search-01-result-04*/
.search-custom-item {
  padding: 16px 20px;
  border-radius: 2px;
  border: 1px solid #dadada;
  width: 244px;
  height: 120px;
  position: relative;
  display: inline-block;
  margin-right: 34px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.search-custom-item:nth-child(3n+1) {
  margin-right: 0;
}
.search-custom-item .icon {
  font-size: 24px;
  color: #79aad1;
  display: inline-block;
}
.search-custom-item .search-custom-content {
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #c7d1da;
  padding-left: 9px;
  margin-left: 15px;
  max-width: 185px;
}
.search-custom-content {
  width: 185px;
}
.search-custom-item .search-custom-title {
  margin-bottom: 10px;
  overflow: hidden;
}
.search-custom-item .search-custom-title a {
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 130px;
  float: left;
  color: #4a4a4a;
}
.search-custom-item .search-custom-title span {
  font-size: 12px;
  color: #79aad1;
  float: right;
}
.search-custom-item .search-custom-case {
  font-size: 12px;
  color: #8a94a0;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.search-custom-item .search-custom-status {
  font-size: 12px;
  color: #8a94a0;
  line-height: 18px;
}
.search-custom-item .search-custom-remark {
  color: #c7d1da;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  left: 76px;
}
/*search-01-result-05*/
.search-team-item {
  display: inline-block;
  border-radius: 2px;
  height: 80px;
  width: 284px;
  border: 1px solid #dadada;
  overflow: hidden;
  margin: 15px 0;
  margin-right: 32px;
}
.search-team-item:nth-child(3n+1) {
  margin-right: 0;
}
.search-team-item .search-team-icon {
  font-size: 24px;
  padding: 20px;
  border-right: 1px solid #ebebeb;
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  float: left;
  color: #79aad1;
}
.search-team-item .search-team-content {
  display: inline-block;
  width: 218px;
  box-sizing: border-box;
  padding: 16px 10px;
  float: left;
}
.search-team-item .search-team-title {
  overflow: hidden;
}
.search-team-item .search-team-title a {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}
.search-team-item-right {
  float: right;
  font-size: 12px;
  color: #79aad1;
}
.search-team-item-left {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}
.search-team-item .search-team-remark {
  font-size: 12px;
  color: #8a94a0;
  line-height: 30px;
}
.search-result-tab {
  width: 1000px;
  box-sizing: border-box;
  height: 42px;
  background: #fcfdfe;
  box-shadow: inset 0 -1px 0 0 #f2f2f2;
  border-radius: 3px;
}
.search-result-tab .search-result-ul {
  height: 42px;
  text-align: center;
  display: inline-block;
  margin-bottom: -3px;
}
.search-result-tab li {
  color: #4a4a4a;
  font-weight: 500;
  font-size: 14px;
  line-height: 42px;
  width: 110px;
  cursor: pointer;
  float: left;
}
.search-result-tab .star {
  float: right;
  color: #1e8aff;
}
.search-result-tab .star span {
  font-size: 14px;
  line-height: 42px;
  margin: 0 20px 0 6px;
}
.search-result-tab i {
  font-size: 18px;
  vertical-align: sub;
}
.first-li {
  position: relative;
}
.first-li a {
  color: #4a4a4a;
}
.first-li ul {
  position: absolute;
  z-index: 90;
  top: 42px;
  left: 0;
}
.first-li.active {
  border-bottom: 1px solid #1e8aff;
}
.first-li:hover {
  border-bottom: 1px solid rgba(31, 139, 255, 0.5);
}
.first-li ul li .active {
  border-bottom: 0;
  background: #f6f9ff;
}
.first-li ul li .active a {
  color: #1e8aff;
}
.search-result-tab ul li ul {
  display: none;
  border: 1px solid #79aad1;
  border-top: 0;
}
.search-result-tab ul li ul a {
  width: 110px;
  display: inline-block;
  background: #fff;
}
.search-result-tab ul li ul a:hover,
.search-result-tab ul li ul a:active {
  color: #1e8aff !important;
  background: #f6f9ff;
}
.search-result-tab ul li:hover ul,
.search-result-tab ul li a:hover ul,
.search-result-tab ul li a:active ul {
  display: block;
  width: 100%;
}
.search-float-div {
  position: absolute;
  left: 60px;
  top: 56px;
  border: 1px solid #ebebeb;
  background: #fff;
  padding: 4px 10px;
  font-size: 14px;
  z-index: 99;
  width: 584px;
}
.search-float-div p {
  line-height: 28px;
}
.search-float-div label {
  width: 60px;
  display: inline-block;
}
.search-float-div span {
  cursor: pointer;
  color: #79aad1;
  border-right: 1px solid #ebebeb;
  padding-right: 6px;
}
.search-float-div p span:last-child {
  padding-right: 0px;
  border: 0;
}
.search-act-left a {
  line-height: 20px;
  margin-left: 10px;
  color: #4a4a4a;
}
.search-act-left p {
  padding-left: 10px;
}
.blue-circle {
  background: #1e8aff;
  position: absolute;
  top: 18px;
  left: 14px;
  border-radius: 4px;
  height: 8px;
  width: 8px;
}

.smart_custom,
.smart_checked {
  border-radius: 2px;
  border: 1px solid #eaeaea;
  color: #8a94a0;
  padding: 4px;
  font-size: 14px;
  vertical-align: text-top;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  user-select: none;
}
.smart_system {
  border-radius: 2px;
  background: #fff;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: bold;
  vertical-align: text-top;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  user-select: none;
}
.smart_hover {
  border-radius: 2px;
  background: #ffba49 !important;
  color: #fff !important;
  font-weight: bold;
  vertical-align: text-top;
  padding: 2px 4px;
}
.smart_create {
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
}
.smart_choose {
  border-radius: 2px;
  background: #ffba49;
  color: #fff;
  padding: 4px;
  font-size: 14px;
  vertical-align: text-top;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  user-select: none;
}
.templet-container {
  padding: 30px 60px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
}
.templet-div {
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
}
.templet-ul {
  width: 25%;
  float: left;
  padding-bottom: 600px;
  margin-bottom: -600px;
  border-right: 1px solid #ebebeb;
  box-sizing: border-box;
}
.templet-ul li {
  line-height: 42px;
  padding: 0 18px;
  position: relative;
  cursor: pointer;
}
.templet-ul div {
  color: #ed6c00;
}
.normalli {
  text-align: left !important;
}
.templet-ul li .ibass-done,
.templet-ul li .ibass-delete {
  visibility: hidden;
  vertical-align: sub;
}
.templet-ul li:first-child {
  text-align: center;
}
.normalli:hover,
.normalli:hover a {
  color: #ed6c00;
  background: #f8f8f9;
}
.normalli:hover .ibass-done,
.normalli:hover .icon,
.normalli.active i {
  visibility: visible;
}
.normalli.active,
.normalli.active a {
  color: #ed6c00;
  background: #f8f8f9;
}
.normalli .ibass-delete {
  margin-left: 10px;
}
.normalli:hover {
  color: #ed6c00;
  background: #f8f8f9;
}
.normalli,
.normalli a {
  height: 44px;
}
.normalli:hover .ibass-done,
.normalli:hover .ibass-delete {
  visibility: visible;
}
.normalli .ibass-done {
  float: left;
}
.normalli span {
  display: inline-block;
  max-width: 140px;
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 4px;
}
.smart-title {
  border-radius: 3px;
  background: #fcfdfe;
  text-align: center;
  padding: 25px;
  box-sizing: border-box;
}
.smart-title p:first-child {
  font-weight: bold;
  color: #4a4a4a;
}
.smart-title p:last-child {
  color: #8a94a0;
  font-size: 14px;
}
.smart-search {
  width: 550px !important;
  border-radius: 20px !important;
  height: 40px;
  line-height: 24px !important;
  box-sizing: border-box;
  margin: 30px auto;
  position: relative;
  overflow: visible !important;
}
.smart-search ul {
  width: 500px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  position: absolute;
  top: 39px;
  left: 25px;
  font-size: 14px;
  box-sizing: border-box;
  z-index: 10;
}
.smart-search li {
  font-weight: bold;
  line-height: 30px;
  cursor: pointer;
  padding: 0 10px;
}
.smart-search li span {
  font-weight: normal;
  color: #8a94a0;
}
.smart-search li:hover {
  background: #f8f8f9;
}
.smart-title-left input[type="range"] {
  margin-top: 2px;
  background-color: #f0f0f0;
  border-radius: 15px;
  width: 100px;
  -webkit-appearance: none;
  height: 2px;
  box-sizing: border-box;
}
.smart-title-left input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  cursor: default;
  top: -5px;
  height: 8px;
  width: 8px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 3px #ed6c00,0 0 3px #ed6c00,0 0 3px #ed6c00,0 0 3px #ed6c00;
}
.smart-title-left {
  line-height: 52px;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 0 20px;
}
.smart-title-left input {
  margin-top: 28px !important;
  margin-right: 10px;
}
.smart-title-left span,
.smart-title-right span {
  font-size: 14px;
  font-weight: 600;
}
.smart-body-left {
  border-right: 1px solid #ebebeb;
}
.smart-title-right {
  line-height: 52px;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 0 20px;
}
.smart-body-right {
  height: 846px;
  max-height: 846px;
  overflow-y: auto;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
.smart-small-title {
  font-size: 14px;
  font-weight: bold;
}
.smart-small-title span {
  color: #8a94a0;
  font-weight: normal;
}
.smart-li {
  height: 42px;
  width: 100%;
  padding: 0px 15px;
  line-height: 42px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
  font-size: 14px;
  cursor: pointer;
  margin: 8px 0;
}
.smart-li span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  vertical-align: top;
}
.smart-ul .smart-add {
  box-shadow: none;
  border: 1px solid #ebebeb;
  background: #fcfdfe;
  text-align: center;
  color: #8a94a0;
  font-size: 14px;
  overflow: visible;
}
.smart-ul .l-input {
  width: 200px;
}
.smart-ul .ibass-delete,
.smart-ul .ibass-edit {
  color: #a9a9a9;
  padding: 0 8px;
  line-height: 46px;
  vertical-align: middle;
  display: none;
}
.smart-ul .smart-li .ibass-add-round,
.smart-ul .smart-li .ibass-add-round:hover {
  vertical-align: sub;
  font-size: 20px;
  margin-right: 10px;
  color: #8a94a0;
  position: relative;
  top: 1px;
}
.smart-ul i {
  color: #fa8919;
  vertical-align: text-bottom;
}
.smart-li:hover .ibass-delete,
.smart-li:hover .ibass-edit {
  display: block;
}
.tag-smart {
  width: 150px;
  position: absolute;
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 0 0 10px #9b9b9b;
  top: 56px;
  right: 145px;
  z-index: 99;
}
.tag-smart:before,
.tag-smart:after {
  content: "";
  display: block;
  border-width: 15px;
  position: absolute;
  top: -31px;
  right: 58px;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3 ;
  font-size: 0;
  line-height: 0;
}
.tag-smart:after {
  top: -30px;
  border-color: transparent transparent #FFF;
}
.tag-smart ul {
  padding: 12px 25px;
}
.tag-smart li {
  overflow: hidden;
  line-height: 30px;
}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
/*定义滚动条的轨道，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  background-color: #fff;
}
/*定义滑块，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.4);
}
/*添加文本*/
.add-text-li input {
  border: 0;
  display: inline-block;
  font-size: 14px;
}
.add-text-li .ibass-text {
  vertical-align: sub;
}
.add-text-li .ibass-delete {
  display: inline;
  border-left: 1px solid #ebebeb;
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 0;
}
.add-text-li .ibass-field-casade {
  display: inline;
}
.add-text-li div {
  height: 42px;
  float: right;
}
.add-text-li span {
  font-size: 14px;
  color: #79aad1;
}
/*添加多选*/
.add-checkbox-li {
  height: 100% !important;
  padding: 0 !important;
  cursor: auto !important;
  overflow: visible !important;
}
.checkbox-li-title {
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
}
.checkbox-li-title .ibass-checkbox {
  vertical-align: middle;
}
.checkbox-li-title .ibass-field-casade {
  vertical-align: sub;
}
.checkbox-li-title input {
  border: 0;
  font-size: 14px;
}
.checkbox-li-title .ibass-delete,
.checkbox-li-title .ibass-close {
  display: inline;
  border-left: 1px solid #ebebeb;
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 0;
  cursor: pointer;
}
.checkbox-li-title span {
  float: right;
  height: 42px;
  line-height: 42px;
  color: #fa8919;
  cursor: pointer;
}
.checkbox-li-body {
  box-sizing: border-box;
  padding: 10px 20px;
  overflow: hidden;
}
.checkbox-li-body i {
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
}
.checkbox-li-body input {
  font-size: 12px;
  margin: 0 6px;
}
.checkbox-li-body p:last-child {
  color: #fa8919;
  font-size: 12px;
  cursor: pointer;
  padding-left: 30px;
}
.checkbox-li-body .ibass-close {
  padding: 8px;
}
.checkbox-li-second {
  margin: 2px 0;
  color: #8a94a0;
  font-size: 12px;
  padding-left: 24px;
}
.system-body {
  background: #fcfdfe;
  overflow: visible;
  float: left;
}
.system-body .liketextarea {
  width: 350px;
  max-height: 118px;
  height: 118px;
  line-height: 18px;
  border: 1px solid #c7d1da;
  float: left;
  padding: 0;
  border-bottom: 0;
  box-sizing: border-box;
  overflow-y: scroll;
  font-size: 12px;
  background: #fff;
}
.system-body .liketextarea:focus {
  border: 1px solid #c7d1da;
  padding: 0;
  border-bottom: 0;
}
.system-div {
  width: 350px;
  height: 46px;
  line-height: 36px;
  float: left;
  border: 1px solid #c7d1da;
  border-top: 0;
  padding: 4px 10px;
  box-sizing: border-box;
  background: #fcfdfe;
}
.system-div .smart-search {
  width: 150px;
  height: 32px;
  display: inline-block;
  margin: 0;
  background: #fff;
}
.system-div .smart-search ul {
  width: 100px;
  padding: 0;
  top: 31px;
}
.system-div .smart-search ul li {
  font-size: 12px;
  font-weight: normal;
  color: #4a4a4a;
  box-shadow: none;
  margin: 0;
  line-height: 30px;
  height: 30px;
  border: 0;
  text-align: left;
}
.system-div .smart-search i {
  padding: 0;
}
.system-span {
  background-color: #f5f5f5;
  line-height: 26px;
  border-radius: 14px;
  color: #ed6c00;
  border: 1px solid #ed6c00;
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle !important;
  margin: 4px;
}
.document-tab {
  width: 100%;
  background: #fff;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 40px;
  margin-top: 20px;
  font-size: 14px;
}
.document-tab .each-div {
  float: left;
  width: 33.33%;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
}
.document-tab .each-div:first-child {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.document-tab .each-div:last-child {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.document-tab .each-div:hover,
.document-tab .active {
  color: #ed6c00;
  border-color: #fdba78;
}
.document-tab span {
  vertical-align: text-top;
  margin-left: 4px;
  display: inline-block;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  background: #ed6c00;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.document-form {
  font-size: 14px;
  padding: 10px 0;
}
.document-form .title {
  font-weight: bold;
  line-height: 20px;
}
.document-form .firm-dialog-line {
  position: relative;
}
.document-form .firm-dialog-line .form-label {
  text-align: left;
  width: 80px !important;
}
.document-form .firm-icon-group {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.document-form .firm-dialog-line:hover .firm-icon-group {
  display: block;
}
.document-form .form-label {
  width: 100px !important;
  vertical-align: top;
  color: #a9a9a9;
  font-size: 12px;
}
.document-form .form-div {
  display: inline-block;
  max-width: 270px;
}
.document-form .form-div .check-div input[type=checkbox] {
  vertical-align: top;
}
.document-form .s-btn {
  min-width: 50px;
}
.document-form .m-input {
  font-size: 12px;
}
.check-div {
  text-align: left;
}
.main-key label {
  display: inline-block;
  line-height: 20px;
}
.main-key input {
  vertical-align: text-bottom;
}

.statistical-report {
  margin: 0 25px;
}
.statistical-report .statistical-report-head {
  height: 70px;
  border-bottom: 1px solid #f0f0f0;
}
.statistical-report .statistical-report-head .report-head-left .title {
  line-height: 70px;
}
.statistical-report .statistical-report-head .report-head-left .title i {
  font-size: 24px;
  margin-right: 10px;
  color: #07cfda;
}
.statistical-report .statistical-report-head .report-head-left .title span {
  font-size: 20px;
}
.statistical-report .statistical-report-head .report-head-left .switch-team {
  margin-left: 16px;
  margin-top: 20px;
  width: 76px;
  height: 16px;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  padding: 6px 7px;
  text-align: center;
  font-size: 12px;
}
.statistical-report .statistical-report-head .report-head-left .switch-team i {
  color: #cdc9c5;
}
.statistical-report .statistical-report-head .report-head-left .switch-team:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.statistical-report .statistical-report-head .report-head-left .switch-team:hover i {
  color: #fa8919;
}
.statistical-report .statistical-report-head .report-head-right {
  line-height: 70px;
}
.statistical-report .statistical-report-head .report-head-right li {
  float: left;
  width: 100px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.statistical-report .statistical-report-head .report-head-right .current,
.statistical-report .statistical-report-head .report-head-right li:hover {
  font-weight: 500;
  border-bottom: 2px solid #fa8919;
}
.statistical-report .statistical-report-head .report-head-right .current a,
.statistical-report .statistical-report-head .report-head-right li:hover a {
  color: #ed6c00;
}
.statistical-report .statistical-report-section {
  position: relative;
}
.statistical-report .statistical-report-section .section-type {
  width: 120px;
  line-height: 28px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #cfc7c1;
  position: absolute;
  left: 0;
  top: 19px;
}
.statistical-report .statistical-report-section .section-type p {
  width: 39px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.statistical-report .statistical-report-section .section-type p:first-child {
  border-radius: 20px 0 0 20px;
  text-indent: 4px;
}
.statistical-report .statistical-report-section .section-type p:last-child {
  width: 40px;
  border-right: 0;
  border-radius: 0 20px 20px 0;
  text-indent: -3px;
}
.statistical-report .statistical-report-section .section-type p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.statistical-report .statistical-report-section .section-type p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.statistical-report .statistical-report-section .section-time {
  height: 43px;
  text-align: center;
  padding-top: 27px;
}
.statistical-report .statistical-report-section .section-time .ana-my-head-time-hover {
  display: inline-block;
}
.statistical-report .statistical-report-section .section-time .ana-my-head-time-hover:hover i {
  color: #fa8919;
}
.statistical-report .statistical-report-section .section-time p {
  display: inline-block;
  cursor: pointer;
}
.statistical-report .statistical-report-section .section-time span {
  font-size: 14px;
  color: #4a4a4a;
  position: relative;
  top: -2px;
}
.statistical-report .statistical-report-section .section-time i {
  color: #cdc9c5;
  cursor: pointer;
}
.statistical-report .statistical-report-section .section-time .ana-trig-down {
  margin-left: 5px;
  position: relative;
  top: 0px;
}

.my-task {
  position: relative;
}
.my-task .text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
  padding: 0 6px;
}
.my-task .title-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-task .datetimepicker.dropdown-menu {
  z-index: 99999!important;
}
.my-task .m-select {
  font-size: 14px;
}
.my-task .btn-default-focus {
  color: inherit;
  background-color: initial;
  border-color: #c7d1da;
  text-decoration: none;
  outline: none;
  outline-offset: -2px;
  box-shadow: none;
}
.my-task .open ul {
  z-index: 99!important;
  position: relative;
  border-left: 1px solid #c7d1da;
  border-right: 1px solid #c7d1da;
  border-bottom: 1px solid #c7d1da;
}
.my-task .dropdown-menu {
  padding-top: 0;
}
.my-task .ibass-start {
  color: #fa8919!important;
}
.my-task .ibass-arrow-down,
.my-task .ibass-arrow-right {
  font-size: 16px;
  text-align: center;
  color: #07cfda;
  cursor: pointer;
}
.my-task .ibass-trig-down,
.my-task .ibass-list,
.my-task .ibass-calendar {
  color: #fa8919;
}
.my-task .ibass-user.active {
  color: #fa8919;
}
.my-task .new-btn {
  position: relative;
  width: 130px;
  height: 36px;
  line-height: 31px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  border: none;
}
.my-task .new-btn .icon {
  position: absolute;
  left: 43px;
  vertical-align: middle;
}
.my-task .new-btn-flows {
  position: relative;
  width: 100px;
  height: 36px;
  line-height: 31px;
  font-weight: bold;
  border: none;
  background: none;
  color: #737373;
  font-size: 14px;
  text-align: right;
  margin-right: 20px;
}
.my-task .new-btn-flows .icon {
  position: absolute;
  left: 0;
}
.my-task .tag-btn .item {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  color: #737373;
  position: relative;
}
.my-task .tag-btn .item:hover {
  color: #fa8919;
}
.my-task .tag-btn .item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  height: 28px;
  width: 0px;
  opacity: 0;
  transition: all .1s;
}
.my-task .tag-btn .icon-items {
  border-color: #cfc7c1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  cursor: initial;
  padding: 0 5px;
}
.my-task .tag-btn .icon-items .icon-item {
  width: 30px;
  height: 100%;
  box-sizing: border-box;
  cursor: initial;
}
.my-task .tag-btn .icon-items .icon-item:first-child {
  border-right: solid 1px #c6b6aa;
}
.my-task .tag-btn .icon-items .icon-item a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.my-task .tag-btn .icon-items .icon-item a span {
  color: #cdc9c5;
}
.my-task .tag-btn .icon-items .icon-item:hover {
  cursor: pointer;
}
.my-task .tag-btn .icon-items .icon-item:hover a span {
  color: #fa8919;
}
.my-task .tag-btn .item.checked:after {
  left: 0;
  width: 100%;
  border: 1px solid #FDBA78;
  border-radius: 15px;
  opacity: 1;
  transition: all .1s;
}
.my-task .multiple-choice-user .ibass-trig-down {
  display: none;
}
.my-task .multiple-choice-user:hover .ibass-trig-down {
  display: initial;
}
.my-task .task-list .hd {
  display: flex;
  padding: 20px 20px;
  line-height: 20px;
}
.my-task .task-list .hd .hd-filters {
  display: flex;
  flex-grow: 1;
}
.my-task .task-list .hd .hd-filters .line {
  position: relative;
  height: 14px;
  width: 3px;
  background: #ededed;
  top: 8px;
  margin-right: 13px;
}
.my-task .task-list .hd .hd-filters .hd-filter {
  margin-right: 24px;
  line-height: 25px;
}
.my-task .task-list .hd .hd-filters .hd-filter .ibass-trig-down {
  position: relative;
  top: 3px;
}
.my-task .task-list .hd .hd-operations {
  display: flex;
}
.my-task .task-list .hd .hd-operations .hd-operation {
  height: 30px;
  line-height: 30px;
}
.my-task .task-list .hd .hd-operations .has-sort {
  color: #fa8919;
}
.my-task .task-list .bd {
  padding: 0 15px 66px;
}
.my-task .task-list .bd .icon {
  vertical-align: middle;
  margin-right: 10px;
  padding-left: 4px;
}
.my-task .task-list .bd .ibass-task-check,
.my-task .task-list .bd .ibass-restore {
  color: #cdc9c5;
  font-size: 20px;
  cursor: pointer;
  line-height: 50px;
}
.my-task .task-list .bd .ibass-done {
  color: #fa8919;
}
.my-task .task-list .bd .checkbox {
  cursor: pointer;
}
.my-task .task-list .bd .icon-checked {
  color: #1e8aff;
  border-radius: 2px;
}
.my-task .task-list .bd .icon-delete {
  color: #d72940;
}
.my-task .task-list .bd .task-name {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  margin: 0;
  background-color: transparent;
  border: none;
}
.my-task .task-list .bd .edit {
  box-sizing: border-box;
  width: 142px;
  float: right;
}
.my-task .task-list .bd .edit a {
  color: #fdba78;
  font-size: 18px;
  outline: none;
}
.my-task .task-list .bd .multiple-opr {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  cursor: pointer;
}
.my-task .task-list .bd .multiple-opr .ai-c {
  display: flex;
  align-items: center;
}
.my-task .task-list .bd .multiple-opr .can-opr {
  color: #fa8919;
}
.my-task .task-list .bd .multiple-opr i {
  margin-right: 3px;
}
.my-task .task-list .bd .multiple-opr .content-left {
  padding-left: 16px;
}
.my-task .task-list .bd .multiple-opr .content-left .ibass-checkbox {
  color: #a9a9a9;
  cursor: pointer;
}
.my-task .task-list .bd .multiple-opr .content-left .ibass-checked-line {
  cursor: pointer;
  color: #fa8919;
}
.my-task .task-list .bd .multiple-opr .content-right span {
  margin-right: 15px;
}
.my-task .task-list .bd .multiple-opr .content-right span:last-child {
  margin-right: 0;
}
.my-task .task-list .exportRole {
  line-height: 40px;
  height: 40px;
  margin: 0 16px;
  padding: 0 14px;
}
.my-task .task-list .exportRole .exportTask {
  cursor: pointer;
  display: inline-block;
}
.my-task .task-list .exportRole .exportTask:hover i,
.my-task .task-list .exportRole .exportTask:hover span {
  color: #fa8919;
}
.my-task .task-list .exportRole .exportTask i {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #cdc9c5;
}
.my-task .task-list .exportRole .exportTask span {
  margin-left: 4px;
  color: #737373;
  font-size: 14px;
}
.my-task .task-list .taskGroup:not(:empty) {
  margin-bottom: 40px;
}
.my-task .task-list .task-category {
  position: relative;
  display: flex;
  z-index: 1;
  height: 40px;
  margin-top: 15px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 14px;
  color: #cdc9c5;
  padding: 0 0px 3px 12px;
  line-height: 40px;
  min-height: 40px;
}
.my-task .task-list .task-category .list-row {
  width: 100%;
}
.my-task .task-list .task-category .list-row .title {
  float: left;
  display: inline-block;
  width: auto;
  max-width: 700px;
  height: 100%;
  cursor: text;
  border-bottom: 3px solid #fa8919;
  line-height: 40px;
  margin-left: 4px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 10px 0 0;
}
.my-task .task-list .task-category .list-row .edit {
  display: none;
  outline: none;
}
.my-task .task-list .task-category .list-row .edit span {
  float: left;
}
.my-task .task-list .task-category .list-row .edit span:last-child {
  margin-left: 5px;
}
.my-task .task-list .task-category .list-row .list-row-value {
  display: inline-block;
  border-bottom: 3px solid #fa8919;
  font-weight: bold;
  color: #4a4a4a;
  margin-left: 4px;
}
.my-task .task-list .task-category .list-row .list-row-length {
  display: inline-block;
  margin-left: 5px;
  padding-left: 10px;
  border-left: 1px solid #f0f0f0;
  margin: 10px;
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
}
.my-task .task-list .task-category .list-row .ibass-star-fill {
  color: #fa8919;
}
.my-task .task-list .task-category .list-row:hover .edit {
  display: block;
}
.my-task .task-list .overdue {
  color: #f72b44!important;
}
.my-task .task-list .overdue .ibass-trig-down {
  color: #f72b44!important;
}
.my-task .task-list .ibass-warning {
  color: #f72b44!important;
}
.my-task .task-list .task-item-new {
  background-color: #f8f8f9;
}
.my-task .task-list .task-item-new .edit a {
  display: block!important;
}
.my-task .task-list .task-item-new .hide-user-msg {
  opacity: 1;
  transition: all 0.2s;
}
.my-task .task-list .task-item-none-desc {
  position: relative;
  display: flex;
  height: 50px;
  box-shadow: inset 0 -1px 0 0 #eeeeee;
  line-height: 50px;
  padding: 0 15px;
}
.my-task .task-list .task-item {
  position: relative;
  display: flex;
  height: 50px;
  box-shadow: inset 0 -1px 0 0 #eeeeee;
  padding: 0 13px;
  color: #4a4a4a;
  opacity: 1;
  transition: height 0.3s 0.5s ease-in, opacity 0.3s 0.5s ease-in, background 0.2s linear;
}
.my-task .task-list .task-item .handle {
  color: #c7d1da;
  margin-left: 4px;
}
.my-task .task-list .task-item .showctl {
  display: none;
}
.my-task .task-list .task-item .edit {
  position: relative;
  line-height: 50px;
}
.my-task .task-list .task-item .edit div {
  position: absolute;
  right: 0;
  top: 0;
}
.my-task .task-list .task-item .task-del-icon,
.my-task .task-list .task-item .task-more-icon {
  visibility: hidden;
}
.my-task .task-list .task-item .task-del-icon:hover,
.my-task .task-list .task-item .task-more-icon:hover {
  color: #ED6C00;
}
.my-task .task-list .task-item .task-content-icon {
  visibility: hidden;
  margin-right: 15px;
  cursor: pointer;
}
.my-task .task-list .task-item .task-content-icon:hover i {
  color: #ED6C00;
}
.my-task .task-list .task-item .task-start-icon {
  visibility: hidden;
}
.my-task .task-list .task-item .task-start-icon:hover {
  color: #ED6C00;
}
.my-task .task-list .task-item .show-task-time {
  display: block!important;
  visibility: visible;
}
.my-task .task-list .task-item:hover {
  background-color: #f8f8f9;
}
.my-task .task-list .task-item:hover .ibass-task-check {
  color: #fa8919;
}
.my-task .task-list .task-item:hover .checkbox {
  color: #fdba78;
}
.my-task .task-list .task-item:hover .handle {
  color: #79aad1;
}
.my-task .task-list .task-item:hover .showctl {
  display: block;
}
.my-task .task-list .task-item:hover .task-del-icon,
.my-task .task-list .task-item:hover .task-content-icon,
.my-task .task-list .task-item:hover .task-start-icon,
.my-task .task-list .task-item:hover .task-more-icon {
  visibility: visible;
}
.my-task .task-list .task-item:hover .hide-user-msg {
  opacity: 1;
  transition: all 0.2s;
}
.my-task .task-list .task-item:hover .hide-user-msg {
  display: block;
}
.my-task .task-list .task-item .icon-handle:before {
  content: "\E932";
}
.my-task .task-list .task-item .icon-handle:before {
  display: inline-block;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.my-task .task-list .task-item .icon-calendar-x {
  cursor: pointer;
}
.my-task .task-list .task-item .datetime {
  box-sizing: border-box;
  padding-right: 10px;
  width: 200px;
}
.my-task .task-list .task-item .datetime input,
.my-task .task-list .task-item .datetime span {
  font-size: 14px;
}
.my-task .task-list .task-item .datetime > input,
.my-task .task-list .task-item .datetime > span {
  width: 100%;
  height: 30px;
  padding: 0 5px;
  border-color: transparent;
  font-size: 14px;
}
.my-task .task-list .task-item .datetime > input:hover,
.my-task .task-list .task-item .datetime > span:hover {
  border-color: initial;
}
.my-task .task-list .task-item .datetime > input:focus,
.my-task .task-list .task-item .datetime > span:focus {
  border-color: initial;
}
.my-task .task-list .task-item .datetime .datetime-item {
  position: relative;
  cursor: pointer;
  height: 100%;
}
.my-task .task-list .task-item .datetime .datetime-item .datetime-item-tag {
  position: absolute;
  right: 0;
  z-index: 0;
  display: none;
}
.my-task .task-list .task-item .datetime .datetime-item .datetime-item-value {
  padding-right: 20px;
  z-index: 1;
  position: relative;
  height: 100%;
}
.my-task .task-list .task-item .datetime .datetime-item:hover .datetime-item-tag {
  display: block;
}
.my-task .task-list .task-item .title {
  flex: 1;
  margin: 5px 0;
  margin-left: -7px;
}
.my-task .task-list .task-item .title a:hover {
  color: #1e8aff;
}
.my-task .task-list .task-item .title span {
  display: block;
  line-height: 20px;
}
.my-task .task-list .task-item .title .task-matter {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #8a94a0;
  border-color: transparent;
  float: left;
  cursor: pointer;
}
.my-task .task-list .task-item .title .task-matter .task-matter-value {
  color: #a9a9a9;
  float: left;
  max-width: 370px;
}
.my-task .task-list .task-item .title .task-matter .task-matter-tag {
  color: #a9a9a9;
  float: left;
  width: 20px;
  text-align: right;
}
.my-task .task-list .task-item .title .task-matter .task-matter-tag .ibass-trig-down {
  display: none;
  float: right;
}
.my-task .task-list .task-item .title .task-matter:hover .task-matter-tag .ibass-trig-down {
  display: block;
}
.my-task .task-list .task-item .title .name-finished {
  text-decoration: line-through;
  color: #737373;
}
.my-task .task-list .task-item .title .name-minwidth {
  width: 100px;
}
.my-task .task-list .task-item .check-item {
  width: 78px;
}
.my-task .task-list .task-item .check-item span {
  display: inline-block;
  width: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-task .task-list .task-item .task-comment,
.my-task .task-list .task-item .task-attachment {
  width: 57px;
}
.my-task .task-list .task-item .task-comment .ibass-comment,
.my-task .task-list .task-item .task-attachment .ibass-comment {
  font-size: 16px;
}
.my-task .task-list .task-item .check-item,
.my-task .task-list .task-item .task-comment,
.my-task .task-list .task-item .task-attachment {
  display: inline-block;
  color: #cdc9c5;
  line-height: 50px;
}
.my-task .task-list .task-item .check-item .ibass-list,
.my-task .task-list .task-item .task-comment .ibass-list,
.my-task .task-list .task-item .task-attachment .ibass-list {
  color: #cdc9c5;
}
.my-task .task-list .task-item .check-item span,
.my-task .task-list .task-item .task-comment span,
.my-task .task-list .task-item .task-attachment span {
  vertical-align: top;
  font-size: 14px;
  color: #a9a9a9;
}
.my-task .task-list .task-item .project {
  width: 350px;
  font-size: 12px;
  color: #8E8E8E;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .3s;
}
.my-task .task-list .task-item .project:before {
  content: '';
  display: inline-block;
  margin-right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FE2841;
  vertical-align: middle;
}
.my-task .task-list .task-item .creater {
  width: 100px;
}
.my-task .task-list .task-item .creater a {
  padding-left: 5px;
  font-size: 12px;
  padding: 2px 0 2px 3px;
}
.my-task .task-list .task-item.color0 .project:before {
  background: #ffba49;
}
.my-task .task-list .task-item.color1 .project:before {
  background: #ff7284;
}
.my-task .task-list .task-item.color2 .project:before {
  background: #00bf94;
}
.my-task .task-list .task-item.color3 .project:before {
  background: #e66cff;
}
.my-task .task-list .task-item.color4 .project:before {
  background: #74b4ff;
}
.my-task .task-list .task-matter-drag {
  cursor: pointer;
}
.my-task .task-list .task-matter-drag:hover,
.my-task .task-list .task-matter-drag.ui-draggable-dragging {
  background-color: #f8f8f9;
}
.my-task .task-list .task-matter-drag.ui-draggable-dragging {
  background-color: #f8f8f9;
  opacity: .8;
  width: 900px;
  border-radius: 4px;
}
.my-task .task-list .task-matter-drag.ui-droppable-hover {
  border-bottom-color: #fa8919!important;
}
.my-task .task-list .task-group-hide {
  margin-top: 0;
  padding-bottom: 0;
  min-height: 0;
}
.my-task .task-list .task-group-hide,
.my-task .task-list .task-item-hide,
.my-task .task-list .task-item-delete {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
@keyframes task-shake {
  0% {
    transform: scale(0.2);
  }
  100% {
    transform: scale(1);
  }
}
.my-task .task-list .task-item-drag {
  cursor: pointer;
}
.my-task .task-list .task-item-drag:hover,
.my-task .task-list .task-item-drag.ui-draggable-dragging {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
}
.my-task .task-list .task-item-drag.ui-draggable-dragging {
  background-color: #f8f8f9;
  opacity: .8;
  width: 900px;
  border-radius: 4px;
}
.my-task .task-list .task-item-drag.ui-draggable-dragging .ibass-task-check {
  color: #fa8919;
}
.my-task .task-list .task-item-drag.ui-draggable-dragging .checkbox,
.my-task .task-list .task-item-drag.ui-draggable-dragging .ibass-restore {
  color: #fdba78;
}
.my-task .task-list .task-item-drag.ui-draggable-dragging .handle {
  color: #79aad1;
}
.my-task .task-list .task-item-drag.ui-draggable-dragging .showctl {
  display: block;
}
.my-task .task-list .task-item-drag.ui-draggable-dragging .hide-user-msg {
  opacity: 1;
}
.my-task .task-list .task-item-drag.ui-draggable-dragging .hide-user-msg {
  display: block;
}
.my-task .task-list .task-item-drag.ui-droppable-hover {
  box-shadow: inset 0 -1px 0 0 #fa8919;
}
.my-task .task-list .task-item-open {
  cursor: pointer;
}
.my-task .task-list .task-item-finished .datetime {
  color: #c7d1da;
}
.my-task .task-list .task-item-finished .title a {
  text-decoration: line-through;
  color: #8a94a0;
}
.my-task .member .hide-user-msg {
  opacity: 0;
  transition: all 0.2s;
}
.my-task .member span {
  font-weight: normal;
  font-style: normal;
}
.my-task .member .user-name {
  width: 128px;
  font-size: 12px;
  color: #a9a9a9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.my-task .member .user-name .user-name-popover {
  float: left;
  cursor: pointer;
  position: relative;
}
.my-task .member .user-name .user-name-popover .user-name-value {
  max-width: 75px;
  float: left;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-task .member .user-name .user-name-popover .user-name-tag {
  float: left;
  width: 20px;
}
.my-task .member .user-name .user-name-popover .user-name-tag .ibass-trig-down {
  display: none;
  float: right;
}
.my-task .member .user-name .user-name-popover:hover .ibass-trig-down {
  display: block;
}
.my-task .member .user-name .user-item {
  height: 18px;
  line-height: 18px;
}
.my-task .member .user-name .user-item .pic {
  width: 18px;
  height: 100%;
}
.my-task .member .user-name .user-item .pic img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.my-task .member .user-name .user-item .name {
  margin-left: 5px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 96px;
}
.my-task .member .user-pic {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.my-task .member .user-pic .avatar {
  border-radius: 50%;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.ngdialog-add-task {
  padding-bottom: 160px;
  padding-top: 300px;
}
.ngdialog-add-task .ngdialog-overlay {
  background: none!important;
}
.ngdialog-add-task .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  color: #444;
  font-family: Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px!important;
  position: relative;
  width: 900px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
  z-index: 1;
}
.ngdialog-add-task .ngdialog-content .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
}
.ngdialog-add-task .partner {
  width: 108px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fcfdfe;
  border: 1px solid #c7d1da;
  font-size: 12px;
  line-height: 36px;
  display: inline-block;
  padding: 0 6px;
  cursor: pointer;
  overflow: hidden;
  margin: 6px 2px;
  vertical-align: middle;
}
.ngdialog-add-task .partner img {
  width: 22px;
  height: 22px;
  border-radius: 12px;
  float: left;
  margin-right: 4px;
  margin-top: 7px;
}
.ngdialog-add-task .partner img span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 66px;
}
.hd-view-change {
  display: flex;
  margin-right: 14px;
}
.hd-view-change .view-type {
  display: flex;
  line-height: 30px;
  height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #cfc7c1;
  box-sizing: border-box;
}
.hd-view-change .view-type p {
  width: 36px;
  height: 28px;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.hd-view-change .view-type p span {
  color: #cdc9c5;
  font-size: 16px;
}
.hd-view-change .view-type p .guide-popover-text {
  font-size: 12px;
  color: #fa9819;
}
.hd-view-change .view-type p a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.hd-view-change .view-type p:first-child {
  border-radius: 20px 0 0 20px;
  left: 2px;
}
.hd-view-change .view-type p:last-of-type {
  border-right: 0;
  border-radius: 0 20px 20px 0;
  right: 2px;
}
.hd-view-change .view-type p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.hd-view-change .view-type p.active span {
  color: #fa8919;
}
.hd-view-change .view-type p:hover {
  background-color: #fcfcfb;
}
.hd-view-change .view-type p:hover span {
  font-weight: bold;
  color: #fa8919;
}
.hd-view-change .view-type p:hover .guide-popover-text {
  font-weight: normal;
  color: #a9a9a9;
}
.hd-view-change .guide-wrapper {
  position: relative;
}
.hd-view-change .guide-wrapper .guide-popover {
  position: absolute;
  top: -20px !important;
  right: 10px;
  left: unset!important;
}
.hd-view-change .guide-wrapper .guide-popover-text {
  position: absolute;
  top: -25px;
  right: -142px;
  display: inline-block;
  width: 150px;
  font-size: 12px;
  color: #fa9819;
}
.task-del-ask {
  padding: 25px 50px;
}
.task-del-ask .line {
  width: 360px;
  margin: 0;
}
.task-del-ask .del-way {
  font-weight: bold;
  margin-top: 40px;
  font-size: 14px;
}
.task-del-ask .form-label {
  font-size: 14px !important;
  color: #4a4a4a !important;
  min-width: 140px;
}
.task-del-ask .form-div {
  font-size: 14px;
  color: #737373;
  word-break: break-all;
  word-wrap: break-word;
  max-width: 200px;
}
.showTime {
  display: none;
}
.showTime th:hover {
  background: #373737 !important;
}
.showTime .closeInput {
  cursor: pointer;
}
.showTime .ibass-clock {
  vertical-align: middle;
  margin-right: 5px;
}
.showTime .ibass-close {
  font-size: 14px;
  padding-left: 4px;
  vertical-align: middle;
}
.showTime .hour-minutes-input {
  text-align: left !important;
  padding: 0 10px;
  width: 100px;
  box-sizing: border-box;
}
.hideTime {
  display: table-row;
}
.task-datepicker-time {
  background: #3d3d3d;
}
.task-datepicker-time .nobg {
  padding: 8px 0 !important;
}
.task-datepicker-time .nobg:hover {
  background: #3d3d3d !important;
}
.task-datepicker-time {
  height: 40px;
}
.task-datepicker-time .nobg {
  padding: 0 !important;
  line-height: 40px;
}
.task-datepicker-time .nohide {
  padding: 5px 8px !important;
  line-height: 37px;
}
.task-datepicker-time th {
  border-bottom: 1px solid #464646;
  box-sizing: border-box;
  background: #3d3d3d;
  text-align: left;
  padding: 0px;
}
.task-datepicker-time th:hover {
  background: #3d3d3d !important;
}
.task-datepicker-time th i {
  vertical-align: middle;
  margin-right: 5px;
}
.task-datepicker-time th span {
  padding: 5px;
  cursor: pointer;
  border-radius: 4px;
}
.task-datepicker-time th span:hover {
  background: #282828 !important;
}
.datepick-selecttime {
  position: relative;
}
.datepick-selecttime .selecttime {
  display: none;
  width: 100px;
  height: 140px;
  max-height: 140px;
  overflow-y: auto;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #3d3d3d;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 35px;
  left: 97px;
  padding: 10px 0;
  font-size: 12px;
  text-align: left;
  color: #d9d9d9;
}
.datepick-selecttime .selecttime li {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
}
.datepick-selecttime .selecttime li:hover {
  background: #282828;
}
.closedatepicker {
  display: none;
}
.closedatepicker:hover {
  background: #3d3d3d !important;
}
.multi-selector-matter {
  padding-bottom: 0px;
  line-height: 26px;
}
.multi-selector-matter .multi-selector-lists {
  margin: 0!important;
}
.multi-selector-matter .multi-selector-list {
  padding: 3px 14px;
}
.multi-selector-matter .multi-selector-list:hover {
  background: #282828;
}
.multi-selector-matter .multi-selector-list:nth-last-child(0) span {
  padding: 8px 0;
  border: 1px solid #eaeaea;
}
.matter-task-more-popover {
  margin: 10px 0;
}

.team-nav-tree .tree-ul {
  width: 198px;
}
.team-nav-tree .team-member-li {
  word-break: break-all;
}
.team-nav-tree .team-member-li:hover {
  background: #f8f8f9;
}
.team-nav-tree .team-member-li:hover .ibass-trig-down {
  color: #fa8919;
}
.team-nav-tree .tree-label span {
  width: auto;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.team-nav-tree .member-ul {
  overflow: visible;
}

.page .report-error-tip {
  float: right;
  margin: 30px 20px 30px -120px;
  line-height: 28px;
  cursor: pointer;
  position: absolute;
  display: inline-flex;
  right: 0px;
}
.page .report-error-tip i {
  font-size: 16px;
  position: relative;
  top: 0px;
  margin-right: 5px;
}
.page .report-error-tip:hover span,
.page .report-error-tip:hover i {
  color: #fa8919;
}
.page .report-error-tip span {
  font-size: 14px;
  color: #a9a9a9;
}
.list-upload-err-empty {
  text-align: center;
}
.list-upload-err-empty .empty-info {
  padding-top: 14px;
  margin: 0 auto;
  width: 320px;
  text-align: left;
}
.list-upload-err-empty .empty-info p {
  line-height: 1.57;
  color: #737373;
}
.list-upload-err-empty button {
  outline: none;
  border: 0;
}
.list-upload-err-empty .report-error-btn {
  margin: 30px auto 0;
  width: 170px;
  height: 36px;
  border-radius: 18px;
  background-color: #ffffff;
  border: solid 1px #ebebeb;
  cursor: pointer;
}
.list-upload-err-empty .report-error-btn:hover span {
  color: #fa8919;
}
.list-upload-err-empty .report-error-btn:hover i {
  color: #fa8919;
}
.list-upload-err-empty .report-error-btn i {
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
  color: #cdc9c5;
}
.list-upload-err-empty .report-error-btn span {
  line-height: 36px;
  font-size: 14px;
  text-align: left;
  color: #737373;
}
.list-upload-err-empty .empty-img {
  padding-top: 148px;
}
.list-upload-err-empty .empty-img img {
  height: 120px;
  width: 120px;
}
.iradar-tab-item {
  position: relative;
}


.my-setting-page-header {
  padding-top: 20px;
  height: 30px;
  line-height: 30px;
}
.my-setting-page-header .group-main {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.my-setting-page-header .group-main .group-main-left {
  width: 245px;
  min-height: 778px;
  padding-top: 20px;
  border-right: 1px solid #ebebeb;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box {
  font-size: 14px;
  padding-bottom: 3px;
  margin-left: 5px;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .default-role-btn {
  padding-left: 20px;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .default-role-btn i {
  color: #cdc9c5;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .default-role-btn span {
  font-weight: 500;
  color: #4a4a4a;
  vertical-align: top;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list {
  padding-bottom: 6px;
  margin-left: 5px;
  width: 150px;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list a {
  text-align: left;
  width: 96%;
  height: 30px;
  line-height: 20px;
  margin: 1px 0;
  padding: 5px 0;
  padding-left: 15px;
  border-radius: 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list a .dot {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 8px;
  margin: 0 8px 0 2px;
  background-color: #cdc9c5;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list a .ibass-arrow-right,
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list a .ibass-arrow-next {
  display: none;
  float: right;
  margin-right: 10px;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list a:hover {
  background-color: #f8f8f9;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list a:hover .role-name {
  font-weight: bold;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list a:hover .dot {
  background-color: #fa8919;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list a:hover .ibass-arrow-right,
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list a:hover .ibass-arrow-next {
  display: inline-block;
  color: #fa8919;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed {
  background-color: #f8f8f9;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed .role-name {
  font-weight: bold;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed .dot {
  background-color: #fa8919;
}
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed .ibass-arrow-right,
.my-setting-page-header .group-main .group-main-left .group-main-left-box .group-auth-list .item-choosed .ibass-arrow-next {
  display: inline-block;
  color: #fa8919;
}
.my-setting-page-header .group-main .group-main-right {
  width: 100%;
  min-height: 778px;
  position: relative;
}
.my-setting-page-header .group-main .group-main-right .line-height {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 160px;
  bottom: 10px;
  background-color: #f0f0f0;
}
.firm-user-pic {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.firm-user-pic:hover .firm-avator-link {
  transform: translateY(0);
}
.firm-user-pic .firm-avator-link {
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22px;
  line-height: 22px;
  z-index: 2;
  font-size: 12px;
  color: #fff;
  transform: translateY(100px);
}
.wxqr-popover-change-avator .self-avator-header {
  position: relative;
  margin-top: 38px;
  height: 18px;
  line-height: 1;
}
.wxqr-popover-change-avator .self-avator-line {
  background-color: #ebebeb;
  position: absolute;
  left: 25px;
  top: 10px;
  width: 590px;
  height: 1px;
}
.wxqr-popover-change-avator .self-avator-title {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -61px;
  width: 122px;
  background-color: #fff;
  color: #4a4a4a;
  font-size: 16px;
  text-align: center;
}
.wxqr-popover-change-avator .self-avator-content {
  width: 500px;
  height: 200px;
  margin: 50px auto 0;
  border: 2px dashed #b5b5b5;
  border-radius: 6px;
  text-align: center;
}
.wxqr-popover-change-avator .self-avator-content.upload-noborder {
  border: 0;
}
.wxqr-popover-change-avator .self-avator-content.upload-draging {
  border-color: #ed6c00;
}
.wxqr-popover-change-avator .ibass-pic {
  font-size: 36px;
  color: #fa8919;
}
.wxqr-popover-change-avator .ibass-upload {
  font-size: 36px;
  color: #fa8919;
}
.wxqr-popover-change-avator .self-avator-type {
  font-size: 14px;
  color: #4a4a4a;
}
.wxqr-popover-change-avator .self-avator-btn {
  color: #fa8919;
  cursor: pointer;
}
.wxqr-popover-change-avator .self-avator-type-text {
  vertical-align: middle;
}
.wxqr-popover-change-avator .self-avator-choose-wrap {
  position: relative;
  display: inline-block;
  width: 78px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: -8px;
}
.wxqr-popover-change-avator .self-avator-choose {
  position: absolute;
  left: 0;
  top: 20px;
  opacity: 0;
  width: 80px;
  cursor: pointer;
  font-size: 0;
}
.wxqr-popover-change-avator .self-avator-cut-wrap {
  position: relative;
  background-color: #f3f3f3;
  width: 400px;
  height: 300px;
  margin: 50px auto 0;
  text-align: center;
}
.wxqr-popover-change-avator .self-avator-cut-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 400px;
  max-height: 300px;
  margin: 0 auto;
}
.wxqr-popover-change-avator .self-avator-cut-box .cropper-modal {
  background-color: #fff;
  opacity: .5;
}
.wxqr-popover-change-avator .self-avator-cut-box .cropper-center {
  display: none;
}
.wxqr-popover-change-avator .self-avator-cut-box .cropper-view-box {
  outline: 1px dashed #4a4a4a;
}
.wxqr-popover-change-avator .self-avator-cut-box .cropper-line {
  background-color: transparent;
}
.wxqr-popover-change-avator .self-avator-cut-box .cropper-point {
  background-color: #fff;
  width: 10px;
  height: 10px;
  border: 1px solid #4a4a4a;
  box-sizing: border-box;
}
.wxqr-popover-change-avator .self-avator-cut-box .point-ne {
  top: -5px;
  right: -5px;
}
.wxqr-popover-change-avator .self-avator-cut-box .point-nw {
  top: -5px;
  left: -5px;
}
.wxqr-popover-change-avator .self-avator-cut-box .point-sw {
  left: -5px;
  bottom: -5px;
}
.wxqr-popover-change-avator .self-avator-cut-box .point-se {
  right: -5px;
  bottom: -5px;
}
.wxqr-popover-change-avator .self-avator-cut-box .point-e,
.wxqr-popover-change-avator .self-avator-cut-box .point-w,
.wxqr-popover-change-avator .self-avator-cut-box .point-s,
.wxqr-popover-change-avator .self-avator-cut-box .point-n {
  display: none;
}
.wxqr-popover-change-avator .self-avator-cut-box .cropper-view-box {
  border-radius: 50%;
}
.wxqr-popover-change-avator .self-avator-photo {
  max-width: 100%;
  max-height: 100%;
}
.wxqr-popover-change-avator .self-avator-desc {
  font-size: 12px;
  color: #a9a9a9;
}
.wxqr-popover-change-avator .self-avator-footer {
  margin: 44px 0 30px;
  text-align: center;
}
.wxqr-popover-change-avator .self-avator-footer .self-avator-choose {
  top: -7px;
  width: 140px;
  height: 36px;
}
.wxqr-popover-change-avator .self-avator-btn-primary,
.wxqr-popover-change-avator .self-avator-btn-normal {
  display: inline-block;
  width: 140px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.wxqr-popover-change-avator .self-avator-btn-primary {
  margin-left: 20px;
  background-color: #fa8919;
  color: #fff;
}
.wxqr-popover-change-avator .self-avator-btn-primary.self-avator-btn-disabled {
  background-color: #f8f8f9;
  color: #a9a9a9;
  cursor: not-allowed;
}
.wxqr-popover-change-avator .self-avator-btn-normal {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  color: #4a4a4a;
}
.changewx-verify-newwx .changewx-verify-newwx-title {
  margin-top: 26px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  color: #737373;
}
.changewx-verify-newwx .changewx-verify-newwx-code {
  width: 220px;
  height: 270px;
  margin: 20px auto;
}
.changewx-verify-newwx .changewx-verify-newwx-code iframe {
  margin-left: -40px;
}
.selfseting-input-name {
  padding-right: 18px;
}
.dcw-self-seting-form {
  margin-top: 37px;
}
.dcw-self-seting-form .dcw-self-form {
  margin-top: 20px;
}
.dcw-self-seting-form .dcw-self-form .edit-view {
  top: 0;
  left: 0;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}
.dcw-self-seting-form .dcw-self-form .edit-view.selfseting-btns {
  margin-top: 60px;
  text-align: center;
}
.dcw-self-seting-form .dcw-self-form .edit-view .selfseting-input-name {
  height: 55px;
  padding-top: 20px;
}
.dcw-self-seting-form .dcw-self-form .edit-view .selfseting-input-name[disabled] {
  color: #a9a9a9;
  -webkit-text-fill-color: #a9a9a9;
}
.dcw-self-seting-form .dcw-self-form .label-noactive {
  position: absolute;
  top: 7px;
  left: 0;
  text-align: left !important;
  font-size: 14px;
}
.dcw-self-seting-form .dcw-self-form .label-active {
  position: absolute;
  left: 0;
  top: 7px;
  text-align: left !important;
}
.dcw-self-seting-form .dcw-self-form .label-required {
  color: #f72b44;
  position: absolute;
  right: 0;
  top: 18px;
  line-height: 18px;
}
.dcw-self-seting-form .dcw-self-form .selfseting-form-label {
  font-size: 12px;
  line-height: 18px;
}
.dcw-self-seting-form .dcw-self-form .dcw-self-btn-span {
  top: 16px;
  z-index: 2333;
}
.dcw-self-seting-form .dcw-self-form .dcw-self-btn-span .dcw-self-btn-wx {
  width: 60px;
  height: 30px;
  line-height: 28px;
  border-radius: 50px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  font-size: 12px;
  color: #4a4a4a;
}
.dcw-self-seting-form .dcw-self-form .dcw-self-btn-span .dcw-self-btn-wx:hover,
.dcw-self-seting-form .dcw-self-form .dcw-self-btn-span .dcw-self-btn-wx:active {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.dcw-self-seting-form .selfseting-verify-itembtn {
  position: absolute;
  right: 0;
  top: 12px;
  padding: 0 17px;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e8e8e8;
  border-radius: 50px;
  cursor: pointer;
  text-align: center;
  z-index: 3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.dcw-self-seting-form .selfseting-btn-submit {
  display: inline-block;
  background-color: #fa8919;
  width: 130px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.dcw-self-seting-form .selfseting-verify-status {
  position: absolute;
  left: 35px;
  top: 7px;
  font-size: 12px;
  line-height: 18px;
}
.dcw-self-seting-form .selfseting-verify-status i {
  position: relative;
  top: 1px;
}
.dcw-self-seting-form .selfseting-verify-status.verify-status-warning {
  color: #f72b44;
}
.dcw-self-seting-form .selfseting-verify-status.verify-status-no {
  color: #f5a623;
}
.dcw-self-seting-form .selfseting-verify-status.verify-status-done {
  color: #417505;
}
.dcw-self-seting-form .selfseting-verify-status .selfseting-verify-status-text {
  margin-right: 5px;
}
.dcw-self-seting-form .dcw-wx-change-login-container-tow {
  opacity: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.dcw-self-model-box {
  background: transparent;
  width: auto;
  height: auto;
  padding-bottom: 20px;
}
.dcw-self-model-box .psetting-header {
  padding: 20px 0 0;
  line-height: 1;
  height: 54px;
}
.dcw-self-model-box .changewx-title {
  margin-top: 28px;
  line-height: 1;
  font-size: 14px;
  color: #737373;
  text-align: center;
}
.dcw-self-model-box .changewx-qrcode-box {
  width: 220px;
  height: 285px;
  margin: 15px auto 0;
}
.dcw-self-model-box .changewx-qrcode-box iframe {
  margin-left: -40px;
}
.uk-notify-top-center {
  margin-left: 0;
  transform: translateX(-50%);
}
.dcw-img-berfor img {
  opacity: 0;
}
.dcw-img-berfor::before {
  content: '';
  line-height: 100px;
  display: inline-block;
  width: 98px;
  height: 98px;
  border-radius: 50px;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  color: #ccc;
}
.member-line::after {
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  clear: both;
}
.wxqcharge-work .wxqr-work-pop {
  top: 62px !important;
  z-index: 101 !important;
  left: -16px !important;
}

.analytic-customer {
  margin: 0 25px;
  height: 1378px;
}
.analytic-customer .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.analytic-customer .echarts-coming {
  background: url('common/images/charts-coming-soon.png') no-repeat center;
}
.analytic-customer .analytic-customer-header {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #f0f0f0;
}
.analytic-customer .analytic-customer-header .customer-title-left {
  position: absolute;
  left: 0;
  top: 25px;
}
.analytic-customer .analytic-customer-header .customer-title-left i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #07cfda;
  margin-right: 10px;
}
.analytic-customer .analytic-customer-header .customer-title-left span {
  font-size: 20px;
  color: #4a4a4a;
  line-height: 36px;
}
.analytic-customer .analytic-customer-header .customer-time-center {
  text-align: center;
  line-height: 70px;
}
.analytic-customer .analytic-customer-header .customer-time-center .customer-time-center-hover {
  display: inline;
}
.analytic-customer .analytic-customer-header .customer-time-center .customer-time-center-hover:hover i {
  color: #fa8919;
}
.analytic-customer .analytic-customer-header .customer-time-center p {
  cursor: pointer;
  display: inline-block;
}
.analytic-customer .analytic-customer-header .customer-time-center i {
  color: #cdc9c5;
  cursor: pointer;
}
.analytic-customer .analytic-customer-header .customer-time-center i:nth-child(2) {
  position: relative;
  top: 2px;
}
.analytic-customer .analytic-customer-header .customer-time-right {
  position: absolute;
  right: 4px;
  top: 22px;
  width: 100px;
  height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
}
.analytic-customer .analytic-customer-header .customer-time-right span {
  float: left;
  width: 50px;
  height: 30px;
  font-family: PingFangSC;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.analytic-customer .analytic-customer-header .customer-time-right span:nth-child(1) {
  border-radius: 20px 0 0 20px;
}
.analytic-customer .analytic-customer-header .customer-time-right span:nth-child(2) {
  width: 49px;
  border-radius: 0 20px 20px 0;
  border-left: 1px solid #cfc7c1;
}
.analytic-customer .analytic-customer-header .customer-time-right span.active {
  color: #ed6c00;
  font-weight: 500;
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.analytic-customer .analytic-customer-top {
  width: 100%;
  height: 400px;
}
.analytic-customer .analytic-customer-center {
  width: 100%;
  height: 240px;
  margin-top: 20px;
  border-bottom: solid 1px #ededed;
}
.analytic-customer .analytic-customer-center .table-part-div {
  border-right: 1px solid #ededed;
  box-sizing: border-box;
  padding: 20px;
  width: 33.33%;
  height: 100%;
  float: left;
}
.analytic-customer .analytic-customer-center .table-part-div p {
  font-weight: 500;
  font-family: PingFangSC;
  margin-bottom: 15px;
}
.analytic-customer .analytic-customer-center .table-part-div:last-child {
  border: 0;
}
.analytic-customer .analytic-customer-bottom {
  width: 100%;
  height: 400px;
}
.analytic-customer .analytic-customer-bottom .table-part-div {
  border-right: 1px solid #ededed;
  box-sizing: border-box;
  padding-left: 25px;
  padding-top: 20px;
  width: 33.33%;
  height: 100%;
  float: left;
}
.analytic-customer .analytic-customer-bottom .table-part-div p {
  font-weight: 500;
  font-family: PingFangSC;
  margin-bottom: 22px;
}
.analytic-customer .analytic-customer-bottom .table-part-div:last-child {
  border: 0;
}

.analytic-hr {
  margin: 0 25px;
  height: 1048px;
}
.analytic-hr .analytic-hr-header {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #f0f0f0;
}
.analytic-hr .analytic-hr-header .hr-title-left {
  position: absolute;
  left: 0;
  top: 25px;
}
.analytic-hr .analytic-hr-header .hr-title-left i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #07cfda;
  margin-right: 10px;
}
.analytic-hr .analytic-hr-header .hr-title-left span {
  font-size: 20px;
  color: #4a4a4a;
  line-height: 36px;
}
.analytic-hr .analytic-hr-header .hr-time-center {
  text-align: center;
  line-height: 70px;
}
.analytic-hr .analytic-hr-header .hr-time-center i {
  color: #cdc9c5;
  cursor: pointer;
}
.analytic-hr .analytic-hr-header .hr-time-center i:nth-child(3) {
  position: relative;
  top: 2px;
}
.analytic-hr .analytic-hr-header .hr-time-right {
  position: absolute;
  right: 4px;
  top: 22px;
  width: 100px;
  height: 30px;
  border-radius: 20px;
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #c6b6aa;
}
.analytic-hr .analytic-hr-header .hr-time-right span {
  float: left;
  width: 50px;
  height: 30px;
  font-family: PingFangSC;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.analytic-hr .analytic-hr-header .hr-time-right span:nth-child(2) {
  width: 49px;
  border-left: 1px solid #c6b6aa;
}
.analytic-hr .analytic-hr-header .hr-time-right span.active {
  color: #ed6c00;
  font-weight: 500;
}
.analytic-hr .analytic-hr-title {
  text-indent: 5px;
  font-weight: bold;
}
.analytic-hr .analytic-hr-center {
  width: 100%;
  height: 290px;
  margin-top: 20px;
}
.analytic-hr .analytic-hr-center .table-part-div {
  border-right: 1px solid #ededed;
  box-sizing: border-box;
  padding-left: 33px;
  padding-top: 25px;
  width: 50%;
  height: 100%;
  float: left;
}
.analytic-hr .analytic-hr-center .table-part-div p {
  margin-bottom: 30px;
}
.analytic-hr .analytic-hr-center .table-part-div:last-child {
  border: 0;
}
.analytic-hr .analytic-hr-center .table-part-div:last-child p {
  margin-bottom: 20px;
}
.analytic-hr .analytic-hr-bottom {
  width: 100%;
  height: 736px;
}
.analytic-hr .analytic-hr-bottom .table-part-div {
  border-right: 1px solid #ededed;
  border-bottom: solid 1px #ededed;
  box-sizing: border-box;
  padding: 20px;
  width: 33.33%;
  height: 368px;
  float: left;
}
.analytic-hr .analytic-hr-bottom .table-part-div div {
  margin-top: 18px;
}
.analytic-hr .analytic-hr-bottom .table-part-div:nth-child(3) {
  border-right: 0;
}

.daily-tip {
  text-align: center;
}
.daily-tip p:first-child {
  margin-top: 60px;
}
.daily-tip p:last-child {
  margin: 30px 0;
}
.daily-tip i {
  font-size: 60px;
  color: #f3f3f8;
}
.daily-tip a {
  font-size: 14px;
  color: #737373;
}
.task-finish {
  text-decoration: line-through;
}
.task-unfinish {
  text-decoration: none !important;
}
.daily-task-done p {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 788px;
}
.daily-top {
  line-height: 66px;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;
  margin-bottom: 10px;
}
.daily-top i {
  vertical-align: middle;
  display: inline-block;
}
.daily-top .gonext {
  color: #a9a9a9;
  cursor: not-allowed !important;
}
.daily-top .img-part {
  float: left;
  display: inline-block;
}
.daily-top .img-part .ibass-paper {
  color: #07cfda;
  font-size: 24px;
  vertical-align: middle;
}
.daily-top .img-part span {
  display: inline-block;
  font-size: 18px;
}
.daily-top .daily-clock {
  display: inline-block;
  margin-left: 60px;
  color: #cdc9c5;
  cursor: pointer;
}
.daily-top .daily-clock:hover {
  color: #fa8919;
}
.daily-top .daily-select {
  display: inline-block;
  float: right;
  color: #737373;
}
.daily-top .daily-select .ibass-trig-down {
  color: #ed6c00;
}
.daily-title {
  position: relative;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
}
.daily-title p {
  color: #ed6c00;
  line-height: 96px;
  font-size: 40px;
}
.daily-title span {
  position: absolute;
  display: inline-block;
  top: 85px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  background: #fff;
  font-weight: bold;
}
.today-import {
  padding: 30px 0;
}
.today-import li {
  line-height: 32px;
  padding-left: 15px;
}
.today-import i {
  color: #fa8919;
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
}
.today-import p {
  display: inline-block;
  margin-left: 10px;
  overflow: hidden;
  word-wrap: break-word;
  max-width: 900px;
  vertical-align: top;
}
.today-task {
  padding: 30px 0;
}
.today-task li {
  height: 52px;
  line-height: 52px;
  cursor: pointer;
  padding: 10px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.today-task li i {
  display: inline-block;
  margin-right: 10px;
}
.today-task li div {
  display: inline-block;
  height: 52px;
  vertical-align: middle;
  box-sizing: border-box;
  min-width: 575px;
  padding: 6px 0;
}
.today-task li div p:first-child {
  text-decoration: line-through;
  line-height: 22px;
  color: #737373;
}
.today-task li div p:last-child {
  color: #a9a9a9;
  font-size: 12px;
  line-height: 14px;
}
.today-task li .date {
  color: #a9a9a9;
  min-width: 188px;
  display: inline-block;
}
.today-task li .control {
  float: right;
}
.today-task li:hover {
  background: #f8f8f9;
}
.today-task li:hover .add-clock {
  display: inline-block;
}
.today-task .add-clock {
  display: none;
  font-size: 14px;
  color: #ed6c00;
}
.today-task .go-task {
  padding-left: 38px;
  margin-top: 20px;
}
.today-task .go-task a {
  color: #ed6c00;
}
.today-task .go-task i {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.today-clock,
.today-file {
  padding: 30px 0;
}
.today-clock .firm-member-table,
.today-file .firm-member-table {
  font-size: 14px;
  margin-bottom: 30px;
  color: #4a4a4a;
}
.today-file .firm-member-table thead {
  font-size: 12px;
}
.today-file .firm-member-table tr {
  line-height: 42px;
}
.daily-over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 264px;
  float: left;
}
.orange {
  color: #fa8919;
}

.analytic-project {
  margin: 0 25px;
  height: 1820px;
}
.analytic-project .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.analytic-project .echarts-coming {
  background: url('common/images/charts-coming-soon.png') no-repeat center;
}
.analytic-project .analytic-project-header {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #f0f0f0;
}
.analytic-project .analytic-project-header .project-title-left {
  position: absolute;
  left: 0;
  top: 25px;
}
.analytic-project .analytic-project-header .project-title-left i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #07cfda;
  margin-right: 10px;
}
.analytic-project .analytic-project-header .project-title-left span {
  font-size: 20px;
  color: #4a4a4a;
  line-height: 36px;
}
.analytic-project .analytic-project-header .project-time-center {
  text-align: center;
  line-height: 70px;
}
.analytic-project .analytic-project-header .project-time-center .project-time-center-hover {
  display: inline;
}
.analytic-project .analytic-project-header .project-time-center .project-time-center-hover:hover i {
  color: #fa8919;
}
.analytic-project .analytic-project-header .project-time-center p {
  cursor: pointer;
  display: inline-block;
}
.analytic-project .analytic-project-header .project-time-center i {
  color: #cdc9c5;
  cursor: pointer;
}
.analytic-project .analytic-project-header .project-time-center i:nth-child(2) {
  position: relative;
  top: 2px;
}
.analytic-project .analytic-project-header .project-time-right {
  position: absolute;
  right: 4px;
  top: 22px;
  width: 100px;
  height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
}
.analytic-project .analytic-project-header .project-time-right span {
  float: left;
  width: 50px;
  height: 30px;
  font-family: PingFangSC;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.analytic-project .analytic-project-header .project-time-right span:nth-child(1) {
  border-radius: 20px 0 0 20px;
}
.analytic-project .analytic-project-header .project-time-right span:nth-child(2) {
  width: 49px;
  border-radius: 0 20px 20px 0;
  border-left: 1px solid #cfc7c1;
}
.analytic-project .analytic-project-header .project-time-right span.active {
  color: #ed6c00;
  font-weight: 500;
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.analytic-project .analytic-project-title {
  text-indent: 5px;
  font-weight: bold;
}
.analytic-project .analytic-project-center {
  width: 100%;
  height: 480px;
  margin-top: 20px;
}
.analytic-project .analytic-project-center .table-part-div {
  border-right: 1px solid #ededed;
  box-sizing: border-box;
  padding: 20px;
  width: 50%;
  height: 240px;
  float: left;
  border-bottom: 1px solid #ededed;
}
.analytic-project .analytic-project-center .table-part-div:nth-child(2) {
  border-right: 0;
}
.analytic-project .analytic-project-center .table-part-div:last-child {
  border-right: 0;
}
.analytic-project .analytic-project-bottom {
  width: 100%;
  height: 800px;
}
.analytic-project .analytic-project-bottom .table-part-div {
  border-right: 1px solid #ededed;
  border-bottom: solid 1px #ededed;
  box-sizing: border-box;
  padding: 20px;
  width: 50%;
  height: 400px;
  float: left;
}
.analytic-project .analytic-project-bottom .table-part-div div {
  margin-top: 18px;
}
.analytic-project .analytic-project-bottom .table-part-div:nth-child(2) {
  border-right: 0;
}
.analytic-project .analytic-project-bottom .table-part-div:nth-child(3) {
  border-bottom: 0;
}
.analytic-project .analytic-project-bottom .table-part-div:last-child {
  border-right: 0;
  border-bottom: 0;
}

.statistics-part {
  width: 988px;
  margin: 0 auto;
}
.statistics-part .statistics-top {
  height: 70px;
  line-height: 70px;
  border-bottom: solid 1px #f0f0f0;
}
.statistics-part .statistics-top i {
  font-size: 24px;
  color: #07cfda;
  margin-right: 10px;
}
.statistics-part .statistics-top span {
  font-family: PingFangSC;
  font-size: 20px;
  color: #4a4a4a;
}
.statistics-part .statistics-content {
  padding-top: 31px;
}
.statistics-part .statistics-content div {
  width: 988px;
  height: 160px;
  border-radius: 8px;
  background-color: #f8f8f9;
  margin-bottom: 20px;
}
.statistics-part .statistics-content div div {
  height: 110px;
  margin: 25px 0;
}
.statistics-part .statistics-content div .left-part {
  width: 399px;
  border-right: solid 1px #f0f0f0;
}
.statistics-part .statistics-content div .center-part {
  width: 360px;
}
.statistics-part .statistics-content div .right-part {
  width: 137px;
}
.statistics-part .statistics-content .person-time .left-part i {
  line-height: 110px;
  font-size: 30px;
  color: #4a98dc;
  margin-right: 29px;
  margin-left: 30px;
}
.statistics-part .statistics-content .person-time .left-part p {
  width: 84px;
  padding-top: 21px;
}
.statistics-part .statistics-content .person-time .left-part p span {
  display: block;
  width: 84px;
  text-align: center;
}
.statistics-part .statistics-content .person-time .left-part span:nth-child(1) {
  height: 54px;
  font-family: MuseoSansRounded-300;
  font-size: 45px;
  color: #4a98dc;
}
.statistics-part .statistics-content .person-time .left-part span:nth-child(2) {
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  color: #737373;
}
.statistics-part .statistics-content .person-time .center-part p {
  width: 110px;
  margin-right: 10px;
  text-align: center;
  padding-top: 19px;
}
.statistics-part .statistics-content .person-time .center-part p span {
  display: block;
}
.statistics-part .statistics-content .person-time .center-part p span:nth-child(1) {
  width: 110px;
  height: 35px;
  line-height: 35px;
  margin-top: 12px;
  font-family: MuseoSansRounded-100;
  font-size: 29px;
  color: #4a4a4a;
}
.statistics-part .statistics-content .person-time .center-part p span:nth-child(2) {
  width: 110px;
  height: 16px;
  line-height: 16px;
  font-family: PingFangSC;
  font-size: 12px;
  color: #a9a9a9;
}
.statistics-part .statistics-content .person-time .center-part p:last-child {
  margin-right: 0;
}
.statistics-part .statistics-content .person-time .right-part {
  padding-left: 91px;
}
.statistics-part .statistics-content .person-time .right-part i {
  font-size: 18px;
  color: #07cfda;
  margin-right: 5px;
}
.statistics-part .statistics-content .person-time .right-part span {
  font-family: PingFangSC;
  font-size: 14px;
  color: #737373;
}
.statistics-part .statistics-content .person-task {
  text-align: center;
  line-height: 160px;
  font-size: 40px;
  color: #a9a9a9;
}
.statistics-part .statistics-content .person-task p {
  margin-left: 416px;
}
.statistics-part .statistics-content .person-task i {
  margin-right: 15px;
}

.orange-circle {
  background: #ffba49;
  border-radius: 4px;
  height: 8px;
  width: 8px;
  display: inline-block;
  margin-right: 10px;
}
.weekly-time {
  text-align: center;
  line-height: 50px;
  height: 50px;
  box-shadow: inset 0 -1px 0 0 #f2f2f2;
  position: relative;
}
.weekly-time-center {
  position: absolute;
  left: 50%;
  margin-left: -155px;
}
.weekly-time .icon-dropdown {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  display: inline-block;
  margin: 0 0 0 15px;
  color: #79aad1;
  font-size: 12px;
  cursor: pointer;
}
.weekly-time .icon-dropdown:first-child {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  margin: 0 15px 0 0;
}
.icon-dropdown.disable {
  color: #ebebeb;
  cursor: not-allowed;
}
.weekly-custom-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
.weekly-custom-title span {
  font-weight: normal;
  color: #8a94a0;
}
.weekly-line-table {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  width: 100%;
  overflow: hidden;
}
.weekly-line-table .table-part-div {
  border-right: 1px solid #ededed;
  box-sizing: border-box;
  padding: 20px;
  width: 33.3%;
  height: 100%;
  float: left;
}
.weekly-line-table .table-part-div:last-child {
  border: 0;
}
.weekly-line-table .line-single {
  overflow: hidden;
}
.weekly-line-table .line-single span:first-child {
  width: 120px;
  display: inline-block;
  font-size: 12px;
  padding-right: 10px;
  border-right: 1px solid #ebebeb;
  line-height: 30px;
  float: left;
  color: #8a94a0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
.weekly-line-table .line-single span:last-child {
  background: #90caf9;
  height: 8px;
  float: left;
  margin-top: 11px;
}
.weekly-table {
  padding: 20px 30px;
}
.weekly-table .firm-member-table td {
  font-size: 14px;
}
.weekly-table .firm-member-table tbody tr {
  cursor: pointer;
}
.weekly-table .firm-member-table .dark {
  color: #4a4a4a;
}
.weekly-table .firm-member-table .small {
  color: #8a94a0;
  font-size: 12px;
}
.member-search {
  position: relative;
  float: right;
  display: inline-block;
  width: 32px;
  height: 30px;
  border-radius: 2px;
  border: 1px solid #c7d1da;
  color: #c7d1da;
  box-sizing: border-box;
  text-align: center;
  margin: 0 25px 0 8px;
  cursor: pointer;
}
.member-search i {
  cursor: pointer;
}
.member-message {
  position: absolute;
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 0 0 10px #9b9b9b;
  top: 44px;
  right: 20px;
  z-index: 1;
  padding: 12px 25px;
  color: #4a4a4a;
}
.member-message .check-div {
  width: 140px;
  display: inline-block;
  line-height: 28px;
  vertical-align: middle;
  cursor: pointer;
}
.member-message .check-div input {
  vertical-align: middle;
}
.member-message:before,
.member-message:after {
  content: "";
  display: block;
  border-width: 15px;
  position: absolute;
  top: -31px;
  right: 6px;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3 ;
  font-size: 0;
  line-height: 0;
}
.member-message:after {
  top: -30px;
  border-color: transparent transparent #FFF;
}
.member-message ul {
  padding: 12px 25px;
}
.weekly-member {
  height: 240px !important;
}
.weekly-member .ana-my-item1-l {
  width: 250px;
}
.weekly-member .ana-my-item1-r {
  width: 500px;
}
.weekly-member-div {
  box-sizing: border-box;
  padding: 40px 30px;
}
.weekly-member-div img {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  float: left;
  margin-right: 15px;
}
.weekly-member-div div {
  display: inline-block;
  font-size: 14px;
}
.weekly-member-div p {
  margin-top: 20px;
}
.weekly-member-div i {
  color: #79aad1;
  vertical-align: middle;
}
.weekly-member-div .member-title {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  line-height: 30px;
}
.weekly-member-div .member-detail {
  margin-top: 45px;
  font-size: 14px;
  color: #79aad1;
  display: inline-block;
}
.weekly-member-div .icon-dropdown {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  display: inline-block;
  vertical-align: baseline;
  margin-left: 8px;
}
.weekly-custom-div {
  padding: 30px;
}
.weekly-average-table {
  color: #4a4a4a;
  font-size: 14px;
}
.weekly-average-table thead {
  font-size: 12px;
  color: #8a94a0;
  line-height: 32px;
  height: 32px;
}
.weekly-average-table th,
.weekly-average-table td {
  border-bottom: 1px solid #fff;
  width: 20%;
}
.weekly-average-table img {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.weekly-average-table .level-one {
  background: #ffe0b2;
}
.weekly-average-table .level-one .active {
  color: #e65100;
}
.weekly-average-table .level-two {
  background: #fff3e1;
}
.weekly-average-table .level-two .active {
  color: #f57c00;
}
.weekly-average-table .level-three {
  background: #fbf8f4;
}
.weekly-average-table .level-three .active {
  color: #ffcc80;
}

.ana-my-time .screen {
  position: absolute;
  left: 0;
  top: 10px;
}
.ana-my-time .screen span:nth-child(1) {
  font-size: 14px;
  color: #737373;
  margin-top: 2px;
}
.ana-my-time .screen span:nth-child(2) {
  padding: 0 23px 0 15px;
  height: 22px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  text-align: center;
  line-height: 21px;
  color: #4a4a4a;
  font-size: 12px;
  position: relative;
}
.ana-my-time .screen span:nth-child(2) i {
  font-size: 10px;
  color: #cdc9c5;
  padding: 0 10px;
  position: absolute;
  right: -3px;
  top: 1px;
  cursor: pointer;
  z-index: 99999;
}
.ana-my-time .ana-my-item1 {
  height: 350px;
  width: 100%;
  border-bottom: solid 1px #ebebeb;
}
.ana-my-time .ana-my-item1-l {
  position: relative;
  box-sizing: border-box;
  width: 30.1%;
  height: 100%;
  border-right: solid 1px #ebebeb;
  float: left;
}
.ana-my-time .ana-my-item1-pie {
  position: absolute;
  left: 22px;
  top: -10px;
  width: 100%;
  height: 200px;
}
.ana-my-time .ana-my-item1-data {
  position: absolute;
  left: 84px;
  bottom: 29px;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  color: #8a94a0;
}
.ana-my-time .ana-my-item1-data p {
  text-align: right;
  margin-right: 10px;
}
.ana-my-time .ana-my-item1-data1 {
  position: absolute;
  left: 166px;
  bottom: 29px;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  color: #4a4a4a;
}
.ana-my-time .ana-my-item1-r {
  float: left;
  box-sizing: border-box;
  width: 69.9%;
  height: 100%;
}
.ana-my-time .ana-my-item1-r-header {
  position: relative;
  padding: 30px 0 0 20px;
  overflow: hidden;
  margin-bottom: 24px;
}
.ana-my-time .ana-my-item1-r-header h6 {
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  margin: 0;
}
.ana-my-time .ana-my-item1-r-header .screen {
  left: 120px;
  top: 28px;
}
.ana-my-time .ana-my-item1-r-header ul {
  height: 30px;
}
.ana-my-time .ana-my-item1-r-header ul li {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  padding-right: 24px;
  color: #4a4a4a;
}
.ana-my-time .ana-my-item1-r-header ul li:before {
  content: '\E914';
  float: left;
  margin: -4px 5px 0 0;
  font-size: 16px;
  color: #79AAD1;
}
.ana-my-time .ana-my-item1-r-header ul li.ana-select:before {
  content: '\E915';
  color: #1E8AFF;
}
.ana-my-time .ana-my-item1-r-body {
  width: 100%;
  height: 295PX;
}
.ana-my-time .ana-my-item2 {
  height: 538px;
  width: 100%;
}
.ana-my-time .ana-my-item2-l {
  float: left;
  box-sizing: border-box;
  width: 30.1%;
  height: 100%;
  border-right: solid 1px #ebebeb;
}
.ana-my-time .ana-my-item2-l-up {
  width: 100%;
  height: 50%;
  position: relative;
  border-bottom: solid 1px #ebebeb;
}
.ana-my-time .ana-my-item2-l-down {
  width: 100%;
  height: 50%;
}
.ana-my-time .ana-my-item2-r {
  float: left;
  width: 69.9%;
  height: 100%;
}
.ana-my-time .ana-my-item2-r .ana-my-item2-r-header {
  padding: 30px 0 0 20px;
  overflow: hidden;
  margin-bottom: 3px;
}
.ana-my-time .ana-my-item2-r .ana-my-item2-r-header h6 {
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  margin: 0;
}

.ns-popover-tooltip-my-clock-list .triangle {
  left: 50px !important;
}
.ns-popover-tooltip-my-list-edit .triangle {
  left: 58px !important;
}
.ngdialog-theme-ana-float .ngdialog-close {
  top: 19px !important;
  right: 16px !important;
}
.ngdialog-theme-ana-float .main-btn-float {
  top: -49px !important;
}
.ngdialog-theme-ana-float .ana-my-func {
  padding-right: 20px;
  margin-right: 35px;
  border-right: solid 1px #ededed;
}
.ana-my-list-add {
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 2;
  min-width: 108px;
}
.ana-my-list-add.timelog {
  top: 86px !important;
}
.ana-my-list .main-btn:before {
  margin-right: 5px;
}
.ana-my-list .clock-location-down {
  top: 25px;
}
.ana-my-list .createTimeMatter {
  top: -185px !important;
}
.ana-my-list .ana-my-achievement {
  width: 950px;
  height: 93px;
  border-radius: 5px;
  background-color: #f8f8f9;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
}
.ana-my-list .ana-my-achievement .total-time {
  margin-top: 25px;
  text-indent: 7px;
}
.ana-my-list .ana-my-achievement .total-time .time {
  font-size: 29px;
  font-family: 'AppleSDGothicNeo';
  font-weight: 200;
  line-height: 29px;
}
.ana-my-list .ana-my-achievement .total-time .name {
  font-size: 12px;
  color: #a9a9a9;
}
.ana-my-list .ana-my-achievement .my-position {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -14px;
}
.ana-my-list .ana-my-achievement .my-position .icon {
  font-size: 18px;
  color: #07cfda;
  margin-right: 6.5px;
}
.ana-my-list .ana-my-achievement .my-position .name {
  color: #737373;
  line-height: 27.5px;
}
.ana-my-list .ana-my-tool {
  height: 33px;
  margin-top: 15px;
}
.ana-my-list .ana-my-tool .ana-left-part li {
  height: 21px;
  line-height: 21px;
  padding-right: 22px;
  margin-right: 22px;
  color: #737373;
}
.ana-my-list .ana-my-tool .ana-left-part li .icon {
  float: left;
  font-size: 12px;
  margin-left: 5px;
  color: #cdc9c5;
}
.ana-my-list .ana-my-tool .ana-left-part li .name {
  float: left;
  max-width: 260px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.ana-my-list .ana-my-tool .ana-left-part li:hover .icon {
  color: #fa8919;
}
.ana-my-list .ana-my-tool .ana-left-part li .work-type-container-for-location {
  margin-left: 45px;
}
.ana-my-list .ana-my-tool .ana-left-part li {
  border-right: 1px solid #f0f0f0;
}
.ana-my-list .ana-my-tool .ana-left-part li:last-child {
  border: none;
}
.ana-my-list .ana-my-tool .ana-left-part .ana-my-tool-project,
.ana-my-list .ana-my-tool .ana-left-part .ana-my-tool-type {
  height: 100%;
}
.ana-my-list .ana-my-tool .ana-right-part .export-list:hover span {
  color: #fa8919;
}
.ana-my-list .ana-my-tool .ana-right-part .checknum {
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  background: #f8f8f9;
  padding: 7px 0 7px 14px;
  border-radius: 18px;
}
.ana-my-list .ana-my-tool .ana-right-part .checknum .oper {
  vertical-align: -webkit-baseline-middle;
}
.ana-my-list .ana-my-tool .ana-right-part .checknum .oper .ibass-close {
  color: #cdc9c5;
  padding-left: 8px;
  height: 18px;
  line-height: 18px;
  vertical-align: text-bottom;
  font-size: 12px;
  border-left: solid 1px #ededed;
}
.ana-my-list .ana-my-tool .ana-right-part .checknum .disabled {
  cursor: not-allowed;
  color: #a9a9a9;
}
.ana-my-list .ana-my-tool .ana-right-part .checknum .disabled:hover {
  color: #a9a9a9;
}
.ana-my-list .ana-my-tool .ana-right-part .checknum i {
  color: #fdba78;
  margin-right: 10px;
  font-size: 16px;
}
.ana-my-list .ana-my-tool .ana-right-part .checknum i:hover {
  color: #fa8919;
}
.ana-my-list .ana-my-tool .ana-right-part li {
  height: 21px;
  line-height: 21px;
  border-left: 1px solid #f0f0f0;
  padding-left: 11px;
  margin-right: 7px;
  color: #737373;
  margin-left: 15px;
}
.ana-my-list .ana-my-tool .ana-right-part li .icon {
  font-size: 16px;
  color: #cdc9c5;
}
.ana-my-list .ana-my-tool .ana-right-part li .name {
  margin-left: 6px;
}
.ana-my-list .ana-my-tool .ana-right-part li .search {
  width: 138px;
  height: 28px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  line-height: 30px;
  font-size: 12px;
  margin-top: -5px;
  position: relative;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: width;
}
.ana-my-list .ana-my-tool .ana-right-part li .search .icon {
  margin-left: 7px;
  margin-top: -1px;
}
.ana-my-list .ana-my-tool .ana-right-part li .search input {
  width: 115px;
  height: 28px;
  border: none;
  border-radius: 0 20px 20px 0;
  background-color: transparent;
  padding-left: 4px;
  font-size: 12px;
}
.ana-my-list .ana-my-tool .ana-right-part li .search .eliminateInput {
  padding-right: 60px;
}
.ana-my-list .ana-my-tool .ana-right-part li .search .beingInput {
  width: 34px;
  height: 28px;
  border-radius: 0 20px 20px 0;
  background-color: #fa8919;
  border: solid 1px #ed6c00;
  position: absolute;
  right: -1px;
  top: -1px;
  text-align: center;
  line-height: 28px;
}
.ana-my-list .ana-my-tool .ana-right-part li .search .beingInput .ibass-return {
  text-indent: -2px;
  font-size: 14px;
  color: #ffffff;
}
.ana-my-list .ana-my-tool .ana-right-part li .search .eliminate {
  line-height: 28px;
  font-size: 12px;
  position: absolute;
  right: -1px;
  top: 1px;
  padding-right: 9px;
  border-radius: 0 15px 15px 0;
}
.ana-my-list .ana-my-tool .ana-right-part li .search .eliminate .ibass-back {
  font-size: 14px;
  color: #cdc9c5;
  margin-right: 5px;
  margin-top: -1px;
}
.ana-my-list .ana-my-tool .ana-right-part li .searchBlur {
  width: 198px;
  border: solid 1px #c0ada2;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: width;
}
.ana-my-list .ana-my-tool .ana-right-part li .searchBlur input {
  width: 175px;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: width;
  padding-right: 36px;
}
.ana-my-list .ana-my-tool .ana-right-part li:last-child {
  border-left: none;
  margin-right: 0;
}
.ana-my-list .ana-my-head-create {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0px;
  top: -49px;
  line-height: 36px;
  cursor: pointer;
  z-index: 2;
}
.ana-my-list .ana-my-head-create span {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  margin-left: 9px;
}
.ana-my-list .ana-my-head-create i {
  color: #ffffff;
  font-size: 13px;
  margin-left: 28px;
}
.ana-my-list .ana-my-table .no-time {
  position: absolute;
  left: 0px;
  top: 65px;
  height: 560px;
  width: 100%;
  color: #ddd9d6;
  text-align: center;
}
.ana-my-list .ana-my-table .no-time span {
  display: block;
}
.ana-my-list .ana-my-table .no-time .center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -54px;
  margin-left: -42px;
}
.ana-my-list .ana-my-table .no-time .ibass-timer {
  font-size: 60px;
}
.ana-my-list .ana-my-table .no-time .name {
  margin-top: -10px;
  color: #a9a9a9;
}
.ana-my-list .ana-my-table .matter-name {
  width: 326px!important;
}
.ana-my-list .ana-my-table .matter-name span {
  width: 326px!important;
}
.ana-my-list .timelog-table {
  text-align: left;
  font-size: 14px;
}
.ana-my-list .timelog-table .grey {
  color: #a9a9a9 !important;
}
.ana-my-list .timelog-table .timing-usetime {
  color: #ed6c00;
  width: 90px;
  font-size: 20px;
  display: inline-block;
}
.ana-my-list .timelog-table .timing-icon-clock {
  font-size: 20px;
  height: 15px;
  cursor: pointer;
  position: relative;
  top: -5px;
}
.ana-my-list .timelog-table .timing-status {
  font-size: 20px;
  color: #fa8919;
  position: absolute;
}
.ana-my-list .timelog-table .timing-status span {
  vertical-align: -webkit-baseline-middle;
}
.ana-my-list .timelog-table .timing-hand {
  position: absolute;
  text-align: center;
  line-height: 34px;
  top: -1px;
  color: #fff;
}
.ana-my-list .timelog-table .timing-hand span {
  vertical-align: -webkit-baseline-middle;
}
.ana-my-list .timelog-table .timing-stop {
  color: #fa8919;
  position: absolute;
  top: 3px;
}
.ana-my-list .timelog-table .timelog-td {
  border-bottom: solid 1px #f0f0f0;
  padding: 10px 0;
}
.ana-my-list .timelog-table .timelog-th {
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
  font-weight: normal;
}
.ana-my-list .timelog-table .timelog-thead {
  line-height: 30px;
  color: #737373;
  font-size: 12px;
}
.ana-my-list .timelog-table .matter {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
.ana-my-list .timelog-table .desp {
  width: 400px;
  max-width: 400px;
  min-width: 400px;
}
.ana-my-list .timelog-table .desp em {
  color: #fa8919;
  font-style: normal;
  font-weight: 600;
}
.ana-my-list .timelog-table .width-300 {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
}
.ana-my-list .timelog-table .desp-wider {
  width: 440px;
  max-width: 440px;
  min-width: 440px;
}
.ana-my-list .timelog-table .timing {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
}
.ana-my-list .timelog-table .checkbox {
  width: 40px;
  max-width: 210px;
  min-width: 40px;
  text-align: center;
  color: #cdc9c5;
  font-size: 16px;
  cursor: pointer;
}
.ana-my-list .timelog-table .checkbox i {
  cursor: pointer;
}
.ana-my-list .timelog-table .checkbox i:hover,
.ana-my-list .timelog-table .checkbox .ibass-checked {
  color: #fa8919;
}
.ana-my-list .timelog-table tbody .total-title .daytitle {
  padding: 13px 0 10px 0;
}
.ana-my-list .timelog-table tbody .total-title .daytitle .date {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}
.ana-my-list .timelog-table tbody .total-title .daytitle .date .day {
  color: #a9a9a9;
  margin: 0 5px;
}
.ana-my-list .timelog-table tbody .total-title .daytitle .date:after {
  content: "";
  display: inline-block;
  height: 2px;
  width: 100%;
  background: #ed6c00;
  position: relative;
  bottom: 5px;
}
.ana-my-list .timelog-table tbody .total-title .daytitle .time {
  display: inline-block;
  padding-left: 7px;
  margin-left: 10px;
  height: 20px;
  line-height: 20px;
  border-left: 1px solid #f0f0f0;
  color: #a9a9a9;
  font-size: 14px;
}
.ana-my-list .timelog-table tbody .total-title:hover {
  background: #fff;
  cursor: default;
}
.ana-my-list .timelog-table tbody .timelog-tr:hover,
.ana-my-list .timelog-table tbody .has-verified {
  background: #f8f8f9;
}
.ana-my-list .timelog-table tbody .timelog-tr:hover .content .content-oper .tip.content-open,
.ana-my-list .timelog-table tbody .has-verified .content .content-oper .tip.content-open {
  background: -webkit-gradient(linear, 0 0, 25% 0, from(rgba(248, 248, 249, 0)), to(#f8f8f9));
}
.ana-my-list .timelog-table tbody .checkbox {
  width: 40px;
  max-width: 40px;
  padding: 8px 0;
}
.ana-my-list .timelog-table tbody .checkbox i {
  display: inline-block;
  margin-top: -1px;
}
.ana-my-list .timelog-table tbody .matter {
  width: 180px;
  padding-right: 10px;
  max-width: 200px;
}
.ana-my-list .timelog-table tbody .matter .name {
  color: #737373;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.ana-my-list .timelog-table tbody .matter .type {
  color: #a9a9a9;
  font-size: 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  max-width: 180px;
}
.ana-my-list .timelog-table tbody .desp {
  padding-right: 10px;
}
.ana-my-list .timelog-table tbody .desp .overHidden {
  overflow: hidden;
  max-height: 62px;
}
.ana-my-list .timelog-table tbody .desp .overVisible {
  overflow: visible;
  max-height: none;
}
.ana-my-list .timelog-table tbody .desp .content {
  word-break: break-all;
  position: relative;
}
.ana-my-list .timelog-table tbody .desp .content .content-oper {
  color: #ed6c00;
  cursor: pointer;
  text-align: right;
  display: none;
}
.ana-my-list .timelog-table tbody .desp .content .content-oper .tip {
  cursor: pointer;
}
.ana-my-list .timelog-table tbody .desp .content .content-oper .tip:after {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  margin-left: 4px;
  vertical-align: sub;
}
.ana-my-list .timelog-table tbody .desp .content .content-oper .tip.content-open {
  position: absolute;
  background: -webkit-gradient(linear, 0 0, 25% 0, from(rgba(248, 248, 249, 0)), to(#ffffff));
  bottom: -2px;
  right: 0;
  padding-left: 30px;
}
.ana-my-list .timelog-table tbody .desp .content .content-oper .tip.content-open:after {
  content: "\EA03";
}
.ana-my-list .timelog-table tbody .desp .content .content-oper .tip.content-close {
  padding-left: 30px;
  display: inline-block;
}
.ana-my-list .timelog-table tbody .desp .content .content-oper .tip.content-close:after {
  vertical-align: text-bottom;
  content: "\EA11";
}
.ana-my-list .timelog-table tbody .timing {
  padding: 5px 0;
}
.ana-my-list .timelog-table tbody .timing .timelist {
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-spacing: normal;
  font-size: 20px;
  display: inline-block;
}
.ana-my-list .timelog-table tbody .timing .has-approved {
  color: #a9a9a9;
}
.ana-my-list .timelog-table tbody .timing .due-time {
  font-size: 12px;
  line-height: 20px;
  color: #a9a9a9;
}
.ana-my-list .timelog-table tbody .timing .info-container {
  width: 140px;
  display: inline-block;
}
.ana-my-list .timelog-table tbody .timing .info-container .anomaly {
  color: #f72b44;
}
.ana-my-list .timelog-table tbody .timing .info-container .due-time {
  float: left;
}
.ana-my-list .timelog-table tbody .timing .info-container .due-time .list-crossingdays {
  color: #d8d8d8;
}
.ana-my-list .timelog-table tbody .timing .info-container .timelist {
  float: left;
}
.ana-my-list .timelog-table tbody .timing .info-container .crossingDays {
  height: 100%;
  display: inline-block;
  line-height: 50px;
  color: #a9a9a9;
  font-size: 16px;
}
.ana-my-list .timelog-table tbody .timing .oper-container {
  vertical-align: top;
  display: inline-block;
  float: right;
  padding-right: 6px;
}
.ana-my-list .timelog-table tbody .timing .oper-container .todel-btn {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.ana-my-list .timelog-table tbody .timing .oper-container .oper {
  position: relative;
  float: right;
  color: #cdc9c5;
  font-size: 16px;
  margin-left: 12px;
  margin-top: 3px;
  cursor: pointer;
}
.ana-my-list .timelog-table tbody .timing .oper-container .oper .has-approved {
  font-size: 12px;
}
.ana-my-list .timelog-table tbody .timing .oper-container .oper:hover {
  color: #fdba78;
}
.cant-select .timing-panel-select-matter:after,
.cant-select .timing-panel-select-task:after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: not-allowed;
}
.backout {
  position: relative;
  left: 10px;
}

.operation-log {
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 38px;
}
.operation-log .operation-log-title {
  font-size: 18px;
  margin-bottom: 18px;
}
.operation-log .search {
  position: relative;
  margin-bottom: 22px;
}
.operation-log .search input {
  width: 200px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  float: left;
  font-size: 12px;
  text-indent: 25px;
}
.operation-log .detail-content {
  position: relative;
  height: auto;
  width: 700px;
}
.operation-log .overview-part {
  padding-bottom: 10px;
}
.operation-log .overview-part .overview-ul-tittle {
  left: 60px;
}
.operation-log .overview-part .overview-ul-tittle div {
  top: 30px;
}
.operation-log .overview-part .overview-ul li {
  margin-bottom: 9px;
}
.operation-log .overview-part .overview-ul li .message {
  width: 600px;
}
.operation-log .overview-part .overview-ul li .sub-message {
  margin-left: 75px;
  font-size: 12px;
  line-height: 20px;
}
.operation-log .overview-part .overview-ul li .time {
  margin-right: 0;
  margin-left: 10px;
  font-size: 13px;
  color: #737373;
}
.operation-log .overview-part .overview-ul .line {
  height: calc(87%);
  left: 60px;
}
.lawOffice-name {
  margin-left: 8px;
  font-size: 18px;
}
.lawOffice-describe {
  margin-top: 6px;
  margin-left: 6px;
}
.lawOffice-nav {
  position: absolute;
  right: 34px;
  top: 45px;
}
.lawOffice-nav li {
  float: left;
  padding: 0 5px;
  margin: 0 5px;
  border-bottom: 2px solid #fa8919;
  cursor: pointer;
}
.lawOffice-member {
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.lawOffice-member .create-member {
  float: right;
  margin-right: 82px;
}
.lawOffice-member .create-member i {
  font-size: 16px;
  color: #fa8919;
  margin-right: 8px;
  vertical-align: middle;
}
.lawOffice-member .member-list {
  margin-top: 28px;
  margin-left: 13px;
  width: 695px;
}
.lawOffice-member .member-list li:first-of-type {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding-left: 45px;
  border-bottom: solid 1px #f0f0f0;
}
.lawOffice-member .member-list li:first-of-type span:nth-child(1) {
  margin-right: 75px;
}
.lawOffice-member .member-list li:first-of-type span:nth-child(2) {
  margin-right: 145px;
}
.lawOffice-member .member-list li {
  height: 45px;
  line-height: 45px;
  padding-left: 10px;
}
.lawOffice-member .member-list li .round {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #fa8919;
  vertical-align: middle;
}
.lawOffice-member .member-list li .member-name {
  display: inline-block;
  width: 120px;
}
.lawOffice-member .member-list li .role-type {
  display: inline-block;
  width: 160px;
}
.lawOffice-member .member-list li .role-describe {
  display: inline-block;
  width: 318px;
}
.lawOffice-role {
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.lawOffice-role .create-section-role {
  float: right;
  margin-right: 55px;
}
.lawOffice-role .create-section-role i {
  font-size: 16px;
  color: #fa8919;
  margin-right: 8px;
  vertical-align: middle;
}
.lawOffice-role .list-role {
  margin-top: 10px;
}
.lawOffice-role .list-role .list-role-nav {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding-left: 13px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.lawOffice-role .list-role .list-role-nav i {
  color: #07cfda;
  margin-right: 13px;
}
.lawOffice-role .list-role .list-role-nav span {
  display: inline-block;
  height: 40px;
  border-bottom: 3px solid #fa8919;
}
.lawOffice-role .list-role .list-role-content {
  position: relative;
  width: 430px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #d8d8d8;
}
.lawOffice-role .list-role .list-role-content i {
  font-size: 20px;
  color: #07cfda;
  margin: 0 8px 0 15px;
  vertical-align: middle;
}
.lawOffice-role .list-role .list-role-content .role-name {
  display: inline-block;
  width: 170px;
}
.lawOffice-role .list-role .list-role-content .describe {
  color: #737373;
}
.lawOffice-role .list-role .list-role-content .more {
  position: absolute;
  right: -264px;
  color: #737373;
}
.lawOffice-subdivision {
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.lawOffice-subdivision .create-subdivision {
  float: right;
  margin-right: 68px;
}
.lawOffice-subdivision .create-subdivision i {
  font-size: 16px;
  color: #fa8919;
  margin-right: 8px;
  vertical-align: middle;
}
.lawOffice-subdivision .subdivision-list {
  margin-top: 28px;
  margin-left: 13px;
  width: 520px;
}
.lawOffice-subdivision .subdivision-list li:first-of-type {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding-left: 45px;
  margin-bottom: 5px;
  border-bottom: solid 1px #f0f0f0;
}
.lawOffice-subdivision .subdivision-list li:first-of-type span:nth-child(1) {
  margin-right: 125px;
}
.lawOffice-subdivision .subdivision-list li:first-of-type span:nth-child(2) {
  margin-right: 145px;
}
.lawOffice-subdivision .subdivision-list .list-subdivision-content {
  position: relative;
  width: 520px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.lawOffice-subdivision .subdivision-list .list-subdivision-content i {
  font-size: 20px;
  color: #07cfda;
  margin: 0 8px 0 15px;
  vertical-align: middle;
}
.lawOffice-subdivision .subdivision-list .list-subdivision-content .subdivision-name {
  display: inline-block;
  width: 170px;
}
.lawOffice-subdivision .subdivision-list .list-subdivision-content .describe {
  color: #737373;
}
.lawOffice-subdivision .subdivision-list .list-subdivision-content .more {
  position: absolute;
  right: -163px;
  color: #737373;
}
.lawOffice-section-setting {
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.lawOffice-section-setting .auth-list {
  margin-bottom: 10px;
  margin-left: 8px;
}
.lawOffice-section-setting .auth-list .list-row {
  margin-bottom: 6px;
}
.lawOffice-section-setting .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.lawOffice-section-setting .auth-list .list-row span {
  color: #fa8919;
}
.lawOffice-section-setting .auth-list .list-content {
  margin-left: 27px;
}
.lawOffice-section-setting .auth-list .list-content li {
  width: 675px;
  height: 36px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.lawOffice-section-setting .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 444px;
}
.lawOffice-section-setting .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.lawOffice-section-setting .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.lawOffice-section-setting .btn-row .section-setting-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.lawOffice-section-setting .btn-row .section-setting-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.default-role-admin {
  padding: 30px 0 0 28px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.default-role-admin .close-default-role-admin i {
  color: #cdc9c5;
  margin-right: 6px;
}
.default-role-admin .close-default-role-admin span {
  font-size: 18px;
}
.default-role-admin .describe {
  margin: 8px 0 20px 27px;
}
.default-role-admin .auth-list {
  margin-bottom: 23px;
}
.default-role-admin .auth-list .list-row {
  width: 675px;
  margin-bottom: 4px;
  padding-bottom: 5px;
}
.default-role-admin .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  font-size: 16px;
  vertical-align: middle;
}
.default-role-admin .auth-list .list-row span {
  color: #fa8919;
}
.default-role-admin .auth-list .list-content {
  margin-left: 23px;
}
.default-role-admin .auth-list .list-content li {
  width: 454px;
  height: 29px;
  line-height: 20px;
  border-bottom: solid 1px #f0f0f0;
}
.default-role-admin .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.default-role-admin .auth-list .list-content li span:nth-child(1) i {
  vertical-align: middle;
}
.default-role-admin .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.default-role-admin .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.default-role-admin .btn-row .default-role-admin-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.default-role-admin .btn-row .default-role-admin-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.authtable .name {
  width: 540px;
}
.authtable .name span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  vertical-align: middle;
}
.authtable .role {
  cursor: pointer;
  color: #737373;
}
.authtable tr .del {
  text-align: center;
  padding: 0;
  width: 80px;
  padding-right: 10px;
}
.authtable tr .del .ibass-delete {
  float: right;
  font-size: 16px;
  display: none;
  color: #fdba78;
  cursor: pointer;
}
.authtable tr:first-child td {
  border-top: 1px solid #ebebeb;
}
.authtable tr:hover .del span {
  display: inline-block;
}
.authtable tr .del-confirm {
  width: 76px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
  float: right;
}

@keyframes errorShake {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-3px);
  }
  40% {
    transform: translateY(3px);
  }
  60% {
    transform: translateY(-3px);
  }
  80% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
.fcn-verify-email-wrap {
  margin-top: 45px;
  text-align: center;
}
.fcn-verify-email-wrap .loading {
  padding-top: 18px;
}
.fcn-verify-email-content .loading {
  top: -26px !important;
}
.fcn-verify-email-title {
  margin-top: -15px;
  margin-bottom: 30px;
  font-size: 14px;
  color: #737373;
  line-height: 16px;
}
.fcn-verify-email-form {
  position: relative;
  width: 400px;
  margin: 10px auto 0;
}
.fcn-verify-email-form .label-noactive {
  font-size: 14px;
}
.fcn-verify-email-input {
  width: 100%;
  height: 55px;
  padding-top: 20px;
  border: solid #f0f0f0;
  border-width: 0 0 1px;
  outline: none;
  color: #4a4a4a;
}
.fcn-verify-email-input.verify-input-error-color {
  border-color: #f72b44!important;
}
.fcn-verify-email-codeinput {
  width: 340px;
  height: 40px;
  line-height: 40px;
  outline: none;
  text-align: center;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  color: #4a4a4a;
}
.fcn-verify-email-codeinput-errshake {
  border-color: #f72b44;
  animation: errorShake 0.4s;
}
.fcn-verify-email-line {
  width: 340px;
  margin: 20px auto 0;
  text-align: left;
  overflow: hidden;
  line-height: 16px;
}
.fcn-verify-email-line .fcn-verify-count-wrap {
  float: right;
}
.fcn-verify-email-line .fcn-verify-text {
  display: inline-block;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #737373;
}
.fcn-verify-email-tips {
  width: 340px;
  padding: 12px 16px;
  margin: 20px auto 0;
  background-color: #f8f8f9;
  border-radius: 5px;
  font-size: 14px;
  color: #4a4a4a;
  text-align: left;
}
.fcn-verify-email-tips .ibass-info {
  font-size: 18px;
  color: #fdba78;
  vertical-align: middle;
}
.fcn-verify-email-tips p {
  margin-left: 22px;
}
.fcn-verify-email-btns {
  position: relative;
  width: 340px;
  height: 16px;
  margin: -16px auto 0;
  text-align: left;
  line-height: 1;
  overflow: hidden;
}
.fcn-verify-email-btns .ibass-refresh {
  font-size: 16px;
  color: #fa8919;
  vertical-align: middle;
}
.fcn-verify-email-btns-one .btn-steps-email-one {
  margin-top: 48px;
}
.fcn-verify-email-btns-one .btn-steps-email-two {
  margin-top: 22px;
}
.fcn-verify-email-btns-one .btn-steps-email-three {
  margin-top: 75px;
}
.fcn-verify-email-link {
  font-size: 14px;
  margin-left: 5px;
  cursor: pointer;
}
.fcn-verify-email-steptwo .fcn-verify-btn {
  margin-top: 20px;
}
.fcn-verify-email-steptwo .fcn-verify-email-form {
  width: 340px;
}
.fcn-verify-email-stepthree {
  margin-top: 90px;
  text-align: center;
}
.fcn-verify-email-icon .ibass-done {
  font-size: 38px;
  color: #70b839;
  vertical-align: middle;
}
.fcn-verify-email-done {
  position: relative;
  top: -4px;
  margin-left: 6px;
  font-size: 14px;
  color: #4a4a4a;
}
.fcn-verify-email-error {
  float: right;
  font-size: 12px;
  color: #f72b44;
}
.fcn-verify-email-error .ibass-warning {
  margin-left: 3px;
  vertical-align: middle;
}
.fcn-verify-input-label-error {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 12px;
  color: #f72b44;
}
.fcn-verify-input-label-error .ibass-warning {
  margin-left: 3px;
  font-size: 12px;
  color: #f72b44;
  vertical-align: middle;
}
.fcn-verify-input-label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  color: #a9a9a9;
}

@keyframes errorShake {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-3px);
  }
  40% {
    transform: translateY(3px);
  }
  60% {
    transform: translateY(-3px);
  }
  80% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
.fcn-verify-phone-first-error {
  position: absolute;
  right: 0;
  top: -24px;
  font-size: 12px;
  color: #f72b44;
}
.fcn-verify-phone-first-error .ibass-warning {
  margin-left: 8px;
  font-size: 12px;
  color: #f72b44;
  vertical-align: middle;
}
.fcn-verify-phone-wrap {
  text-align: center;
}
.fcn-verify-phone-wrap .loading {
  padding-top: 0;
  top: -30px !important;
}
.fcn-verify-phone-title {
  margin-top: -5px;
  margin-bottom: 48px;
  font-size: 14px;
  color: #737373;
  line-height: 16px;
}
.fcn-verify-phone-content {
  position: relative;
  margin-top: 35px;
  color: #737373;
}
.fcn-verify-phone-form {
  position: relative;
  width: 401px;
  margin: 10px auto 0;
  line-height: 35px;
}
.fcn-verify-phone-form .ns-popover-item.active {
  background-color: #f8f8f9;
}
.fcn-verify-phone-label {
  position: absolute;
  top: -24px;
  left: 0;
  font-size: 12px;
  color: #a9a9a9;
}
.fcn-verify-phone-desc {
  margin-top: 20px;
  line-height: 1;
  font-size: 14px;
  color: #a9a9a9;
}
.fcn-verify-phone-input {
  width: 340px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
  text-align: center;
  color: #4a4a4a;
}
.fcn-verify-phone-input-errshake {
  border-color: #f72b44;
  animation: errorShake 0.4s;
}
.fcn-verify-phone-line {
  width: 340px;
  margin: 20px auto 0;
  text-align: left;
  line-height: 1;
  overflow: hidden;
}
.fcn-verify-phone-line .fcn-verify-count-wrap {
  float: right;
}
.fcn-verify-phone-stepthree {
  margin-top: 70px;
  text-align: center;
}
.fcn-verify-phone-icon .ibass-done {
  font-size: 38px;
  color: #70b839;
  vertical-align: middle;
}
.fcn-verify-phone-done {
  position: relative;
  top: -4px;
  margin-left: 6px;
  font-size: 14px;
  color: #4a4a4a;
}
.fcn-verify-phone-btns {
  width: 340px;
  height: 16px;
  margin: 0 auto;
  text-align: left;
  line-height: 1;
  overflow: hidden;
}
.fcn-verify-phone-btns .ibass-refresh {
  font-size: 16px;
  color: #fa8919;
  vertical-align: middle;
}
.fcn-verify-phone-error {
  float: right;
  font-size: 12px;
  color: #f72b44;
}
.fcn-verify-phone-error .ibass-warning {
  margin-left: 8px;
  font-size: 12px;
  color: #f72b44;
  vertical-align: middle;
}
.fcn-verify-phone-link {
  font-size: 14px;
  margin-left: 6px;
  cursor: pointer;
}
.fcn-verify-text {
  font-size: 14px;
  color: #737373;
}
.fcn-verify-btns-one {
  margin-top: 46px;
  text-align: center;
}
.fcn-verify-btns-one:first-child {
  margin-left: 0;
}
.fcn-verify-btn {
  display: inline-block;
  background-color: #fa8919;
  margin-left: 15px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
}
.fcn-verify-btn.btn-step-one {
  margin-top: 48px;
}
.fcn-verify-btn.btn-step-one-back {
  background-color: #fff;
  color: #4a4a4a;
  border: 1px solid #e8e8e8;
}
.fcn-verify-btn.btn-step-two {
  margin-top: 38px;
}
.fcn-verify-btn.btn-step-three {
  margin-top: 75px;
}
.fcn-verify-input {
  width: 320px;
  height: 35px;
  margin-left: -5px;
  line-height: 32px;
  border: 1px solid #f0f0f0;
  border-width: 0 0 1px;
  outline: none;
  vertical-align: bottom;
  color: #4a4a4a;
}
.fcn-verify-input.verify-input-error-color {
  border-color: #f72b44!important;
}
.fcn-verify-zone {
  position: relative;
  display: inline-block;
  width: 80px;
  border-bottom: 1px solid #f0f0f0;
  color: #4a4a4a;
  text-align: left;
  font-size: 14px;
  cursor: pointer;
}
.fcn-verify-zone .ibass-trig-down {
  position: absolute;
  top: 0;
  right: 10px;
  color: #ddd;
}

.fcn-verify-steps {
  margin-top: 38px;
  font-size: 14px;
  text-align: center;
}
.fcn-verify-steps-box {
  position: relative;
  display: inline-block;
  width: 202px;
  margin-left: -4px;
}
.fcn-verify-steps-box.active .fcn-verify-steps-per {
  background-color: #fa8919;
}
.fcn-verify-steps-box.active .fcn-verify-steps-line {
  background: linear-gradient(to right, #fa8919, #fa8919 5px, #f1f1f1 5px, #f1f1f1);
  background-size: 6px 100%;
}
.fcn-verify-steps-box.active .fcn-verify-steps-line:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 179px;
  background: linear-gradient(to right, transparent, #f1f1f1);
}
.fcn-verify-steps-box.active .fcn-verify-steps-text {
  color: #737373;
}
.fcn-verify-steps-box.actived .fcn-verify-steps-per {
  background-color: #fa8919;
}
.fcn-verify-steps-box.actived .fcn-verify-steps-line {
  background: linear-gradient(to right, #fa8919, #fa8919 5px, transparent 5px, transparent);
  background-size: 6px 100%;
}
.fcn-verify-steps-box.actived .fcn-verify-steps-text {
  color: #737373;
}
.fcn-verify-steps-line {
  position: absolute;
  top: 11px;
  left: 113px;
  width: 179px;
  height: 1px;
  background: linear-gradient(to right, #f0f0f0, #f0f0f0 5px, transparent 5px, transparent);
  background-size: 6px 100%;
}
.fcn-verify-steps-per {
  display: inline-block;
  background-color: #ddd;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  border-radius: 12px;
}
.fcn-verify-steps-text {
  display: block;
  margin-top: 10px;
  line-height: 1;
  color: #9b9b9b;
}

.fcn-verify-footer {
  margin-top: 38px;
  text-align: center;
}
.fcn-verify-footer-btns {
  padding-top: 8px;
  min-width: 340px;
  display: inline-block;
  border-top: 1px solid #f0f0f0;
}
.fcn-verify-footer-btns.verify-footer-noborder {
  border: 0;
}
.fcn-verify-footer .fcn-verify-link {
  display: inline-block;
  margin-left: 28px;
  font-size: 0;
  line-height: 1;
}
.fcn-verify-footer .fcn-verify-link:first-child {
  margin-left: 0;
}
.fcn-verify-footer .fcn-verify-link .fcn-verify-icon {
  color: #fa8919;
  font-size: 16px;
}
.fcn-verify-footer .fcn-verify-link label {
  position: relative;
  top: -2px;
  margin-left: 6px;
  font-size: 14px;
  cursor: pointer;
}

.fcn-verify-wx-wrap {
  margin-top: 28px;
}
.fcn-verify-wx-title {
  text-align: center;
  font-size: 14px;
  color: #737373;
}
.fcn-verify-wx-code {
  margin-top: 15px;
  width: 210px;
  height: 210px;
  padding: 4px 0 0 4px;
  margin: 10px auto 0;
  border: 1px solid #e2e2e2;
}
.fcn-verify-wx-code .loading {
  padding: 50px 0;
}
.fcn-verify-wx-text {
  margin-bottom: 60px;
  text-align: center;
}
.fcn-verify-wx-icon {
  margin-top: 60px;
  text-align: center;
}
.fcn-verify-wx-icon .ibass-done {
  font-size: 38px;
  color: #70b839;
}
.fcn-verify-wx-icon .ibass-warning {
  font-size: 38px;
  color: #e18c6d;
}
.fcn-verify-wx-link {
  color: #ed6c00;
  cursor: pointer;
}
.fcn-verify-wx-result-title,
.fcn-verify-wx-result-desc {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #737373;
  line-height: 1;
}
.fcn-verify-wx-qrcode {
  width: 200px;
  height: 200px;
}

.check-approval-dialog {
  min-height: 300px;
}
.check-approval-dialog .approve-flow .approve-content .approve-node .avatar .avatar-content .ibass-team {
  margin-top: 10px !important;
}
.check-approval-dialog .process-info-retract {
  font-size: 12px;
  color: #fa8919;
  cursor: pointer;
  user-select: none;
}
.check-approval-dialog .process-info-retract i {
  position: relative;
  top: 2px;
  margin-left: 4px;
}
.check-approval-dialog approval-document-list-seal {
  vertical-align: middle;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}
.check-approval-dialog .i-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.check-approval-dialog .check-approval-tool {
  height: 50px;
  line-height: 45px;
  font-size: 14px;
  padding: 0 30px 0 20px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.check-approval-dialog .check-approval-tool .check-approval-close {
  position: absolute;
  right: 20px;
  font-size: 20px;
}
.check-approval-dialog .check-approval-tool .com-tool {
  margin-right: 10px;
  cursor: pointer;
}
.check-approval-dialog .check-approval-tool .ibass-clock {
  cursor: default;
}
.check-approval-dialog .check-approval-tool i {
  position: relative;
  top: 2px;
}
.check-approval-dialog .check-approval-tool .can-restart {
  color: #1ac031;
}
.check-approval-dialog .check-approval-tool .can-pass {
  color: #1ac031;
  padding: 3px 10px;
  border: 1px solid #1ac031;
  border-radius: 30px;
}
.check-approval-dialog .check-approval-tool .can-pass:hover {
  background-color: #1ac031;
  color: #fff;
}
.check-approval-dialog .check-approval-tool .can-reject {
  color: #f72b44;
}
.check-approval-dialog .check-approval-tool .can-delete {
  color: #f72b44;
}
.check-approval-dialog .check-approval-tool .check-wait-approval i {
  color: #cdc9c5;
}
.check-approval-dialog .check-approval-tool .check-wait-approval span {
  color: #737373;
}
.check-approval-dialog .check-approval-tool .check-approved {
  color: #1ac031;
}
.check-approval-dialog .check-approval-tool .check-rejected {
  color: #f72b44;
}
.check-approval-dialog .check-approval-tool .check-turn-to-others {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
.check-approval-dialog .check-approval-tool .check-turn-to-others i {
  color: #cdc9c5;
}
.check-approval-dialog .check-approval-tool .check-turn-to-others > span {
  color: #a9a9a9;
}
.check-approval-dialog .check-approval-tool .check-line {
  height: 30px;
  width: 2px;
  border-right: 1px solid #f5f5f5;
  margin-top: 12px;
  margin-right: 20px;
}
.check-approval-dialog .add-doc {
  cursor: pointer;
  color: #a9a9a9;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 10px 38px;
  width: 100px;
}
.check-approval-dialog .add-doc > i {
  vertical-align: middle;
}
.check-approval-dialog .add-doc:hover {
  color: #f89406;
}
.check-approval-dialog .check-approval-content {
  padding: 0 30px;
  position: relative;
}
.check-approval-dialog .check-approval-content .seal-creator-dialog-matter.nfim-input-common {
  width: 100%;
  height: auto;
  box-shadow: none;
}
.check-approval-dialog .check-approval-content .seal-creator-dialog-matter.nfim-input-common ::-webkit-input-placeholder {
  font-size: 12px;
}
.check-approval-dialog .check-approval-content .seal-creator-dialog-matter.nfim-input-common .approval-detail-s {
  width: 49%;
  display: inline-block;
  border-bottom: none;
}
.check-approval-dialog .check-approval-content .seal-creator-dialog-matter.nfim-input-common .approval-detail-s:last-of-type {
  margin-left: 1%;
}
.check-approval-dialog .check-approval-content .seal-creator-dialog-matter.nfim-input-common .approval-detail-s .approval-tooltip {
  width: 300px;
  word-break: break-word;
}
.check-approval-dialog .check-approval-content.nfim-body {
  padding-top: 14px;
}
.check-approval-dialog .check-approval-content .approval-conflict-part {
  display: flex;
  margin-top: 30px;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  border: 1px solid #fff;
  justify-content: space-between;
  color: #fff;
  font-size: 12px;
}
.check-approval-dialog .check-approval-content .approval-conflict-part.no-conflict {
  background: #66BB6A;
}
.check-approval-dialog .check-approval-content .approval-conflict-part.has-conflict {
  background: #E4424B;
}
.check-approval-dialog .check-approval-content .approval-conflict-part.has-not-check-conflict {
  background-color: #f89406;
  display: block;
  cursor: none;
}
.check-approval-dialog .check-approval-content .approval-conflict-part > span:last-of-type {
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}
.check-approval-dialog .check-approval-content .approval-detail-title {
  padding: 14px 0;
  border-bottom: 1px solid #ebebeb;
}
.check-approval-dialog .check-approval-content .approval-detail-title .title-tips {
  color: #a9a9a9;
  padding-left: 28px;
}
.check-approval-dialog .check-approval-content .approval-detail-title .title-tips .ibass-print {
  font-size: 20px;
  position: relative;
  top: 4px;
}
.check-approval-dialog .check-approval-content .approval-detail-title .title-tips .approval-detail-print:hover .ibass-print {
  color: #fa8919;
}
.check-approval-dialog .check-approval-content .approval-detail-title .title-tips .approval-detail-print:hover span {
  color: #fa8919;
}
.check-approval-dialog .check-approval-content .approval-detail-title .title-content {
  font-size: 20px;
  color: #4a4a4a;
  margin-top: 4px;
}
.check-approval-dialog .check-approval-content .approval-detail-title .title-content i {
  position: relative;
  top: 2px;
}
.check-approval-dialog .approval-detail-s {
  display: inline-block;
  min-height: 64px;
  padding: 6px 0;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.check-approval-dialog .approval-detail-s .detail-t {
  display: block;
  font-size: 12px;
  color: #a8a8a8;
}
.check-approval-dialog .approval-detail-s .detail-v {
  min-height: 23px;
  width: 100%;
  max-width: 630px;
  margin-top: 4px;
  padding-right: 50px;
  display: inline-block;
  font-size: 14px;
  word-wrap: break-word;
  word-break: normal;
  word-break: break-all;
}
.check-approval-dialog .approval-detail-s .detail-charge-mode {
  margin-top: 4px;
  font-size: 14px;
  margin-right: 10px;
}
.check-approval-dialog .approval-detail-s .detail-charge-mode i {
  color: #a9a9a9;
  position: relative;
  top: 2px;
}
.check-approval-dialog .approval-detail-s .detail-charge-mode .ibass-checked {
  color: #fa8919;
}
.check-approval-dialog .approval-detail-s .member-pic {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.check-approval-dialog .approval-detail-s .member-pic img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.check-approval-dialog .approval-detail-s .member-detail {
  display: inline-block;
}
.check-approval-dialog .approval-detail-s .ibass-info {
  position: absolute;
  right: 10px;
  top: 20px;
  color: #f72b44;
}
.check-approval-dialog .approval-detail-s .matter-status-name {
  box-sizing: border-box;
  height: 24px;
  display: inline-block;
  vertical-align: baseline;
  padding: 0px 15px;
  border-radius: 20px;
  font-size: 12px;
  border: solid 1px #ebe8e6;
  margin-left: 10px;
}
.check-approval-dialog .approval-matter-edit .process-change-span {
  font-size: 14px;
  color: #a9a9a9;
  margin-top: 20px;
  display: block;
}
.check-approval-dialog .approval-matter-edit .matter-detail-t {
  font-size: 12px;
  color: #a8a8a8;
  position: relative;
}
.check-approval-dialog .approval-matter-edit .matter-detail-t .matter-changed {
  position: absolute;
  right: 10px;
  top: 0;
  color: #f72b44;
}
.check-approval-dialog .approval-matter-edit .matter-detail-t .matter-changed span {
  margin-right: 4px;
}
.check-approval-dialog .approval-matter-edit .change-data {
  background-color: #ebebeb;
  height: 40px !important;
  line-height: 40px !important;
}
.check-approval-dialog .approval-matter-edit .matter-detail-s {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-right: 10%;
  font-size: 14px;
  border-bottom: #f0f0ff solid 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.check-approval-dialog .approval-matter-edit .ibass-info {
  position: absolute;
  right: 10px;
  top: 0px;
  color: #f72b44;
}
.check-approval-dialog .approval-matter-edit .detail-s-list .matter-detail-s:first-child {
  height: 28px;
  line-height: 30px;
  padding-bottom: 10px;
}
.check-approval-dialog .approval-matter-edit .detail-s-list .matter-detail-s:first-child .ibass-info {
  top: -4px;
}
.check-approval-dialog .approval-matter-edit .detail-s-list .matter-detail-s:first-child .content-new-deleted span {
  text-decoration: line-through;
}
.check-approval-dialog .content-new-deleted span {
  text-decoration: line-through;
}
.check-approval-dialog .check-approval-files {
  margin: 0 30px;
  border-bottom: 1px solid #ebebeb;
}
.check-approval-dialog .check-approval-remark {
  margin: 6px 30px;
  border-bottom: 1px solid #ebebeb;
}
.check-approval-dialog .check-approval-remark label {
  font-size: 12px;
  color: #a8a8a8;
}
.check-approval-dialog .check-approval-remark p {
  margin-top: 4px;
  display: block;
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
}
.check-approval-dialog .check-approval-remark textarea {
  display: block;
  border: none;
  resize: none;
  width: 100%;
}
.check-approval-dialog .nfim-dynamic-and-comments {
  height: auto;
  padding: 20px 25px 0;
  background: #f8f8f9;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
  margin-top: 20px;
}
.check-approval-dialog .nfim-input-common {
  flex-shrink: 0;
}
.check-approval-dialog .nfim-input-common label {
  position: absolute;
}
.check-approval-dialog .nfim-input-common .ibass-trig-down.right {
  color: #a9a9a9;
}
.check-approval-dialog .item-input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.check-approval-dialog .item-input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.check-approval-dialog .item-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.check-approval-dialog .item-input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.check-approval-dialog .approval-detail-flow {
  width: 100%;
}
.check-approval-dialog .nfim-foot {
  width: 100%;
}
.check-approval-dialog .nfim-foot .nfim-save-button {
  width: 126px;
  height: 34px;
  display: block;
  border: none;
  margin: 26px auto 0;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 20px;
}
.check-approval-dialog .nfim-foot .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
}
.check-approval-dialog .width-left {
  width: 400px;
}
.check-approval-dialog .width-right {
  width: 270px;
}
.check-approval-dialog .width-full-in-create-appro {
  width: 670px;
}
.check-approval-dialog.doc-or-matter-input-number .nfim-input-wrap {
  font-size: 14px;
  padding: 15px 40px;
  position: relative;
  max-height: 410px;
  width: 100%;
}
.check-approval-dialog.doc-or-matter-input-number .nfim-input-wrap .item-input {
  margin: 20px 0;
  padding: 0 20px;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #f0f0f0;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  height: 36px;
  font-size: 14px;
  color: #4a4a4a;
}
.check-approval-dialog.doc-or-matter-input-number .nfim-input-wrap > div {
  padding: 25px 0;
}
.check-approval-dialog.doc-or-matter-input-number .nfim-input-wrap > div .title {
  margin-bottom: 35px;
  color: #a9a9a9;
}
.check-approval-dialog.doc-or-matter-input-number .nfim-input-wrap > div:nth-of-type(1) .title {
  margin-bottom: 10px;
}
.check-approval-dialog.doc-or-matter-input-number .nfim-input-wrap > div .btn-groups {
  text-align: center;
  margin-top: 40px;
}
.check-approval-dialog.doc-or-matter-input-number .nfim-input-wrap > div li {
  color: #a9a9a9;
  font-size: 14px;
  height: 24px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.check-approval-dialog.doc-or-matter-input-number .btn-group {
  text-align: center;
  margin-top: 30px;
}
.check-approval-dialog.doc-or-matter-input-number .matter-dialog-btn {
  width: 135px;
  height: 36px;
  border-radius: 50px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.check-approval-dialog.doc-or-matter-input-number .rebuild-btn {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  margin-right: 15px;
  color: #4a4a4a !important;
  border: none;
}
.check-approval-dialog.doc-or-matter-input-number .cancel-btn {
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
}
.check-approval-dialog.doc-or-matter-input-number .other-input-doc-number {
  cursor: pointer;
  color: #a9a9a9;
  margin: 0 auto 20px;
  width: 252px;
}
.check-approval-dialog.doc-or-matter-input-number .other-input-doc-number:hover {
  color: #ED6C00;
}
.check-approval-dialog.doc-or-matter-input-number .other-input-doc-number i {
  vertical-align: middle;
}
.check-approval-dialog .close-detail .finance-info {
  display: flex;
  padding: 15px;
  border-radius: 8px;
  background: #f8f8f9;
}
.check-approval-dialog .close-detail .finance-info .finance-col {
  min-width: 0;
  flex: 1;
  border-right: 1px solid #f0f0f0;
  text-align: center;
}
.check-approval-dialog .close-detail .finance-info .finance-col:last-of-type {
  border-right: none;
}
.check-approval-dialog .close-detail .finance-info .finance-col .finance-value {
  line-height: 25px;
  font-size: 18px;
  color: #4a4a4a;
  font-weight: 200;
}
.check-approval-dialog .close-detail .finance-info .finance-col .finance-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.check-approval-dialog .close-detail .finance-info .finance-col .finance-label {
  font-size: 12px;
  color: #a9a9a9;
}
.check-approval-dialog .reim-header {
  display: inline-block;
  font-size: 12px;
  color: #737373;
}
.check-approval-dialog .reim-detailed-tr {
  padding: 14px 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  position: relative;
}
.check-approval-dialog approval-fees-list {
  vertical-align: middle;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}
.check-approval-dialog .hasReimburseId {
  width: 100%;
}
.check-approval-dialog old-approval-fee {
  vertical-align: middle;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}
.check-approval-dialog .reim-detailed-body span {
  font-size: 12px;
  display: inline-block;
}
.check-approval-dialog .reim-detailed-body:hover {
  background-color: #f5f5f5;
}
.check-approval-dialog .reim-detailed-body:hover .cost-tool {
  visibility: visible;
}
.check-approval-dialog .cost-amount {
  width: 18%;
}
.check-approval-dialog .cost-type {
  width: 12%;
}
.check-approval-dialog .cost-date {
  width: 15%;
}
.check-approval-dialog .cost-handler {
  width: 17%;
}
.check-approval-dialog .cost-remark {
  width: 30%;
  padding-left: 10px;
  word-break: break-all;
}
.check-approval-dialog .enclosure {
  width: 20%;
  padding-left: 10px;
  position: relative;
}
.check-approval-dialog .enclosure .view-enclosure {
  color: #fa8919;
  margin-left: 20px;
}
.check-approval-dialog .no-fee-data {
  display: flex;
  justify-content: center;
  color: #a9a9a9;
}
.check-approval-dialog .contract-name {
  width: 29%;
}
.check-approval-dialog .contract-amount {
  width: 19%;
}
.check-approval-dialog .contract-people {
  width: 29%;
}
.check-approval-dialog .contract-matter {
  width: 19%;
}
.check-approval-dialog .contract-num {
  width: 10%;
}
.check-approval-dialog .process-name {
  width: 29%;
}
.check-approval-dialog .process-people {
  width: 40%;
}
.check-approval-dialog .process-reason {
  width: 30%;
}
.check-approval-dialog .check {
  width: 10%;
  text-align: right;
  margin-right: 10px;
  color: #fa8919;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header span,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr span {
  word-break: break-all;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header .payer-name,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr .payer-name {
  width: 20%;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header .income-date,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr .income-date {
  width: 12%;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header .income-value,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr .income-value {
  width: 20%;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header .can-relation-value,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr .can-relation-value {
  width: 24%;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header .relation-value,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr .relation-value {
  width: 24%;
}
.check-approval-dialog .approval-invoice-content-v2 .no-invoice-income-ralation {
  text-align: center;
  font-size: 12px;
}
.check-approval-dialog .matter-finance-select-box li.select-box-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.check-approval-dialog .matter-finance-select-box li.select-box-list .name,
.check-approval-dialog .matter-finance-select-box li.select-box-list .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.check-approval-dialog .matter-finance-select-box li.select-box-list .matter-no {
  color: #a9a9a9;
}
.check-approval-dialog .approval-detail-content.seal-ddetail .approval-detail-s:first-of-type .detail-t {
  display: inline-block;
}
.check-approval-dialog .matter-detail-seal .approval-detail-s {
  width: 49%;
  display: inline-block;
}
.check-approval-dialog .approval-doc-type {
  width: 30%;
}
.check-approval-dialog .approval-seal-type {
  width: 30%;
}
.check-approval-dialog .approval-seal-num {
  width: 20%;
}
.check-approval-dialog .approval-seal-operation {
  width: 16%;
  text-align: right;
  margin-right: 10px;
}
.check-approval-dialog .approval-tooltip {
  width: 200px;
  word-wrap: break-word;
}

.approval-printing {
  width: 1200px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -115px;
  padding-top: 10px;
  box-sizing: border-box;
}
.approval-printing .approval-printing-header {
  line-height: 72px;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
  padding-left: 10px;
  margin: 0 25px;
}
.approval-printing .approval-printing-header .ibass-print {
  color: #07cfda;
  font-size: 25px;
  vertical-align: middle;
}
.approval-printing .approval-printing-header .title {
  font-size: 20px;
  margin-left: 10px;
}
.approval-printing .approval-printing-wrap {
  display: inline-block;
  width: 100%;
  min-height: 600px;
}
.approval-printing .approval-printing-wrap .approval-project-printing {
  padding-bottom: 100px;
}
.approval-printing .approval-printing-wrap .new-approval-printing {
  float: right;
  width: 70px;
  height: 34px;
  padding-left: 20px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 34px;
  text-align: left;
  cursor: pointer;
  position: relative;
  top: 14px;
}
.approval-printing .approval-printing-wrap .new-approval-printing span {
  font-size: 12px;
  position: relative;
  top: -4px;
}
.approval-printing .approval-printing-wrap .ibass-print {
  font-size: 18px;
}
.approval-printing .approval-project-printing .approval-project-printing-top {
  height: 50px;
  margin: 0 25px;
}

.custom-form {
  padding: 14px 30px 0;
}
.custom-form .header {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  height: 40px;
  text-align: center;
}
.custom-form .header span {
  color: #4a4a4a;
  font-size: 16px;
  padding: 0 10px;
  background-color: #fff;
  line-height: 74px;
}
.custom-form .content {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.custom-form .content > div {
  width: 50%;
  padding-right: 10px;
}
.custom-form .content .single-line {
  width: 100%;
}
.custom-form .approval-detail-flow {
  margin-top: 20px;
}
.custom-form .form-footer {
  margin: 40px;
  text-align: center;
}
.custom-form .form-footer .button {
  width: 100px;
  height: 34px;
  border: none;
  font-size: 14px;
  color: white;
  background-color: #fa8919;
  border-radius: 20px;
  cursor: pointer;
}
.custom-form .form-footer .button-disabled {
  background: #ebebee;
  cursor: not-allowed;
}
.custom-form .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.custom-form .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}

.form-required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-select-ul {
  max-height: 300px;
  color: black;
  background: white !important;
  max-width: none !important;
  width: 100%;
}
.form-select-ul ul {
  max-height: 229px;
  overflow-y: scroll;
}
.form-select-ul li {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  height: auto;
  padding: 5px 35px 5px 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-select-ul li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.form-select-ul li .ibass-done {
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.form-select-ul li .member-info > span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-ul li .form-pic {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.form-select-ul .popover-search {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding-left: 9px;
  box-sizing: border-box;
  margin-top: 6px;
}
.form-select-ul .popover-search > span {
  color: #cdc9c5;
}
.form-select-ul .popover-search > input {
  flex-grow: 1;
  border: none;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.popover-position {
  margin-top: -10px;
  margin-left: -12px;
  width: 100%;
}

.check-reject-dialog {
  height: 300px;
  padding: 0 20px;
}
.check-reject-dialog .check-reject-dialog-title {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;
  margin-bottom: 20px;
  line-height: 80px;
}
.check-reject-dialog .check-reject-dialog-title span {
  padding: 0 20px;
  background-color: #fff;
  font-size: 16px;
}
.check-reject-dialog .check-textarea {
  margin: 30px 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  padding: 10px;
  border-radius: 5px;
  height: 130px;
}
.check-reject-dialog .check-textarea textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border: none;
  outline: none;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 24px;
}

.check-seal-seal-dialog .common-nfim-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.check-seal-seal-dialog .common-nfim-wrapper .nfim-input-common {
  width: 48%;
  margin-right: 4%;
}
.check-seal-seal-dialog .common-nfim-wrapper .nfim-input-common:nth-child(2n) {
  margin-right: 0;
}
.check-seal-seal-dialog .common-nfim-wrapper .ns-popover-tooltip-theme {
  width: 100%;
}

.conflict-inner-data-base {
  margin: 30px;
}
.conflict-inner-data-base .conflict-table .item-input {
  font-size: 12px;
}
.conflict-inner-data-base .text-long-wrap {
  max-width: 100%;
}
.conflict-inner-data-base .tool-hover {
  display: none;
  background-color: #fff;
}
.conflict-inner-data-base .top-action-list {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 10px;
}
.conflict-inner-data-base .top-action-list > div {
  display: inline-block;
}
.conflict-inner-data-base .top-action-list > div.conflict-search {
  display: inline-flex;
  justify-items: center;
  width: 30%;
  position: relative;
  height: 18px;
  padding: 5px 0;
  border-radius: 20px;
  flex-grow: 1;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
}
.conflict-inner-data-base .top-action-list > div.conflict-search .conflict-search-icon,
.conflict-inner-data-base .top-action-list > div.conflict-search .conflict-search-close {
  width: 30px;
  height: 24px;
  color: #cdc9c5;
  text-align: center;
  cursor: pointer;
}
.conflict-inner-data-base .top-action-list > div.conflict-search .back-clean {
  position: absolute;
  right: 10px;
  font-size: 12px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.conflict-inner-data-base .top-action-list > div.conflict-search .back-clean .ibass-close {
  font-size: 12px;
  position: relative;
  top: 1px;
}
.conflict-inner-data-base .top-action-list > div.conflict-search .conflict-search-input {
  height: 100%;
  border: 0;
  box-shadow: none;
  font-size: 12px;
  background: transparent;
  flex-grow: 0;
  width: 220px;
  margin-bottom: 0;
  display: inline-flex;
}
.conflict-inner-data-base .top-action-list > div.delete-in-batch .checknum {
  font-size: 12px;
  display: inline-block;
  background: #f8f8f9;
  line-height: 14px;
  border-radius: 20px;
  color: #ed6c00;
  padding: 8px 12px;
  margin-right: 10px;
  float: left;
  vertical-align: middle;
}
.conflict-inner-data-base .top-action-list > div.delete-in-batch .checknum .oper {
  cursor: pointer;
  float: right;
  color: #a9a9a9;
  display: inline-block;
  margin-left: 16px;
}
.conflict-inner-data-base .top-action-list > div.delete-in-batch .checknum .oper .ibass-close {
  font-size: 12px;
  vertical-align: middle;
}
.conflict-inner-data-base .top-action-list > div.delete-in-batch .nfim-save-button {
  margin: 0;
  width: 90px;
  height: 32px;
  line-height: 32px;
}
.conflict-inner-data-base .top-action-list > div > span {
  cursor: pointer;
  margin-left: 20px;
  display: inline-block;
}
.conflict-inner-data-base .top-action-list > div > span span {
  vertical-align: text-bottom;
}
.conflict-inner-data-base .top-action-list > div > span.import {
  vertical-align: text-top;
}
.conflict-inner-data-base .top-action-list > div > span:hover {
  color: #fa8919;
}
.conflict-inner-data-base .table-header {
  width: 100%;
}
.conflict-inner-data-base .table-header .table-td {
  display: flex;
}
.conflict-inner-data-base .table-header .table-td i.ibass-checkbox,
.conflict-inner-data-base .table-header .table-td i.ibass-checked {
  margin-right: 4px;
}
.conflict-inner-data-base li.table-body .tool-action {
  display: block;
  height: 40px;
  width: 135px;
  position: absolute;
  right: 0;
  text-align: right;
  background-color: #fff;
}
.conflict-inner-data-base li.table-body .tool-action i {
  margin-right: 20px;
  position: relative;
  color: #fdba78;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
.conflict-inner-data-base li.table-body:hover .tool-hover {
  display: block;
  height: 40px;
  width: 135px;
  position: absolute;
  right: 0;
  text-align: right;
}
.conflict-inner-data-base li.table-body:hover .tool-hover i {
  margin-right: 20px;
  position: relative;
  color: #fdba78;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
.conflict-inner-data-base i {
  cursor: pointer;
}
.conflict-inner-data-base i.ibass-checkbox {
  color: #cdc9c5;
}
.conflict-inner-data-base .has-border {
  height: 32px;
  border-radius: 3px;
  background-color: #fefeff;
  padding-left: 10px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5 !important;
}
.conflict-inner-data-base .ver-middle {
  vertical-align: middle;
}
.conflict-inner-data-base .table-td.table-hd:nth-of-type(1) input {
  width: 80%;
}
.conflict-inner-data .new-common-attachments-upload {
  color: #fff !important;
}
.conflict-inner-data .new-common-attachments-upload:hover {
  color: #fff !important;
}
.conflict-inner-data .new-common-attachments-upload span {
  margin-top: 4px;
}

.conflict-record {
  margin: 30px;
}
.conflict-record .conflict-table .table-content {
  height: auto!important;
  line-height: 20px!important;
  padding: 14px 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.conflict-record .conflict-table .table-td {
  word-break: break-all;
  word-wrap: break-word;
}
.conflict-record .conflict-table .conflict-0 {
  width: 10%!important;
  padding-left: 4px;
}
.conflict-record .conflict-table .conflict-1 {
  width: 16%!important;
  padding-left: 4px;
}
.conflict-record .conflict-table .conflict-2 {
  width: 24%!important;
  padding-left: 4px;
}
.conflict-record .conflict-table .conflict-3 {
  width: 10%!important;
  padding-left: 4px;
}
.conflict-record .conflict-table .conflict-4 {
  width: 10%!important;
  padding-left: 4px;
}
.conflict-record .conflict-table .conflict-5 {
  width: 10%!important;
  padding-left: 4px;
}
.conflict-record .conflict-table .conflict-6 {
  width: 20%!important;
  padding-left: 4px;
}
.conflict-record .top-action-list {
  display: flex;
  justify-content: space-between;
}
.conflict-record .top-action-list .filter-part-in-conflict {
  display: flex;
}
.conflict-record .top-action-list .filter-part-in-conflict > div {
  display: flex;
  align-items: center;
}
.conflict-record .top-action-list .filter-part-in-conflict > div:last-of-type {
  margin-left: 10px;
}
.conflict-record .top-action-list .filter-part-in-conflict > div .contract-filter-single-name {
  margin: 0 10px;
}
.conflict-record .top-action-list .filter-part-in-conflict > div .contract-filter-single {
  max-width: 130px;
  position: relative;
}
.conflict-record .top-action-list .filter-part-in-conflict > div:first-of-type .contract-filter-single-name {
  margin: 0 10px 0 0;
}
.conflict-record .top-action-list .search-part-in-conflict {
  height: 25px;
  width: 250px;
  position: relative;
}
.conflict-record .top-action-list .search-part-in-conflict .conflict-search-icon {
  margin-left: 9px;
}
.conflict-record .top-action-list .search-part-in-conflict .ibass-close {
  top: -20px;
}
.conflict-record .top-action-list .search-part-in-conflict .ibass-search {
  position: absolute;
  top: 9px;
}
.conflict-record .top-action-list .search-part-in-conflict .back-clean {
  display: inline-block;
  position: absolute;
  right: 9px;
  top: 4px;
}
.conflict-record .top-action-list .search-part-in-conflict input {
  width: 250px;
  height: 35px;
  padding: 0 29px;
}
.conflict-record .top-action-list .search-part-in-conflict input::-webkit-input-placeholder {
  font-size: 14px;
}
.conflict-record .top-action-list .search-part-in-conflict .select-box-list > span {
  font-size: 14px;
  color: #a9a9a9;
  display: block;
}
.conflict-record .top-action-list .search-part-in-conflict .select-box-list > span.center {
  text-align: center;
}
.conflict-record .table-hd.cursor:hover {
  color: #fa8919;
}
.conflict-record .search-table-part {
  margin-top: 30px;
}
.conflict-record .time-range-has-close {
  color: #4a4a4a;
}
.conflict-record .ibass-trig-down,
.conflict-record .time-range-has-close:after {
  color: #737373;
  vertical-align: middle;
}
.conflict-record .table-body .table-td:nth-of-type(2),
.conflict-record .table-header .table-td:nth-of-type(2) {
  width: 160px;
}
.conflict-record .table-body .table-td:nth-of-type(5),
.conflict-record .table-header .table-td:nth-of-type(5) {
  width: 108px;
}
.clear-in-conflict-record-popover {
  text-align: center;
  color: #a9a9a9;
  margin-left: -10px;
  box-sizing: content-box;
  border-top: 1px solid #ededed;
  cursor: pointer;
}

.conflict-search-in-search-part {
  margin: 0 30px;
}
.conflict-search-in-search-part .text-center {
  text-align: center;
}
.conflict-search-in-search-part .search-table-part .count-part {
  border-bottom: 1px solid #f5f5f5;
  height: 30px;
  font-size: 12px;
  color: #9e9e9e;
}
.conflict-search-in-search-part .conflict-search {
  height: 25px;
  width: 400px;
  overflow: auto;
  display: inline-table;
  position: relative;
}
.conflict-search-in-search-part .conflict-search .conflict-search-icon {
  margin-left: 5px;
}
.conflict-search-in-search-part .conflict-search .ibass-close {
  top: -20px !important;
}
.conflict-search-in-search-part .conflict-search .ibass-search {
  position: absolute;
  top: 8px;
}
.conflict-search-in-search-part .conflict-search input {
  width: 335px;
  margin-left: 30px;
}
.conflict-search-in-search-part .conflict-search .select-box-list > span {
  font-size: 14px;
  color: #a9a9a9;
  display: block;
}
.conflict-search-in-search-part .conflict-search .select-box-list > span.center {
  text-align: center;
}
.conflict-search-in-search-part .search-part-in-conflict {
  margin: 30px 0;
}
.conflict-search-in-search-part .search-part-in-conflict div.main-btn {
  margin-left: 20px;
  position: relative;
  z-index: 1;
  display: inline-block;
}
.conflict-search-in-search-part .search-part-in-conflict .ns-popover-tooltip-option {
  width: 400px;
  background: white !important;
  max-width: none;
  overflow: hidden;
  padding: 5px 0 !important;
}
.conflict-search-in-search-part .search-part-in-conflict .ns-popover-tooltip-option i {
  font-size: 16px;
}
.conflict-search-in-search-part .search-part-in-conflict .ns-popover-tooltip-option li {
  border-bottom: 1px solid #f0f0f0;
  color: #a9a9a9;
  text-align: left;
  margin: 0 10px;
  width: auto;
}
.conflict-search-in-search-part .search-part-in-conflict .ns-popover-tooltip-option .conflict-matter-list ul {
  text-align: center;
  display: flex;
}
.conflict-search-in-search-part .search-part-in-conflict .ns-popover-tooltip-option .conflict-matter-list ul li {
  border-bottom: none;
  padding: 0;
  margin: 0;
  line-height: 24px;
}
.conflict-search-in-search-part .search-part-in-conflict .ns-popover-tooltip-option .conflict-matter-list ul li.paginationActive a:hover {
  background: #fa8919;
  border-radius: 15px;
}
.conflict-search-in-search-part .search-part-in-conflict > span {
  font-size: 18px;
  margin-right: 8px;
}
.conflict-search-in-search-part .conflict-table .table-content {
  align-items: center;
  display: flex;
  display: -webkit-flex;
}
.conflict-search-in-search-part .conflict-table .table-content.table-body {
  cursor: pointer;
}
.conflict-search-in-search-part .conflict-table .table-content > div {
  word-break: break-all;
}
.conflict-search-in-search-part .conflict-table .table-content .table-td i {
  font-size: 16px;
}
.conflict-search-in-search-part .conflict-table .table-content.innerData {
  display: block;
}
.conflict-search-in-search-part .conflict-table .table-content.innerData > div {
  width: 156px !important;
}
.conflict-search-in-search-part .conflict-table .table-content.table-item-selected {
  background-color: #f6f6f6;
}
.conflict-search-in-search-part .conflict-table .inner-data-table {
  position: relative;
}
.conflict-search-in-search-part .conflict-table .inner-data-table > div {
  width: 156px !important;
}
.conflict-search-in-search-part .conflict-table .inner-data-table > div.input {
  width: 0 !important;
}
.conflict-search-in-search-part.search-result {
  position: relative;
  top: 8px;
  width: 1200px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -100px;
  padding: 35px 25px 20px;
  box-sizing: border-box;
}
.conflict-search-in-search-part.search-result .conflict-result-title {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
}
.conflict-search-in-search-part.search-result .conflict-result-title .ibass-close {
  position: absolute;
  right: 0;
  top: -20px;
  cursor: pointer;
}
.conflict-search-in-search-part.search-result .conflict-result-title .name {
  position: relative;
  color: #4a4a4a;
  font-size: 18px;
  max-width: 700px;
  display: inline-block;
  padding: 0 15px;
  background-color: #fff;
}
.conflict-search-in-search-part.search-result .conflict-result-title .stright-line {
  position: absolute;
  left: 0;
  top: 20px;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #f0f0f0;
}
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down {
  margin-top: 30px;
}
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down button {
  margin-top: 5px;
}
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down input::placeholder {
  color: #a9a9a9;
  font-size: 12px;
}
.conflict-search-in-search-part.search-result .main-content > a {
  float: right;
  padding: 0 16px;
  border-radius: 20px;
  line-height: 34px;
  font-size: 12px;
  background: #f8f8f9;
  position: relative;
  top: 30px;
  cursor: pointer;
}
.conflict-search-in-search-part.search-result .main-content > a i {
  color: #fdba78;
  margin-right: 3px;
  position: relative;
  top: 2px;
  font-size: 14px;
}
.conflict-search-in-search-part.search-result .main-content > a:hover {
  color: #fa8919;
}
.conflict-search-in-search-part.search-result .main-content > a:hover i {
  color: #fa8919;
}
.conflict-search-in-search-part.search-result .main-content .conflict-search input {
  margin: 5px;
  height: 35px;
  padding: 0 30px;
}
.conflict-search-in-search-part.search-result .main-content .conflict-search .ibass-search {
  top: 14px;
  left: 10px;
  color: #a9a9a9;
}
.conflict-search-in-search-part.search-result .main-content .conflict-search .back-clean {
  position: absolute;
  right: 70px;
  top: 34px;
  font-size: 12px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.conflict-search-in-search-part.search-result .main-content .conflict-search .back-clean .ibass-close {
  font-size: 12px;
  position: relative;
  top: -1px;
}
.conflict-search-in-search-part.search-result .main-content .content-result {
  margin-top: 30px;
  display: flex;
}
.conflict-search-in-search-part.search-result .main-content .content-result .left-part-in-conflict {
  display: flex;
  flex-direction: column;
  min-width: 80px;
  font-size: 12px;
}
.conflict-search-in-search-part.search-result .main-content .content-result .left-part-in-conflict span {
  margin-bottom: 10px;
  text-align: right;
  color: #a9a9a9;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict {
  font-size: 12px;
  margin-left: 20px;
  margin-top: -10px;
  display: flex;
  width: 1050px;
  overflow-x: scroll;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict.no-data {
  line-height: 54px;
  font-size: 16px;
  color: #a4a4a4;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div {
  background: #fff;
  height: 70px;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0 12px;
  position: relative;
  border: 1px solid #d8d8d8;
  border-right: none;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div:last-of-type {
  border-right: 1px solid #d8d8d8;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div.active {
  border-top: 1px solid #d8d8d8;
  background-color: #f8f8f8;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div span {
  display: block;
  box-sizing: content-box;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div span:first-of-type {
  padding-top: 10px;
  margin: 0 10px 10px 0;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div span:last-of-type {
  color: #a9a9a9;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div span .num {
  color: #fa8919;
  margin: 0 5px;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div .ibass-close {
  position: absolute;
  right: 3px;
  top: 8px;
  font-size: 12px;
  color: #fa8919;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict.no-data > div {
  border: none;
}
.conflict-search-in-search-part.search-result .main-content .result-tab {
  margin-top: 50px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-resul-tab {
  margin-top: 1px;
  height: 36px;
  line-height: 36px;
  margin-bottom: 30px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-resul-tab a {
  padding: 0 24px;
  display: inline-block;
  color: #737373;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-resul-tab a:hover {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-resul-tab .active-type {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table {
  margin-top: 20px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .alphaData {
  color: #8590a6;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  padding: 7px 10px 7px 8px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  font-size: 0;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div {
  word-break: break-all;
  box-sizing: border-box;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content.innerData {
  display: block;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content.innerData > div {
  width: 156px !important;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content.innerData > div.input {
  width: 0 !important;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .radio-no-active,
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .radio-active {
  margin: 0 8px;
  cursor: pointer;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .radio-no-active:hover:before,
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .radio-active:hover:before {
  color: #ed6c00;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .radio-no-active:before {
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA39";
  font-size: 16px;
  color: #cdc9c5;
  margin-top: -2px;
  vertical-align: top;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .radio-active:before {
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA32";
  font-size: 16px;
  vertical-align: middle;
  color: #ed6c00;
  margin-top: -2px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div {
  width: 75px;
  font-size: 14px;
  padding-right: 8px;
  display: inline-block;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div.table-td.table-hd {
  font-size: 12px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div:last-of-type {
  line-height: 17px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div.matterType {
  width: 95px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div.current-process {
  width: 94px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div.matterStatus {
  width: 78px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div.belongs {
  width: 95px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div.case {
  width: 94px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div.conflict-end-time {
  width: 117px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div.serve-end-time {
  width: 139px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div:nth-of-type(1) {
  width: 154px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div:nth-of-type(1).first-case {
  width: 171px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div:nth-of-type(1).first-case .content-type {
  color: #8590a6;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div:nth-of-type(2) {
  width: 140px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div:nth-of-type(2).second-case {
  width: 160px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div:nth-of-type(3) {
  width: 152px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content > div:nth-of-type(3).third-case {
  width: 168px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .date1 {
  width: 100px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .date1 div {
  display: block;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .date2 {
  width: 120px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .date2 div {
  display: block;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .matter-member {
  margin-right: 16px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-content .input {
  width: 15px;
  position: absolute;
  right: 8px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-header > div:nth-of-type(1) {
  width: 160px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-header > div:nth-of-type(2) {
  width: 150px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-header > div:nth-of-type(3) {
  width: 156px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-header > div:nth-of-type(5),
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-header > div:nth-of-type(6) {
  width: 86px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-header > div:nth-of-type(7) {
  width: 90px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-header > div:nth-of-type(8) {
  width: 109px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .table-header > div:nth-of-type(9) {
  width: 132px;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .inner-data-table > div {
  width: 156px !important;
}
.conflict-search-in-search-part.search-result .main-content .result-tab .conflict-table .inner-data-table > div.input {
  width: 0 !important;
}
.conflict-search-in-search-part .inner-data-table {
  display: flex;
}
.conflict-search-in-search-part .second-color {
  color: #a9a9a9;
  font-size: 12px;
}
.wrap-in-conflict-report {
  width: 100%;
  height: calc(100% - 60px);
  position: absolute;
  z-index: 100;
  bottom: 0;
}
.conflict-report {
  padding: 0 40px 40px 40px;
  display: flex;
  flex-direction: column;
}
.conflict-report .text-center {
  text-align: center;
}
.conflict-report .active-type {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.conflict-report .conflict-resul-tab a {
  padding: 10px;
}
.conflict-report > .title-in-report {
  margin: 20px auto;
  width: auto;
  text-align: center;
  font-size: 24px;
  display: flex;
  cursor: pointer;
  justify-content: center;
}
.conflict-report > .title-in-report input {
  border: none;
  border-bottom: 1px solid #ed6c00;
  text-align: left;
  font-size: 24px;
}
.conflict-report > .title-in-report span {
  line-height: initial;
}
.conflict-report > .title-in-report span:last-of-type {
  max-width: 1000px;
  text-align: left;
}
.conflict-report > .title-in-report i {
  font-size: 14px;
  margin: 2px;
  color: #ed6c00;
}
.conflict-report .title {
  margin: 40px 0;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.conflict-report label {
  cursor: pointer;
}
.conflict-report .radio-no-active,
.conflict-report .radio-active {
  margin: 0 4px;
  cursor: pointer;
  display: inline-block;
}
.conflict-report .radio-no-active:hover:before,
.conflict-report .radio-active:hover:before {
  color: #ed6c00;
}
.conflict-report .only-check .radio-active:before {
  color: #ed6c00;
}
.conflict-report .only-check .radio-no-active:hover:before {
  color: #cdc9c5;
}
.conflict-report .radio-no-active:before {
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA27";
  font-size: 16px;
  color: #cdc9c5;
  margin-top: -2px;
  vertical-align: top;
}
.conflict-report .radio-active:before {
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA33";
  font-size: 16px;
  vertical-align: middle;
  color: #ed6c00;
  margin-top: -2px;
}
.conflict-report .conflict-table {
  margin-top: 20px;
}
.conflict-report .conflict-table .table-content {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  padding: 7px 10px 7px 8px;
  display: block;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conflict-report .conflict-table .table-content.innerData {
  display: block;
}
.conflict-report .conflict-table .table-content.innerData > div {
  width: 156px !important;
}
.conflict-report .conflict-table .table-content.innerData > div.input {
  width: 0 !important;
}
.conflict-report .conflict-table .table-content > div {
  word-break: break-all;
  width: 92px;
  font-size: 14px;
  display: inline-block;
  padding-right: 8px;
  box-sizing: border-box;
}
.conflict-report .conflict-table .table-content > div:nth-of-type(1) {
  width: 160px;
}
.conflict-report .conflict-table .table-content > div:nth-of-type(1) .content-type {
  color: #8590a6;
}
.conflict-report .conflict-table .table-content > div:nth-of-type(2) {
  width: 130px;
}
.conflict-report .conflict-table .table-content > div:nth-of-type(3) {
  width: 120px;
}
.conflict-report .conflict-table .table-content .date1 {
  width: 100px;
}
.conflict-report .conflict-table .table-content .date1 div {
  display: block;
}
.conflict-report .conflict-table .table-content .date2 {
  width: 128px;
}
.conflict-report .conflict-table .table-content .date2 div {
  display: block;
}
.conflict-report .conflict-table .table-content.table-body {
  cursor: pointer;
}
.conflict-report .conflict-table .table-content .table-td {
  flex-grow: 1;
}
.conflict-report .conflict-table .table-content .table-td i {
  font-size: 16px;
}
.conflict-report .conflict-table .table-content .table-td.table-hd {
  font-size: 12px;
}
.conflict-report .conflict-table .inner-data-table > div {
  width: 156px !important;
}
.conflict-report .conflict-table .inner-data-table > div.input {
  width: 0 !important;
}
.conflict-report .upload-files {
  margin: 15px 0;
  width: 100%;
}
.conflict-report .nfim-remark-wrap {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.conflict-report .nfim-remark-wrap .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.conflict-report .nfim-remark-wrap .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.conflict-report .form-approval-remark p:last-of-type {
  color: #a9a9a9;
  font-size: 14px;
}
.conflict-report .report-from-approval {
  width: 100%;
  height: 1px;
  margin: 20px 0;
  padding: 10px 0;
  background-image: linear-gradient(to right, #cccccc 0%, #cccccc 50%, transparent 50%);
  background-size: 8px 1px;
  background-repeat: repeat-x;
}
.conflict-report .report-from-approval span {
  margin-right: 10px;
}
.conflict-report .main-btn {
  margin: 50px auto;
}
.conflict-report .footer-in-conflict-report {
  text-align: right;
  margin-top: 80px;
}
.conflict-report .footer-in-conflict-report .oper-part {
  margin: 0 30px;
}
.conflict-report .footer-in-conflict-report .oper-part > div,
.conflict-report .footer-in-conflict-report .oper-part > span {
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
.conflict-report .footer-in-conflict-report .oper-part > div.can-pass,
.conflict-report .footer-in-conflict-report .oper-part > span.can-pass {
  color: #1ac031;
  padding: 3px 10px;
  border: 1px solid #1ac031;
  border-radius: 30px;
}
.conflict-report .footer-in-conflict-report .oper-part > div.can-reject,
.conflict-report .footer-in-conflict-report .oper-part > span.can-reject {
  color: #f72b44;
}
.conflict-report .footer-in-conflict-report .oper-part > div.check-turn-to-others,
.conflict-report .footer-in-conflict-report .oper-part > span.check-turn-to-others {
  color: #a9a9a9;
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
.conflict-report .footer-in-conflict-report .oper-part > div i,
.conflict-report .footer-in-conflict-report .oper-part > span i {
  vertical-align: middle;
}
.conflict-report .footer-in-conflict-report .oper-part > div .ns-popover-check-users,
.conflict-report .footer-in-conflict-report .oper-part > span .ns-popover-check-users {
  top: 26px !important;
  left: -90px !important;
}
.conflict-report .footer-in-conflict-report .oper-part > div .ns-popover-check-users .ns-popover-item,
.conflict-report .footer-in-conflict-report .oper-part > span .ns-popover-check-users .ns-popover-item {
  text-align: left;
}
.conflict-report .second-color {
  color: #a9a9a9;
  font-size: 12px;
}
.conflict-report .conflict-result-auto-row {
  display: flex;
  margin-bottom: 20px;
}
.conflict-report .conflict-result-auto-row .result-label,
.conflict-report .conflict-result-auto-row .conflict-time-auto {
  font-weight: bold;
  font-size: 18px;
  margin-right: 10px;
}
.conflict-report .conflict-result-auto-row .result-content {
  color: #fa4344;
}
.conflict-report .conflict-result-auto-row .result-fields {
  flex: 1;
}
.conflict-report .conflict-result-auto-row .result-fields .result-field {
  display: flex;
}
.conflict-report .conflict-result-auto-row .result-fields .field-value-wrapper {
  display: flex;
  flex-direction: column;
}
.conflict-list-search .table-content .conflict-0 {
  width: 10%!important;
  padding-left: 4px;
}
.conflict-list-search .table-content .conflict-1 {
  width: 30%!important;
  padding-left: 4px;
}
.conflict-list-search .table-content .conflict-2 {
  width: 10%!important;
  padding-left: 4px;
}
.conflict-list-search .table-content .conflict-3 {
  width: 30%!important;
  padding-left: 4px;
}
.conflict-list-search .table-content .conflict-4 {
  width: 10%!important;
  padding-left: 4px;
}
.conflict-list-search .table-content .conflict-5 {
  width: 10%!important;
  padding-left: 4px;
}

.cust-conflict {
  width: 630px;
  margin: 0 auto;
  padding-top: 118px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.iradar {
  margin: 0 25px;
  padding-bottom: 50px;
}
.iradar-index-search {
  margin: 60px auto 50px;
  width: 630px;
}
.iradar-index-search .conflict-search-input {
  background: #fefeff;
  margin-bottom: 0;
  display: flex;
}
.iradar-index-search .conflict-search-input button {
  width: 90px;
}
.iradar-index-search .conflict-search-input button i {
  display: none;
}
.iradar-index-bid-tittle {
  margin-top: -6px;
  margin-bottom: 6px;
}
.iradar-index-bid-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 137px;
  background-color: #f8f8f9;
  border: 1px solid #f8f8f9;
  border-radius: 5px;
  margin: 0 auto;
  padding: 19px 20px 21px 18px;
  position: relative;
  overflow: hidden;
}
.iradar-index-bid-wrapper-i {
  font-size: 24px;
  color: var(--default);
  margin-right: 10px;
  vertical-align: -2px;
}
.iradar-index-bid-wrapper-t {
  vertical-align: 3px;
  font-size: 18px;
  color: #4a4a4a;
}
.iradar-index-bid-wrapper-region {
  font-size: 16px;
  color: #4a4a4a;
  vertical-align: 4px;
}
.iradar-index-bid-wrapper-line {
  width: 0;
  height: 16px;
  border-left: 1px solid #d8d8d8;
  margin: 0 10px 0 8px;
  vertical-align: 4px;
}
.iradar-index-bid-content {
  margin-top: -6px;
}
.iradar-index-bid-content-ul {
  list-style: none;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.iradar-index-bid-content-li {
  float: left;
  color: #4a4a4a;
  width: 50%;
  margin-top: 11px;
  cursor: pointer;
  display: flex;
}
.iradar-index-bid-content-li:hover i {
  color: var(--default);
}
.iradar-index-bid-content-li:hover a {
  color: var(--default);
}
.iradar-index-bid-content-i {
  display: inline-block;
  font-size: 16px;
  color: #cdc9c5;
  margin-right: 5px;
  line-height: 1;
  vertical-align: middle;
}
.iradar-index-bid-content-a {
  display: inline-block;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.iradar-index-bid-showAll {
  position: absolute;
  top: 22px;
  right: 20px;
  cursor: pointer;
}
.iradar-index-bid-showAll-span {
  margin-right: 5px;
  color: #737373;
}
.iradar-index-bid-showAll-i {
  vertical-align: -2px;
  color: #737373;
}
.iradar-index-bid-showAll:hover i {
  color: var(--default);
}
.iradar-index-bid-showAll:hover span {
  color: var(--default);
}
.iradar-index-overview {
  border-top: solid 1px #ebebeb;
  padding-top: 20px;
}
.iradar-index-overview .ibass-location {
  font-size: 20px;
  color: var(--default);
  position: relative;
  top: 2px;
}
.iradar-index-overview .mul-trigger {
  background: #f8f8f9;
  display: inline-block;
  margin-left: 20px;
  line-height: 32px;
  cursor: pointer;
  padding: 0 10px;
  border-radius: 16px;
}
.iradar-index-overview .mul-trigger i {
  position: relative;
  top: 2px;
  margin-left: 5px;
  color: var(--default);
}
.iradar-index-overview .mul-trigger:hover {
  color: var(--default);
}
.iradar-index-overview .iradar-overview {
  border-bottom: none;
  margin-top: 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.iradar-index-industry-warning {
  font-size: 12px;
  color: #cdc9c5;
}
.iradar-index-industry-warning i {
  font-size: 12px;
  vertical-align: -2px;
}
.iradar-index-industry-t {
  margin: 30px auto 0;
  width: 400px;
  position: relative;
  text-align: center;
}
.iradar-index-industry-t:before {
  content: " ";
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  background: #ebebeb;
}
.iradar-index-industry-t span {
  font-size: 18px;
  font-weight: bold;
  padding: 0 20px;
  background: #fff;
  position: relative;
  z-index: 1;
}
.iradar-index-trade-w {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.iradar-index-trade-i {
  width: 30%;
  height: 128px;
  margin: 0 20px 20px 0;
  float: left;
  position: relative;
}
.iradar-index-trade-i:nth-child(3n) {
  margin: 0 0 20px;
}
.iradar-index-trade-i > div {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  border: solid 4px #ffffff;
  background: #f9f9f9;
  transition: all 0.15s ease;
}
.iradar-index-trade-i .tit {
  display: flex;
  padding: 10px 20px 10px 0;
  margin: 0 20px;
  border-bottom: solid 1px #e9e9e9;
}
.iradar-index-trade-i .icon {
  width: 52px;
}
.iradar-index-trade-i img {
  width: 32px;
  height: 32px;
  margin-top: 8px;
}
.iradar-index-trade-i .name {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  display: table;
  cursor: pointer;
}
.iradar-index-trade-i .name:hover {
  color: var(--default);
}
.iradar-index-trade-i .name span {
  display: table-cell;
  vertical-align: middle;
}
.iradar-index-trade-i .sub {
  margin: 10px;
  padding: 0 10px;
  height: 32px;
  overflow: hidden;
}
.iradar-index-trade-i .sub a {
  float: left;
  line-height: 30px;
  padding: 0 8px;
  margin: 0 5px 5px 0;
  border: solid 1px transparent;
  cursor: pointer;
  border-radius: 2px;
  transition: all 0.15s ease;
}
.iradar-index-trade-i .star {
  cursor: pointer;
  font-size: 16px;
  color: #cdc9c5;
  position: absolute;
  right: 22px;
  top: 26px;
  display: none;
}
.iradar-index-trade-i .star.show {
  display: block;
  color: var(--default);
}
.iradar-index-trade-i .star:hover {
  color: var(--default);
}
.iradar-index-trade-i:hover {
  z-index: 10;
}
.iradar-index-trade-i:hover > div {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
}
.iradar-index-trade-i:hover > div .sub {
  height: auto;
  overflow: auto;
  min-height: 32px;
  max-height: 300px;
}
.iradar-index-trade-i:hover > div .sub a {
  border: solid 1px #e5e5e5;
  background: #f5f5f5;
}
.iradar-index-trade-i:hover > div .sub a:hover {
  color: var(--default);
}
.iradar-index-trade-i:hover .star {
  display: block;
}
.iradar-tip-item {
  margin: 3px;
  text-align: left;
}
.bidding-index-fullName .tooltip-inner {
  word-break: break-all;
  max-width: 253px;
  padding: 10px;
  text-align: left;
}

.cus-manage {
  display: flex;
  min-height: 950px;
  border-top: 1px solid #f1f1f1;
}
.cus-manage-filter {
  padding-top: 16px;
  width: 210px;
  border-right: 1px solid #f1f1f1;
}
.cus-manage-content-empty {
  text-align: center;
}
.cus-manage-content-icon {
  margin-top: 135px;
  font-size: 128px;
  color: #efeded;
  line-height: 1;
}
.cus-manage-content-text {
  color: #4a4a4a;
  font-size: 14px;
}
.cus-manage-empty-addbtn {
  margin-top: 28px;
  display: inline-block;
  width: 130px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  font-size: 12px;
  text-align: center;
  background-color: #fa8919;
  color: #fff;
}
.cus-manage-empty-addbtn .ibass-search {
  vertical-align: middle;
}
.cus-manage-col-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cus-manage-item {
  margin: 0 16px;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  overflow: hidden;
  color: #212121;
}
.cus-manage-item:hover,
.cus-manage-item.active {
  color: #ed6c00;
}
.cus-manage-item:hover .cus-manage-count,
.cus-manage-item.active .cus-manage-count,
.cus-manage-item:hover .cus-manage-item-icon,
.cus-manage-item.active .cus-manage-item-icon {
  color: #ed6c00;
}
.cus-manage-item.bottom-line {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}
.cus-manage-item-icon {
  font-size: 20px;
  color: #999;
  vertical-align: middle;
}
.cus-manage-tag {
  position: relative;
  top: -1px;
  margin-left: 2px;
}
.cus-manage-count {
  float: right;
  color: #999;
  font-weight: 100;
}
.cus-manage-content {
  flex: 1;
  padding: 24px 19px;
}
.cus-manage-content-header {
  overflow: hidden;
}
.cus-manage-content-addbtn {
  float: right;
  width: 130px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  font-size: 12px;
  text-align: center;
  background-color: #fa8919;
  color: #fff;
}
.cus-manage-content-addbtn .ibass-add {
  vertical-align: middle;
}
.cus-manage-content-search {
  display: inline-block;
  position: relative;
}
.cus-manage-content-sicon {
  position: absolute;
  top: 4px;
  left: 12px;
  color: #b2b2b2;
  font-size: 16px;
}
.cus-manage-toast-link {
  margin-left: 30px;
  padding: 1px 10px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #fff;
}
.cus-manage-content-sinput {
  padding-left: 40px;
  padding-right: 20px;
  width: 240px;
  height: 32px;
  line-height: 32px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  border: solid #ccc;
  border-width: 1px 0 1px 1px;
  vertical-align: baseline;
}
.cus-manage-content-searchbtn {
  display: inline-block;
  width: 60px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  margin-left: -6px;
  border: 1px solid #ccc;
}
.cus-manage-content-searchbtn.searchbtn-focus {
  border-color: #fa8919;
}
.cus-manage-content-clear {
  position: absolute;
  top: 7px;
  right: 68px;
  font-size: 12px;
}
.cus-manage-content-box {
  margin-top: 20px;
}
.cus-manage-content-col {
  float: left;
  height: 64px;
  padding-right: 10px;
  line-height: 64px;
  color: #212121;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.cus-manage-content-col.col-star {
  width: 30px;
  font-size: 20px;
  color: #999;
  text-align: center;
}
.cus-manage-content-col.col-star .ibass-star-fill {
  color: #ed6c00;
}
.cus-manage-content-col.col-name {
  width: 270px;
  padding-right: 20px;
  font-weight: 500;
  box-sizing: border-box;
}
.cus-manage-content-col.col-type {
  width: 56px;
  font-size: 20px;
  color: #ccc;
  text-align: center;
}
.cus-manage-content-col.col-tel {
  width: 170px;
  color: #212121;
}
.cus-manage-content-col.col-email {
  width: 200px;
}
.cus-manage-content-col.col-empty {
  font-size: 12px;
  color: #999;
}
.cus-manage-content-item {
  height: 64px;
  line-height: 64px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  overflow: hidden;
}
.cus-manage-content-item-gray {
  color: #999;
  font-size: 12px;
}
.cus-manage-content-item .col-name span:hover {
  color: #fa8919;
}
.cus-manage-content-item-header {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  overflow: hidden;
}
.cus-manage-content-item-header .cus-manage-content-col {
  height: 48px;
  line-height: 48px;
  font-size: 12px;
  font-weight: 500;
  color: #8590a6;
}
.cus-manage-content-item:hover {
  background-color: #f8f8f8;
}
.cus-manage-content-item:hover .cus-col-star {
  display: inline-block !important;
}

.pop-min-Height {
  height: 200px !important;
}
.libs-loading {
  top: -50px;
}
.saveNewFolder {
  border: 0;
  outline: none;
  text-align: center;
  cursor: pointer;
  width: 50px;
  border-radius: 20px;
  height: 30px;
  line-height: 22px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
}
.cancelNewFolder {
  border: 0;
  outline: none;
  text-align: center;
  cursor: pointer;
  width: 50px;
  border-radius: 20px;
  height: 30px;
  line-height: 22px;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #4a4a4a;
}
.document-detail-move {
  width: 590px;
  min-height: 480px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
  position: relative;
  padding: 25px;
}
.document-detail-move .close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 14px;
  color: #cdc9c5;
}
.document-detail-move .move-tit {
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.document-detail-move .move-subtit {
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.document-detail-move .move-pass {
  line-height: 20px;
  margin-bottom: 12px;
}
.document-detail-move .move-pass p:nth-child(1) {
  line-height: 16px;
}
.document-detail-move .move-pass p {
  display: inline-block;
}
.document-detail-move .move-pass p .project-name {
  display: inline-block;
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px !important;
}
.document-detail-move .move-pass p .template-name {
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.document-detail-move .move-pass p i {
  font-size: 14px;
  color: #cdc9c5;
}
.document-detail-move .move-pass p .ibass-arrow-right {
  font-size: 10px;
}
.document-detail-move .move-pass .add-new-folder {
  float: right;
}
.document-detail-move .move-pass .add-new-folder i {
  color: #fa8919;
  position: relative;
  font-size: 14px;
  top: 1px;
  left: -2px;
}
.document-detail-move .move-pass .add-new-folder span {
  width: 70px;
  height: 20px;
  color: #ed6c00;
}
.document-detail-move .choose-pass {
  width: 540px;
  height: 300px;
  box-sizing: border-box;
  border: 1px solid #dadada;
  overflow-y: scroll;
  position: relative;
}
.document-detail-move .choose-pass .box-scrollbal {
  height: 100%;
  position: absolute;
  right: 0;
  width: 7px;
}
.document-detail-move .choose-pass .pass-file {
  padding: 0 10px;
  line-height: 40px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.document-detail-move .choose-pass .pass-file i {
  position: relative;
  top: 4px;
  font-size: 18px;
  color: #07cfda;
}
.document-detail-move .choose-pass .pass-file > div:first-child span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 480px;
  word-break: keep-all;
  vertical-align: bottom;
  white-space: nowrap;
}
.document-detail-move .choose-pass .pass-file:hover,
.document-detail-move .choose-pass .active {
  background: #f8f8f9;
}
.document-detail-move .choose-pass .disMoveable {
  display: none;
}
.document-detail-move .choose-pass::-webkit-scrollbar {
  width: 7px;
  border-radius: 3.5px;
}
.document-detail-move .choose-pass::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 3.5px;
  background: rgba(0, 0, 0, 0.48);
}
.document-detail-move .btn-div {
  padding-top: 25px;
  text-align: center;
}
.document-detail-move .btn-div .disMoveable {
  background: #ebebee!important;
  color: #a9a9a9!important;
}
.document-detail-move .btn-div .disMoveable:hover {
  cursor: not-allowed;
}
.document-detail-move .btn-div span {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  font-size: 12px;
}
.document-detail-move .btn-div .cancel-move {
  width: 110px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #cfc7c1;
  margin-right: 5px;
}
.document-detail-move .btn-div .sure-move {
  width: 130px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
}

.doc-detail {
  padding: 28px 25px 80px;
}
.doc-detail .item-icon {
  width: 25px;
}
.doc-detail .common-inner-nav {
  position: relative;
  float: left;
}
.doc-detail .common-inner-nav .ibass-filetype-folder {
  color: #07cfda;
  font-size: 18px;
  float: left;
}
.doc-detail .common-inner-nav .ibass-arrow-right {
  font-size: 12px;
  float: left;
}
.doc-detail .common-inner-nav .path {
  font-size: 14px;
  color: #4a4a4a;
  float: left;
  margin-left: 5px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doc-detail .documentDistrict {
  text-align: center;
}
.doc-detail .documentDistrict .documentBigIcon {
  margin-top: 60px;
  height: 50px;
  line-height: 50px;
  color: #0a96e5;
  font-size: 48px;
}
.doc-detail .documentDistrict .documentName {
  line-height: 28px;
  font-size: 20px;
  margin-top: 12px;
}
.doc-detail .documentDistrict .documentName span {
  display: inline-block;
  color: #a9a9a9;
  font-size: 14px;
}
.doc-detail .documentDistrict .previewDocDes {
  color: #a9a9a9;
  margin-top: 10px;
  font-size: 12px;
  line-height: 17px;
}
.doc-detail .documentDistrict .documentDownLoad {
  margin: 30px auto 10px;
  height: 36px;
  width: 130px;
  line-height: 36px;
  font-size: 12px;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: #fa8919;
  color: #fff;
}
.doc-detail .documentDistrict .documentDownLoad a {
  width: 100%;
  height: 100%;
  display: inline-block;
  color: #fff;
}
.doc-detail .documentDistrict .documentRemove {
  height: 18px;
  line-height: 18px;
  color: #a9a9a9;
  font-size: 12px;
}
.doc-detail .doc-name {
  color: #cdc9c5;
  font-size: 21px;
  height: 28px;
  line-height: 28px;
}
.doc-detail .doc-name .doc-name-icon {
  float: left;
}
.doc-detail .doc-name .doc-name-value {
  font-size: 20px;
  color: #4a4a4a;
  float: left;
  line-height: 28px;
}
.doc-detail .doc-name .doc-name-value .ibass-edit {
  font-size: 14px;
  color: #cdc9c5;
  cursor: pointer;
  display: none;
}
.doc-detail .doc-name .doc-name-value:hover .ibass-edit {
  display: block;
}
.doc-detail .doc-name .page-icon {
  float: right;
  min-width: 47px;
  text-align: center;
  font-size: 18px;
}
.doc-detail .doc-name .page-icon span {
  cursor: pointer;
}
.doc-detail .doc-name .page-icon:not(:first-child) {
  border-right: solid 1px #ededed;
}
.doc-detail .doc-name .page-icon .ibass-delete:hover {
  color: #f72b44;
}
.doc-detail .doc-name .page-icon .doc-delete-confirm {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  margin: 0 15px;
  font-size: 12px;
  color: #ffffff;
}
.doc-detail .line {
  height: 1px;
  clear: both;
  background-color: #f0f0f0;
  margin: 20px 0;
}
.doc-detail .left-content {
  box-sizing: border-box;
}
.doc-detail .left-content .doc-name {
  line-height: 30px;
  border-bottom: solid 2px #ececec;
  min-height: 34px;
}
.doc-detail .left-content .doc-name i {
  color: #c7d1da;
}
.doc-detail .left-content .doc-name .name {
  font-size: 18px;
}
.doc-detail .left-content .doc-name .doc-closed {
  text-decoration: line-through;
  color: #8a94a0;
}
.doc-detail .left-content .doc-name .btn a {
  margin-right: 15px;
  color: #79aad1;
  font-size: 16px;
}
.doc-detail .left-content .doc-name input {
  width: 500px;
  margin-left: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 0;
}
.doc-detail .left-content .doc-description {
  font-size: 14px;
  margin-left: 20px;
  line-height: 1.57;
  color: #4a4a4a;
  margin-top: 20px;
  border-radius: 6px;
  border: solid 1px transparent;
  padding: 9px 12px;
  box-shadow: inset 0 1px 4px 0 transparent;
  position: relative;
}
.doc-detail .left-content .doc-description:hover {
  background-color: #f8f8f9;
}
.doc-detail .left-content .doc-description span {
  position: absolute;
  z-Index: 0;
}
.doc-detail .left-content .doc-description-focus {
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  background-color: transparent!important;
}
.doc-detail .left-content .doc-content {
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
  margin-top: 20px;
}
.doc-detail .left-content .doc-content .item {
  height: 32px;
  line-height: 32px;
  position: relative;
  clear: both;
}
.doc-detail .left-content .doc-content .item .key {
  position: absolute;
  left: 0;
}
.doc-detail .left-content .doc-content .item .value {
  color: #4a4a4a;
  line-height: 36px;
  cursor: pointer;
  height: 32px;
  float: left;
  max-width: 100%;
  padding-left: 120px;
  position: relative;
  padding-right: 20px;
}
.doc-detail .left-content .doc-content .item .value .value-content {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.doc-detail .left-content .doc-content .item .value .value-icon {
  width: 15px;
  color: #a9a9a9;
  position: absolute;
  right: 0;
}
.doc-detail .left-content .doc-content .item .value .ibass-trig-down {
  display: none;
  line-height: 36px;
  margin-left: 0px;
}
.doc-detail .left-content .doc-content .item .value:hover .ibass-trig-down {
  display: block;
}
.doc-detail .left-content .doc-content .item .name {
  margin-left: 8px;
  display: inline-block;
  color: #737373;
}
.doc-detail .left-content .doc-content .item .icon {
  font-size: 14px;
  color: #cdc9c5;
  vertical-align: middle;
  float: left;
  margin-left: 10px;
}
.doc-detail .left-content .doc-content .item .ibass-checked {
  color: #fa8919;
}
.doc-detail .left-content .doc-content .item .icon-green {
  color: #07cfda;
}
.doc-detail .left-content .doc-content .item .ibass-edit {
  font-size: 14px;
  color: #cdc9c5;
  cursor: pointer;
}
.doc-detail .left-content .add-child-doc {
  width: 100%;
  border: none;
  color: #737373;
  font-size: 14px;
}
.doc-detail .right-content .btn {
  height: 54px;
  border-bottom: solid 2px #ececec;
}
.doc-detail .right-content .btn .next {
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  margin-top: 9px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
}
.doc-detail .right-content .btn .next .item {
  cursor: pointer;
  width: 60px;
  padding: 0 10px;
  height: 100%;
}
.doc-detail .right-content .btn .next .item:hover {
  color: #79aad1;
}
.doc-detail .right-content .btn .next .item:hover a {
  color: #79aad1;
}
.doc-detail .right-content .btn .close-page {
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  position: absolute;
  right: -17px;
  top: -17px;
  line-height: 34px;
  text-align: center;
}
.doc-detail .right-content .btn .close-page a {
  color: #79aad1;
}
.doc-detail .right-content .message {
  margin-top: 10px;
}
.doc-detail .right-content .message:last .comment-content {
  border-left-color: transparent;
}
.doc-detail .right-content .message .info {
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  color: #8a94a0;
  clear: both;
}
.doc-detail .right-content .message .comment {
  margin-top: 9px;
  clear: both;
}
.doc-detail .right-content .message .comment img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.doc-detail .right-content .message .comment .name {
  font-weight: 500;
  max-width: 55%;
  float: left;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doc-detail .right-content .message .comment .time {
  margin-left: 10px;
  float: left;
  font-size: 14px;
  color: #a9a9a9;
}
.doc-detail .right-content .message .comment .desc {
  margin-bottom: 15px;
  word-break: break-all;
  clear: both;
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
}
.doc-detail .right-content .message .comment .comment-user-img {
  z-index: 1;
  position: relative;
}
.doc-detail .right-content .message .comment .comment-content {
  padding-left: 40px;
  max-width: 550px;
  width: 550px;
  margin-left: -18px;
  z-index: 0;
  position: relative;
  border-left: solid 3px #f8f8f8;
}
.doc-detail .right-content .message .comment .comment-content .ibass-delete {
  display: none;
  height: 22px;
  cursor: pointer;
  color: #fdba78;
}
.doc-detail .right-content .message .comment .comment-content:hover .ibass-delete {
  display: inline-block;
}
.doc-detail .right-content .message .comment .comment-content .task-delete-confirm {
  width: 76px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
  float: right;
}
.doc-detail .right-content .add-comment {
  clear: both;
  border-radius: 6px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  margin: 35px 0 25px;
  position: relative;
  padding: 8px 10px;
  min-height: 59px;
}
.doc-detail .right-content .add-comment .input-btn {
  position: absolute;
  bottom: 8px;
  right: 10px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.doc-detail .right-content .add-comment .input {
  position: absolute;
  width: 490px;
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
  outline: none;
}
.doc-detail .right-content .add-comment .btn-span {
  position: absolute;
  top: 0;
  right: 10px;
  transform: translateY(-120%);
  color: #ed6c00;
}
.doc-detail textarea {
  border: none;
  border-left: solid 1px #ececec;
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  background-color: transparent;
  padding-left: 5px;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
}
.doc-detail .add-doc-desc {
  border: 1px solid #ececec;
  height: 70px;
  background-color: #fcfdfe;
}
.doc-detail .btn-span {
  color: #79aad1;
  cursor: pointer;
  margin: 0 10px;
  color: #ed6c00;
}
.doc-detail .child-doc-item input {
  height: 32px;
  border: none;
  width: 100%;
}
.doc-detail .child-doc-row {
  margin-left: 32px;
  line-height: 2.14;
  font-size: 14px;
  height: 32px;
}
.doc-detail .child-doc-row .icon {
  display: none;
}
.doc-detail .child-doc-row:hover .icon {
  display: block;
}

.documentPre-fullScreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 40px;
  overflow: hidden;
  height: 100%;
}
.documentPre-fullScreen::-webkit-scrollbar {
  width: 0;
}
.documentPre-fullScreen .fullScreen-content {
  position: relative;
  min-width: 1280px;
  height: 100%;
}
.documentPre-fullScreen .fullScreen-content .header {
  height: 60px;
  width: 100%;
  min-width: 840px;
  position: fixed;
  top: 0;
  color: #fff;
  box-sizing: border-box;
  padding: 0px 0px 0px 25px;
  background-color: #333333;
}
.documentPre-fullScreen .fullScreen-content .header i {
  position: relative;
  top: 4px;
}
.documentPre-fullScreen .fullScreen-content .header .document-name {
  float: left;
  width: auto;
  line-height: 55px;
}
.documentPre-fullScreen .fullScreen-content .header .document-name i {
  height: 34px;
  font-size: 20px;
  margin-right: 5px;
}
.documentPre-fullScreen .fullScreen-content .header .document-name span {
  font-size: 16px;
}
.documentPre-fullScreen .fullScreen-content .header .document-name .s-input {
  background-color: transparent;
  color: #ffffff;
  font-size: 14px;
}
.documentPre-fullScreen .fullScreen-content .header .version {
  cursor: pointer;
  line-height: 55px;
  width: 45px;
  height: 20px;
  border-radius: 3px;
  background-color: #fa8919;
  border: solid 1px #fa8919;
  margin-left: 10px;
  padding: 0 4px 0 4px;
}
.documentPre-fullScreen .fullScreen-content .header .version i {
  padding-left: 2px;
}
.documentPre-fullScreen .fullScreen-content .header .comment {
  cursor: pointer;
  line-height: 55px;
  width: 250px;
  height: 20px;
  border-radius: 0px!important;
  background-color: #fa8919;
  border: solid 1px #fa8919;
  margin-left: 10px;
  padding: 0 4px 0 4px;
}
.documentPre-fullScreen .fullScreen-content .header .comment i {
  padding-left: 2px;
}
.documentPre-fullScreen .fullScreen-content .header .revertversion {
  cursor: pointer;
  margin-left: 5px;
  width: 126px;
  height: 30px;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffffff;
  padding: 5px 10px ;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
}
.documentPre-fullScreen .fullScreen-content .header .revertversion i {
  vertical-align: 2px;
  display: inline;
  font-size: 12px;
  padding-right: 2px;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area {
  float: right;
  width: auto;
  height: 60px;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area > span {
  display: inline-block;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area div {
  display: inline-block;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .download-btn {
  width: 110px;
  height: 32px;
  border-radius: 20px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  margin-top: 14px;
  display: inline-block;
  color: #fff;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .more-drop {
  width: 45px;
  height: 60px;
  line-height: 55px;
  vertical-align: top;
  text-align: center;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .more-drop i {
  font-size: 18px;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .more-drop:hover,
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .active {
  background: #000;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .talk-num:hover,
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .active {
  background: #000;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .talk-num {
  height: 60px;
  width: auto;
  max-width: 100px;
  line-height: 55px;
  min-width: 40px;
  text-align: center;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .talk-num i {
  font-size: 18px;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .close-btn {
  float: right;
  vertical-align: top;
  height: 60px;
  width: 60px;
  line-height: 55px;
  font-size: 18px;
  text-align: center;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .close-btn i {
  font-size: 22px;
  color: #fff;
}
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .close-btn:hover,
.documentPre-fullScreen .fullScreen-content .header .right-btn-area .active {
  background: #000;
}
.documentPre-fullScreen .fullScreen-content .left-btn,
.documentPre-fullScreen .fullScreen-content .right-btn {
  width: 40px;
  height: 40px;
  position: fixed;
  font-size: 40px;
  top: 53%;
  margin-top: -20px;
  color: #fff;
  z-index: 999;
}
.documentPre-fullScreen .fullScreen-content .left-btn {
  left: 50px;
}
.documentPre-fullScreen .fullScreen-content .right-btn {
  right: 50px;
}
.documentPre-fullScreen .fullScreen-content .iLoding {
  position: fixed;
  top: 20%;
}
.documentPre-fullScreen .fullScreen-content .content {
  max-width: 947px;
  min-height: 80%;
  margin: 50px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.documentPre-fullScreen .fullScreen-content .content .empty-in {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.documentPre-fullScreen .fullScreen-content .content img {
  margin-top: 0px;
  max-width: 600px;
  vertical-align: middle;
}
.documentPre-fullScreen .fullScreen-content .content .document-download-box {
  width: 760px;
  height: 500px;
  text-align: center;
  background-color: #ffffff;
}
.documentPre-fullScreen .fullScreen-content .content .document-download-box .document-type {
  display: inline-block;
  font-size: 48px;
  margin: 160px auto 20px auto;
}
.documentPre-fullScreen .fullScreen-content .content .document-download-box .document-name-size {
  width: 760px;
  height: 28px;
  display: inline-block;
  text-align: center;
  font-family: PingFangSC;
  font-size: 20px;
  color: #4a4a4a;
}
.documentPre-fullScreen .fullScreen-content .content .document-download-box .document-name-size .fileSize {
  color: #a9a9a9;
  font-size: 14px;
}
.documentPre-fullScreen .fullScreen-content .content .document-download-box .download-btn {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-top: 56px;
  display: inline-block;
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.documentPre-fullScreen .overFllow {
  overflow-y: auto;
}
.document-comment-all .todel-btn {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  font-color: #ffffff;
  cursor: pointer;
}
.document-comment-all .content-1 {
  padding: 32px 25px 200px 17px;
  overflow: scroll;
}
.document-comment-all .content-1 .left-user-image {
  display: inline-block;
  width: 58px;
}
.document-comment-all .content-1 .left-user-image img {
  width: 36px;
  height: 36px;
  border-radius: 36px;
}
.document-comment-all .content-1 .left-user-image span.line-through {
  display: block;
  height: 100%;
  width: 3px;
  background: #f8f8f8;
  margin-left: 17px;
}
.document-comment-all .content-1 .right-userInfo {
  display: inline-block;
  max-width: 320px;
}
.document-comment-all .content-1 .right-userInfo span {
  display: inline-block;
  color: #a9a9a9;
}
.document-comment-all .content-1 .right-userInfo .name {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 600;
}
.document-comment-all .content-1 .document-create-person {
  line-height: 16px;
  display: flex;
}
.document-comment-all .content-1 .document-create-person .left-user-image {
  color: #67aaf6;
  font-size: 18px;
}
.document-comment-all .content-1 .document-create-person .left-user-image i {
  margin-left: 10px;
}
.document-comment-all .content-1 .document-create-person .right-userInfo {
  margin-bottom: 24px;
}
.document-comment-all .content-1 .comment-person {
  display: flex;
}
.document-comment-all .content-1 .comment-person font {
  margin-left: 58px;
}
.document-comment-all .content-1 .comment-person .left-user-image {
  float: left;
}
.document-comment-all .content-1 .comment-person .left-user-image .line-through {
  margin-top: -5px;
}
.document-comment-all .content-1 .comment-person .left-user-image .last-line {
  height: 48px;
}
.document-comment-all .content-1 .comment-person .right-userInfo .userInfo-tit {
  line-height: 20px;
  margin-bottom: 9px;
}
.document-comment-all .content-1 .comment-person .right-userInfo .userInfo-tit .name {
  word-wrap: break-word;
  max-width: 120px;
}
.document-comment-all .content-1 .comment-person .right-userInfo .userInfo-tit .ibass-delete:hover {
  color: #fa8919;
}
.document-comment-all .content-1 .comment-person .right-userInfo .user-comment pre {
  margin-top: -12px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  height: auto;
  width: 250px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.document-comment-all .add-comment:hover {
  border: solid 1px #fa8919;
}
.document-comment-all .add-comment:focus {
  border: solid 1px #fa8919;
}
.document-comment-all .focusshow {
  border: solid  1px #fa8919 !important;
}
.document-comment-all .add-comment {
  right: 20px;
  width: 340px;
  height: 50px;
  line-height: 50px;
  border-radius: 6px;
  background: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  margin: 10px 10px;
  z-index: 100;
}
.document-comment-all .add-comment .add-btn {
  display: inline-block;
  width: 50px;
  line-height: 46px;
  border-right: 1px solid #d5d5d5;
  text-align: center;
}
.document-comment-all .add-comment .add-btn i {
  font-size: 18px;
  color: #cdc9c5;
  position: relative;
  line-height: 45px;
  top: 3px;
}
.document-comment-all .add-comment .add-comment-box .add-input {
  padding-left: 15px;
  line-height: 50px;
  border: 0;
  width: 200px;
  height: 40px;
}
.document-comment-all .add-comment .add-comment-box .input-btn {
  position: relative;
  top: -43px;
  left: 260px;
  bottom: 8px;
  right: 10px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.document-comment-all .add-comment-border {
  right: 0;
  bottom: 0;
  width: 415px;
  height: 50px;
  background-color: #ffffff;
  z-index: 99;
}
#new-commit-preview {
  height: 59px;
  border-top: solid 1px #f0f0f0;
}
#new-commit-preview > div {
  display: inline-block;
  color: #4a4a4a;
}
#new-commit-preview > div > div {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  line-height: 20px;
}
#new-commit-preview > div > div:first-child {
  font-size: 14px;
}
#new-commit-preview > div > div:last-child {
  font-size: 12px;
  margin-top: 3px;
}
#new-commit-preview > div > div:last-child span {
  margin-left: 10px;
  color: #a9a9a9;
}
#new-commit-preview > div:first-child {
  vertical-align: top;
}
#new-commit-preview > div:last-child {
  margin-top: 10px;
}
#new-commit-preview:first-child {
  border-top: 0px;
}

.imgpreview-container {
  max-width: 350px;
  display: inline-block;
  transition: transform 0.3s ease-in 0.1s;
  margin: auto;
  overflow: auto;
  border: 1px solid #adadad;
  background-color: #eeeeee;
  position: relative;
  /* .evidence-key-finish{
    background-color: #07cfda;
  } */
}
.imgpreview-container::-webkit-scrollbar {
  width: 0;
}
.imgpreview-container img {
  width: 100%;
  max-width: none !important;
  cursor: pointer;
}
.imgpreview-container .open-assistant-init {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0px;
  left: 0px;
  border: solid 3px rgba(7, 207, 218, 0);
  animation: init-img-animation 0.6s ease-in-out;
  box-sizing: border-box;
}
@keyframes init-img-animation {
  0% {
    background-color: rgba(7, 207, 218, 0);
    border-color: rgba(7, 207, 218, 0);
  }
  50% {
    background-color: rgba(7, 207, 218, 0.1);
    border-color: #07cfda;
  }
  100% {
    background-color: rgba(7, 207, 218, 0);
    border-color: rgba(7, 207, 218, 0);
  }
}
.imgpreview-container .evidence-container {
  position: absolute;
  display: inline-block;
  z-index: 11;
  border: 1px solid #fa8919;
  background-color: rgba(254, 254, 204, 0.2);
}
.imgpreview-container .evidence-container-finish {
  border: 1px solid rgba(250, 137, 25, 0.2);
  cursor: pointer;
}
.imgpreview-container .evidence-key {
  float: right;
  /* display: inline-block; float后元素变成inline-block*/
  padding: 2px 6px;
  background-color: #fa8919;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  position: relative;
  top: -16px;
  left: 1px;
}
.imgpreview-container .evidence-key:nth-child(2n) {
  padding: 2px 0px 2px 6px;
}
.imgpreview-container .active-evidence-key {
  background-color: #07cfda;
}
.imgpreview-container .active-container {
  animation: init-img-animation 0.6s ease-in-out;
}
.img-newpreview-toolbar {
  background-color: rgba(74, 74, 74, 0.8);
  position: fixed;
  bottom: 0px;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  border-radius: 4px;
  height: 38px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.8);
}
.img-newpreview-toolbar .vertical-line {
  display: inline-block;
  width: 0px;
  height: 22px;
  border: solid 1px #666666;
  vertical-align: middle;
}
.img-newpreview-toolbar .pre-main-icon-bar {
  margin: 0px 9px;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  vertical-align: middle;
}
.img-newpreview-toolbar .pre-main-icon-bar div {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
}
.img-newpreview-toolbar .pre-main-icon-bar div i {
  width: 38px;
  height: 38px;
  display: inline-block;
  text-align: center;
}
.img-newpreview-toolbar .pre-main-icon-bar div i:before {
  text-align: center;
  height: 38px;
  display: inline-block;
}
.img-newpreview-toolbar .pre-main-icon-bar div:hover {
  background-color: #4c4c4c;
}
.img-newpreview-toolbar .pre-main-icon-bar .pre-common-icon {
  position: relative;
  bottom: 0px;
}
.img-newpreview-toolbar .pre-main-icon-bar .pre-common-icon i:before {
  font-size: 24px;
}
.img-newpreview-toolbar .pre-main-icon-bar .pre-restore {
  position: relative;
  bottom: 3px;
}
.img-newpreview-toolbar .pre-main-icon-bar .pre-restore i:before {
  font-size: 18px;
  position: relative;
  bottom: 1px;
}

.videogular-container .audio {
  height: 50px;
  margin: auto;
  top: 40%;
  width: 500px;
  border-radius: 40px;
}
.videogular-container .audio .controls-container {
  background: none;
}

.newpreview-container {
  width: 100%;
  height: 100%;
}
.newpreview-container .newpreview-iframe {
  width: 100%;
  height: 100%;
}
.newpreview-container .newpreview-toolbar {
  background-color: rgba(74, 74, 74, 0.8);
  position: fixed;
  bottom: 0px;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  border-radius: 4px;
  height: 38px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.8);
}
.newpreview-container .newpreview-toolbar .vertical-line {
  display: inline-block;
  width: 0px;
  height: 22px;
  border: solid 1px #666666;
  vertical-align: middle;
}
.newpreview-container .newpreview-toolbar .page-number-box {
  font-size: 0px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  margin: 4px 14px;
  cursor: pointer;
}
.newpreview-container .newpreview-toolbar .page-number-box p {
  font-size: 16px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  text-align: left;
  outline: none;
}
.newpreview-container .newpreview-toolbar .page-number-box input {
  outline: none;
  border: 0px;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  width: 30px;
  background-color: black;
}
.newpreview-container .newpreview-toolbar .page-number-box span {
  font-size: 16px;
  margin: 0px 4px;
}
.newpreview-container .newpreview-toolbar .page-number-box span:last-child {
  margin: 0px;
}
.newpreview-container .newpreview-toolbar .page-number-box:hover {
  border-radius: 2px;
  background-color: #4c4c4c;
}
.newpreview-container .newpreview-toolbar .pre-main-icon-bar {
  margin: 0px 9px;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  vertical-align: middle;
}
.newpreview-container .newpreview-toolbar .pre-main-icon-bar div {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
}
.newpreview-container .newpreview-toolbar .pre-main-icon-bar div i {
  width: 38px;
  height: 38px;
  display: inline-block;
  text-align: center;
}
.newpreview-container .newpreview-toolbar .pre-main-icon-bar div i:before {
  text-align: center;
  height: 38px;
  display: inline-block;
}
.newpreview-container .newpreview-toolbar .pre-main-icon-bar div:hover {
  background-color: #4c4c4c;
}
.newpreview-container .newpreview-toolbar .pre-main-icon-bar .pre-common-icon {
  position: relative;
  bottom: 2px;
}
.newpreview-container .newpreview-toolbar .pre-main-icon-bar .pre-common-icon i:before {
  font-size: 24px;
}
.newpreview-container .newpreview-toolbar .pre-main-icon-bar .pre-restore {
  position: relative;
  bottom: 5px;
}
.newpreview-container .newpreview-toolbar .pre-main-icon-bar .pre-restore i:before {
  font-size: 18px;
  position: relative;
  bottom: 1px;
}
.newpreview-container .preview-loading {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #f3f3f3;
}
.newpreview-container .preview-loading .loading-content {
  position: relative;
  top: 40%;
}
.newpreview-container .preview-loading .loading-content i {
  font-size: 48px;
}
.newpreview-container .preview-loading .loading-content .file-name {
  font-size: 20px;
  color: #4a4a4a;
}
.newpreview-container .preview-loading .loading-content .file-size {
  color: #a9a9a9;
  font-size: 14px;
}
.newpreview-container .preview-loading .loading-content .loading-text {
  color: #4a4a4a;
  font-size: 14px;
}
.newpreview-container .preview-loading .loading-anminate {
  display: inline-block;
  width: 30px;
  height: 20px;
  line-height: 20px;
  vertical-align: bottom;
  animation: loading 2s linear infinite;
  white-space: nowrap;
  overflow: hidden;
}
.newpreview-container .preview-loading .loading-anminate span {
  display: inline-block;
  border: 1.5px solid #a9a9a9;
  border-radius: 1.5px;
}
@keyframes loading {
  0% {
    width: 0px;
  }
  33% {
    width: 10px;
  }
  66% {
    width: 20px;
  }
  100% {
    width: 30px;
  }
}

.md5-dialog-template {
  font-family: 'PingFangSC-Medium';
}
.md5-dialog-template .dialog-page-title {
  position: relative;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin: 30px 50px;
}
.md5-dialog-template .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 11px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.md5-dialog-template .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.md5-dialog-template .split-file-page {
  margin: 0px 50px;
  height: 300px;
  display: flex;
}
.md5-dialog-template .split-file-page > div {
  width: 100%;
}
.md5-dialog-template .split-file-page .page-dir {
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  overflow: auto;
}
.md5-dialog-template .split-file-page .page-dir .item {
  min-height: 40px;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 0px;
}
.md5-dialog-template .split-file-page .page-dir .item .item-icon {
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px 0px 10px;
  cursor: pointer;
}
.md5-dialog-template .split-file-page .page-dir .item .item-icon .ibass-checked {
  color: #f9891a;
}
.md5-dialog-template .split-file-page .page-dir .item .item-name {
  display: inline-block;
  font-size: 14px;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.md5-dialog-template .split-file-page .page-dir .item .item-path {
  display: inline-block;
  font-size: 12px;
  width: 240px;
  word-break: break-all;
  line-height: 20px;
  vertical-align: top;
}
.md5-dialog-template .delete-footer {
  margin: 30px 0px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  width: 100%;
}
.md5-dialog-template .delete-footer .new-delete-btn {
  height: 32px;
  line-height: 32px;
  min-width: 100px;
}
.md5-dialog-template .delete-footer .cancel-btn {
  margin-right: 30px;
  background-color: #f8f8f9;
  color: #4a4a4a;
  border: 1px solid #f8f8f9;
}

/*---------------------------------------------------------------- 
* 证据模块 
* 王海宁
* 2018-08-24
----------------------------------------------------------------*/
.evidence-manage {
  font-family: "PingFang SC";
  border: 0.5px red solid;
  position: relative;
  right: 100px;
  width: 1200px;
  min-height: 900px;
  margin-top: -50px;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
}
.evidence-manage .ibass-close {
  font-size: 20px;
  color: #cdc9c5;
  float: right;
  margin: 20px 30px 0px 0px;
  line-height: 20px;
  height: 20px;
}
.evidence-manage .ibass-close::before {
  height: 20px;
  line-height: 20px;
}
.evidence-manage .evidence-title {
  margin: 35px 0px 0px 25px;
  font-size: 20px;
  font-weight: 600;
  max-width: 600px;
}
.evidence-manage .divider-line {
  height: 2px;
  background-color: #ebebeb;
  margin: 13px 25px 25px;
}
.evidence-manage .search-bar {
  margin: 0px 25px 25px;
  font-size: 0px;
}
.evidence-manage .search-bar > div {
  display: inline-block;
}
.evidence-manage .search-bar .search-inputbox {
  border-radius: 16px;
  border: solid 1px #cccccc;
  font-size: 0px;
  background-color: #ffffff;
  height: 32px;
  line-height: 32px;
  margin-right: 30px;
}
.evidence-manage .search-bar .search-inputbox .ibass-search {
  font-size: 16px;
  margin: 0px 8px 0px 12px;
  color: #999999;
}
.evidence-manage .search-bar .search-inputbox input {
  border: none;
  font-size: 14px;
  width: 196px;
  vertical-align: 3px;
}
.evidence-manage .search-bar .search-inputbox input::placeholder {
  color: #b2b2b2;
  font-size: 14px;
}
.evidence-manage .search-bar .search-inputbox input::-webkit-input-placeholder {
  color: #b2b2b2;
  font-size: 14px;
}
.evidence-manage .search-bar .search-inputbox input::-moz-placeholder {
  color: #b2b2b2;
  font-size: 14px;
}
.evidence-manage .search-bar .search-inputbox input:-ms-input-placeholder {
  color: #b2b2b2;
  font-size: 14px;
}
.evidence-manage .search-bar .search-inputbox button {
  font-size: 12px;
  width: 56px;
  height: 32px;
  border-radius: 0px 16px 16px 0px;
  border: 0px;
  border-left: 1px solid #cccccc;
  vertical-align: 5px;
  background: #ffffff;
}
.evidence-manage .search-bar .drop-down {
  position: relative;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  vertical-align: top;
  cursor: pointer;
}
.evidence-manage .search-bar .drop-down i {
  position: relative;
  top: 2px;
  margin-left: 2px;
  color: #9a9a9a;
}
.evidence-manage .search-bar .drop-down .ana-my-time {
  background-color: rgba(255, 255, 255, 0);
  width: auto;
  display: inline-block;
  position: relative;
  height: 20px;
  line-height: 20px;
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range {
  width: auto;
  border-radius: 2px;
  padding: 5px 14px 5px 5px;
  position: relative;
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range .time-range-start-stop:after {
  content: " ";
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range .ns-popover-time-select-option {
  top: 31px !important;
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range .ns-popover-time-select-option table th,
.evidence-manage .search-bar .drop-down .ana-my-time .time-range .ns-popover-time-select-option table td {
  border: 0px;
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range .time-select-box {
  height: 250px;
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range > div {
  display: inline-block;
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range-text-select {
  position: relative;
  display: inline-block;
  color: #4a4a4a;
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range-text-select .ibass-trig-down {
  color: #cdc9c5;
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range-start-stop {
  display: inline-block;
}
.evidence-manage .search-bar .drop-down .ana-my-time .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
}
.evidence-manage .search-bar .vertical-line {
  margin: 0px 12px;
  background-color: #ebebeb;
  height: 20px;
  width: 1px;
  vertical-align: top;
  position: relative;
  top: 8px;
}
.evidence-manage .search-bar .btn-list {
  float: right;
}
.evidence-manage .search-bar .btn-list button {
  padding: 0px 20px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 0px;
  color: #ffffff;
  margin-left: 20px;
  vertical-align: 1px;
  transition: all 0.3s ease-in;
}
.evidence-manage .search-bar .btn-list button:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.evidence-manage .search-bar .btn-list button:active {
  position: relative;
  top: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  transition: top box-shadow 0.2s;
}
.evidence-manage .search-bar .btn-list .add-group {
  font-size: 14px;
  display: inline-block;
  color: #fa8919;
  cursor: pointer;
}
.evidence-manage .search-bar .btn-list .add-group i {
  position: relative;
  top: 2px;
  right: 2px;
}
.evidence-manage .search-bar .btn-list .export-evlist {
  padding-right: 40px;
  cursor: not-allowed;
}
.evidence-manage table {
  border-top: 1px solid #f0f0f0;
  width: 100%;
  margin-bottom: 40px;
  border-spacing: inherit;
}
.evidence-manage table th,
.evidence-manage table td {
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.evidence-manage table th:last-child {
  border-right: 0px;
}
.evidence-manage table .folder-name {
  width: 60px;
}
.evidence-manage table thead {
  background-color: #fafafa;
}
.evidence-manage table thead .drop-active th {
  border-bottom: 2px solid red;
}
.evidence-manage table thead th {
  font-size: 12px;
  font-weight: normal !important;
  color: #4a4a4a;
  height: 36px;
}
.evidence-manage table thead th i {
  color: #a9a9a9;
  font-size: 14px;
  position: relative;
  top: 3px;
  cursor: pointer;
}
.evidence-manage table thead th:first-child i {
  color: #c7d1da;
}
.evidence-manage table .drag-move tr td:first-child {
  cursor: all-scroll;
}
.evidence-manage table .drag-move tr td:first-child i {
  display: none;
}
.evidence-manage table .drag-move tr:hover td:first-child span {
  display: none;
}
.evidence-manage table .drag-move tr:hover td:first-child i {
  display: inline;
}
.evidence-manage table .drag-move .group-title-text {
  display: inline-block;
  padding: 8px 0px;
  cursor: pointer;
}
.evidence-manage table .drag-move .group-title-active {
  border-bottom: 2px solid #ed6c00;
}
.evidence-manage table .drag-move .group-operate {
  display: none;
  float: right;
  line-height: 35px;
  margin-right: 25px;
}
.evidence-manage table .drag-move .group-operate i {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.evidence-manage table .drag-move .group-operate .item {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.evidence-manage table .drag-move .group-operate .item .group-del-btn {
  border-radius: 20px;
  background-color: red;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 0px;
  color: #ffffff;
  vertical-align: 1px;
  position: absolute;
  width: 75px;
  left: -5px;
  top: 7px;
}
.evidence-manage table .drag-move .group-operate .item .group-del-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.evidence-manage table .drag-move .group-operate .item .group-del-btn:active {
  top: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  transition: top box-shadow 0.2s;
}
.evidence-manage table .drag-move .group-operate .vertical-bar {
  width: 1px;
  background-color: #f0f0f0;
  height: 17px;
  vertical-align: -3px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  margin: 0px 15px;
}
.evidence-manage table .time-mouseove .num .more-checked {
  display: inline-block;
}
.evidence-manage table .time-mouseove .num .more-checked i {
  margin: 0px;
  font-size: 14px;
}
.evidence-manage table .checked-tr td {
  background-color: #F8EFE6;
  border-bottom-color: #f2ac75;
  border-top: 1px solid #f2ac75;
}
.evidence-manage table .checked-tr .extend-bar {
  background-color: rgba(248, 239, 230, 0.89) !important;
}
.evidence-manage table tbody .evidence-table-row:hover {
  background: #fafafa;
}
.evidence-manage table tbody .evidence-table-row:hover .extend-bar {
  background-color: rgba(250, 250, 250, 0.89);
}
.evidence-manage table tbody .drop-active td {
  border-bottom: 2px solid red;
}
.evidence-manage table tbody .drop-active-special td {
  border-bottom: 2px solid red;
  background-color: #fdf0e5;
}
.evidence-manage table tbody .drop-active-special .group-title-text {
  border: 0px;
}
.evidence-manage table tbody .drag-active {
  opacity: 0.2;
}
.evidence-manage table tbody .group-title {
  color: #9b9b9b;
  background-color: #fafafa;
}
.evidence-manage table tbody .group-title td {
  padding: 0px 15px;
}
.evidence-manage table tbody .group-title td:first-child {
  padding: 9px 0 0 0;
}
.evidence-manage table tbody .group-title:hover .group-operate {
  display: block;
}
.evidence-manage table tbody td {
  word-break: break-all;
  padding: 16px 10px;
  vertical-align: top;
}
.evidence-manage table tbody .num {
  width: 38px;
  text-align: center;
  color: #c7d1da;
  vertical-align: top;
}
.evidence-manage table tbody .no-border {
  border-right: none;
}
.evidence-manage table tbody .no-border i {
  display: none !important;
}
.evidence-manage table tbody .name {
  width: 180px;
}
.evidence-manage table tbody .keyword {
  width: 163px;
}
.evidence-manage table tbody .keyword .keyword-box {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  border-radius: 20px;
  background-color: #ffffff;
  border: solid 1px #ebe8e6;
  padding: 3px 11px;
  margin-right: 8px;
  display: inline-block;
  max-width: 120px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  text-align: center;
}
.evidence-manage table tbody .time {
  width: 90px;
  text-align: center;
}
.evidence-manage table tbody .page-num {
  width: 46px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #fa8919;
}
.evidence-manage table tbody .opreate {
  width: 43px;
  text-align: center;
  color: #cec7c0;
  border-right: 0px;
}
.evidence-manage table tbody .opreate i {
  cursor: pointer;
}
.evidence-manage table tbody .content {
  width: 246px;
  line-height: 24px;
  position: relative;
}
.evidence-manage table tbody .content .extend-bar {
  cursor: pointer;
  text-align: center;
  position: absolute;
  width: 523px;
  background-color: rgba(255, 255, 255, 0.89);
  left: 0px;
  bottom: 0px;
  height: 36px;
  font-size: 12px;
  line-height: 34px;
  color: #4a4a4a;
  z-index: 1;
}
.evidence-manage table tbody .content .extend-bar span {
  width: 58px;
  height: 23px;
  background: #F8F8F9;
  border: 1px solid #F0F0F0;
  border-radius: 11.5px;
  padding: 2px 10px;
}
.evidence-manage table tbody .content .extend-bar i {
  position: relative;
  top: 2px;
  left: 4px;
}
.evidence-manage table tbody .content .close-remark {
  width: 523px;
}
.evidence-manage table tbody .total-num {
  width: 43px;
  text-align: center;
}
.evidence-manage table tbody .total-page-num {
  width: 98px;
}
.evidence-manage table tbody .total-page-num i {
  color: #ebe8e6;
  font-size: 12px;
  margin: 2px;
  cursor: default;
}
.evidence-manage table tbody .total-content {
  width: 246px;
}
.evidence-manage table tbody .total-content .total-extend-bar {
  width: 527px;
}
.evidence-manage .check-item {
  font-size: 12px;
  text-align: right;
  color: #9b9b9b;
  margin-left: 30px;
  display: inline-block;
}
.evidence-manage .check-item i {
  position: relative;
  top: 1.5px;
  margin-right: 4px;
  cursor: pointer;
}
.evidence-manage .check-item .ibass-checked {
  color: #fa8919;
}
.evidence-manage .check-item .ibass-checkbox {
  color: #9b9b9b;
}
.evidence-manage .more-checked {
  margin: 0px;
  text-align: center;
  display: inline-block;
}
.evidence-manage .switch-table {
  text-align: center;
  margin-bottom: 28px;
}
.evidence-manage .switch-table a {
  display: inline-block;
  width: 70px;
  height: 36px;
  line-height: 36px;
  box-sizing: border-box;
  cursor: pointer;
}
.evidence-manage .switch-table .active {
  box-shadow: inset 0 -2px 0 0 #ed6c00;
  color: #ed6c00;
}
.evidence-manage .empty-status {
  width: 1140px;
  height: 300px;
  border-radius: 8px;
  background-color: #f8f8f9;
  text-align: center;
  margin-left: 30px;
  margin-top: -10px;
}
.evidence-manage .empty-status .content {
  padding-top: 80px;
}
.evidence-manage .empty-status .content i {
  font-size: 60px;
  color: #ddd9d6;
}
.evidence-manage .empty-status .content .text {
  color: #a9a9a9;
}
.evidence-dropdown {
  font-size: 14px;
}
.evidence-dropdown .ns-popover-tooltip {
  width: 270px;
  margin-left: -12px !important;
}
.evidence-dropdown .ns-popover-tooltip .ns-popover-search {
  margin: 15px 11px 15px 9px;
}
.evidence-dropdown .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  padding: 0px 18px 0px 9px;
}
.evidence-dropdown .ns-popover-tooltip .ns-popover-items .ns-popover-item i {
  position: relative;
  bottom: 1px;
  margin-right: 8px;
}
.evidence-dropdown .ns-popover-tooltip .ns-popover-items .ns-popover-item .ibass-checked {
  color: #fa8919;
}
.evidence-dropdown .ns-popover-tooltip .ns-popover-items .ns-popover-item .ibass-checkbox {
  color: #cdc8c5;
}
.evidence-dropdown .ns-popover-tooltip .ns-popover-items .ns-popover-item .content {
  max-width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.evidence-dropdown .ns-popover-tooltip .ns-popover-items .ns-popover-item .count {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.opreate-template {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.09);
  overflow: hidden;
  padding: 6px 0px;
}
.opreate-template .item {
  font-size: 14px;
  color: #4a4a4a;
  cursor: pointer;
  padding: 6px 18px 6px 16px;
}
.opreate-template .item:hover {
  background: #F8F8FB;
}
.opreate-template .item i {
  position: relative;
  bottom: 2px;
  margin-right: 8px;
  color: #cec7c0;
  font-size: 18px;
  float: left;
}
.opreate-template .item i::before {
  height: 18px;
  line-height: 18px;
}
.evidence-keyword .ns-popover-tooltip .ns-popover-search {
  margin: 15px 16px 10px;
}
.evidence-keyword .ns-popover-tooltip .ns-popover-items {
  margin: 0px;
}
.evidence-keyword .ns-popover-tooltip .ns-popover-bottom {
  height: 35px;
}
.evidence-keyword .ns-popover-tooltip .ns-popover-bottom .ns-popover-clear {
  height: 35px;
  line-height: 35px;
  border-top: 1px solid #f0f0f0;
  color: #cdc9c5;
  cursor: pointer;
  margin-right: 10px;
}
.evidence-keyword .ns-popover-tooltip .ns-popover-bottom .ns-popover-clear i {
  font-size: 14px;
  vertical-align: -2px;
  margin-right: 10px;
}
.export-template-popover {
  margin-top: 4px;
  text-align: center;
}
.export-template-popover .ns-popover-tooltip {
  width: 138px;
}
.export-template-popover .ns-popover-tooltip .ns-popover-item {
  padding: 0px;
}
.order-evidence-template .ns-popover-tooltip {
  width: 224px;
  border-radius: 4px !important;
  position: relative;
  left: 22px;
  z-index: -1;
}
.order-evidence-template .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  height: 34px;
}
.order-evidence-template .ns-popover-tooltip .ns-popover-items .ns-popover-item:first-child {
  font-size: 12px;
  background-color: #ffffff;
  color: #9b9b9b;
}

.documentPre-fullScreen-newpreview {
  background-color: #f3f3f3;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 0px;
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
  font-family: "PingFangSC-Regular";
}
.documentPre-fullScreen-newpreview::-webkit-scrollbar {
  height: 0px;
}
.documentPre-fullScreen-newpreview .error-page {
  position: fixed;
  z-index: 90;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0px;
  background-color: #f3f3f3;
  border-radius: 6px;
}
.documentPre-fullScreen-newpreview .error-page img {
  margin-top: 180px;
}
.documentPre-fullScreen-newpreview .error-page .error-page-content {
  display: inline-block;
  height: 96px;
  line-height: 96px;
  background: #ffffff;
  width: 520px;
  font-size: 16px;
}
.documentPre-fullScreen-newpreview::-webkit-scrollbar {
  width: 0;
}
.documentPre-fullScreen-newpreview .fullScreen-content {
  display: flex;
  position: relative;
  min-width: 1280px;
  background-color: #f3f3f3;
  height: 100%;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header {
  height: 50px;
  width: 100%;
  min-width: 1280px;
  position: fixed;
  top: 0;
  color: #fff;
  box-sizing: border-box;
  box-shadow: 0 1px 0 0 #dfdfdf;
  padding: 0px 0px 0px 25px;
  background-color: #fcfcfc;
  z-index: 10;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header i {
  position: relative;
  top: 4px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .document-name {
  float: left;
  line-height: 45px;
  color: #4a4a4a;
  max-width: 290px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .document-name i {
  height: 34px;
  font-size: 20px;
  margin-right: 5px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .document-name span {
  font-size: 14px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .document-name .s-input {
  background-color: transparent;
  color: #ffffff;
  font-size: 14px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .version {
  cursor: pointer;
  line-height: 45px;
  width: 45px;
  height: 20px;
  border-radius: 3px;
  background-color: #fa8919;
  border: solid 1px #fa8919;
  margin-left: 10px;
  padding: 0 4px 0 4px;
  font-size: 12px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .version i {
  padding-left: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .comment {
  cursor: pointer;
  line-height: 45px;
  width: 250px;
  height: 20px;
  border-radius: 0px!important;
  background-color: #fa8919;
  border: solid 1px #fa8919;
  margin-left: 10px;
  padding: 0 4px 0 4px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .comment i {
  padding-left: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .revertversion {
  cursor: pointer;
  margin-left: 5px;
  width: 126px;
  height: 30px;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 5px 10px ;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  background-color: #fb881a;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .revertversion i {
  vertical-align: 2px;
  display: inline;
  font-size: 12px;
  padding-right: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .right-btn-area {
  float: right;
  width: auto;
  height: 50px;
  margin-right: 10px;
  font-size: 0px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .right-btn-area .split-table-style {
  margin-right: 16px;
  width: 112px;
  font-size: 16px;
  display: inline-block;
  height: 36px;
  background-color: #f3f3f3;
  line-height: 36px;
  color: #494949;
  vertical-align: -8px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .right-btn-area .split-table-style i {
  margin-right: 10px;
  position: relative;
  top: -7px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .right-btn-area span {
  display: inline-block;
  width: 56px;
  height: 100%;
  font-size: 20px;
  text-align: center;
  color: #8590a6;
  box-sizing: border-box;
  cursor: pointer;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .right-btn-area span i {
  vertical-align: -10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .right-btn-area .span-active {
  background-color: #ffffff;
  box-shadow: inset 1px 0 0 0 #dfdfdf, inset -1px 0 0 0 #dfdfdf;
  height: 51px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .edit-style {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  left: 50%;
  color: #4a4a4a;
  font-size: 12px;
  background-color: #f3f3f3;
  padding: 0px 10px;
  border-radius: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .edit-style:active {
  background-color: #cccccc;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .edit-style img {
  vertical-align: middle;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .edit-style img + span {
  position: relative;
  top: 2px;
  cursor: pointer;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .edit-style .trig-area-line {
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid #ebebeb;
  margin-left: 8px;
  height: 20px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .header .edit-style .trig-area-line i {
  margin-left: 9px;
  position: relative;
  top: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-btn,
.documentPre-fullScreen-newpreview .fullScreen-content .right-btn {
  width: 50px;
  height: 50px;
  position: fixed;
  font-size: 30px;
  top: 53%;
  margin-top: -20px;
  color: #fff;
  z-index: 999;
  color: #999999;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-btn {
  left: 50px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .right-btn {
  right: 50px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .content {
  position: absolute;
  left: 0px;
  bottom: 0px;
  top: 50px;
  width: 100%;
  display: flex;
}
.documentPre-fullScreen-newpreview .fullScreen-content .content .empty-in {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.documentPre-fullScreen-newpreview .fullScreen-content .content img {
  margin-top: 0px;
  max-width: 600px;
  vertical-align: middle;
}
.documentPre-fullScreen-newpreview .fullScreen-content .content .document-download-box {
  margin: auto;
  width: 760px;
  height: 500px;
  text-align: center;
}
.documentPre-fullScreen-newpreview .fullScreen-content .content .document-download-box .document-type {
  display: inline-block;
  font-size: 48px;
  margin: 120px auto auto;
}
.documentPre-fullScreen-newpreview .fullScreen-content .content .document-download-box .document-name-size {
  width: 760px;
  height: 28px;
  display: inline-block;
  text-align: center;
  font-family: PingFangSC;
  font-size: 20px;
  color: #4a4a4a;
}
.documentPre-fullScreen-newpreview .fullScreen-content .content .document-download-box .document-name-size .fileSize {
  color: #a9a9a9;
  font-size: 14px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .content .document-download-box .download-btn {
  color: #222222;
  font-size: 14px;
  font-family: PingFangSC-Medium;
  margin-top: 50px;
  display: inline-block;
  padding: 6px 16px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.documentPre-fullScreen-newpreview .fullScreen-content .content .document-download-box .download-btn:hover {
  border: 1px solid #cccccc;
}
.documentPre-fullScreen-newpreview .fullScreen-content .content .document-download-box .download-btn:active {
  background-color: #eeeeee;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content {
  z-index: 1;
  width: 340px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: -1px 0 0 0 rgba(206, 206, 206, 0.5);
  font-size: 14px;
  font-family: PingFangSC-Regular;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .coverdiv {
  width: 340px;
  position: absolute;
  top: 0%;
  right: 0%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.6;
  opacity: .60;
  filter: alpha(opacity=70);
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv {
  position: absolute;
  top: 20%;
  min-height: 318px;
  height: auto;
  right: 0px;
  width: 340px;
  background-color: white;
  z-index: 1002;
  overflow: hidden;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  padding: 30px 0px 10px 21.6px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time {
  text-align: left;
  font-size: 14px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time:nth-child(2n) {
  margin-top: 20px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time:last-child {
  margin-top: 13px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-label {
  height: 20px;
  font-family: PingFangSC;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
  font-size: 14px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-label i {
  position: relative;
  top: 1px;
  font-size: 12px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-label .keyword-tag {
  border: 1px solid #bababa;
  padding: 0px 0px 0px 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 12px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-label .keyword-tag span {
  display: inline-block;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-size: 12px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-label .keyword-tag i {
  float: right;
  margin-right: 5px;
  transform: scale(0.67);
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-label .keyword-tag:hover i {
  color: #fa8919;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-label .add-keyword {
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-label .add-keyword:hover {
  color: #fa8919;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-input {
  margin-top: 5px;
  width: 296px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  border: 0px;
  padding: 8px;
  color: #4a4a4a;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time .item-textarea {
  margin-top: 5px;
  padding: 8px;
  border: 0px;
  width: 280px;
  height: 68px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  resize: none;
  color: #4a4a4a;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time input::-webkit-input-placeholder,
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-size: 14px;
  color: #999999;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time input:-moz-placeholder,
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 14px;
  color: #999999;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time input::-moz-placeholder,
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px;
  color: #999999;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time input:-ms-input-placeholder,
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-time textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 14px;
  color: #999999;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-footer {
  margin-top: 20px;
  margin-left: 13%;
  margin-bottom: 20px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-footer button:last-child {
  border: 0px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-footer button:first-child {
  border: 0px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-footer button:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .dialogdiv .assistant-content .item-footer button:active {
  position: relative;
  top: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  transition: top box-shadow 0.2s;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one {
  padding: 14px 14px 0px 22px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc-close {
  text-align: right;
  margin-bottom: 20px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc-close i {
  font-size: 14px;
  cursor: pointer;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one tr > td {
  color: #4a4a4a;
  height: 38px;
  vertical-align: top;
  word-break: break-all;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one tr > td:first-child {
  color: #999999;
  width: 70px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc {
  margin-top: 60px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc div:first-child {
  color: #999999;
  margin-bottom: 13px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc textarea {
  width: 296px;
  height: 60px;
  border-radius: 2px;
  background-color: #ffffff;
  cursor: pointer;
  border: 0px;
  resize: none;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc textarea::-webkit-input-placeholder {
  color: #999999;
  position: relative;
  top: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc textarea:-moz-placeholder {
  color: #999999;
  position: relative;
  top: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc textarea::-moz-placeholder {
  color: #999999;
  position: relative;
  top: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc textarea:-ms-input-placeholder {
  color: #999999;
  position: relative;
  top: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .desc textarea:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  cursor: text;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .task {
  margin-top: 49px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .task div {
  color: #4a4a4a;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .task div:first-child {
  margin-bottom: 13px;
  color: #999999;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .task div:last-child {
  margin-top: 30px;
  font-size: 14px;
  color: #ed6c00;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence {
  padding-right: 10px;
  /*
           title part
           */
  /*
           search part
           */
  /*
           oper
           */
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title {
  /*
             * checkbox style
             */
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .left {
  font-size: 16px;
  letter-spacing: 0;
  color: #4a4a4a;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .right {
  font-size: 14px;
  letter-spacing: 0;
  text-align: right;
  color: #a9a9a9;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .right span:first-child {
  vertical-align: -2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .switch {
  width: 20px;
  height: 2px;
  position: relative;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  box-shadow: #fff 0 0 0 0 inset;
  border-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .switch:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: -7px;
  left: -1px;
  border-radius: 20px;
  background-color: #fff;
  border: solid 2px #d6d6d6;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .switch:checked {
  border-color: #fa8919;
  box-shadow: #fa8919 0 0 0 12px inset;
  background-color: #fa8919;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .switch:checked:before {
  left: 10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .switch.switch-anim {
  transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .switch.switch-anim:before {
  transition: left 0.3s;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .switch.switch-anim:checked {
  box-shadow: #fff 0 0 0 16px inset;
  background-color: #fff;
  transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .title .switch.switch-anim:checked:before {
  background-color: #fa8919;
  border: solid 2px #fa8919;
  transition: left 0.3s;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .search .filter-search {
  margin-top: 20px;
  margin-bottom: 23px;
  width: 0px;
  float: left;
  height: 22px;
  padding: 4px 10px 2px  10px;
  border-radius: 20px;
  border: 1px solid #c7d1da;
  width: 274px;
  line-height: 22px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
  position: relative;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .search .filter-search .filter-search-icon {
  width: 5px;
  height: 5px;
  color: #cdc9c5;
  padding-top: 0px;
  float: left;
  font-size: 12px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .search .filter-search .filter-search-input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0px 26px;
  border: 0;
  font-size: 12px;
  line-height: 16px;
  background: transparent;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .search .filter-search .filter-search-input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-size: 12px;
  color: #a9a9a9;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .search .filter-search .filter-search-input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 12px;
  color: #a9a9a9;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .search .filter-search .filter-search-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 12px;
  color: #a9a9a9;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .search .filter-search .filter-search-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 12px;
  color: #a9a9a9;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .search .filter-search .ibass-close {
  position: absolute;
  right: 8px;
  font-size: 12px;
  cursor: pointer;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .oper {
  clear: both;
  padding-top: 2px;
  text-align: center;
  vertical-align: middle;
  height: 20px;
  line-height: 1.14;
  margin-left: -10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .oper .icon {
  float: left;
  padding-left: 30px;
  padding-right: 4px;
  font-size: 15px;
  letter-spacing: 0;
  color: #fa8919;
  line-height: 1;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .oper .open-assistant-text {
  padding-right: 30px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .oper .text {
  float: left;
  font-size: 14px;
  letter-spacing: 0;
  color: #fa8919;
  line-height: 1.14;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .oper .vertical-bar {
  float: left;
  width: 1px;
  height: 14px;
  background: #dfdfdf;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-one .evidence .split-bar {
  clear: both;
  margin-top: 20px;
  width: 340px;
  height: 1px;
  margin-left: -22px;
  background: #e0e0e0;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two {
  clear: both;
  background-color: #f3f3f3;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .empty-content {
  clear: both;
  margin-left: 10px;
  padding: 14px 14px 0px 22px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .empty-content img {
  width: 96px;
  height: 183px;
  margin-left: 36px;
  margin-bottom: 6px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .empty-content .notice-content {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  line-height: 26px;
  width: 278px;
  height: 84px;
  border-radius: 10px;
  background-color: #ffffff;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .empty-content .notice-content i {
  position: relative;
  top: 2px;
  font-size: 16px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .empty-content .notice-content-empty {
  text-align: center;
  vertical-align: middle;
  margin-top: 50%;
  font-size: 14px;
  color: #a9a9a9;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .empty-content .notice-content-empty i {
  font-size: 60px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .empty-content .notice-content-empty .ibass-search {
  position: relative;
  top: 10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .empty-content .notice-content-empty .back {
  color: #fa8919;
  cursor: pointer;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .empty-content .notice-content-empty .search-empty-content {
  color: #cdc9c5;
  background-color: #ffffff;
  padding-top: 35%;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info-active {
  border: 1px solid #fa8919;
  margin-top: 8px;
  width: 336px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info {
  border: 1px solid #ffffff;
  margin-top: 8px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-title {
  margin-left: 22px;
  padding: 14px 14px 0px 0px;
  padding-bottom: 11px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  width: 280px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .split-bar {
  background: #ebebeb;
  height: 1px;
  margin-left: -2px;
  width: 339px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content {
  width: 336px;
  border: 1px solid #ffffff;
  cursor: pointer;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .evidence-remark {
  color: red;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content:hover .lable-detail .detail-title .icon {
  visibility: visible;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail {
  height: auto;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-title {
  font-size: 14px;
  line-height: 1.57;
  text-align: justify;
  color: #a9a9a9;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  height: 23px;
  padding: 9px 20px;
  width: 294px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-title .page {
  float: left;
  min-width: 50px;
  width: auto;
  height: 22.2px;
  border-radius: 4px;
  background-color: #f8f7fb;
  padding: 0px 5px;
  font-size: 12px;
  color: #fa8919;
  line-height: 22px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-title .dateinfo {
  float: left;
  padding-top: 3px;
  padding-left: 5px;
  font-size: 12px;
  width: 150px;
  line-height: 1.57;
  color: #a9a9a9;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-title .icon {
  float: right;
  visibility: hidden;
  cursor: pointer;
  margin-top: 3px;
  margin-right: 5px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-title .icon i {
  padding-left: 15px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-title .confirm {
  cursor: pointer;
  margin-top: 4px;
  float: right;
  color: white;
  border-radius: 10px;
  font-size: 12px;
  background: red;
  padding: 2px 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .evidence-content-detail {
  padding: 10px 14px 10px 20px;
  width: 300px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-content {
  clear: both;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: normal;
  word-break: break-all;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-evidence-content {
  width: 291px;
  padding: 12px 12px 12px 12px;
  background-color: #f8f7fb;
  font-size: 12px;
  color: #9b9b9b;
  border-left: solid 2px #fa8919;
  margin: 4px 0px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-evidence-content p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 20px;
  max-height: 60px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-tags {
  margin-top: 10px;
  font-size: 12px;
  color: #4a4a4a;
  clear: both;
  margin-bottom: 2px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-content .part-two .no-empty-content .lable-info .lable-content .lable-detail .detail-tags .detail-tag {
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  border-radius: 20px;
  padding: 2px 14px 2px 14px;
  background-color: #ffffff;
  border: solid 1px #ebe8e6;
  display: inline-block;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk {
  position: relative;
  z-index: 1;
  width: 340px;
  box-sizing: border-box;
  padding: 14px 14px 0px 22px;
  background-color: #ffffff;
  box-shadow: -1px 0 0 0 rgba(206, 206, 206, 0.5);
  font-size: 14px;
  color: #4a4a4a;
  font-family: PingFangSC;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .desc-close {
  text-align: right;
  margin-bottom: 10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .desc-close i {
  font-size: 14px;
  cursor: pointer;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk {
  overflow: auto;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk::-webkit-scrollbar {
  width: 0px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .item-comment {
  margin-bottom: 25px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .item-comment .item-comment-info img {
  width: 24px;
  height: 24px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .item-comment .item-comment-info .talk-name {
  font-weight: 500;
  margin-left: 3px;
  display: inline-block;
  max-width: 120px;
  word-break: break-all;
  vertical-align: top;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .item-comment .item-comment-info .talk-time {
  color: #aaaaaa;
  font-size: 12px;
  margin-left: 10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .item-comment .item-comment-info #delete {
  text-align: center;
  width: 58px;
  display: none;
  float: right;
  margin-right: 10px;
  color: #aaaaaa;
  position: relative;
  cursor: pointer;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .item-comment .item-comment-info #delete .delete-btn {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: red;
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 9px;
  color: #ffffff;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .item-comment:hover #delete {
  display: inline-block;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .item-comment .item-comment-content {
  margin-left: 33px;
  width: 251px;
  word-wrap: break-word;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .talk-empty {
  text-align: center;
  position: relative;
  top: 40%;
  transform: translateY(-50%);
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .talk-empty i {
  font-size: 60px;
  color: #ededed;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .main-talk .talk-empty .empty-content {
  font-size: 14px;
  color: #aaaaaa;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .talk-input {
  position: absolute;
  width: 340px;
  left: 0px;
  bottom: 0px;
  padding: 15px 12px;
  font-size: 0px;
  background-color: #fcfcfc;
  box-sizing: border-box;
  border-top: 1px solid #f6f6f6;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .talk-input textarea {
  border-radius: 2px;
  background-color: #ffffff;
  cursor: pointer;
  border: 0px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  height: 30px;
  resize: none;
  box-sizing: border-box;
  width: 100%;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .talk-input textarea::-webkit-input-placeholder {
  color: #999999;
  position: relative;
  top: 2px;
  padding-left: 10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .talk-input textarea:-moz-placeholder {
  color: #999999;
  position: relative;
  top: 2px;
  padding-left: 10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .talk-input textarea::-moz-placeholder {
  color: #999999;
  position: relative;
  top: 2px;
  padding-left: 10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .talk-input textarea:-ms-input-placeholder {
  color: #999999;
  position: relative;
  top: 2px;
  padding-left: 10px;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .talk-input .textarea-focus {
  height: 120px;
  cursor: text;
}
.documentPre-fullScreen-newpreview .fullScreen-content .left-talk .talk-input button {
  position: absolute;
  right: 20px;
  bottom: 23px;
  color: #ffffff;
  background-color: #fa8919;
  border: 0px;
  font-size: 12px;
  border-radius: 2px;
  height: 30px;
  width: 68px;
}
.documentPre-fullScreen-newpreview .overFllow {
  overflow-y: auto;
}
.documentPre-fullScreen-newpreview new-preview {
  width: 100%;
  height: 100%;
}
.documentPre-fullScreen-newpreview #special-img-preview img-preview {
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
}
.documentPre-fullScreen-newpreview #special-img-preview img-preview::-webkit-scrollbar {
  width: 0;
}
.documentPre-fullScreen-newpreview #special-new-preview {
  width: 100%;
  height: 100%;
}
.documentPre-fullScreen-newpreview .preview-loading {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #f3f3f3;
}
.documentPre-fullScreen-newpreview .preview-loading .loading-content {
  position: relative;
  top: 40%;
}
.documentPre-fullScreen-newpreview .preview-loading .loading-content i {
  font-size: 48px;
}
.documentPre-fullScreen-newpreview .preview-loading .loading-content .file-name {
  font-size: 20px;
  color: #4a4a4a;
}
.documentPre-fullScreen-newpreview .preview-loading .loading-content .file-size {
  color: #a9a9a9;
  font-size: 14px;
}
.documentPre-fullScreen-newpreview .preview-loading .loading-content .loading-text {
  color: #4a4a4a;
  font-size: 14px;
}
.documentPre-fullScreen-newpreview .preview-loading .loading-anminate {
  display: inline-block;
  width: 30px;
  height: 20px;
  line-height: 20px;
  vertical-align: bottom;
  animation: loading 2s linear infinite;
  white-space: nowrap;
  overflow: hidden;
}
.documentPre-fullScreen-newpreview .preview-loading .loading-anminate span {
  display: inline-block;
  border: 1.5px solid #a9a9a9;
  border-radius: 1.5px;
}
.document-comment-all .todel-btn {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.document-comment-all .content-1 {
  padding: 32px 25px 200px 17px;
  overflow: scroll;
}
.document-comment-all .content-1 .left-user-image {
  display: inline-block;
  width: 58px;
}
.document-comment-all .content-1 .left-user-image img {
  width: 36px;
  height: 36px;
  border-radius: 36px;
}
.document-comment-all .content-1 .left-user-image span.line-through {
  display: block;
  height: 100%;
  width: 3px;
  background: #f8f8f8;
  margin-left: 17px;
}
.document-comment-all .content-1 .right-userInfo {
  display: inline-block;
  max-width: 320px;
}
.document-comment-all .content-1 .right-userInfo span {
  display: inline-block;
  color: #a9a9a9;
}
.document-comment-all .content-1 .right-userInfo .name {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 600;
}
.document-comment-all .content-1 .document-create-person {
  line-height: 16px;
  display: flex;
}
.document-comment-all .content-1 .document-create-person .left-user-image {
  color: #67aaf6;
  font-size: 18px;
}
.document-comment-all .content-1 .document-create-person .left-user-image i {
  margin-left: 10px;
}
.document-comment-all .content-1 .document-create-person .right-userInfo {
  margin-bottom: 24px;
}
.document-comment-all .content-1 .comment-person {
  display: flex;
}
.document-comment-all .content-1 .comment-person font {
  margin-left: 58px;
}
.document-comment-all .content-1 .comment-person .left-user-image {
  float: left;
}
.document-comment-all .content-1 .comment-person .left-user-image .line-through {
  margin-top: -5px;
}
.document-comment-all .content-1 .comment-person .left-user-image .last-line {
  height: 48px;
}
.document-comment-all .content-1 .comment-person .right-userInfo .userInfo-tit {
  line-height: 20px;
  margin-bottom: 9px;
}
.document-comment-all .content-1 .comment-person .right-userInfo .userInfo-tit .name {
  word-wrap: break-word;
  max-width: 120px;
}
.document-comment-all .content-1 .comment-person .right-userInfo .userInfo-tit .ibass-delete:hover {
  color: #fa8919;
}
.document-comment-all .content-1 .comment-person .right-userInfo .user-comment pre {
  margin-top: -12px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  height: auto;
  width: 250px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.document-comment-all .add-comment:hover {
  border: solid 1px #fa8919;
}
.document-comment-all .add-comment:focus {
  border: solid 1px #fa8919;
}
.document-comment-all .focusshow {
  border: solid  1px #fa8919 !important;
}
.document-comment-all .add-comment {
  right: 20px;
  width: 340px;
  height: 50px;
  line-height: 50px;
  border-radius: 6px;
  background: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  margin: 10px 10px;
  z-index: 100;
}
.document-comment-all .add-comment .add-btn {
  display: inline-block;
  width: 50px;
  line-height: 46px;
  border-right: 1px solid #d5d5d5;
  text-align: center;
}
.document-comment-all .add-comment .add-btn i {
  font-size: 18px;
  color: #cdc9c5;
  position: relative;
  line-height: 45px;
  top: 3px;
}
.document-comment-all .add-comment .add-comment-box .add-input {
  padding-left: 15px;
  line-height: 50px;
  border: 0;
  width: 200px;
  height: 40px;
}
.document-comment-all .add-comment .add-comment-box .input-btn {
  position: relative;
  top: -43px;
  left: 260px;
  bottom: 8px;
  right: 10px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.document-comment-all .add-comment-border {
  right: 0;
  bottom: 0;
  width: 415px;
  height: 50px;
  background-color: #ffffff;
  z-index: 99;
}
#new-commit-preview {
  height: 59px;
  display: flex;
  border-top: solid 1px #f0f0f0;
}
#new-commit-preview > div {
  display: inline-block;
  color: #4a4a4a;
}
#new-commit-preview > div > div {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  line-height: 20px;
}
#new-commit-preview > div > div:first-child {
  font-size: 14px;
}
#new-commit-preview > div > div:last-child {
  font-size: 12px;
  margin-top: 3px;
}
#new-commit-preview > div > div:last-child span {
  margin-left: 10px;
  color: #a9a9a9;
}
#new-commit-preview > div:first-child {
  vertical-align: top;
}
#new-commit-preview > div:last-child {
  margin-top: 10px;
}
#new-commit-preview:first-child {
  border-top: 0px;
}
.local-online-edit {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 10px 0px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.12);
  position: absolute;
  left: -144px;
  top: -14px;
  width: 168px;
}
.local-online-edit .edit-item {
  padding-left: 13px;
  cursor: pointer;
  font-size: 12px;
}
.local-online-edit .edit-item:hover {
  background-color: #f8f8f8;
}
.local-online-edit .edit-item img {
  vertical-align: middle;
}
.local-online-edit .edit-item img + span {
  position: relative;
  top: 2px;
}
.operate-collection {
  position: relative;
  top: -8px;
  width: 160px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.12);
  font-family: PingFangSC;
  font-size: 14px;
  color: #212121;
  padding: 10px 0;
}
.operate-collection div {
  height: 32px;
  line-height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
}
.operate-collection div:hover {
  background-color: #f8f8f8;
}
.operate-collection .part-line {
  height: 0px;
  border: 0.5px solid #eeeeee;
  margin: 8px 0px;
}
.preview-zindex {
  z-index: 10000 !important;
}
@keyframes loading {
  0% {
    width: 0px;
  }
  33% {
    width: 10px;
  }
  66% {
    width: 20px;
  }
  100% {
    width: 30px;
  }
}
.canel-mouse-select {
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.active-remark {
  animation: init-animation 0.6s ease-in-out;
}
@keyframes init-animation {
  0% {
    border-color: #ff8919;
  }
  50% {
    border-color: #ff8919;
  }
  100% {
    border-color: rgba(255, 137, 25, 0);
  }
}
.shake {
  animation: shake .5s ease;
}
@keyframes shake {
  2% {
    transform: translate(-0.25px, 0.75px) rotate(0.75deg);
  }
  4% {
    transform: translate(0.75px, -0.25px) rotate(0.25deg);
  }
  6% {
    transform: translate(0.75px, -0.75px) rotate(-0.25deg);
  }
  8% {
    transform: translate(1.25px, 1.25px) rotate(-0.25deg);
  }
  10% {
    transform: translate(-0.75px, 0.75px) rotate(0.25deg);
  }
  12% {
    transform: translate(-0.25px, -0.25px) rotate(0.75deg);
  }
  14% {
    transform: translate(0.75px, 0.25px) rotate(0.75deg);
  }
  16% {
    transform: translate(0.75px, -0.75px) rotate(-0.25deg);
  }
  18% {
    transform: translate(0.75px, 1.25px) rotate(0.75deg);
  }
  20% {
    transform: translate(-0.75px, 0.75px) rotate(-0.25deg);
  }
  22% {
    transform: translate(1.25px, 0.75px) rotate(-0.25deg);
  }
  24% {
    transform: translate(-0.25px, 1.25px) rotate(0.75deg);
  }
  26% {
    transform: translate(-0.25px, 0.25px) rotate(0.75deg);
  }
  28% {
    transform: translate(-0.25px, -0.25px) rotate(0.75deg);
  }
  30% {
    transform: translate(1.25px, 1.25px) rotate(0.75deg);
  }
  32% {
    transform: translate(0.25px, 0.25px) rotate(0.75deg);
  }
  34% {
    transform: translate(-0.75px, 0.75px) rotate(0.25deg);
  }
  36% {
    transform: translate(0.75px, -0.75px) rotate(-0.25deg);
  }
  38% {
    transform: translate(1.25px, -0.75px) rotate(0.75deg);
  }
  40% {
    transform: translate(-0.75px, 0.75px) rotate(-0.25deg);
  }
  42% {
    transform: translate(1.25px, 0.25px) rotate(0.75deg);
  }
  44% {
    transform: translate(0.75px, 0.25px) rotate(-0.25deg);
  }
  46% {
    transform: translate(-0.25px, -0.75px) rotate(0.75deg);
  }
  48% {
    transform: translate(-0.75px, -0.25px) rotate(0.75deg);
  }
  50% {
    transform: translate(0.25px, 0.75px) rotate(0.25deg);
  }
  52% {
    transform: translate(-0.25px, -0.25px) rotate(-0.25deg);
  }
  54% {
    transform: translate(-0.75px, -0.25px) rotate(-0.25deg);
  }
  56% {
    transform: translate(-0.25px, 0.25px) rotate(0.75deg);
  }
  58% {
    transform: translate(-0.25px, -0.25px) rotate(0.25deg);
  }
  60% {
    transform: translate(0.75px, 0.25px) rotate(-0.25deg);
  }
  62% {
    transform: translate(-0.75px, 0.75px) rotate(0.25deg);
  }
  64% {
    transform: translate(0.75px, -0.25px) rotate(-0.25deg);
  }
  66% {
    transform: translate(1.25px, -0.75px) rotate(0.75deg);
  }
  68% {
    transform: translate(1.25px, 0.25px) rotate(-0.25deg);
  }
  70% {
    transform: translate(-0.25px, -0.75px) rotate(-0.25deg);
  }
  72% {
    transform: translate(0.25px, 1.25px) rotate(-0.25deg);
  }
  74% {
    transform: translate(-0.25px, -0.25px) rotate(0.25deg);
  }
  76% {
    transform: translate(1.25px, 0.75px) rotate(0.25deg);
  }
  78% {
    transform: translate(-0.75px, 1.25px) rotate(0.75deg);
  }
  80% {
    transform: translate(-0.25px, -0.25px) rotate(-0.25deg);
  }
  82% {
    transform: translate(-0.25px, -0.75px) rotate(-0.25deg);
  }
  84% {
    transform: translate(1.25px, 1.25px) rotate(-0.25deg);
  }
  86% {
    transform: translate(-0.25px, -0.25px) rotate(0.25deg);
  }
  88% {
    transform: translate(0.25px, -0.25px) rotate(0.75deg);
  }
  90% {
    transform: translate(-0.25px, 0.75px) rotate(-0.25deg);
  }
  92% {
    transform: translate(-0.25px, -0.75px) rotate(0.25deg);
  }
  94% {
    transform: translate(0.75px, 0.25px) rotate(0.75deg);
  }
  96% {
    transform: translate(-0.25px, 0.25px) rotate(-0.25deg);
  }
  98% {
    transform: translate(0.25px, 0.75px) rotate(-0.25deg);
  }
  0%,
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
.evidence-tooltip {
  width: 200px;
  text-align: left;
}

.split-file-template {
  font-family: 'PingFangSC-Medium';
}
.split-file-template .dialog-page-title {
  position: relative;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin: 40px 50px;
}
.split-file-template .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 11px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.split-file-template .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.split-file-template .split-file-page {
  margin: 0px 50px;
  height: 425px;
  display: flex;
}
.split-file-template .split-file-page > div {
  width: 100%;
}
.split-file-template .split-file-page .page-dir {
  border: 1px solid #f0f0f0;
  border-right: 0px;
  display: flex;
  flex-direction: column;
}
.split-file-template .split-file-page .page-dir .title-text {
  padding-left: 30px;
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
}
.split-file-template .split-file-page .page-dir .title-text i {
  color: #e3574d;
  font-size: 14px;
  position: relative;
  top: 1.5px;
}
.split-file-template .split-file-page .page-dir .title-text span {
  margin-left: 7px;
  font-size: 16px;
  color: #4a4a4a;
}
.split-file-template .split-file-page .page-dir .split-page {
  overflow-y: auto;
  height: 100%;
}
.split-file-template .split-file-page .page-dir .split-page .split-top {
  height: 15px;
  position: relative;
}
.split-file-template .split-file-page .page-dir .split-page::-webkit-scrollbar {
  width: 0px;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title {
  position: relative;
  padding: 0px 22px 0px 0px;
  height: 50px;
  display: flex;
  align-items: center;
  color: #4a4a4a;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title .move-double {
  color: #cdc9c5;
  cursor: move;
  visibility: hidden;
  display: inline-block;
  width: 30px;
  font-size: 10px;
  text-align: center;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title .move-double .ibass-more {
  cursor: move;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title .move-double .ibass-more::before {
  width: 6px;
  position: relative;
  left: -3px;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title i {
  font-size: 12px;
  position: relative;
  top: 1.5px;
  cursor: pointer;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title .pdf-name-span {
  margin-left: 8px;
  font-size: 14px;
  display: inline-block;
  width: 73%;
  height: 50px;
  line-height: 50px;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title .ibass-edit {
  margin-left: 12px;
  color: #cdc9c5;
  visibility: hidden;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title .ibass-delete {
  margin-left: 12px;
  color: #cdc9c5;
  visibility: hidden;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title:hover .ibass-edit,
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title:hover .ibass-delete {
  visibility: visible;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title:hover .move-double {
  visibility: visible;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title .edit-input {
  margin-left: 30px;
  border: 1px solid #fa8919;
  width: 271px;
  height: 24px;
  border-radius: 2px;
  font-size: 12px;
  padding: 4px 8px;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title .edit-sure {
  color: #fa8919;
  width: auto;
  margin-left: 12px;
  word-break: keep-all;
  font-size: 12px;
  cursor: pointer;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-repeat .split-page-title .edit-cancel {
  color: #fa8919;
  width: auto;
  margin-left: 12px;
  word-break: keep-all;
  font-size: 12px;
  cursor: pointer;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num-group {
  box-sizing: content-box;
  padding-left: 22px;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num {
  position: relative;
  font-size: 14px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #cdc9c5;
  cursor: pointer;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num .move-double {
  cursor: move;
  visibility: hidden;
  display: inline-block;
  width: 30px;
  font-size: 10px;
  text-align: center;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num .move-double .ibass-more::before {
  width: 6px;
  position: relative;
  left: -3px;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num .hide-checkbox {
  margin-right: 8px;
  visibility: hidden;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num .show-checkbox {
  visibility: visible;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num .ibass-checked {
  color: #fa8919;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num .num-context {
  width: 73%;
  color: #4a4a4a;
  height: 40px;
  line-height: 40px;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num .num-context-active {
  color: #fa8919;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num .ibass-delete {
  margin: 0px 21px;
  visibility: hidden;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num:hover {
  background-color: #f9f9f9;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num:hover .move-double {
  visibility: visible;
}
.split-file-template .split-file-page .page-dir .split-page .split-page-num:hover .ibass-delete {
  visibility: visible;
}
.split-file-template .split-file-page .page-dir .split-footer {
  box-shadow: 0 -1px 0 0 #ebebeb;
  height: 50px;
  line-height: 50px;
}
.split-file-template .split-file-page .page-dir .split-footer > div {
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
}
.split-file-template .split-file-page .page-dir .split-footer > div i {
  font-size: 12px;
  vertical-align: -1px;
}
.split-file-template .split-file-page .page-dir .split-footer > div i::before {
  height: 30px;
  line-height: 30px;
}
.split-file-template .split-file-page .page-dir .split-footer .btn-cancel-item {
  margin-left: 37px;
}
.split-file-template .split-file-page .page-dir .split-footer .btn-cancel-item i {
  color: #cdc9c5;
}
.split-file-template .split-file-page .page-dir .split-footer .btn-delete-item {
  float: right;
  margin-right: 36px;
}
.split-file-template .split-file-page .page-dir .split-footer .btn-delete-item i {
  color: #cdc9c5;
}
.split-file-template .split-file-page .page-dir .split-footer .btn-split-item {
  float: right;
  margin-right: 36px;
  color: #fa8919;
}
.split-file-template .split-file-page .page-view {
  display: flex;
  align-items: center;
  width: 300px;
  border: 1px solid #f0f0f0;
  text-align: center;
}
.split-file-template .delete-footer {
  margin: 30px 0px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  width: 100%;
}
.split-file-template .delete-footer .new-delete-btn {
  height: 32px;
  line-height: 32px;
  min-width: 100px;
}
.split-file-template .delete-footer .cancel-btn {
  margin-right: 30px;
  background-color: #f8f8f9;
  color: #4a4a4a;
  border: 1px solid #f8f8f9;
}
.split-file-template .group-del-btn {
  position: absolute;
  right: 0px;
  font-size: 13px;
  border-radius: 20px;
  background-color: red;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 0px;
  color: #ffffff;
}
.split-file-template .group-del-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.split-file-template .group-del-btn:active {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
}
.split-file-template .drag-item-item {
  position: absolute;
  display: flex;
  width: 100%;
  bottom: 0px;
  padding: 0px 72px;
}
.split-file-template .drag-item-item span {
  display: inline-block;
  border-radius: 7px;
  width: 7px;
  height: 7px;
  border: 1.5px solid #fa8919;
}
.split-file-template .drag-item-item div {
  width: 100%;
  display: inline-block;
  border: 1px solid #fa8919;
  height: 0px;
  position: relative;
  top: 2px;
}
.split-file-template .drag-group-group {
  position: absolute;
  display: flex;
  width: 100%;
  bottom: 0px;
  padding: 0px 72px;
  padding: 0px 52px;
}
.split-file-template .drag-group-group span {
  display: inline-block;
  border-radius: 7px;
  width: 7px;
  height: 7px;
  border: 1.5px solid #fa8919;
}
.split-file-template .drag-group-group div {
  width: 100%;
  display: inline-block;
  border: 1px solid #fa8919;
  height: 0px;
  position: relative;
  top: 2px;
}
.split-file-template .drag-item-group {
  background-color: rgba(250, 137, 25, 0.2);
}

.new-finance-in-matter.dialogtpl-in-financial {
  border-radius: 10px;
  box-sizing: border-box;
}
.new-finance-in-matter.dialogtpl-in-financial .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 0;
  cursor: pointer;
  color: #cdc9c5;
}
.new-finance-in-matter.dialogtpl-in-financial .pointer-event-none {
  pointer-events: none;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-entirety-operation-wrap {
  display: block;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: 20px;
  top: 20px;
  color: #cdc9c5;
  font-size: 16px;
  z-index: 10;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-entirety-operation-wrap .ibass-delete:hover {
  color: #f72b44!important;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-entirety-operation-wrap .ibass-close:hover {
  color: #a9a9a9!important;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-entirety-operation-wrap .ibass-edit:hover {
  color: #fa8919!important;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content {
  width: 100%;
  word-break: break-all;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-head {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  width: 550px;
  margin: 0 auto;
  height: 50px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-head .nfim-status-operation-wrap {
  height: 50px;
  width: 550px;
  margin: 0 auto;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-current-status {
  line-height: 63px;
  font-size: 14px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap {
  margin-top: 21px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #a9a9a9;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-more-operation {
  position: relative;
  display: block;
  height: 20px;
  color: #a9a9a9;
  margin-left: 16px;
  cursor: pointer;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-more-operation:hover {
  color: #fa8919;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-more-operation > div {
  top: 18px !important;
  left: -72px !important;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-current-operation {
  font-size: 14px;
  display: block;
  height: 20px;
  padding-right: 16px;
  border-right: 1px solid #eeeeee;
  cursor: pointer;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-current-operation:hover {
  color: #fa8919;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body {
  width: 500px;
  margin: 0 auto;
  padding-top: 24px;
  word-break: break-all;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body::after {
  content: ' ';
  display: block;
  width: 100%;
  height: 0px;
  overflow: hidden;
  clear: both;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common {
  height: 55px;
  position: relative;
  background: transparent;
  padding-top: 20px;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  font-size: 12px;
  display: block;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common label {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 16px;
  z-index: 0;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .label-active-with-value {
  top: 10px!important;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .item-input {
  outline: none;
  border: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: transparent;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  padding-right: 16px;
  font-size: 14px;
  color: #4a4a4a;
  border-bottom: 1px solid #ebebeb;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .required-icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  color: #f72b44;
  font-style: normal;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .nfim-none-border-color {
  border-bottom-color: #ebebeb!important;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .nfim-client-input-oprator {
  width: 42px;
  height: 20px;
  position: absolute;
  top: 26px;
  right: -42px;
  color: #a9a9a9;
  line-height: 20px;
  z-index: 10;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .nfim-client-input-oprator i {
  margin-right: 5px;
  cursor: pointer;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .nfim-client-input-oprator i:hover {
  color: #fc8919;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .nfim-company-status {
  position: absolute;
  top: 15px;
  right: 0px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-input-common .label-noactive {
  position: absolute;
  height: 20px;
  line-height: 20px;
  left: 0px;
  color: #a9a9a9;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-info-title-split {
  height: 45px;
  border-bottom: 1px solid #ebebeb;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-short-split-line {
  height: 1px;
  width: 200px;
  background: #ebebeb;
  clear: both;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-remark-wrap {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-remark-wrap .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-remark-wrap .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-remark-wrap .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-remark-wrap .remark-exceeded {
  color: #f72b44;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list {
  position: relative;
  padding: 17px 0 17px 42px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list:hover {
  background: #f8f8f9;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list:hover .ibass-close {
  visibility: visible;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-icon {
  display: block;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  left: 5px;
  top: 17px;
  height: 32px;
  width: 32px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-name {
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-size {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 12px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .ibass-close {
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete {
  position: absolute;
  top: 14px;
  right: 6px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete:hover {
  color: #f72b44;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-download {
  position: absolute;
  top: 14px;
  right: 25px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-download:hover {
  color: #fc8919;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-upload-attachments {
  width: 80px;
  height: 20px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-upload-attachments:hover i,
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-upload-attachments:hover span {
  color: #fa8919;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-upload-attachments i {
  color: #cdc9c5;
  display: block;
  height: 20px;
  width: 14px;
  font-size: 14px;
  line-height: 20px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-upload-attachments span {
  height: 20px;
  font-size: 14px;
  color: #737373;
  margin-left: 10px;
  line-height: 20px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-upload-attachments .triangle {
  border-bottom-color: #3D3D3D;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-upload-attachments .triangle::after {
  border-bottom-color: #3d3d3d!important;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-upload-attachments .ns-popover-tooltip {
  border-color: transparent!important;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-view-head {
  float: left;
  width: 100%;
  height: 66px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 17px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-view-head .nfim-view-title {
  margin: 0;
  height: 28px;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  color: #4a4a4a;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .nfim-view-head .nfim-view-subtitle {
  margin: 0;
  height: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #a9a9a9;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .add-bill-method {
  color: #cdc9c5;
  font-size: 12px;
  cursor: pointer;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-body .popover {
  text-align: right;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-foot {
  overflow: hidden;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-foot .nfim-save-button {
  width: 126px;
  height: 34px;
  display: block;
  border: none;
  margin: 26px auto 0;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 20px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-foot .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-dynamic-and-comments {
  height: auto;
  padding: 20px 25px 0;
  background: #f8f8f9;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
}
.new-finance-in-matter.dialogtpl-in-financial .nfim-content .nfim-none-style {
  box-shadow: none!important;
  border: none!important;
  background: none!important;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .icon {
  cursor: pointer;
  display: inline-block;
  width: 14px;
  height: 14px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .icon.ibass-download:hover {
  color: #fa8919;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .fee-calc {
  width: 20px;
  height: 20px;
  position: absolute;
  display: inline-block;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .fee-calc:before {
  position: absolute;
  content: "\EB91";
  font-family: icon-bass;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .inline {
  display: inline-block;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-body {
  position: relative;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-body .nfim-bill-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap {
  margin-top: 30px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .title {
  line-height: 40px;
  font-weight: 700;
  border-bottom: 1px solid #ebebeb;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .title span:last-child {
  float: right;
  padding-right: 115px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .no-bill-con {
  font-size: 14px;
  color: #a9a9a9;
  text-align: center;
  padding: 20px 0 30px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .content {
  padding: 15px 0;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .content .content-title {
  color: #4a4a4a;
  font-size: 14px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .content .content-title span:nth-child(2) {
  padding-left: 290px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .content .content-title .calc-as-condition {
  float: right;
  cursor: pointer;
  font-size: 12px;
  padding: 1px 4px 1px 1px;
  border-radius: 3px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .content .content-title .calc-as-condition span {
  padding-left: 22px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .content .content-title .clicked-calc {
  background: #ed6c00;
  color: #fff;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .content .content-title .not-clicked-calc {
  background: #fff !important;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .content .content-title .content-content {
  width: 384px;
  margin-top: 15px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .content .content-title input {
  margin-left: 200px;
  text-align: right;
  margin-right: 5px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap hr {
  margin: 0;
  border: none;
  border-top: 1px solid #ebebeb;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer {
  padding-bottom: 20px;
  text-align: right;
  background-color: #fff;
  margin-top: 0;
  margin-left: 120px;
  width: 285px;
  height: auto;
  padding-top: 25px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div {
  line-height: 30px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div span:first-child {
  float: left;
  width: 80px;
  display: inline-block;
  text-align: right;
  font-weight: 700;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.pay span,
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.total span {
  display: inline-block;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.pay span:nth-child(2),
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.total span:nth-child(2) {
  display: inline-block;
  max-width: 130px;
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 14px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.pay span:nth-child(3),
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.total span:nth-child(3) {
  vertical-align: top;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.pay span:nth-child(2) {
  font-size: 16px;
  color: #ed6c00;
  font-weight: 700;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div span:nth-child(3) {
  margin-left: 5px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.discount {
  position: relative;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.discount span:nth-child(1) {
  position: absolute;
  left: 0;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.discount span:nth-child(2) {
  display: inline-block;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer > div.discount span:nth-child(2) input {
  padding-left: 88px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer .calc-discount-money input {
  text-align: right;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer .calc-as-result {
  width: 100px;
  display: inline-block;
  margin-right: -106px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer .calc-as-result i {
  display: flex;
  margin-left: 10px;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap .footer .calc-as-result input {
  width: 50px;
  padding-left: 3px;
  border: none;
  border-bottom: 1px solid #ebebeb;
}
.new-finance-in-matter.dialogtpl-in-financial.bill .nfim-foot-wrap input {
  border: none;
  border-bottom: 1px solid #ebebeb;
}
.new-finance-in-matter.dialogtpl-in-financial .approve-flow-select .ibass-trig-down {
  top: 0;
}
.new-finance-in-matter.dialogtpl-in-financial .approve-flow-select .approve-flow-name {
  margin-right: 16px;
}
.new-finance-in-matter.dialogtpl-in-financial .has-no-right p {
  text-align: center;
  padding: 100px 0;
}
.matter-finance-select-box {
  max-height: 200px;
  margin: 0!important;
  box-sizing: border-box;
  padding: 5px 0!important;
  overflow-y: scroll;
}
.matter-finance-select-box .select-box-list {
  position: relative;
  height: 36px;
  line-height: 36px;
  color: #4A4A4A!important;
  box-sizing: border-box;
  padding: 0 8px;
  width: 100%;
  cursor: pointer;
}
.matter-finance-select-box .select-box-list:hover {
  background: #f8f8f9;
}
.options-box-triggle {
  border-bottom-color: #3d3d3d!important;
}
.options-box-triggle::after {
  border-bottom-color: #3d3d3d!important;
}
.nfim-title {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  width: 550px;
  margin: 0 auto;
  height: 0px;
  padding-top: 50px;
}
.nfim-title .nfim-title-content {
  float: left;
  color: #4a4a4a;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  height: 22px;
  padding: 0 10px;
  font-size: 16px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
}
.nfim-input-common {
  height: 55px;
  position: relative;
  background: transparent;
  padding-top: 20px;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.nfim-input-common label {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 16px;
  z-index: 0;
}
.nfim-input-common .label-active-with-value {
  top: 10px!important;
}
.nfim-input-common .item-input {
  outline: none;
  border: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: transparent;
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  padding-right: 16px;
  font-size: 14px;
  color: #4a4a4a;
  border-bottom: 1px solid #ebebeb;
}
.nfim-input-common .required-icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  color: #f72b44;
  font-style: normal;
}
.nfim-input-common .nfim-none-border-color {
  border-bottom-color: #ebebeb!important;
}
.nfim-input-common .nfim-client-input-oprator {
  width: 42px;
  height: 20px;
  position: absolute;
  top: 26px;
  right: 10px;
  color: #a9a9a9;
  line-height: 20px;
  z-index: 10;
}
.nfim-input-common .nfim-client-input-oprator i {
  margin-right: 5px;
  cursor: pointer;
}
.nfim-input-common .nfim-client-input-oprator i:hover {
  color: #fc8919;
}
.nfim-input-common .nfim-company-status {
  position: absolute;
  top: 15px;
  right: 0px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.nfim-input-common .matter-name {
  top: 10px !important;
}
.nfim-invoice-split {
  height: 45px;
  border-bottom: 1px solid #ebebeb;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}
.nfim-short-split-line {
  height: 1px;
  width: 200px;
  background: #ebebeb;
}
.nfim-attachements .nfim-attachemnt-list {
  position: relative;
  padding: 17px 0 17px 42px;
}
.nfim-attachements .nfim-attachemnt-list:hover {
  background: #f8f8f9;
}
.nfim-attachements .nfim-attachemnt-list:hover .ibass-close {
  visibility: visible;
}
.nfim-attachements .nfim-attachemnt-list .attachment-icon {
  display: block;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  left: 5px;
  top: 17px;
  height: 32px;
  width: 32px;
}
.nfim-attachements .nfim-attachemnt-list .attachment-name {
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nfim-attachements .nfim-attachemnt-list .attachment-size {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 12px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nfim-attachements .nfim-attachemnt-list .ibass-close {
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete {
  position: absolute;
  top: 14px;
  right: 6px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete:hover {
  color: #f72b44;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-download {
  position: absolute;
  top: 14px;
  right: 25px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-download:hover {
  color: #fc8919;
}
.nfim-upload-attachments {
  width: 80px;
  height: 20px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}
.nfim-upload-attachments:hover i,
.nfim-upload-attachments:hover span {
  color: #fa8919;
}
.nfim-upload-attachments i {
  color: #cdc9c5;
  display: block;
  height: 20px;
  width: 14px;
  font-size: 14px;
  line-height: 20px;
}
.nfim-upload-attachments span {
  height: 20px;
  font-size: 14px;
  color: #737373;
  margin-left: 10px;
  line-height: 20px;
}
.nfim-upload-attachments .triangle {
  border-bottom-color: #3D3D3D;
}
.nfim-upload-attachments .triangle::after {
  border-bottom-color: #3d3d3d!important;
}
.nfim-upload-attachments .ns-popover-tooltip {
  border-color: transparent!important;
}
.nfim-save-button {
  width: 126px;
  height: 34px;
  display: block;
  border: none;
  margin: 26px auto 0;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 20px;
}
.nfim-absolute-full-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ns-popover-addbillmethod {
  cursor: pointer;
  hieght: 36px;
  line-height: 36px;
  text-align: left;
  padding-left: 9px;
  font-size: 14px;
  color: #4a4a4a;
}
.ns-popover-addbillmethod:hover {
  background: #f8f8f9 !important;
}
.ns-popover-addbillmethod:first-child {
  margin-top: 15px;
}
.ns-popover-addbillmethod:last-child {
  margin-bottom: 15px;
}
.financial-overview {
  background-color: #f8f8f9;
  font-size: 0;
  height: 80px;
  margin: 5px 0 18px;
}
.financial-overview > div {
  display: inline-block;
  width: 125px;
  text-align: center;
  padding-top: 19px;
  box-sizing: content-box;
}
.financial-overview > div .money {
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #4a4a4a;
  font-weight: 200;
  font-family: AppleSDGothicNeo;
  border-right: solid 1px #ebebeb;
}
.financial-overview > div > span {
  font-size: 12px;
  display: block;
  width: 113px;
  padding: 0 6px;
}
.financial-overview > div .name {
  font-size: 12px;
  color: #a9a9a9;
  border-right: solid 1px #ebebeb;
}
.financial-overview > div:last-child span.money,
.financial-overview > div:last-child span.name {
  border-right: none;
}


.financial-dialog-container {
  display: inline-block;
  padding: 0 30px;
  position: relative;
  width: 1000px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -15px;
  padding: 0 25px;
  box-sizing: border-box;
}
.financial-dialog-title {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  height: 40px;
  text-align: center;
  margin-bottom: 20px;
}
.financial-dialog-title span {
  color: #4a4a4a;
  font-size: 16px;
  padding: 0 10px;
  background-color: #fff;
  line-height: 74px;
}
.financial-dialog-title .ibass-close {
  position: absolute;
  right: 0px;
  top: 10px;
}
.financial-dialog-label {
  border-bottom: 1px solid #ebebeb;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin: 10px 0;
  clear: both;
}
.financial-dialog-label .i-dialog-label {
  color: #4a4a4a;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 30px;
}
.financial-input-common {
  height: 55px;
  position: relative;
  background: transparent;
  padding-top: 20px;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.reim-detail-tips {
  padding: 10px!important;
  max-width: 300px;
}
.ns-popover-tooltip-no-margin {
  margin: 0!important;
}
.i-pointer-none {
  pointer-events: none;
}

.new-financeV2-in-matter.dialogtpl-in-financialV2 .fs14 {
  font-size: 14px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .no-edit {
  pointer-events: none;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-entirety-operation-wrap {
  display: block;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: 25px;
  top: 16px;
  color: #cdc9c5;
  font-size: 16px;
  z-index: 10;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-title {
  width: calc(100% - 50px);
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-current-status {
  line-height: 63px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap {
  margin-top: 21px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  font-size: 12px;
  display: block;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .label-active-with-value {
  top: 10px !important;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .nfim-none-border-color {
  border-bottom-color: #ebebeb !important;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .nfim-company-status {
  position: absolute;
  top: 15px;
  right: 0px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .nfim-company-status i {
  display: block;
  margin-right: 8px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .nfim-company-status .nfim-company-status-text {
  margin-right: 8px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .nfim-company-status .nfim-company-status-check-time {
  color: #a9a9a9;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .label-noactive {
  position: absolute;
  height: 20px;
  line-height: 20px;
  left: 0px;
  color: #a9a9a9;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-input-common .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 0;
  cursor: pointer;
  color: #cdc9c5;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-info-title-split {
  height: 45px;
  border-bottom: 1px solid #ebebeb;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-short-split-line {
  height: 1px;
  width: 200px;
  background: #ebebeb;
  clear: both;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-remark-wrap {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-remark-wrap .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-remark-wrap .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-remark-wrap .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-remark-wrap .remark-exceeded {
  color: #f72b44;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list {
  position: relative;
  padding: 17px 0 17px 42px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list:hover {
  background: #f8f8f9;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list:hover .ibass-close {
  visibility: visible;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-icon {
  display: block;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  left: 5px;
  top: 17px;
  height: 32px;
  width: 32px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-name {
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-size {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 12px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .ibass-close {
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete {
  position: absolute;
  top: 14px;
  right: 6px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete:hover {
  color: #f72b44;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-download {
  position: absolute;
  top: 14px;
  right: 25px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-download:hover {
  color: #fc8919;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-upload-attachments {
  width: 80px;
  height: 20px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-upload-attachments:hover i,
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-upload-attachments:hover span {
  color: #fa8919;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-upload-attachments i {
  color: #cdc9c5;
  display: block;
  height: 20px;
  width: 14px;
  font-size: 14px;
  line-height: 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-upload-attachments span {
  height: 20px;
  font-size: 14px;
  color: #737373;
  margin-left: 10px;
  line-height: 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-upload-attachments .triangle {
  border-bottom-color: #3D3D3D;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-upload-attachments .triangle::after {
  border-bottom-color: #3d3d3d !important;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-upload-attachments .ns-popover-tooltip {
  border-color: transparent !important;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-view-head {
  float: left;
  width: 100%;
  height: 66px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 17px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-view-head .nfim-view-title {
  margin: 0;
  height: 28px;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  color: #4a4a4a;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-view-head .nfim-view-subtitle {
  display: flex;
  justify-content: space-between;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-view-head .nfim-view-subtitle .nfim-view-matter-name {
  height: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #a9a9a9;
  width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-view-head .nfim-view-subtitle .nfim-view-jump-matter {
  text-align: right;
  width: 110px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .nfim-view-head .nfim-view-subtitle .nfim-view-jump-matter span {
  color: #4a4a4a;
  vertical-align: text-bottom;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .add-bill-method {
  color: #cdc9c5;
  font-size: 12px;
  cursor: pointer;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-body .popover {
  text-align: right;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-foot .nfim-save-button {
  width: 126px;
  height: 34px;
  display: block;
  border: none;
  margin: 26px auto 0;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-foot .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-dynamic-and-comments {
  height: auto;
  padding: 20px 25px 0;
  background: #f8f8f9;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .nfim-content .nfim-none-style {
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  margin-bottom: 20px;
  line-height: 22px;
  font-size: 14px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .icon {
  cursor: pointer;
  display: inline-block;
  width: 14px;
  height: 14px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .icon.ibass-download:hover {
  color: #fa8919;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .fee-calc {
  width: 20px;
  height: 20px;
  position: absolute;
  display: inline-block;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .fee-calc:before {
  position: absolute;
  content: "\EB91";
  font-family: icon-bass;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .inline {
  display: inline-block;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-body {
  width: calc(100% - 50px);
  margin: 0 auto;
  position: relative;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-body .nfim-bill-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 {
  margin-top: 30px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .title {
  line-height: 40px;
  font-weight: 700;
  border-bottom: 1px solid #ebebeb;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .title span:last-child {
  float: right;
  padding-right: 115px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .no-bill-con {
  font-size: 14px;
  color: #a9a9a9;
  text-align: center;
  padding: 20px 0 30px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .content {
  padding: 15px 0;
  color: #4a4a4a;
  font-size: 14px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .content > div {
  margin-right: 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .content span:nth-child(2) {
  display: inline-block;
  width: 155px;
  text-align: right;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .content .content-content {
  width: 384px;
  margin-top: 15px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .content .nfim-input-common {
  width: 150px;
  vertical-align: bottom;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .span-info-tip {
  font-size: 12px;
  color: #a9a9a9;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .required-icon {
  color: #f72b44;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 input {
  margin-right: 5px;
  width: 120px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer {
  padding: 0;
  background-color: #fff;
  color: #9a9a9a;
  margin-top: 0;
  margin-left: 20px;
  font-size: 14px;
  height: auto;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .case-pay .inline > label,
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .substitute-pay .inline > label {
  display: inline-block !important;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .case-pay .inline > label.label-noactive.label-hide,
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .substitute-pay .inline > label.label-noactive.label-hide {
  display: none !important;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .required-icon {
  margin: 0 10px 0 5px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .content-title span:nth-of-type(2) {
  display: inline-block;
  width: 118px;
  text-align: right;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .calc-as-condition {
  cursor: pointer;
  font-size: 12px;
  padding: 1px 4px 1px 1px;
  border-radius: 3px;
  display: inline-block;
  margin: 15px 0 15px 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .calc-as-condition span {
  padding-left: 22px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .clicked-calc {
  background: #ed6c00;
  color: #fff;
  width: 125px;
  margin: 15px 0 15px 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .not-clicked-calc {
  background: #fff !important;
  margin: 15px 0 15px 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .label-active {
  font-size: 12px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div {
  line-height: 30px;
  margin-bottom: 8px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.pay span,
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.total span {
  display: inline-block;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.pay span:nth-child(2),
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.total span:nth-child(2) {
  display: inline-block;
  max-width: 130px;
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 14px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.pay span:nth-child(3),
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.total span:nth-child(3) {
  vertical-align: top;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.pay span:nth-child(1) {
  width: 50px;
  vertical-align: top;
  text-align: right;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.pay span:nth-child(2) {
  font-size: 16px;
  color: #ed6c00;
  font-weight: 700;
  text-align: right;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div span:nth-child(3) {
  margin-left: 5px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.discount {
  position: relative;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.discount .inline label {
  text-align: right;
  margin-right: 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer > div.discount span:nth-child(2) {
  display: inline-block;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer input {
  text-align: right;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .calc-as-result {
  width: 120px;
  display: inline-block;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .calc-as-result i {
  display: flex;
  margin-left: 10px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 .footer .calc-as-result input {
  width: 88px;
  padding-left: 30px;
  border: none;
  border-bottom: 1px solid #ebebeb;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .nfim-foot-wrapV2 input {
  border: none;
  border-bottom: 1px solid #ebebeb;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .half-width {
  width: 50%;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .half-right {
  width: 260px;
  margin-left: 20px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .half-right .time-range-text-select {
  font-size: 14px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .half-right .finance-timer-select-show {
  border: none;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .attorneys-fee {
  color: #4a4a4a;
  width: 120px;
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .approve-flow-select .ibass-trig-down {
  top: 0;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .approve-flow-select .approve-flow-name {
  margin-right: 16px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .has-no-right p {
  text-align: center;
  padding: 100px 0;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2 .overview-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}
.matter-finance-select-box {
  max-height: 200px;
  margin: 0 !important;
  box-sizing: border-box;
  padding: 5px 0 !important;
  overflow-y: scroll;
}
.matter-finance-select-box .select-box-list {
  position: relative;
  height: 36px;
  line-height: 36px;
  color: #4A4A4A !important;
  box-sizing: border-box;
  padding: 0 8px;
  width: 100%;
  cursor: pointer;
}
.matter-finance-select-box .select-box-list:hover {
  background: #f8f8f9;
}
.options-box-triggle {
  border-bottom-color: #3d3d3d !important;
}
.options-box-triggle::after {
  border-bottom-color: #3d3d3d !important;
}
.nfim-input-common .nfim-company-status {
  position: absolute;
  top: 15px;
  right: 0px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.nfim-input-common .nfim-company-status i {
  display: block;
  margin-right: 8px;
}
.nfim-input-common .nfim-company-status .nfim-company-status-text {
  margin-right: 8px;
}
.nfim-input-common .nfim-company-status .nfim-company-status-check-time {
  color: #a9a9a9;
}
.nfim-input-common .matter-name {
  top: 10px !important;
}
.financialV2-overview {
  background-color: #f8f8f9;
  font-size: 0;
  height: 80px;
  margin: 5px 0 18px;
}
.financialV2-overview > div {
  display: inline-block;
  width: 125px;
  text-align: center;
  padding-top: 19px;
  box-sizing: content-box;
}
.financialV2-overview > div .money {
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #4a4a4a;
  font-weight: 200;
  font-family: AppleSDGothicNeo;
  border-right: solid 1px #ebebeb;
}
.financialV2-overview > div > span {
  font-size: 12px;
  display: block;
  width: 113px;
  padding: 0 6px;
}
.financialV2-overview > div .name {
  font-size: 12px;
  color: #a9a9a9;
  border-right: solid 1px #ebebeb;
}
.financialV2-overview > div:last-child span.money,
.financialV2-overview > div:last-child span.name {
  border-right: none;
}
.nfim-financialV2-cover {
  width: 100%;
  height: 100%;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .ns-popover-tooltip-theme {
  width: 100%;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .bill-select-matter-tpl .matter-list {
  max-height: 185px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .bill-select-matter-tpl .matter-list li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .bill-select-matter-tpl .matter-list .content-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .bill-select-matter-tpl .matter-list .content-wrapper .matter-name,
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .bill-select-matter-tpl .matter-list .content-wrapper .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .bill-select-matter-tpl .matter-list .content-wrapper .matter-no {
  color: #a9a9a9;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .bill-select-matter-tpl .matter-list .ibass-done {
  height: 44px;
  line-height: 44px;
}
.new-financeV2-in-matter.dialogtpl-in-financialV2.bill .bill-select-matter-tpl input::placeholder {
  font-size: 12px;
}

.finacial-invoice__claim-invoice-dialog {
  padding: 20px 0;
}
.finacial-invoice__claim-invoice-dialog .ns-popover-tooltip-theme {
  width: 100%;
}
.finacial-invoice__claim-invoice-dialog .dialog-content {
  padding: 0 50px;
}
.finacial-invoice__claim-invoice-dialog .dialog-title {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.finacial-invoice__claim-invoice-dialog .dialog-title .ibass-close {
  position: absolute;
  right: 15px;
}
.finacial-invoice__claim-invoice-dialog .claim-item {
  display: inline-flex;
  width: 500px;
  min-height: 32px;
  margin-bottom: 10px;
}
.finacial-invoice__claim-invoice-dialog .claim-item .popover-id {
  position: relative;
  width: 330px;
}
.finacial-invoice__claim-invoice-dialog .claim-item-label {
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
  width: 130px;
  text-align: right;
}
.finacial-invoice__claim-invoice-dialog .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.finacial-invoice__claim-invoice-dialog .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.finacial-invoice__claim-invoice-dialog .cursor.ibass-trig-down {
  position: absolute;
  right: 0;
  color: #a9a9a9;
  top: 25px;
}
.finacial-invoice__claim-invoice-dialog .nfim-input-common .required-icon {
  right: -10px;
}
.finacial-invoice__claim-invoice-dialog .ns-popover-item {
  padding-right: 30px;
  display: flex;
}
.finacial-invoice__claim-invoice-dialog .ns-popover-item span {
  display: inline-block;
  width: 100%;
}
.finacial-invoice__claim-invoice-dialog .ns-popover-item .check-flag {
  color: #fa8919;
  position: absolute;
  right: 7px;
}
.finacial-invoice__claim-invoice-dialog .select-box-list {
  display: inline-block;
}
.finacial-invoice__claim-invoice-dialog .select-box-list span {
  display: inline-block;
}
.finacial-invoice__claim-invoice-dialog .nfim-input-common.no-select-bgc label {
  z-index: 2;
}
.finacial-invoice__claim-invoice-dialog .nfim-input-common.no-select-bgc input {
  background-color: #f8f8f9;
  height: 30px;
}
.finacial-invoice__claim-invoice-dialog .nfim-input-common.no-select-bgc .required-icon {
  z-index: 3;
}

.financial-allocation {
  min-height: 600px;
  margin-top: -20px;
}
.financial-allocation .financial-report-left {
  width: 180px;
  min-height: 600px;
  padding-top: 20px;
}
.financial-allocation .financial-report-left .financial-left-bar {
  display: block;
  width: 150px;
  height: 32px;
  line-height: 32px;
  padding: 0px 10px;
  border-radius: 25px;
  margin-bottom: 6px;
}
.financial-allocation .financial-report-left .financial-left-bar span {
  position: relative;
  top: -1px;
}
.financial-allocation .financial-report-left .financial-left-bar .ibass-arrow-right {
  float: right;
}
.financial-allocation .financial-report-left .financial-left-bar .ibass-dot {
  color: #cdc9c5;
  margin-right: 4px;
}
.financial-allocation .financial-report-left .financial-left-bar:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-allocation .financial-report-left .bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-allocation .financial-report-right {
  width: 950px;
  min-height: 600px;
  border-left: 1px solid #f5f5f5;
  padding: 16px 0 150px 20px;
  box-sizing: border-box;
}

.i-financialV2-bill #financial-bill-matter {
  position: relative;
}
.i-financialV2-bill .financial-content .toBeSub,
.i-financialV2-bill .financial-content .clientName,
.i-financialV2-bill .financial-content .billNumber {
  width: 210px !important;
}
.i-financialV2-bill .financial-content .billAmount,
.i-financialV2-bill .financial-content .billDate,
.i-financialV2-bill .financial-content .billEndDate {
  width: 170px  !important;
}
.i-financialV2-bill .financial-content .status {
  width: 100px  !important;
}
.i-financialV2-bill .financial-content .table-header {
  font-size: 12px;
}
.i-financialV2-bill .financial-content .table-header > span {
  cursor: default;
  display: inline-block;
}
.i-financialV2-bill .financial-content .table-header .canHover {
  cursor: pointer;
}
.i-financialV2-bill .financial-content .table-header .canHover i {
  margin-left: 10px;
}
.i-financialV2-bill .financial-content .table-header .canHover:hover i {
  color: #ED6C00;
}
.i-financialV2-bill .financial-content .table-content .table-tr {
  font-size: 0;
}
.i-financialV2-bill .financial-content .table-content .table-tr .common-span span {
  display: block;
  width: 100%;
  margin-top: 5px;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}
.i-financialV2-bill .financial-content .table-content .table-tr .common-span span:first-of-type {
  margin-top: 12px;
}

.financial-contract-content .table-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 0;
}
.financial-contract-content .table-header div {
  width: 25%;
}
.financial-contract-content .table-body {
  font-size: 13px;
}
.financial-contract-content .table-body .table-tr {
  display: flex;
  border-bottom: 1px solid #f5f5f5;
  padding: 5px 0;
  position: relative;
}
.financial-contract-content .table-body .table-tr:hover {
  background-color: #f8f8f9;
}
.financial-contract-content .table-body .table-tr:hover .financial-contract-list-method {
  display: block;
}
.financial-contract-content .table-body .table-tr:hover .financial-contract-list-method .financial-contract-list-method-content {
  display: flex;
  align-items: center;
  align-content: center;
  height: 100%;
  width: 150px;
  flex-wrap: wrap;
}
.financial-contract-content .table-body .table-tr:hover .financial-contract-list-method .financial-contract-list-method-content > div {
  width: 100%;
}
.financial-contract-content .table-body .table-tr:hover i {
  color: #a9a9a9;
  vertical-align: middle;
}
.financial-contract-content .table-body .table-tr > div {
  width: 25%;
}
.financial-contract-content .table-body .table-tr > div .half-title {
  font-size: 12px;
  padding-bottom: 5px;
  color: #a9a9a9;
  width: 100%;
  display: flex;
}
.financial-contract-content .table-body .table-tr > div .half-title span:nth-child(1) {
  display: inline-block;
  flex-shrink: 0;
}
.financial-contract-content .table-body .table-tr > div .half-title span:nth-child(2) {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.financial-contract-content .table-body .table-tr > div .main-title {
  padding-top: 5px;
  font-size: 13px;
  color: #4a4a4a;
}
.financial-contract-content .table-body .table-tr .financial-contract-list-method {
  position: absolute;
  width: 150px;
  height: 100%;
  align-items: center;
  right: 0;
  top: 0;
}
.financial-contract-content .table-body .table-tr .financial-contract-list-method .financial-contract-list-method-content {
  display: flex;
  align-items: center;
  align-content: center;
  height: 100%;
  width: 150px;
  flex-wrap: wrap;
}
.financial-contract-content .table-body .table-tr .financial-contract-list-method .financial-contract-list-method-content > div {
  width: 100%;
  color: #a9a9a9;
  font-size: 12px;
}
.financial-contract-content .table-body .table-tr .financial-contract-list-status {
  align-self: center;
}
.financial-contract-content .table-body .page {
  text-align: center;
}
.financial-contract-content .table-body .page ul {
  display: inline-block;
}
.ns-popover-alarm {
  font-size: 13px;
  padding: 5px 10px;
}
.ns-popover-alarm .ns-popover-items-title {
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-bottom: 1px solid  #ed6c00;
}
.ns-popover-alarm .ns-popover-items-content p {
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.ns-popover-alarm .ns-popover-item-footer {
  height: 35px;
  line-height: 35px;
  text-align: center;
}
.ns-popover-alarm .ns-popover-item-footer .ns-popover-item-footer-button {
  display: inline-block;
  font-size: 12px;
  width: 70px;
  height: 25px;
  line-height: 25px;
  background: #ed6c00;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  margin-left: 20px;
}
.ns-popover-alarm .financial-contract-alarm {
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
  width: 50px;
  margin: 0 5px;
}

.financial-more-filter {
  padding: 40px 0;
  background-color: #fbfbfb;
  border-radius: 2px;
  box-sizing: border-box;
  margin: 0 auto;
}
.financial-more-filter .financial-more-filter-ul {
  width: 100%;
  display: flex;
}
.financial-more-filter .financial-more-filter-ul .financial-more-filter-left,
.financial-more-filter .financial-more-filter-ul .financial-more-filter-middle,
.financial-more-filter .financial-more-filter-ul .financial-more-filter-right {
  width: 33%;
}
.financial-more-filter .financial-more-filter-ul .financial-more-filter-li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 33px;
  margin-bottom: 18px;
}
.financial-more-filter .financial-more-filter-ul .financial-more-filter-li .financial-more-filter-name {
  width: 25%;
  text-align: right;
  line-height: 28px;
  margin-right: 8px;
  min-width: 25%;
}
.financial-more-filter .financial-more-filter-ul .financial-more-filter-li .financial-more-filter-type {
  width: 75%;
  justify-content: flex-start;
}
.financial-more-filter .financial-more-filter-button {
  text-align: right;
  padding-right: 70px;
}
.financial-more-filter .financial-more-filter-button .btn {
  height: 32px;
  width: 100px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border-radius: 20px;
  line-height: 32px;
}
.financial-more-filter .financial-more-filter-button .reset-btn {
  background-color: #f8f8f9;
}
.financial-more-filter .financial-more-filter-button .sure-btn {
  color: #fff;
  background-color: #fa8919;
}

.financial__expense {
  display: flex;
}
.financial__expense .financial-header {
  margin: 20px 0;
}
.financial__expense .popover-wrapper {
  position: relative;
}
.financial__expense .financial__expense-left {
  left: 0;
  min-height: 800px;
  border-right: 1px solid #ebebeb;
}
.financial__expense .financial__expense-left .nav-item {
  width: 130px;
  height: 32px;
  line-height: 28px;
  margin-bottom: 6px;
  padding-left: 10px;
  border-radius: 25px;
}
.financial__expense .financial__expense-left .nav-item:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial__expense .financial__expense-left .nav-item:hover i {
  color: #fa8919;
}
.financial__expense .financial__expense-left .nav-item:hover .ibass-arrow-right {
  visibility: visible;
}
.financial__expense .financial__expense-left .nav-bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial__expense .financial__expense-left .nav-bar-active i {
  color: #fa8919;
}
.financial__expense .financial__expense-left .nav-bar-active .ibass-arrow-right {
  visibility: visible;
}
.financial__expense .financial__expense-left .ibass-dot {
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #cdc9c5;
}
.financial__expense .financial__expense-left .ibass-arrow-right {
  float: right;
  margin-right: 10px;
  position: relative;
  top: 3px;
  visibility: hidden;
}
.financial__expense .financial__expense-right {
  width: 100%;
  height: 100%;
}
.financial__expense .financial__expense-right .financial-title .select-bar-name {
  padding-right: 20px;
  margin-right: 15px;
  border-right: 1px solid #ebebeb;
}
.financial__expense .financial__expense-right .financial-title .overview {
  color: #a9a9a9;
}
.financial__expense .financial__expense-right .financial-title .overview span {
  padding-right: 10px;
}
.financial__expense .financial__expense-right .financial-title .operation-add {
  margin-left: 15px;
}
.financial__expense .financial-filter {
  width: auto;
}
.financial__expense .financial-filter .status-label {
  color: #4a4a4a;
}
.financial__expense .financial-search {
  width: 400px!important;
}
.financial__expense .status-fixed .status-selector-wrapper {
  background-color: #3d3d3d;
  width: 160px;
}
.financial__expense .financial-filter-more .ibass-trig-down {
  color: #a9a9a9;
}
.financial__expense .financial-filter-more .financial-filter-more-choose .ibass-trig-down {
  color: #ED6C00;
}
.financial__expense .financial-filter-more-container {
  min-height: inherit;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.financial__expense .financial__expense-list .expense-list__header {
  display: flex;
  padding: 5px 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
}
.financial__expense .financial__expense-list .expense-list__header .tool-select {
  position: relative;
  top: 1px;
}
.financial__expense .financial__expense-list .expense-list__header .item {
  display: flex;
  color: #737373;
  text-align: center;
}
.financial__expense .financial__expense-list .expense-list__header .show-filter .icon {
  visibility: visible;
  color: #ED6C00;
}
.financial__expense .financial__expense-list .body__row-item {
  display: flex;
  align-items: center;
  padding: 10px 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
}
.financial__expense .financial__expense-list .body__row-item .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 10px;
  box-sizing: border-box;
}
.financial__expense .financial__expense-list .body__row-item .item .matter-no {
  color: #a9a9a9;
}
.financial__expense .financial__expense-list .body__row-item:hover {
  background-color: #fafafa;
}
.financial__expense .financial__expense-list .list-empty {
  justify-content: center;
}
.financial__expense .financial-page-module {
  display: flex;
}
.financial__expense .financial-page-module .show-page {
  position: relative;
  float: left;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
}
.financial__expense .financial-page-module .show-page i {
  padding: 10px 5px;
  color: #ED6C00;
}
.financial__expense .no-selected {
  user-select: none;
}
.financial__expense .tool-select {
  font-size: 16px;
  color: #c7d1da;
  cursor: pointer;
}
.financial__expense .tool-select:hover {
  color: #ED6C00;
}
.financial__expense .ibass-checked {
  color: #ED6C00;
}
.financial__expense .fee-list-tr span {
  display: inline-block;
  max-width: 100%;
}

.financial__income {
  display: flex;
}
.financial__income .financial-income__left {
  width: 150px;
  min-height: 800px;
  border-right: 1px solid #ebebeb;
}
.financial__income .financial-income__left li {
  width: 130px;
  height: 32px;
  line-height: 28px;
  margin-bottom: 6px;
  padding-left: 10px;
  border-radius: 25px;
}
.financial__income .financial-income__left li:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial__income .financial-income__left li:hover i {
  color: #fa8919;
}
.financial__income .financial-income__left li:hover .ibass-arrow-right {
  visibility: visible;
}
.financial__income .financial-income__left .nav-bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial__income .financial-income__left .nav-bar-active i {
  color: #fa8919;
}
.financial__income .financial-income__left .nav-bar-active .ibass-arrow-right {
  visibility: visible;
}
.financial__income .financial-income__left .ibass-dot {
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #cdc9c5;
}
.financial__income .financial-income__left .ibass-arrow-right {
  float: right;
  position: relative;
  margin-right: 2px;
  top: 3px;
  visibility: hidden;
}
.financial__income .financial-income__left .claim-number {
  height: 16px;
  border-radius: 8px;
  background: #ff1744;
  color: #fff;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  padding: 0 5px;
}
.financial__income .financial-income__right {
  width: 968px;
  padding-left: 20px;
  height: 100%;
}
.financial__income .financial-income__right .financial-title .select-bar-name {
  padding-right: 20px;
  margin-right: 15px;
}
.financial__income .financial-income__right .financial-title .select-bar-name.has-border {
  border-right: 1px solid #ebebeb;
}
.financial__income .financial-income__right .financial-title .overview {
  color: #a9a9a9;
}
.financial__income .financial-income__right .financial-title .overview span {
  padding-right: 10px;
}
.financial__income .financial-income__right .financial-title .operation-add.ibass-add.user-select-none {
  position: relative;
}
.financial__income .financial-income__right .financial-filter {
  width: auto;
}
.financial__income .financial-income__right .financial-filter-more-choose {
  color: #ED6C00;
}
.financial__income .financial-income__right .body__table-header {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  margin-top: 20px;
  padding: 5px 10px;
}
.financial__income .financial-income__right .body__table-header .common-span {
  display: inline-block;
  font-size: 12px;
  color: #737373;
  display: inline-flex;
}
.financial__income .financial-income__right .financial-income-tr {
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  padding: 10px;
}
.financial__income .financial-income__right .financial-income-tr .common-span {
  box-sizing: border-box;
  padding: 10px 10px 10px 0;
  font-size: 12px;
  word-break: break-all;
}
.financial__income .financial-income__right .financial-income-tr:hover {
  background-color: #f5f5f5;
}
.financial__income .financial-income__right .matter-name {
  width: 160px;
}
.financial__income .financial-income__right .matter-name .matter-no {
  color: #a9a9a9;
}
.financial__income .financial-income__right .customer-name {
  width: 140px;
  display: inline-flex;
  flex-direction: column;
}
.financial__income .financial-income__right .customer-name span {
  word-break: break-all;
}
.financial__income .financial-income__right .claim-name {
  width: 150px;
}
.financial__income .financial-income__right .belong-department {
  width: 130px;
}
.financial__income .financial-income__right .payer-name {
  width: 140px;
}
.financial__income .financial-income__right .income-total {
  width: 100px;
}
.financial__income .financial-income__right .income-date {
  width: 90px;
}
.financial__income .financial-income__right .status {
  display: inline-flex;
  flex-direction: column;
  width: 80px;
}
.financial__income .financial-income__right .status .span-opr {
  display: none;
}
.financial__income .financial-income__right .opr-btn {
  display: inline-block;
  margin-right: 5px;
  color: #fa8919;
}
.financial__income .financial-income__right .financial-income-tr.hover-show-opr:hover .span-content {
  visibility: hidden;
}
.financial__income .financial-income__right .financial-income-tr.hover-show-opr:hover .span-opr {
  display: inline-block;
  position: absolute;
}
.financial__income .financial-income__right .body__table-body .matter-name {
  display: inline-flex;
  flex-direction: column;
}
.financial__income .financial-income__right .claim .payer-name {
  width: 300px;
}
.financial__income .financial-income__right .claim .claim-name {
  width: 220px;
}
.financial__income .financial-income__right .no-data {
  padding: 10px 0 10px 0;
  justify-content: center;
}
.financial__income .financial-income__right .icon {
  color: #cdc9c5;
}
.financial__income .financial-income__right .show-filter .icon {
  visibility: visible;
  color: #ED6C00;
}
.financial__income .financial-income__right .page {
  display: flex;
}
.financial__income .financial-income__right .user-select--none {
  user-select: none;
}
.financial__income .financial-income__right .ibass-trig-down {
  color: #a9a9a9;
}
.firm-dialog-body.financial-income-import .notice {
  font-size: 12px;
  letter-spacing: normal;
  height: 25px;
  text-align: left !important;
  margin-left: 30px !important;
  line-height: 25px;
}
.firm-dialog-body.financial-income-import .notice span {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: normal;
  color: #737373;
}
.firm-dialog-body.financial-income-import .notice a {
  color: #fa8919;
  cursor: pointer;
}
.firm-dialog-body.financial-income-import .notice:nth-of-type(3) {
  margin-bottom: 20px;
}
.income-import-sweet {
  height: auto !important;
}
.income-import-sweet p {
  padding: 40px 0 60px 0 !important;
}
.income-import-sweet p li {
  margin: 10px 0;
  color: #737373;
}

.financial__income__more-filter {
  padding: 20px;
  margin-bottom: 20px;
}
.financial__income__more-filter .popover-id {
  position: relative;
}
.financial__income__more-filter .filter-item {
  display: inline-flex;
  width: 32%;
  min-height: 32px;
  margin-bottom: 10px;
}
.financial__income__more-filter .filter-item-label {
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
}
.financial__income__more-filter .filter-item-label span {
  display: inline-block;
  width: 70px;
  text-align: right;
}
.financial__income__more-filter .date-filter {
  width: 64%;
}
.financial__income__more-filter .date-picker-container {
  display: flex;
  align-items: center;
  height: 28px;
}
.financial__income__more-filter .date-picker-container .finance-timer-select-show {
  display: flex;
  height: 28px;
  align-items: center;
}
.financial__income__more-filter .date-picker-container .time-range {
  display: flex;
}
.financial__income__more-filter .income-filter__matter .matter-select {
  position: relative;
}
.financial__income__more-filter .income-filter__matter .financial-mat-selection {
  left: 0!important;
}
.financial__income__more-filter .income-filter__matter .filter-item-label span,
.financial__income__more-filter .income-filter__date .filter-item-label span,
.financial__income__more-filter .income-filter__relation-status .filter-item-label span {
  width: 98px;
}
.financial__income__more-filter .income-filter__payer.manage .filter-item-label span {
  width: 98px;
}
.financial__income__more-filter .income-filter__payer.claim {
  width: 30%;
}
.financial__income__more-filter .income-filter__money-income .sum-filter .sum-filter-show input {
  width: 70px;
}
.financial__income__more-filter .income-filter__date.claim .filter-item-label span {
  width: 80px;
}
.financial__income__more-filter .drop-menu-multiple .drop-menu-check .drop-menu-show span {
  width: 45px;
}

.financial__invoice {
  display: flex;
}
.financial__invoice .financial-invoice__left {
  width: 150px;
  min-height: 800px;
  border-right: 1px solid #ebebeb;
}
.financial__invoice .financial-invoice__left li {
  width: 130px;
  height: 32px;
  line-height: 28px;
  margin-bottom: 6px;
  padding-left: 10px;
  border-radius: 25px;
}
.financial__invoice .financial-invoice__left li:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial__invoice .financial-invoice__left li:hover i {
  color: #fa8919;
}
.financial__invoice .financial-invoice__left li:hover .ibass-arrow-right {
  visibility: visible;
}
.financial__invoice .financial-invoice__left .nav-bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial__invoice .financial-invoice__left .nav-bar-active i {
  color: #fa8919;
}
.financial__invoice .financial-invoice__left .nav-bar-active .ibass-arrow-right {
  visibility: visible;
}
.financial__invoice .financial-invoice__left .ibass-dot {
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #cdc9c5;
}
.financial__invoice .financial-invoice__left .ibass-arrow-right {
  float: right;
  margin-right: 10px;
  position: relative;
  top: 3px;
  visibility: hidden;
}
.financial__invoice .financial-invoice__right {
  width: 968px;
  padding-left: 20px;
  height: 100%;
}
.financial__invoice .financial-header {
  height: auto;
}
.financial__invoice .financial-title .select-bar-name {
  padding-right: 20px;
  border-right: 1px solid #ebebeb;
  margin-right: 15px;
}
.financial__invoice .financial-title .overview {
  color: #a9a9a9;
}
.financial__invoice .financial-title .overview span {
  padding-right: 10px;
}
.financial__invoice .financial-filter {
  width: auto;
  flex-wrap: wrap;
}
.financial__invoice .financial-filter .status-label {
  color: #4a4a4a;
}
.financial__invoice .financial-filter .financial-filter-single .ibass-trig-down {
  color: #a9a9a9;
}
.financial__invoice .financial-filter .income-status-wrapper {
  display: flex;
}
.financial__invoice .financial-filter .date-filter {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  min-width: 200px;
}
.financial__invoice .financial-filter .financial-filter-line {
  margin-left: 19px;
  margin-right: 17px;
}
.financial__invoice .financial-search {
  width: 400px !important;
  margin-top: 0px !important;
}
.financial__invoice .status-fixed .status-selector-wrapper {
  background-color: #3d3d3d;
  width: 160px;
}
.financial__invoice .financial-filter-more .ibass-trig-down {
  color: #a9a9a9;
}
.financial__invoice .financial-filter-more .financial-filter-more-choose .ibass-trig-down {
  color: #ED6C00;
}
.financial__invoice .financial-filter-more-container {
  min-height: inherit;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.financial__invoice .body__table-header {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  margin-top: 20px;
  padding: 5px 10px;
}
.financial__invoice .body__table-header .common-span {
  display: inline-block;
  font-size: 12px;
  color: #737373;
  display: inline-flex;
}
.financial__invoice .financial-invoice-tr {
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  padding: 10px;
}
.financial__invoice .financial-invoice-tr .common-span {
  box-sizing: border-box;
  padding: 10px 10px 10px 0;
  font-size: 12px;
}
.financial__invoice .financial-invoice-tr:hover {
  background-color: #f5f5f5;
}
.financial__invoice .no-data {
  padding: 10px 0 10px 0;
  justify-content: center;
}
.financial__invoice .financial-invoice__body span {
  word-break: break-all;
}
.financial__invoice .financial-invoice__body .matter-name {
  width: 150px;
}
.financial__invoice .financial-invoice__body .matter-name span:nth-child(2) {
  color: #a9a9a9;
}
.financial__invoice .financial-invoice__body .customer-name {
  width: 100px;
  display: inline-flex;
  flex-direction: column;
}
.financial__invoice .financial-invoice__body .customer-name span {
  word-break: break-all;
}
.financial__invoice .financial-invoice__body .apply-invoice-name {
  width: 70px;
}
.financial__invoice .financial-invoice__body .invoice-type {
  width: 59px;
}
.financial__invoice .financial-invoice__body .invoice-total {
  width: 80px;
  word-break: break-all;
}
.financial__invoice .financial-invoice__body .invoice-number {
  width: 140px;
  display: inline-flex;
  flex-direction: column;
}
.financial__invoice .financial-invoice__body .invoice-number span {
  word-break: break-all;
}
.financial__invoice .financial-invoice__body .invoice-dates {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100px;
}
.financial__invoice .financial-invoice__body .invoice-title {
  width: 180px;
}
.financial__invoice .financial-invoice__body .status {
  display: inline-flex;
  flex-direction: column;
  width: 100px;
}
.financial__invoice .financial-invoice__body .status .span-opr {
  display: none;
}
.financial__invoice .financial-invoice__body .opr-btn {
  display: inline-block;
  margin-right: 5px;
  color: #fa8919;
}
.financial__invoice .financial-invoice__body .financial-invoice-tr.hover-show-opr:hover .span-content {
  visibility: hidden;
}
.financial__invoice .financial-invoice__body .financial-invoice-tr.hover-show-opr:hover .span-opr {
  display: inline-block;
  position: absolute;
}
.financial__invoice .financial-invoice__body .received {
  width: 60px;
}
.financial__invoice .financial-invoice__body .body__table-body .matter-name {
  display: inline-flex;
  flex-direction: column;
}
.financial__invoice .financial-invoice__body .icon {
  color: #cdc9c5;
}
.financial__invoice .financial-invoice__body .show-filter .icon {
  visibility: visible;
  color: #ED6C00;
}
.financial__invoice .my .invoice-number {
  width: 120px;
}
.financial__invoice .my .invoice-title {
  width: 145px;
}
.financial__invoice .my .invoice-total {
  width: 141px;
}
.financial__invoice .open .invoice-title {
  width: 150px;
}
.financial__invoice .open .invoice-total {
  width: 140px;
}
.financial__invoice .manage .invoice-number {
  width: 117px;
}
.financial__invoice .manage .invoice-title {
  width: 154px;
}
.financial__invoice .manage .invoice-total {
  width: 138px;
}
.financial__invoice .page {
  display: flex;
}
.financial__invoice .user-select--none {
  user-select: none;
}
.financial__invoice .financial-filter {
  width: 60%!important;
}

.financial__invoice__more-filter {
  padding: 20px;
  margin-bottom: 20px;
}
.financial__invoice__more-filter .popover-id {
  position: relative;
}
.financial__invoice__more-filter .filter-item {
  display: inline-flex;
  width: 32%;
  min-height: 32px;
  margin-bottom: 10px;
}
.financial__invoice__more-filter .filter-item-label {
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
}
.financial__invoice__more-filter .filter-item-label span {
  display: inline-block;
  width: 60px;
  text-align: right;
}
.financial__invoice__more-filter .date-filter {
  width: 64%;
}
.financial__invoice__more-filter .date-filter .filter-item-label span {
  width: 90px;
}
.financial__invoice__more-filter .date-filter.my .filter-item-label span {
  width: 60px;
}
.financial__invoice__more-filter .date-picker-container {
  display: flex;
  align-items: center;
  height: 28px;
}
.financial__invoice__more-filter .date-picker-container .finance-timer-select-show {
  display: flex;
  height: 28px;
  align-items: center;
}
.financial__invoice__more-filter .date-picker-container .time-range {
  display: flex;
}
.financial__invoice__more-filter .invoice-filter__invoice-type .filter-item-label span,
.financial__invoice__more-filter .invoice-filter__client .filter-item-label span {
  width: 90px;
}
.financial__invoice__more-filter .invoice-filter__matter .matter-select {
  position: relative;
}
.financial__invoice__more-filter .invoice-filter__matter .financial-mat-selection {
  left: 0!important;
}
.financial__invoice__more-filter .invoice-filter__client .customer-select {
  position: relative;
}
.financial__invoice__more-filter .invoice-filter__client .financial-mat-selection {
  left: 0!important;
}
.financial__invoice__more-filter .invoice-filter__client .financial-mat-selection .ns-popover-list-select {
  width: 260px!important;
  max-width: 260px!important;
}
.financial__invoice__more-filter .invoice-filter__matter.open .filter-item-label span {
  width: 90px;
}
.financial__invoice__more-filter .drop-menu-multiple .drop-menu-check .drop-menu-show span {
  width: 45px;
}
.financial__invoice__more-filter .financial__department-selector {
  width: 310px;
}
.financial__invoice__more-filter.my .invoice-filter__money-invoice {
  width: 50%;
}
.financial__invoice__more-filter.my .invoice-filter__money-invoice .filter-item-label span {
  width: 90px;
}
.financial__invoice__more-filter.my .date-filter {
  width: 46%;
}
.financial__invoice__more-filter.open .invoice-filter__money-invoice {
  width: 46%;
}
.financial__invoice__more-filter.open .invoice-filter__money-invoice .filter-item-label span {
  width: 90px;
}
.financial__invoice__more-filter.open .date-filter {
  width: 46%;
}
.financial__invoice__more-filter.manage .invoice-filter__money-invoice .filter-item-label span {
  width: 90px;
}

.i-financial-reimbursement {
  min-height: 800px;
  padding-bottom: 40px;
}
.i-financial-reimbursement .reim-filter-matter .drop-menu-show span {
  width: 120px!important;
}
.i-financial-reimbursement .financial-reimbursement-filter {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 30px;
  margin-top: 7px;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-filter {
  width: 50%;
  display: flex;
  align-items: center;
  color: #737373;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-filter .financial-filter-single,
.i-financial-reimbursement .financial-reimbursement-filter .financial-filter .financial-filter-more {
  font-size: 14px;
  display: flex;
  align-content: center;
  align-items: center;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-filter .financial-filter-single .ibass-trig-down,
.i-financial-reimbursement .financial-reimbursement-filter .financial-filter .financial-filter-more .ibass-trig-down {
  margin-top: 3px;
  font-size: 12px;
  margin-left: 5px;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-filter .financial-filter-more-choose {
  color: #ed6c00;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-filter .financial-filter-more-choose .ibass-trig-down {
  color: #ed6c00;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-filter .financial-filter-line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-left: 16px;
  margin-right: 12px;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-search {
  justify-content: flex-end;
  width: 400px;
  display: flex;
  align-items: center;
  color: #737373;
  position: relative;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-search .back-clean {
  position: absolute;
  right: 10px;
  font-size: 12px;
  background-color: #909090;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-search .back-clean .ibass-close {
  color: #fff;
  font-size: 12px;
  position: relative;
  top: -1px;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-search .back-clean:hover {
  background-color: #ed6c00;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-search .financial-search-container {
  position: relative;
  height: 18px;
  padding: 5px 0;
  border-radius: 20px;
  flex-grow: 1;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-search .financial-search-container .financial-search-icon,
.i-financial-reimbursement .financial-reimbursement-filter .financial-search .financial-search-container .financial-search-close {
  width: 30px;
  height: 24px;
  color: #cdc9c5;
  text-align: center;
  margin-top: 4px;
  cursor: pointer;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-search .financial-search-container .financial-search-input {
  height: 100%;
  border: 0;
  font-size: 12px;
  background: transparent;
  flex-grow: 1;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-search .financial-search-line {
  width: 1px;
  height: 18px;
  background: #ebebeb;
  margin: 0 15px;
}
.i-financial-reimbursement .financial-reimbursement-filter .financial-search .financial-summary {
  width: auto;
}
.i-financial-reimbursement .i-financial-reimbursement-left {
  width: 150px;
  min-height: 800px;
}
.i-financial-reimbursement .i-financial-reimbursement-left li {
  width: 130px;
  height: 32px;
  line-height: 28px;
  margin-bottom: 6px;
  padding-left: 10px;
  border-radius: 25px;
}
.i-financial-reimbursement .i-financial-reimbursement-left li:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.i-financial-reimbursement .i-financial-reimbursement-left li:hover i {
  color: #fa8919;
}
.i-financial-reimbursement .i-financial-reimbursement-left li:hover .ibass-arrow-right {
  visibility: visible;
}
.i-financial-reimbursement .i-financial-reimbursement-left .nav-bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.i-financial-reimbursement .i-financial-reimbursement-left .nav-bar-active i {
  color: #fa8919;
}
.i-financial-reimbursement .i-financial-reimbursement-left .nav-bar-active .ibass-arrow-right {
  visibility: visible;
}
.i-financial-reimbursement .i-financial-reimbursement-left .ibass-dot {
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #cdc9c5;
}
.i-financial-reimbursement .i-financial-reimbursement-left .ibass-arrow-right {
  float: right;
  margin-right: 10px;
  position: relative;
  top: 3px;
  visibility: hidden;
}
.i-financial-reimbursement .i-financial-reimbursement-right {
  width: 968px;
  padding-left: 20px;
  min-height: 800px;
  border-left: 1px solid #ebebeb;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-filter-more-container {
  padding-bottom: 0;
  min-height: auto;
}
.i-financial-reimbursement .i-financial-reimbursement-right .common-span {
  padding: 0 4px;
  box-sizing: border-box;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-top {
  font-size: 16px;
  height: 33px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-top .reimbursement-line {
  display: inline-block;
  width: 1px;
  height: 20px;
  border-right: 1px solid #d5d5d5;
  margin: 0 15px;
  position: relative;
  top: 4px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-top .reimbursement-money {
  color: #a9a9a9;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-top .add-reimbursement {
  float: right;
  width: 98px;
  height: 34px;
  padding-left: 20px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 32px;
  text-align: left;
  cursor: pointer;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-top .ibass-add:before {
  position: relative;
  top: 1px;
  margin-right: 8px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-header {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 0;
  margin-top: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-header .reim-header {
  display: inline-block;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-header .financial-reimbursement-header-span {
  vertical-align: middle;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-header .financial-reimbursement-header-span:hover .financial-head-sort {
  display: inline-block;
  font-size: 12px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-header span {
  font-size: 12px;
  color: #737373;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-header .financial-head-sort {
  position: relative;
  top: 2px;
  display: none;
  color: #cdc9c5;
  font-size: 0;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-header .showfilter .financial-head-sort {
  display: inline-block;
  font-size: 12px;
  color: #fa8919;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-tr {
  position: relative;
  padding: 10px 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  font-size: 0;
  cursor: pointer;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-tr span {
  font-size: 12px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-tr .financial-tool {
  position: absolute;
  width: 100px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #1ac031;
  padding-left: 40px;
  background-color: #f5f5f5;
  right: 0;
  top: 0;
  display: none;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-tr:hover {
  background-color: #f5f5f5;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-tr:hover .financial-tool {
  display: block;
}
.i-financial-reimbursement .i-financial-reimbursement-right .no-data-list {
  justify-content: center;
  height: 40px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .arrivalTime {
  width: 80px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .applicationTime {
  width: 80px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .reimType {
  width: 100px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .handMan {
  width: 100px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .initiator {
  width: 100px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .toBeProject {
  width: 240px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .toBeProject span {
  display: inline-block;
  margin: 3px 0;
}
.i-financial-reimbursement .i-financial-reimbursement-right .toBeSub {
  width: 120px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .reimAmount {
  width: 110px;
  word-wrap: break-word;
}
.i-financial-reimbursement .i-financial-reimbursement-right .reiStatus {
  width: 100px;
}
.i-financial-reimbursement .financial-my-reimburse .toBeProject {
  width: 240px;
}
.i-financial-reimbursement .page {
  display: flex;
}

.i-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.financial__reim__more-filter {
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
}
.financial__reim__more-filter .filter-item {
  display: inline-flex;
  width: 32%;
  min-height: 32px;
  margin-bottom: 10px;
}
.financial__reim__more-filter .department-selector {
  position: relative;
}
.financial__reim__more-filter .reim-filter__sum-filter {
  width: 48%!important;
}
.financial__reim__more-filter .filter-item-label {
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
}
.financial__reim__more-filter .filter-item-label span {
  display: inline-block;
  width: 75px;
  text-align: right;
}
.financial__reim__more-filter .reim-filter__department {
  position: relative;
}
.financial__reim__more-filter .date-filter {
  width: 48%;
}
.financial__reim__more-filter .date-picker-container {
  display: flex;
  align-items: center;
  height: 28px;
}
.financial__reim__more-filter .date-picker-container .finance-timer-select-show {
  display: flex;
  height: 28px;
  align-items: center;
}
.financial__reim__more-filter .date-picker-container .time-range {
  display: flex;
}
.financial__reim__more-filter .drop-menu-multiple .drop-menu-check .drop-menu-show span {
  width: 45px;
}

.financial-report {
  min-height: 600px;
  margin-top: -20px;
}
.financial-report .financial-report-left {
  width: 180px;
  min-height: 600px;
  padding-top: 20px;
}
.financial-report .financial-report-left .financial-left-bar {
  display: block;
  width: 150px;
  height: 32px;
  line-height: 32px;
  padding: 0px 10px;
  border-radius: 25px;
  margin-bottom: 6px;
  font-size: 0;
}
.financial-report .financial-report-left .financial-left-bar span {
  position: relative;
  top: -1px;
  font-size: 14px;
}
.financial-report .financial-report-left .financial-left-bar .ibass-arrow-right {
  float: right;
  font-size: 14px;
}
.financial-report .financial-report-left .financial-left-bar .ibass-dot {
  color: #cdc9c5;
  margin-right: 4px;
  font-size: 14px;
}
.financial-report .financial-report-left .financial-left-bar:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-report .financial-report-left .bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-report .financial-report-right {
  width: 950px;
  min-height: 600px;
  border-left: 1px solid #f5f5f5;
  padding: 16px 0 150px 20px;
  box-sizing: border-box;
}
.financial-info-more-filter .department-selector {
  position: relative;
}

.financial-browse-con-v2 .financial-browse-list .financial-browse-list-body {
  width: 100%;
  overflow: auto;
  word-break: break-all;
}
.financial-browse-con-v2 .financial-browse-list .hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.financial-browse-con-v2 .financial-browse-list .browse-common-width-120 {
  width: 120px !important;
}
.financial-browse-con-v2 .financial-browse-list .browse-common-width-150 {
  width: 150px!important;
}
.financial-browse-con-v2 .financial-browse-list .browse-common-width-170 {
  width: 170px!important;
}
.financial-browse-con-v2 .financial-browse-list .browse-common-width-200 {
  width: 150px!important;
}
.financial-browse-con-v2 .browse-centered {
  width: 225px!important;
  padding-left: 0!important;
  text-align: center;
}
.financial-browse-con-v2 .financial-browse-download {
  height: 28px;
  margin-bottom: 20px;
  font-size: 12px;
}
.financial-browse-con-v2 .financial-browse-download .browse-download-btn {
  float: right;
  height: 28px;
  line-height: 28px;
}
.financial-browse-con-v2 .financial-browse-download .browse-download-btn span {
  cursor: pointer;
}
.financial-browse-con-v2 .financial-browse-download .browse-download-btn span:hover {
  color: #fa8919;
}
.financial-browse-con-v2 .financial-browse-download .financial-browse-batch-operation {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 4px 20px;
  border-radius: 12px;
}
.financial-browse-con-v2 .financial-browse-download .financial-browse-batch-operation .down-btn-tool {
  color: #fa8919;
  cursor: pointer;
}
.financial-browse-con-v2 .financial-browse-download .financial-browse-batch-operation .down-btn-tool .ibass-download {
  margin-left: 10px;
  position: relative;
  top: 2px;
}
.financial-browse-con-v2 .financial-browse-change-tool {
  height: 30px;
}
.financial-browse-con-v2 .financial-browse-change-tool i {
  float: right;
  font-size: 20px;
  cursor: pointer;
}
.financial-browse-con-v2 .financial-browse-change-tool i:hover {
  color: #fa8919;
}
.financial-browse-con-v2 .financial__reim__more-filter .filter-item {
  width: 33%;
  position: relative;
}
.financial-browse-con-v2 .financial__reim__more-filter .reim-filter__sum-filter {
  width: 33%!important;
}
.financial-browse-con-v2 .page {
  display: flex;
}
.financial-browse-con-v2 .page .show-page {
  position: relative;
  top: 29px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.financial-browse-con-v2 .page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.financial-browse-con-v2 .reim-operation-area {
  padding-right: 39px;
  margin-top: 10px;
}
.financial-browse-con-v2 .reim-operation-area span {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.financial-browse-con-v2 .reim-operation-area .opr-search {
  background-color: #fa8919;
  color: #fff;
}
.financial-browse-con-v2 .financial-browse-list {
  font-size: 12px;
  border: 1px solid #f5f5f5;
  position: relative;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table {
  width: 3598px;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-3495 {
  width: 3495px;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header {
  padding: 10px 0;
  display: flex;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header div:nth-child(1) {
  width: 70px;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header div:nth-child(14),
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header div:nth-child(15),
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header div:nth-child(26),
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header div:nth-child(27),
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header div:nth-child(28),
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header div:nth-child(29) {
  width: 120px;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header div:nth-child(16) {
  width: 170px;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header i {
  color: #a9a9a9;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header .active {
  color: #fa8919;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header .cursor {
  cursor: pointer;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header .super {
  position: relative;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header .super > i {
  position: absolute;
  left: 2px;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header .super i.ibass-trig-down {
  top: 3px;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-header .super i.ibass-trig-up {
  top: -4px;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-left {
  width: 225px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-color: #fff;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-right {
  width: 180px;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  background-color: #fff;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-left.show-shadow {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-right.show-shadow {
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.financial-browse-con-v2 .financial-browse-list .browse-common-span {
  width: 100px;
  display: inline-block;
  padding-left: 10px;
  box-sizing: border-box;
  position: relative;
  user-select: none;
  word-break: break-all;
}
.financial-browse-con-v2 .financial-browse-list .browse-common-span .checkbox-name {
  margin-left: 30px;
}
.financial-browse-con-v2 .financial-browse-list .browse-common-span .browse-common-checkbox {
  font-size: 16px;
  color: #ccc;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.financial-browse-con-v2 .financial-browse-list .browse-common-span .ibass-checked {
  color: #fa8919;
}
.financial-browse-con-v2 .financial-browse-list .browse-common-span .browse-view-matter {
  text-align: center;
  padding: 4px 8px;
  border: 1px solid #f5f5f5;
  border-radius: 20px;
  cursor: pointer;
}
.financial-browse-con-v2 .financial-browse-list .browse-common-span span {
  word-break: break-all;
}
.financial-browse-con-v2 .financial-browse-list .browse-common-width-70 {
  width: 70px;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-tbody .financial-browse-list-table-tr {
  padding: 10px 0;
  border-top: 1px solid #f5f5f5;
  display: flex;
  align-items: center;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-tbody .financial-browse-list-table-tr .list-table-content {
  display: flex;
  align-items: center;
}
.financial-browse-con-v2 .financial-browse-list .financial-browse-list-table-tbody .financial-browse-list-table-tr .list-table-content div:nth-child(1) {
  width: 70px;
}
.financial-browse-con-v2 .matter-filter-select .item-label {
  width: 112px;
  height: 20px;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
}
.financial-browse-con-v2 .matter-filter-select .m-h-scroll {
  max-height: 240px;
  overflow: auto;
  margin-bottom: 2px;
}
.financial-browse-con-v2 .matter-filter-select .item-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 4px;
}
.financial-browse-con-v2 .matter-filter-select .item-container .matter-filter-fixed {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  display: inline-block;
}
.financial-browse-con-v2 .matter-filter-select .item-container .money-warning {
  color: #f72b44;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  left: 0px;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show {
  margin-right: 10px;
  zoom: 1;
  position: relative;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list {
  display: inline-block;
  font-size: 12px;
  max-height: 110px!important;
  overflow: auto;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list .inline-li {
  display: inline-block;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list > .li {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list > .li:after {
  display: block;
  content: '';
  visibility: none;
  clear: both;
  height: 0;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list > .li .user-name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role {
  float: left;
  color: #909090;
  background: #fff;
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  margin-top: 3px;
  cursor: pointer;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name > span {
  max-width: 90px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name i {
  vertical-align: middle;
  font-size: 10px;
  margin-left: 2px;
  color: #a9a9a9;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .user-list > .li .close {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .money {
  width: 70px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  background: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: none;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .money.error {
  border-color: #f72b44;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-show .money-line {
  margin: 0 10px;
  width: 16px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border: solid 1px #a2a2a2;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-edit {
  display: inline-flex;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-detail-edit .pop-container {
  display: inline-block;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-all {
  color: #a9a9a9;
  line-height: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-all > span:after {
  position: relative;
  top: -2px;
  display: inline-block;
  transform: scale(0.833333);
  font-family: "icon-bass";
  content: "\EA13";
  vertical-align: middle;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-add {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  line-height: 24px;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.financial-browse-con-v2 .matter-filter-select .item-container .item-add:before {
  margin-right: 4px;
  color: #909090;
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA25";
  vertical-align: middle;
}
.financial-browse-con-v2 .matter-filter-select .datepicker-container {
  position: relative;
  top: -6px;
}
.financial-browse-con-v2 .matter-filter-select .datepicker-container .time-range-container {
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
.financial-browse-con-v2 .matter-filter-select .datepicker-container .time-range {
  position: relative;
  width: auto;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
  display: inline-block;
}
.financial-browse-con-v2 .matter-filter-select .datepicker-container .time-range.hide-popover .ns-popover-for-timerange {
  display: none !important;
}
.financial-browse-con-v2 .matter-filter-select .datepicker-container .time-range-text-select {
  display: inline-block;
}
.financial-browse-con-v2 .matter-filter-select .datepicker-container .time-range-start-stop {
  display: inline-block;
}
.financial-browse-con-v2 .matter-filter-select .datepicker-container .close-in-filter {
  color: #a9a9a9;
  background: #fbfbfb;
  line-height: 20px;
  height: 20px;
  width: 48px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
}
.financial-browse-con-v2 .matter-filter-select .datepicker-container .close-in-filter:hover {
  border-radius: 4px;
  background-color: #f1f1f1;
}
.financial-browse-con-v2 .matter-filter-select .datepicker-container .close-in-filter .time-range-text-select {
  position: relative;
}
.financial-browse-con-v2 .matter-filter-select .no-limited-time {
  top: 0;
  margin-left: 7px;
}
.financial-browse-con-v2 .matter-filter-select .no-limited-time .time-range-container {
  border: none;
}
.financial-browse-con-v2 .matter-filter-select .no-limited-time .time-range-container .time-range-text-select {
  float: left;
  margin-left: 2px;
}
.financial-browse-con-v2 .contract-item-multiple-span {
  display: flex;
  flex-direction: column;
}
.financial-browse-con-v2 .contract-item-multiple-span .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-browse-con-v2 .contract-item-multiple-span .invoice-title {
  max-width: 90px;
}
.financial-browse-con-v2 .contract-item-multiple-span .contract-item-payer {
  max-width: 140px;
}
.financial-browse-con-v2 .contract-item-multiple-span .matter-case-names {
  max-width: 150px;
}
.financial-browse-con-v2 .contract-item-multiple-span .contract-number {
  max-width: 140px;
}
.financial-browse-con-v2 .popover-id {
  position: relative;
}
.financial-browse-con-v2 .second-font {
  color: #a9a9a9;
  font-size: 12px;
}
.financial-browse-con-v2 .filter-item .item-container .user-name {
  max-width: 70px;
}
.financial-browse-con-v2 .financial__browse__more-filter {
  display: flex;
  flex-wrap: wrap;
  border-radius: 2px;
  padding: 20px 0 20px 20px;
  border: 1px solid #f2f2f2;
  background-color: #fbfbfb;
}
.financial-browse-con-v2 .financial__browse__more-filter .filter-item {
  margin-bottom: 15px;
}
.financial-browse-con-v2 .financial__browse__more-filter .reim-operation-area {
  width: 100%;
}
.financial-browse-con-v2 .financial-browse-filter-more-btn {
  height: 35px;
}
.financial-browse-con-v2 .financial-browse-filter-more-btn .right {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 20px;
}
.financial-browse-con-v2 .financial-browse-filter-more-btn .right i {
  margin-left: 3px;
  font-size: 12px;
  color: #cdc9c5;
}
.financial-browse-con-v2 .financial-browse-filter-more-btn .right:hover {
  color: #fa8919;
}
.financial-browse-con-v2 .financial-browse-filter-more-btn .right:hover i {
  color: #fa8919;
}
.financial-browse-con-v2 .financial-browse-filter-more-btn .ibass-fullScreen,
.financial-browse-con-v2 .financial-browse-filter-more-btn .ibass-defaultScreen {
  color: #999;
}
.financial-browse-con-v2 .show-hide-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.financial-browse-full-screen {
  padding: 20px 0 20px 20px!important;
}
.financial-browse-full-screen .commen-header {
  display: none;
}

.overview-part {
  margin-bottom: 30px;
}
.overview-popover a {
  font-size: 12px;
  color: #d9d9d9;
}
.overview-popover .icon-div {
  display: inline;
  padding-right: 5px;
  top: 2px;
  position: relative;
}
.overview-popover a:hover {
  color: #4a4a4a;
}
.overview-ul {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.overview-ul li {
  float: left;
  width: 100%;
  font-size: 14px;
}
.overview-ul li .time {
  margin-right: 13px;
}
.overview-ul .line {
  position: absolute;
  z-index: 1;
  width: 3px;
  background: #f8f8f9;
  left: 63px;
  height: 100%;
}
.overview-ul .time {
  display: inline-block;
  width: 40px;
  text-align: right;
}
.overview-ul .message {
  display: inline-flex;
  width: 640px;
}
.overview-ul .message:before {
  font-family: "icon-bass";
  content: "\EA54";
  color: #07cfda;
  margin-right: 12px;
  z-index: 3;
  position: relative;
}
.overview-ul-tittle {
  width: 70px;
  height: 36px;
  text-align: center;
  position: relative;
  line-height: 36px;
  border-radius: 4px;
  background: #f8f8f9;
  z-index: 1;
  left: 63px;
  margin-bottom: 20px;
}
.overview-ul-tittle div {
  position: absolute;
  height: 30px;
  width: 3px;
  background: #f8f8f9;
}
.member-div {
  width: 220px;
  float: right;
  padding: 0 20px;
  border-left: 1px solid #f0f0f0;
}
.member-ul {
  overflow: hidden;
}
.member-ul .title {
  font-weight: bold;
}
.member-ul li {
  float: left;
  font-size: 14px;
  width: 100%;
  padding: 8px 10px;
  position: relative;
  border-radius: 3px;
  word-break: break-all;
}
.member-ul li .ibass-trig-down {
  position: absolute;
  color: #cdc9c5;
  right: 30px;
  display: none;
}
.member-ul li .manage {
  color: #a9a9a9;
}
.member-ul li img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: inline-block;
  vertical-align: middle;
}
.member-ul .per i {
  cursor: pointer;
}
.member-ul .per i:hover {
  color: #fa8919;
}
.member-ul .per:not(:first-child):hover,
.member-ul .per:not(:first-child):hover .ibass-trig-down {
  background: #f8f8f9;
  display: inline-block;
}
.member-ul-add {
  margin-top: 15px;
  margin-left: 15px;
  display: inline-block;
  color: #737373;
  cursor: pointer;
}
.member-ul-add .ibass-add {
  margin-right: 10px;
  font-size: 12px;
}
.member-ul-add .ibass-trig-down {
  margin-left: 6px;
  font-size: 12px;
}

.hr-rank-container {
  padding: 0 30px;
  margin: 12px 0;
}
.hr-rank-container .rank-setting {
  margin: 20px 0 0 8px;
}
.hr-rank-container .rank-setting .rank-title {
  height: 45px;
  line-height: 43px;
  border-bottom: 1px solid #ebebeb;
}
.hr-rank-container .rank-setting .rank-title span {
  display: inline-block;
  font-size: 20px;
  color: #a9a9a9;
  font-weight: 300;
  margin-right: 5px;
  vertical-align: bottom;
}
.hr-rank-container .rank-setting .rank-title span:first-child {
  font-size: 14px;
  font-weight: normal;
  color: #4a4a4a;
  border-bottom: 2px solid #fa8919;
}
.hr-rank-container .rank-setting .rank-title span:last-child {
  font-size: 14px;
  font-weight: normal;
}
.hr-rank-container .rank-setting .table-content {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  color: #4a4a4a;
}
.hr-rank-container .rank-setting .table-content .active {
  color: #fa8919;
}
.hr-rank-container .rank-setting .table-content .table-td {
  display: inline-block;
  width: 190px;
  float: left;
}
.hr-rank-container .rank-setting .table-content .table-hd {
  font-size: 12px;
  color: #737373;
  height: 36px;
  line-height: 36px;
}
.hr-rank-container .rank-setting .table-content:first-child {
  margin-top: 10px;
}
.hr-rank-container .rank-setting .rectangle {
  width: 134px;
  height: 32px;
  border-radius: 3px;
  background-color: #fefeff;
  padding-left: 10px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.hr-rank-container .rank-setting .table-content:hover .tool-hover {
  display: inline-block;
}
.hr-rank-container .rank-setting .table-content:hover .tool-hover span {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
}
.hr-rank-container .rank-setting .table-edited {
  display: inline-block;
}
.hr-rank-container .rank-setting .table-edited .table-tool i {
  margin-right: 20px;
  position: relative;
  color: #fdba78;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
.hr-rank-container .rank-setting .table-edited .table-tool .ibass-checkmark {
  margin-left: 54px;
  font-size: 18px;
}
.hr-rank-container .rank-setting .table-edited .tool-hover {
  display: none;
}
.hr-rank-container .rank-setting .no-rank {
  height: 200px;
  width: 100%;
  text-align: center;
}
.hr-rank-container .rank-setting .no-rank .empty-data {
  background-image: url('/auth/image/empty-data1.png');
  background-size: 110% 110%;
  background-position-x: -8px;
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-top: 60px;
}
.hr-rank-container .rank-setting .no-rank p {
  color: #737373;
  font-size: 14px;
  height: 20px;
}

.financial-browse-con .financial-browse-list .financial-browse-list-body {
  width: 100%;
  overflow: auto;
  word-break: break-all;
}
.financial-browse-con .financial-browse-list .hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.financial-browse-con .financial-browse-list .browse-common-width-120 {
  width: 120px!important;
}
.financial-browse-con .financial-browse-list .browse-common-width-150 {
  width: 150px!important;
}
.financial-browse-con .financial-browse-list .browse-common-width-170 {
  width: 170px!important;
}
.financial-browse-con .financial-browse-list .browse-common-width-200 {
  width: 150px!important;
}
.financial-browse-con .financial-browse-list .browse-common-width-240 {
  width: 240px!important;
  text-align: center;
}
.financial-browse-con .financial-browse-list .browse-common-width-70 {
  width: 70px!important;
}
.financial-browse-con .financial-browse-list .browse-common-padding-0 {
  padding-left: 0!important;
}
.financial-browse-con .financial-browse-download {
  height: 28px;
  margin-bottom: 20px;
  font-size: 12px;
}
.financial-browse-con .financial-browse-download .browse-download-btn {
  float: right;
  height: 28px;
  line-height: 28px;
}
.financial-browse-con .financial-browse-download .browse-download-btn span {
  cursor: pointer;
}
.financial-browse-con .financial-browse-download .browse-download-btn span:hover {
  color: #fa8919;
}
.financial-browse-con .financial-browse-download .financial-browse-batch-operation {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 4px 20px;
  border-radius: 12px;
}
.financial-browse-con .financial-browse-download .financial-browse-batch-operation .down-btn-tool {
  color: #fa8919;
  cursor: pointer;
}
.financial-browse-con .financial-browse-download .financial-browse-batch-operation .down-btn-tool .ibass-download {
  margin-left: 10px;
  position: relative;
  top: 2px;
}
.financial-browse-con .financial-browse-change-tool {
  height: 30px;
}
.financial-browse-con .financial-browse-change-tool i {
  float: right;
  font-size: 20px;
  cursor: pointer;
}
.financial-browse-con .financial-browse-change-tool i:hover {
  color: #fa8919;
}
.financial-browse-con .financial__reim__more-filter .filter-item {
  width: 33%;
  position: relative;
}
.financial-browse-con .financial__reim__more-filter .reim-filter__sum-filter {
  width: 33%!important;
}
.financial-browse-con .page {
  display: flex;
}
.financial-browse-con .page .show-page {
  position: relative;
  top: 29px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.financial-browse-con .page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.financial-browse-con .reim-operation-area {
  padding-right: 39px;
  margin-top: 10px;
}
.financial-browse-con .reim-operation-area span {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.financial-browse-con .reim-operation-area .opr-search {
  background-color: #fa8919;
  color: #fff;
}
.financial-browse-con .financial-browse-list {
  font-size: 12px;
  border: 1px solid #f5f5f5;
  position: relative;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table {
  width: 2170px;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header {
  padding: 10px 0;
  display: flex;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header span:nth-child(1) {
  width: 75px;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header span:nth-child(14) {
  width: 170px;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header span:nth-child(15),
.financial-browse-con .financial-browse-list .financial-browse-list-table-header span:nth-child(16) {
  width: 120px;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header i {
  color: #a9a9a9;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header .active {
  color: #fa8919;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header .cursor {
  cursor: pointer;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header .super {
  position: relative;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header .super > i {
  position: absolute;
  left: 2px;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header .super i.ibass-trig-down {
  top: 3px;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-header .super i.ibass-trig-up {
  top: -4px;
}
.financial-browse-con .financial-browse-list .financial-browse-left {
  width: 225px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-color: #fff;
}
.financial-browse-con .financial-browse-list .financial-browse-right {
  width: 180px;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  background-color: #fff;
}
.financial-browse-con .financial-browse-list .financial-browse-left.show-shadow {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.financial-browse-con .financial-browse-list .financial-browse-right.show-shadow {
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.financial-browse-con .financial-browse-list .browse-common-span {
  width: 100px;
  display: inline-block;
  padding-left: 10px;
  box-sizing: border-box;
  position: relative;
  user-select: none;
  word-break: break-all;
}
.financial-browse-con .financial-browse-list .browse-common-span .checkbox-name {
  margin-left: 30px;
}
.financial-browse-con .financial-browse-list .browse-common-span .browse-common-checkbox {
  font-size: 16px;
  color: #ccc;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.financial-browse-con .financial-browse-list .browse-common-span .ibass-checked {
  color: #fa8919;
}
.financial-browse-con .financial-browse-list .browse-common-span .browse-view-matter {
  text-align: center;
  padding: 4px 8px;
  border: 1px solid #f5f5f5;
  border-radius: 20px;
  cursor: pointer;
}
.financial-browse-con .financial-browse-list .browse-common-span span {
  word-break: break-all;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-tbody .financial-browse-list-table-tr {
  padding: 10px 0;
  border-top: 1px solid #f5f5f5;
  display: flex;
  align-items: center;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-tbody .financial-browse-list-table-tr .list-table-content {
  display: flex;
  align-items: center;
}
.financial-browse-con .financial-browse-list .financial-browse-list-table-tbody .financial-browse-list-table-tr .list-table-content div:nth-child(1) {
  width: 75px;
}
.financial-browse-con .matter-filter-select .item-label {
  width: 112px;
  height: 20px;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
}
.financial-browse-con .matter-filter-select .m-h-scroll {
  max-height: 240px;
  overflow: auto;
  margin-bottom: 2px;
}
.financial-browse-con .matter-filter-select .item-container {
  display: inline-block;
  position: relative;
  top: 4px;
}
.financial-browse-con .matter-filter-select .item-container .matter-filter-fixed {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  display: inline-block;
}
.financial-browse-con .matter-filter-select .item-container .money-warning {
  color: #f72b44;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  left: 0px;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show {
  margin-right: 10px;
  zoom: 1;
  position: relative;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list {
  display: inline-block;
  font-size: 12px;
  max-height: 110px!important;
  overflow: auto;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list .inline-li {
  display: inline-block;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list > .li {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list > .li:after {
  display: block;
  content: '';
  visibility: none;
  clear: both;
  height: 0;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role {
  float: left;
  color: #909090;
  background: #fff;
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  margin-top: 3px;
  cursor: pointer;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name > span {
  max-width: 90px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name i {
  vertical-align: middle;
  font-size: 10px;
  margin-left: 2px;
  color: #a9a9a9;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .user-list > .li .close {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .money {
  width: 70px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  background: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: none;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .money.error {
  border-color: #f72b44;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-show .money-line {
  margin: 0 10px;
  width: 16px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border: solid 1px #a2a2a2;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-edit {
  display: inline-flex;
}
.financial-browse-con .matter-filter-select .item-container .item-detail-edit .pop-container {
  display: inline-block;
}
.financial-browse-con .matter-filter-select .item-container .item-all {
  color: #a9a9a9;
  line-height: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.financial-browse-con .matter-filter-select .item-container .item-all > span:after {
  position: relative;
  top: -2px;
  display: inline-block;
  transform: scale(0.833333);
  font-family: "icon-bass";
  content: "\EA13";
  vertical-align: middle;
}
.financial-browse-con .matter-filter-select .item-container .item-add {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  line-height: 24px;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.financial-browse-con .matter-filter-select .item-container .item-add:before {
  margin-right: 4px;
  color: #909090;
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA25";
  vertical-align: middle;
}
.financial-browse-con .matter-filter-select .datepicker-container {
  position: relative;
  top: -6px;
}
.financial-browse-con .matter-filter-select .datepicker-container .time-range-container {
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
.financial-browse-con .matter-filter-select .datepicker-container .time-range {
  position: relative;
  width: auto;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
  display: inline-block;
}
.financial-browse-con .matter-filter-select .datepicker-container .time-range.hide-popover .ns-popover-for-timerange {
  display: none !important;
}
.financial-browse-con .matter-filter-select .datepicker-container .time-range-text-select {
  display: inline-block;
}
.financial-browse-con .matter-filter-select .datepicker-container .time-range-start-stop {
  display: inline-block;
}
.financial-browse-con .matter-filter-select .datepicker-container .close-in-filter {
  color: #a9a9a9;
  background: #fbfbfb;
  line-height: 20px;
  height: 20px;
  width: 48px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
}
.financial-browse-con .matter-filter-select .datepicker-container .close-in-filter:hover {
  border-radius: 4px;
  background-color: #f1f1f1;
}
.financial-browse-con .matter-filter-select .datepicker-container .close-in-filter .time-range-text-select {
  position: relative;
}
.financial-browse-con .matter-filter-select .no-limited-time {
  top: 0;
  margin-left: 7px;
}
.financial-browse-con .matter-filter-select .no-limited-time .time-range-container {
  border: none;
}
.financial-browse-con .matter-filter-select .no-limited-time .time-range-container .time-range-text-select {
  float: left;
  margin-left: 2px;
}
.financial-browse-con .contract-item-multiple-span {
  display: flex;
  flex-direction: column;
}
.financial-browse-con .contract-item-multiple-span .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-browse-con .contract-item-multiple-span .contract-number {
  max-width: 150px;
}
.financial-browse-con .contract-item-multiple-span .legal-name {
  max-width: 140px;
}
.financial-browse-con .contract-item-multiple-span .matter-case-names {
  max-width: 140px;
}
.financial-browse-con .filter-item .item-container .user-name {
  max-width: 70px;
}
.financial-browse-con .popover-id {
  position: relative;
}
.financial-browse-con .second-font {
  color: #a9a9a9;
  font-size: 12px;
}
.financial-browse-con .istration__overview__more-filter {
  display: flex;
  flex-wrap: wrap;
  border-radius: 2px;
  padding: 20px 0 20px 20px;
  border: 1px solid #f2f2f2;
  background-color: #fbfbfb;
}
.financial-browse-con .istration__overview__more-filter .filter-item {
  margin-bottom: 15px;
}
.financial-browse-con .istration__overview__more-filter .reim-operation-area {
  width: 100%;
}
.financial-browse-con .financial-browse-filter-more-btn {
  height: 35px;
}
.financial-browse-con .financial-browse-filter-more-btn .right {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 20px;
}
.financial-browse-con .financial-browse-filter-more-btn .right i {
  margin-left: 3px;
  font-size: 12px;
  color: #cdc9c5;
}
.financial-browse-con .financial-browse-filter-more-btn .right:hover {
  color: #fa8919;
}
.financial-browse-con .financial-browse-filter-more-btn .right:hover i {
  color: #fa8919;
}
.financial-browse-con .financial-browse-filter-more-btn .ibass-fullScreen,
.financial-browse-con .financial-browse-filter-more-btn .ibass-defaultScreen {
  color: #999;
}
.financial-browse-con .show-hide-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.financial-browse-full-screen {
  padding: 20px!important;
  box-sizing: border-box;
}
.financial-browse-full-screen .istration__judicial-platform__overview {
  padding-top: 40px;
}
.financial-browse-full-screen .commen-header {
  display: none;
}

.financeV2-wrap.administration-list .administration-filter {
  width: 35%;
}
.financeV2-wrap.administration-list .administration-filter .popover {
  position: relative;
}
.financeV2-wrap.administration-list .financial-filter-more .ibass-trig-down {
  font-size: 14px !important;
}
.financeV2-wrap.administration-list .has-order:hover {
  color: #f89406;
}
.financeV2-wrap.administration-list .financial-search {
  width: 600px;
}
.financeV2-wrap.administration-list .financial-search .financial-search-input {
  width: 200px;
}
.financeV2-wrap.administration-list .financial-content span {
  font-size: 12px;
}
.financeV2-wrap.administration-list .financial-content .table-header {
  display: flex;
  padding-bottom: 5px;
}
.financeV2-wrap.administration-list .financial-content .table-header i {
  color: #f89406;
}
.financeV2-wrap.administration-list .financial-content .doc-number {
  width: 15%;
}
.financeV2-wrap.administration-list .financial-content .apply-person,
.financeV2-wrap.administration-list .financial-content .apply-date {
  width: 10%;
}
.financeV2-wrap.administration-list .financial-content .matter-name {
  width: 25%;
}
.financeV2-wrap.administration-list .financial-content .matter-name span.matter-no {
  font-size: 12px;
  padding-bottom: 5px;
  color: #a9a9a9;
  width: 100%;
  display: flex;
}
.financeV2-wrap.administration-list .financial-content .belong-partment {
  width: 13%;
}
.financeV2-wrap.administration-list .financial-content .seal-type,
.financeV2-wrap.administration-list .financial-content .seal-number {
  width: 10%;
}
.financeV2-wrap.administration-list .financial-content .seal-status {
  width: 7%;
}
.financeV2-wrap.administration-list .financial-content .body__row-item {
  padding: 7px 0 3px 0;
  cursor: pointer;
  font-size: 0;
  border-bottom: 1px solid #f5f5f5;
}
.financeV2-wrap.administration-list .financial-content .body__row-item:hover {
  background-color: #f8f8f9;
}
.financeV2-wrap.administration-list .financial-content .body__row-item span.common-span {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all;
  padding: 0 4px;
  box-sizing: border-box;
  vertical-align: middle;
}
.financeV2-wrap.administration-list .financial-filter-more.cursor.active {
  color: #f89406;
}
.financeV2-wrap.administration-list .cursor:hover {
  color: #f89406;
}
.financeV2-wrap.administration-list .cursor i {
  vertical-align: sub;
}
.financeV2-wrap.administration-list .financial-page-module {
  display: flex;
}
.commen-header.admin-istration .icon-istration:before {
  color: #07cfda;
}
.commen-header.admin-istration .title {
  margin-top: 3px;
}
.commen-header.admin-istration .number {
  float: right;
}

.judicial-case-con {
  position: relative;
}
.judicial-case-con .judicial-case-choose-area {
  position: absolute;
  top: -74px;
  left: 188px;
}
.judicial-case-con .judicial-case-choose-area .filter-item-label {
  line-height: 28px;
  margin-right: 10px;
}
.judicial-case-con .judicial-case-con-header {
  margin-bottom: 10px;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-switch {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #ebebeb;
  margin-right: 15px;
  cursor: pointer;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-switch .animation-toggle-opened,
.judicial-case-con .judicial-case-con-header .judicial-case-con-switch .animation-toggle-closed {
  top: -1px;
  left: 10px;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-explain {
  position: relative;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #ebebeb;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-explain .ibass-info {
  position: absolute;
  left: 0;
  color: #cdc9c5;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-explain .ns-popover-judicial-case-info .ns-popover-tooltip {
  width: 204px !important;
}
.judicial-case-con .judicial-case-con-header .ibass-info:before {
  position: relative;
  top: 1px;
  vertical-align: text-bottom;
  margin-right: 5px;
  color: #cdc9c5;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-explain:hover {
  color: #ed6c00;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-explain:hover:before {
  color: #ed6c00;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-set {
  position: relative;
  top: -1px;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-set .ibass-settings {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-set .set-on-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #d0021b;
  position: absolute;
  top: 0;
  left: -8px;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-set .ns-popover-judicial-case-set-selection .ns-popover-tooltip {
  width: 169px;
}
.judicial-case-con .judicial-case-con-header .judicial-case-con-set:hover .ibass-settings,
.judicial-case-con .judicial-case-con-header .judicial-case-con-set:hover .judicial-case-set-text {
  color: #ed6c00;
}
.judicial-case-con .judicail__reim__more-filter {
  padding: 0;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-label {
  width: 112px;
  height: 20px;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .m-h-scroll {
  max-height: 240px;
  overflow: auto;
  margin-bottom: 2px;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .matter-filter-fixed {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  display: inline-block;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .money-warning {
  color: #f72b44;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  left: 0px;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show {
  margin-right: 10px;
  zoom: 1;
  position: relative;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list {
  display: inline-block;
  font-size: 12px;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list .inline-li {
  display: inline-block;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list > .li {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list > .li:after {
  display: block;
  content: '';
  visibility: none;
  clear: both;
  height: 0;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list > .li .user-name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role {
  float: left;
  color: #909090;
  background: #fff;
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  margin-top: 3px;
  cursor: pointer;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name > span {
  max-width: 90px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name i {
  vertical-align: middle;
  font-size: 10px;
  margin-left: 2px;
  color: #a9a9a9;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .user-list > .li .close {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .money {
  width: 70px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  background: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: none;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .money.error {
  border-color: #f72b44;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-show .money-line {
  margin: 0 10px;
  width: 16px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border: solid 1px #a2a2a2;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-edit {
  display: inline-flex;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-detail-edit .pop-container {
  display: inline-block;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-all {
  color: #a9a9a9;
  line-height: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-all > span:after {
  display: inline-block;
  transform: scale(0.833333);
  font-family: "icon-bass";
  content: "\EA13";
  vertical-align: middle;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-add {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  line-height: 24px;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .item-container .item-add:before {
  margin-right: 4px;
  color: #909090;
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA25";
  vertical-align: middle;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .datepicker-container {
  position: relative;
  top: -6px;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .datepicker-container .time-range-container {
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .datepicker-container .time-range {
  position: relative;
  width: auto;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
  display: inline-block;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .datepicker-container .time-range.hide-popover .ns-popover-for-timerange {
  display: none !important;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .datepicker-container .time-range-text-select {
  display: inline-block;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .datepicker-container .time-range-start-stop {
  display: inline-block;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .datepicker-container .close-in-filter {
  color: #a9a9a9;
  background: #fbfbfb;
  line-height: 20px;
  height: 20px;
  width: 48px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .datepicker-container .close-in-filter:hover {
  border-radius: 4px;
  background-color: #f1f1f1;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .datepicker-container .close-in-filter .time-range-text-select {
  position: relative;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .no-limited-time {
  top: 0;
  margin-left: 7px;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .no-limited-time .time-range-container {
  border: none;
}
.judicial-case-con .judicail__reim__more-filter .matter-filter-select .no-limited-time .time-range-container .time-range-text-select {
  float: left;
  margin-left: 2px;
}
.judicial-case-con .judicail__reim__more-filter .filter-item {
  width: 33%;
  margin-bottom: 15px;
  position: relative;
}
.judicial-case-con .judicail__reim__more-filter .filter-item-label {
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
}
.judicial-case-con .reim-operation-area {
  padding-right: 57px;
  margin-top: 10px;
}
.judicial-case-con .reim-operation-area span {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.judicial-case-con .reim-operation-area .opr-search {
  background-color: #fa8919;
  color: #fff;
}
.judicial-case-con .judicial-case-filter-con {
  margin-bottom: 30px;
}
.judicial-case-con .financial-browse-list .financial-browse-list-body {
  width: 100%;
  overflow: auto;
  word-break: break-all;
}
.judicial-case-con .financial-browse-list .hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.judicial-case-con .financial-browse-list .browse-common-width-120 {
  width: 120px!important;
}
.judicial-case-con .financial-browse-list .browse-common-width-150 {
  width: 150px!important;
}
.judicial-case-con .financial-browse-list .browse-common-width-170 {
  width: 170px!important;
}
.judicial-case-con .financial-browse-list .browse-common-width-200 {
  width: 150px!important;
}
.judicial-case-con .financial-browse-list .browse-common-width-70 {
  width: 70px!important;
}
.judicial-case-con .financial-browse-list .browse-centered {
  width: 225px!important;
  padding-left: 0!important;
}
.judicial-case-con .browse-centered {
  padding-left: 0;
  text-align: center;
}
.judicial-case-con .financial-browse-download {
  height: 28px;
  margin-bottom: 10px;
  font-size: 12px;
}
.judicial-case-con .financial-browse-download .browse-download-btn {
  float: right;
  height: 28px;
  line-height: 28px;
}
.judicial-case-con .financial-browse-download .browse-download-btn span {
  cursor: pointer;
}
.judicial-case-con .financial-browse-download .browse-download-btn span:hover {
  color: #fa8919;
}
.judicial-case-con .financial-browse-download .financial-browse-batch-operation {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 4px 20px;
  border-radius: 12px;
}
.judicial-case-con .financial-browse-download .financial-browse-batch-operation .down-btn-tool {
  color: #fa8919;
  cursor: pointer;
}
.judicial-case-con .financial-browse-download .financial-browse-batch-operation .down-btn-tool .ibass-sidebar-add-task {
  vertical-align: middle;
}
.judicial-case-con .financial-browse-download .financial-browse-batch-info {
  line-height: 30px;
  background-color: #f5f5f5;
}
.judicial-case-con .financial-browse-download .financial-browse-batch-info li {
  padding: 4px 5px;
  cursor: pointer;
}
.judicial-case-con .financial-browse-download .financial-browse-batch-info li.selected {
  background-color: #fa8919;
  color: #fff;
}
.judicial-case-con .financial-browse-download .financial-browse-batch-info li:hover {
  background-color: #ed6c00;
  color: #ffffff;
}
.judicial-case-con .financial-browse-change-tool {
  height: 30px;
}
.judicial-case-con .financial-browse-change-tool i {
  float: right;
  font-size: 20px;
  cursor: pointer;
}
.judicial-case-con .financial-browse-change-tool i:hover {
  color: #fa8919;
}
.judicial-case-con .financial-browse-filter-con {
  display: inline-block;
}
.judicial-case-con .financial__reim__more-filter .filter-item {
  position: relative;
}
.judicial-case-con .page {
  display: flex;
}
.judicial-case-con .page .show-page {
  position: relative;
  top: 29px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.judicial-case-con .page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.judicial-case-con .financial-browse-list {
  overflow: hidden;
  font-size: 12px;
  border: 1px solid #f5f5f5;
  position: relative;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table {
  width: 2200px;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-2250 {
  width: 2250px;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header {
  padding: 10px 0;
  display: flex;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header span:nth-child(1) {
  width: 90px;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header span:nth-child(11),
.judicial-case-con .financial-browse-list .financial-browse-list-table-header span:nth-child(12) {
  width: 120px;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header span:nth-child(13) {
  width: 170px;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header i {
  color: #a9a9a9;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header .active {
  color: #fa8919;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header .cursor {
  cursor: pointer;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header .super {
  position: relative;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header .super > i {
  position: absolute;
  left: 2px;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header .super i.ibass-trig-down {
  top: 3px;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-header .super i.ibass-trig-up {
  top: -4px;
}
.judicial-case-con .financial-browse-list .financial-browse-left {
  width: 241px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-color: #fff;
  word-break: break-all;
}
.judicial-case-con .financial-browse-list .financial-browse-right {
  width: 180px;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  background-color: #fff;
  word-break: break-all;
}
.judicial-case-con .financial-browse-list .financial-browse-left.show-shadow {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.judicial-case-con .financial-browse-list .financial-browse-right.show-shadow {
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.judicial-case-con .financial-browse-list .browse-common-span {
  width: 100px;
  display: inline-block;
  padding-left: 10px;
  box-sizing: border-box;
  position: relative;
  user-select: none;
}
.judicial-case-con .financial-browse-list .browse-common-span .checkbox-name {
  margin-left: 30px;
}
.judicial-case-con .financial-browse-list .browse-common-span .browse-common-checkbox {
  font-size: 16px;
  color: #ccc;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.judicial-case-con .financial-browse-list .browse-common-span .ibass-checked {
  color: #fa8919;
}
.judicial-case-con .financial-browse-list .browse-common-span .browse-view-matter {
  text-align: center;
  padding: 4px 8px;
  border: 1px solid #f5f5f5;
  border-radius: 20px;
  cursor: pointer;
}
.judicial-case-con .financial-browse-list .browse-common-span .browse-view-matter:hover {
  color: #ed6c00;
  border: 1px solid #ed6c00;
}
.judicial-case-con .financial-browse-list .browse-common-span .fail-reason {
  position: relative;
  padding-left: 20px;
  border: none;
}
.judicial-case-con .financial-browse-list .browse-common-span .fail-reason:hover {
  border: none;
}
.judicial-case-con .financial-browse-list .browse-common-span .ibass-info:before {
  vertical-align: text-bottom;
  margin-right: 2px;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-tbody .financial-browse-list-table-tr {
  padding: 10px 0;
  border-top: 1px solid #f5f5f5;
  display: flex;
  align-items: center;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-tbody .financial-browse-list-table-tr .list-table-content {
  display: flex;
  align-items: center;
}
.judicial-case-con .financial-browse-list .financial-browse-list-table-tbody .financial-browse-list-table-tr .list-table-content div:nth-child(1) {
  width: 90px;
}
.judicial-case-con .matter-filter-select .item-label {
  width: 112px;
  height: 20px;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
}
.judicial-case-con .matter-filter-select .m-h-scroll {
  max-height: 240px;
  overflow: auto;
  margin-bottom: 2px;
}
.judicial-case-con .matter-filter-select .item-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 4px;
  left: -2px;
}
.judicial-case-con .matter-filter-select .item-container .matter-filter-fixed {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  display: inline-block;
}
.judicial-case-con .matter-filter-select .item-container .money-warning {
  color: #f72b44;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  left: 0px;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show {
  margin-right: 10px;
  zoom: 1;
  position: relative;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list {
  display: inline-block;
  font-size: 12px;
  max-height: 110px!important;
  overflow: auto;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list .inline-li {
  display: inline-block;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list > .li {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list > .li:after {
  display: block;
  content: '';
  visibility: none;
  clear: both;
  height: 0;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role {
  float: left;
  color: #909090;
  background: #fff;
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  margin-top: 3px;
  cursor: pointer;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name > span {
  max-width: 90px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list > .li .user-role .user-role-name i {
  vertical-align: middle;
  font-size: 10px;
  margin-left: 2px;
  color: #a9a9a9;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .user-list > .li .close {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .money {
  width: 70px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  background: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: none;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .money.error {
  border-color: #f72b44;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-show .money-line {
  margin: 0 10px;
  width: 16px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border: solid 1px #a2a2a2;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-edit {
  display: inline-flex;
}
.judicial-case-con .matter-filter-select .item-container .item-detail-edit .pop-container {
  display: inline-block;
}
.judicial-case-con .matter-filter-select .item-container .item-all {
  color: #a9a9a9;
  line-height: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.judicial-case-con .matter-filter-select .item-container .item-all > span:after {
  position: relative;
  top: -2px;
  display: inline-block;
  transform: scale(0.833333);
  font-family: "icon-bass";
  content: "\EA13";
  vertical-align: middle;
}
.judicial-case-con .matter-filter-select .item-container .item-add {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  line-height: 24px;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.judicial-case-con .matter-filter-select .item-container .item-add:before {
  margin-right: 4px;
  color: #909090;
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA25";
  vertical-align: middle;
}
.judicial-case-con .matter-filter-select .datepicker-container {
  position: relative;
  top: -6px;
}
.judicial-case-con .matter-filter-select .datepicker-container .time-range-container {
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
.judicial-case-con .matter-filter-select .datepicker-container .time-range {
  position: relative;
  width: auto;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
  display: inline-block;
}
.judicial-case-con .matter-filter-select .datepicker-container .time-range.hide-popover .ns-popover-for-timerange {
  display: none !important;
}
.judicial-case-con .matter-filter-select .datepicker-container .time-range-text-select {
  display: inline-block;
}
.judicial-case-con .matter-filter-select .datepicker-container .time-range-start-stop {
  display: inline-block;
}
.judicial-case-con .matter-filter-select .datepicker-container .close-in-filter {
  color: #a9a9a9;
  background: #fbfbfb;
  line-height: 20px;
  height: 20px;
  width: 48px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
}
.judicial-case-con .matter-filter-select .datepicker-container .close-in-filter:hover {
  border-radius: 4px;
  background-color: #f1f1f1;
}
.judicial-case-con .matter-filter-select .datepicker-container .close-in-filter .time-range-text-select {
  position: relative;
}
.judicial-case-con .matter-filter-select .no-limited-time {
  top: 0;
  margin-left: 7px;
}
.judicial-case-con .matter-filter-select .no-limited-time .time-range-container {
  border: none;
}
.judicial-case-con .matter-filter-select .no-limited-time .time-range-container .time-range-text-select {
  float: left;
  margin-left: 2px;
}
.judicial-case-con .contract-item-multiple-span {
  display: flex;
  flex-direction: column;
}
.judicial-case-con .contract-item-multiple-span .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.judicial-case-con .contract-item-multiple-span .matter-case-names {
  max-width: 140px;
}
.judicial-case-con .second-font {
  color: #a9a9a9;
  font-size: 12px;
}
.judicial-case-con .popover-id {
  position: relative;
}
.judicial-case-con .filter-item .item-container .user-name {
  max-width: 70px;
}
.judicial-case-con .judPlatform__judicial-case-filter {
  display: flex;
  flex-wrap: wrap;
  border-radius: 2px;
  padding: 20px 0 20px 40px;
  border: 1px solid #f2f2f2;
  background-color: #fbfbfb;
}
.judicial-case-con .judPlatform__judicial-case-filter .reim-operation-area {
  width: 100%;
}
.judicial-case-con .judPlatform__judicial-case-filter .reim-filter__sum-filter {
  width: 33%!important;
}
.judicial-case-con .financial-browse-filter-more-btn {
  height: 35px;
}
.judicial-case-con .financial-browse-filter-more-btn .right {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 20px;
}
.judicial-case-con .financial-browse-filter-more-btn .right i {
  margin-right: 3px;
  font-size: 12px;
  color: #cdc9c5;
}
.judicial-case-con .financial-browse-filter-more-btn .right:hover {
  color: #fa8919;
}
.judicial-case-con .financial-browse-filter-more-btn .right:hover i {
  color: #fa8919;
}
.judicial-case-con .financial-browse-filter-more-btn .ibass-fullScreen,
.judicial-case-con .financial-browse-filter-more-btn .ibass-defaultScreen {
  color: #999;
}
.judicial-case-con .show-hide-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.financial-browse-full-screen {
  width: calc(100% - 1px) !important;
  border: none;
  border-radius: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 20px 0 20px 20px!important;
}
.financial-browse-full-screen .commen-header {
  display: none;
}

.project-type-dialog {
  padding: 0 60px;
}
.project-type-dialog .project-type-dialog-title {
  width: 250px;
  font-size: 18px;
  text-align: center;
  color: #333;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background-color: #fff;
}
.project-type-dialog .project-type-dialog-one-key-setup {
  color: #fa8919;
  cursor: pointer;
}
.project-type-dialog .project-type-dialog-one-key-setup:hover {
  color: #ed6c00;
}
.project-type-dialog .project-type-dialog-confirm {
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  color: #fff;
  background: #fa8919;
  cursor: pointer;
}
.project-type-dialog .project-type-dialog-confirm:hover {
  box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset;
}
.project-type-dialog .project-type-dialog-content {
  margin-top: 20px;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-title {
  height: 30px;
  display: flex;
  align-items: center;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-title span {
  line-height: 30px;
  border-bottom: 1px solid #eee;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-title span:first-child {
  width: 45%;
  margin-right: 20px;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-title .project-type-tooltip:before {
  height: 20px;
  margin-left: 10px;
  vertical-align: top;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-title .project-type-tooltip:hover {
  cursor: pointer;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-item {
  position: relative;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-item .project-type-dialog-content-item-name {
  width: 80px;
  line-height: 50px;
  text-align: center;
  border-bottom: 2px solid #fa8919;
  margin: 20px 0;
  font-weight: 700;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-item .project-type-dialog-content-item-ul li {
  line-height: 40px;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-item .project-type-tooltip {
  position: absolute;
  left: 81px;
  top: 0;
}
.project-type-dialog .project-type-dialog-content .project-type-dialog-content-item .project-type-tooltip:hover {
  cursor: pointer;
}

.contract-add-dialog .firm-dialog-body {
  padding: 0px 20px;
}

.contract-firm-dialog-title {
  width: 638px !important;
}
.angular-ui-tree-empty {
  min-height: inherit!important;
  background: white!important;
  border: 0px!important;
}
.margin-left25 {
  margin-left: 25px;
}
.item-name-require {
  position: absolute;
  z-index: 4;
  font-weight: 400;
  width: 200px;
  left: 100px;
  top: 15px;
  color: #e74955 ;
}
.chapter-title {
  border: 0px;
  height: 50px !important;
  width: 390px!important;
  line-height: 50px !important;
  margin-left: 10px !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  display: inline-block !important;
  border-bottom: solid 1px #f0f0f0 !important;
}
.tree .angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: 46px;
}
.tree .angular-ui-tree {
  margin: 10px 23px!important;
}
.sub-item-chapter-title {
  border: 0px;
  height: 50px !important;
  width: 350px !important;
  line-height: 50px !important;
  margin-left: 18px!important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  display: inline-block !important;
  border-bottom: solid 1px #f0f0f0 !important;
}
.sub-item-chapter {
  height: 30px;
  line-height: 30px;
  width: 30px;
  display: inline-block;
  text-align: right;
  margin-left: 20px;
}
.comment-content-view {
  width: 608px;
  color: #4a4a4a;
  padding: 0px 12px !important;
  font-size: 14px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.comment-content-edit {
  position: relative;
  line-height: 21px;
  clear: both;
  overflow-x: hidden !important;
  overflow-y: auto;
}
.comment-content-edit textarea {
  border: none;
  width: 99%;
  line-height: 21px;
  word-break: break-all;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  padding: 10px;
}
.comment-content-edit textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.comment-content-edit .save {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 100px;
  height: 30px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.comment-content-edit .cancel {
  position: absolute;
  right: 116px;
  bottom: 8px;
  width: 70px;
  height: 30px;
  border-radius: 20px;
  background-color: #f8f8f9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 30px;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.content-text {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
  margin: 5px 10px 20px 0;
}

.dc-body-wrap .file-uploading {
  width: 795px;
  height: 40px;
  margin-top: 15px;
  box-sizing: border-box;
  padding-left: 24px;
}
.dc-body-wrap .file-advanced-searchbox {
  width: 795px;
  height: 147px;
  border-radius: 4px;
  background-color: #f8f8f9;
  margin-top: 15px;
  box-sizing: border-box;
  padding: 15px 144px 15px 20px;
}
.dc-body-wrap .file-advanced-searchbox .tle {
  font-size: 14px;
  color: #4a4a4a;
  width: 70px;
  display: inline-block;
  margin-right: 6px;
  line-height: 33px;
  vertical-align: top;
}
.dc-body-wrap .file-advanced-searchbox .secondfloorbox {
  margin-top: 10px;
}
.dc-body-wrap .file-advanced-searchbox .selectBox {
  display: inline-block;
  width: 200px;
  height: 30px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
}
.dc-body-wrap .file-advanced-searchbox .selectBox .checkbox {
  border: none;
}
.dc-body-wrap .file-advanced-searchbox .selectBox .ibass-trig-down {
  line-height: 32px;
  padding-left: 20px;
  vertical-align: sub;
  color: #cdc9c5;
}
.dc-body-wrap .file-advanced-searchbox .right {
  float: right;
}
.dc-body-wrap .file-advanced-searchbox .searchbtn {
  min-width: 100px;
  height: 32px;
  margin: 14px 0 0 79px;
}
.docment-about-popover .ns-popover-tooltip {
  width: 500px;
}
.docment-about-popover .ns-pop-title-right .ibass-edit {
  font-size: 12px;
}
.docment-about-popover .ibass-edit {
  font-size: 14px;
  color: #cdc9c5;
}
.docment-about-popover .ns-pop-title-right .ibass-close {
  top: 0;
  position: relative;
  font-size: 12px;
  color: #cdc9c5;
}
.docment-about-popover .ibass-project {
  font-size: 14px;
  color: #cdc9c5;
}
.docment-about-popover .tags-icon {
  font-size: 16px !important;
  color: #cdc9c5;
}
.docment-about-popover .ibass-company {
  font-size: 14px;
  color: #cdc9c5;
}
.docment-about-popover .ibass-lawyer {
  font-size: 14px;
  color: #cdc9c5;
}
.docment-about-popover .ibass-trig-down {
  float: right;
  font-size: 12px;
  color: #cdc9c5;
}
.docment-about-popover .ibass-close {
  font-size: 10px;
  padding-left: 5px;
  position: relative;
  top: 2px;
}
.docment-about-popover .ibass-add {
  float: left;
  padding-right: 5px;
  color: #cdc9c5;
}
.docment-about-popover .ibass-task-pad {
  font-size: 29px;
  color: #f4ece3;
}
.docment-about-popover .ibass-timer {
  font-size: 29px;
  color: #f4ece3;
}
.docment-about-popover .ibass-star-fill {
  font-size: 29px;
  color: #f4ece3;
}
.docment-about-popover .ibass-filetype-doc {
  font-size: 29px;
  color: #f4ece3;
}
.docment-about-popover .ns-pop-title {
  width: 330px;
  height: 40px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  margin-left: 15px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #4a494a;
}
.docment-about-popover .ns-pop-title-left {
  float: left;
  position: relative;
}
.docment-about-popover .ns-pop-title-bottom {
  width: 100%;
  height: 2px;
  background-color: #fa8919;
  position: absolute;
  bottom: 0;
  left: 0;
}
.docment-about-popover .ns-pop-title-right {
  float: right;
  font-size: 12px;
  line-height: 45px;
  color: #a9a9a9;
  padding-right: 5px;
}
.docment-about-popover .ns-pop-title-right span {
  padding-left: 5px;
}
.docment-about-popover .ns-popover-tooltip-theme .ns-popover-tooltip .ns-popover-heighter-items {
  margin: 20px;
}
.docment-about-popover .ns-pop-item-title {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  color: #a9a9a9;
}
.docment-about-popover .ns-pop-item-content {
  font-size: 14px;
  color: #4a494a;
  line-height: 18px;
  padding-bottom: 7px;
  border-bottom: 1px solid #f0f0f0;
}
.docment-about-popover .ns-popover-save {
  width: 130px;
  height: 34px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  margin: 25px auto;
  margin-bottom: 30px;
}
.docment-about-popover .edit-icon-bass {
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
}
.docment-about-popover .ns-popover-items {
  padding-top: 10px;
  margin-bottom: 4px !important;
  width: 100%;
  overflow-x: hidden;
}
.docment-about-popover .ns-popover-heighter-item {
  margin: 0 20px;
}
.docment-about-popover .ns-popover-tips {
  padding-top: 15px;
  margin-left: 15px !important;
  overflow: auto;
}
.docment-about-popover .tags-detail {
  height: auto;
  overflow: visible;
  word-break: break-all;
  white-space: inherit;
}
.docment-about-popover .ns-popover-tips li {
  float: left;
  margin: 0 10px 10px 0;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 20px;
  background-color: #f8f8f9;
  display: inline-block;
  overflow: hidden;
  padding-right: 30px;
  position: relative;
}
.docment-about-popover .ns-popover-tips li i.ibass-close {
  position: absolute;
  top: 0;
  right: 10px;
  padding-left: 5px;
}
.docment-about-popover .ns-popover-tips .ns-pop-tips-add {
  background-color: #fff;
  font-size: 14px;
  color: #737373;
}
.docment-about-popover .ns-pop-item-left {
  width: 115px;
  float: left;
  overflow: hidden;
}
.docment-about-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  height: 32px;
  line-height: 32px;
  padding: 0 18px;
  cursor: auto;
}
.docment-about-popover .ns-popover-item {
  background-color: #fff!important;
}
.docment-about-popover .ns-popover-item .tpl-tag {
  margin-left: 15px;
  padding: 5px 15px;
  margin-top: 12px;
  display: inline-block;
  background: #f0f0f0;
  border-radius: 15px;
}
.docment-about-popover .ns-pop-item-left span {
  float: left;
  padding-left: 10px;
  font-size: 14px;
  color: #737373;
  overflow: hidden;
}
.docment-about-popover .ns-pop-item-right {
  width: 202px;
}
.docment-about-popover .ns-pop-item-right span {
  font-size: 14px;
  color: #4a494a;
  width: 100%;
  padding: 0;
}
.docment-about-popover input::-moz-placeholder {
  color: #a9a9a9;
}
.docment-about-popover input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.docment-about-popover inpupt:-ms-input-placeholder {
  color: #a9a9a9;
}
.dc-body-wrap {
  font-family: PingFangSC;
  color: #4a494a;
  overflow: auto;
  overflow-x: hidden;
}
.dc-body-wrap .search-clear {
  position: absolute;
  right: 5px;
  top: 2px;
  font-size: 12px;
  -webkit-transition-duration: 0.1s;
  -webkit-transform: scale(1, 1);
}
.dc-body-wrap .ns-left-content {
  float: left;
  padding: 15px 0;
  width: 187px;
}
.dc-body-wrap .ns-left-content .ns-sort-box {
  font-size: 14px;
  line-height: 34px;
}
.dc-body-wrap .ns-left-content .ns-sort-box .title {
  padding-left: 22px;
  height: 37px;
  font-weight: 500;
  position: relative;
  line-height: 36px;
}
.dc-body-wrap .ns-left-content .ns-sort-box .title .search-tag {
  position: absolute;
  top: 0;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
}
.dc-body-wrap .ns-left-content .ns-sort-box .title .search-tag i {
  position: absolute;
  left: 6px;
  top: 0;
  background: transparent !important;
}
.dc-body-wrap .ns-left-content .ns-sort-box .title .search-tag input {
  width: 110px;
  margin: 0 20px 0 10px;
  border: 0;
}
.dc-body-wrap .ns-left-content .ns-sort-box .title .search-tag .search {
  height: 28px;
  border-radius: 0 20px 20px 0;
  position: absolute;
  right: 9px;
  top: -1px;
  text-align: center;
  line-height: 30px;
  color: #4a4a4a;
  font-size: 12px;
}
.dc-body-wrap .ns-left-content .ns-sort-box .title .search-tag .search .ibass-back {
  text-indent: -2px;
  font-size: 14px;
  color: #cdc9c5;
}
.dc-body-wrap .ns-left-content .ns-sort-box .title .search-tag .search .clear-text {
  top: -2px;
  position: relative;
}
.dc-body-wrap .ns-left-content .ns-sort-box .sort-item {
  margin: 0px 0 0px 25px;
  overflow: hidden;
  width: 150px;
  border-radius: 25px;
  line-height: 30px;
  text-overflow: ellipsis;
  word-break: break-all;
  height: 34px;
  padding-right: 25px;
  position: relative;
  box-sizing: border-box;
}
.dc-body-wrap .ns-left-content .ns-sort-box .sort-item span {
  color: #4a4a4a;
}
.dc-body-wrap .ns-left-content .ns-sort-box .sort-item .active {
  color: #fa8919 !important;
}
.dc-body-wrap .ns-left-content .ns-sort-box .sort-item .ibass-checkmark {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #fa8919;
  font-size: 10px;
}
.dc-body-wrap .ns-left-content .ns-sort-box .sort-item .ibass-dot {
  padding: 0;
}
.dc-body-wrap .ns-left-content .ns-sort-box .sort-item:hover,
.dc-body-wrap .ns-left-content .ns-sort-box .sort-item.active {
  background: #f0f0f0;
}
.dc-body-wrap .ns-left-content .ns-sort-box i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  padding: 0 1px;
  font-size: 16px;
}
.dc-body-wrap .ns-left-content .ns-sort-box .clear-line {
  margin: 19px 35px;
  height: 1px;
  border-bottom: solid 1px #f0f0f0;
}
.dc-body-wrap .ns-left-content .ns-sort-box span.ibass-search {
  width: 23px;
  float: right;
  color: #cdcdcd;
  text-align: center;
  height: 23px;
  line-height: 23px;
  margin: 7px 13px;
  border-radius: 5px;
}
.dc-body-wrap .ns-left-content .ns-sort-box span.ibass-search:hover {
  color: #fff;
  background: #ffb387;
}
.dc-body-wrap .dc-right-content {
  margin-left: 187px;
  min-height: 900px;
  border-left: 1px solid #f0f0f0;
  position: relative;
  padding-bottom: 100px;
}
.dc-body-wrap .dc-right-content .page {
  position: absolute;
  bottom: 0;
}
.dc-body-wrap .dc-right-content .main-btn {
  min-width: 108px;
}
.dc-body-wrap .dc-right-content .ns-right-top {
  height: 72px;
  padding: 0 23px;
}
.dc-body-wrap .dc-right-content .ns-right-top .ns-top-search {
  float: left;
  margin: 18px 0 0 0;
  width: 200px;
  height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: scale(1, 1);
}
.dc-body-wrap .dc-right-content .ns-right-top .ns-top-search i {
  position: relative;
  top: 5px;
  font-size: 15px;
  left: 8px;
  color: #cdc9c5;
}
.dc-body-wrap .dc-right-content .ns-right-top .ns-top-search .search-box {
  position: relative;
  top: 2px;
  font-size: 12px;
  left: 6px;
  border: 0;
  line-height: 20px;
  width: 160px;
}
.dc-body-wrap .dc-right-content .ns-right-top .ns-top-search .w300 {
  width: 300px;
  -webkit-transition-duration: 0.32s;
  -webkit-transform: scale(1, 1);
}
.dc-body-wrap .dc-right-content .ns-right-top .focus-input {
  border-color: #ffb387 !important;
  width: 340px;
}
.dc-body-wrap .dc-right-content .ns-right-top .ns-top-create {
  float: right;
  margin: 15px 3px 0 0;
  height: 36px;
  line-height: 35px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  padding: 0 13px;
}
.dc-body-wrap .dc-right-content .ns-right-top .ns-top-create span {
  position: relative;
  top: -1px;
  left: 2px;
}
.dc-body-wrap .dc-right-content .total {
  right: 24px;
  position: absolute;
  top: 0;
  padding-top: 12px;
  color: #737373;
  font-size: 13px;
  line-height: 22px;
  box-sizing: border-box;
  padding-left: 14px;
}
.dc-body-wrap .dc-right-content .total span.sort-time {
  float: right;
}
.dc-body-wrap .dc-right-content .total i {
  float: right;
  font-size: 12px;
  color: #fa8919;
  padding: 0 2px;
}
.dc-body-wrap .dc-right-content .ns-right-main {
  padding: 0 23px;
  margin-top: -8px;
}
.dc-body-wrap .dc-right-content .ns-right-main .list-head {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding-left: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.dc-body-wrap .dc-right-content .ns-right-main .list-head .ibass-trig-down {
  font-size: 12px;
  position: relative;
  top: 1px;
  margin-left: 4px;
}
.dc-body-wrap .dc-right-content .ns-right-main .list-head .sort-time {
  float: right;
  color: #737373;
}
.dc-body-wrap .dc-right-content .ns-right-main .list-head .allNum {
  color: #737373;
}
.dc-body-wrap .dc-right-content .ns-right-main .list-head i.checkIcon {
  position: relative;
  top: 10px;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.dc-body-wrap .dc-right-content .ns-right-main .list-head i.ibass-checkbox {
  color: #cdc9c5;
}
.dc-body-wrap .dc-right-content .ns-right-main .list-head i.ibass-checked {
  color: #fa8919;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab {
  border-bottom: 1px solid #f0f0f0;
  line-height: 35px;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .tab {
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid transparent;
  width: 95px;
  display: inline-block;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .more-copy {
  float: right;
  margin-right: 18px;
  display: inline-block;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .more-copy .more-option {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  line-height: 26px;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .more-copy .more-option span {
  color: #737373;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .more-copy .tips {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  line-height: 26px;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .more-copy .tips span {
  color: #a9a9a9;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .more-copy .slecteBread {
  display: inline-block;
  width: 150px;
  height: 32px;
  border-radius: 5px;
  background-color: #f8f8f9;
  line-height: 32px;
  font-size: 12px;
  float: left;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .more-copy .slecteBread .seletedNum {
  margin-left: 10px;
  font-size: 12px;
  color: #ed6c00;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .more-copy .slecteBread .cleanSelected {
  float: right;
  margin-right: 10px;
  line-height: 30px;
  cursor: pointer;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .more-copy .slecteBread .cleanSelected i {
  font-size: 12px;
  position: relative;
  top: 1px;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .ibass-copy,
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .ibass-download,
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .ibass-delete {
  position: relative;
  top: 4px;
  width: 30px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  color: #cdc9c5;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .ibass-copy:hover,
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .ibass-delete:hover {
  color: #ed6c00;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .right-tab {
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid transparent;
  width: 96px;
  display: inline-block;
  float: right;
  padding-left: 5px;
  border-bottom-color: transparent !important;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .right-tab .ibass-star {
  top: 1px;
  position: relative;
  font-size: 14px;
  color: #ed6c00;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .right-tab .ibass-star-fill {
  top: 1px;
  position: relative;
  font-size: 14px;
}
.dc-body-wrap .dc-right-content .ns-right-main .do-favorite {
  color: #fa8919;
}
.dc-body-wrap .dc-right-content .ns-right-main .select-tab .active-tab {
  border-bottom-color: #fa8919;
  color: #ed6c00;
}
.dc-body-wrap .dc-right-content .tpl-list .list-head {
  line-height: 24px;
}
.dc-body-wrap .dc-right-content .tpl-list .hover-check {
  display: none;
}
.dc-body-wrap .dc-right-content .tpl-list .icon-content {
  display: inline-block;
  float: left;
}
.dc-body-wrap .dc-right-content .tpl-list .check-block {
  display: block !important;
}
.dc-body-wrap .dc-right-content .tpl-list .icon-content:hover .hover-check {
  display: block !important;
}
.dc-body-wrap .dc-right-content .tpl-list .icon-content:hover .hover-doc {
  display: none !important;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 10px 14px 8px;
  position: relative;
  min-height: 50px;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item img {
  float: left;
  height: 24px;
  width: 24px;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item i.checkIcon {
  position: relative;
  top: 10px;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item i.ibass-checkbox {
  color: #cdc9c5;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item i.ibass-checked {
  color: #fa8919;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item i.ibass-filetype-doc {
  float: left;
  font-size: 16px;
  color: #0a96e5;
  margin-right: 6px;
  width: 20px;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .content.left70 {
  padding-left: 100px;
  display: block;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .content {
  display: block;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .content .content-tags {
  padding-top: 10px;
  font-size: 12px;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .content .content-tags span {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 0px 10px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 4px;
  color: #a9a9a9;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .content .title {
  font-size: 14px;
  font-weight: 500;
  color: #4a494a;
  padding: 2px 0 5px;
  overflow: hidden;
  word-break: break-all;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .content .desc {
  height: 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 1.33;
  color: #737373;
  padding-bottom: 5px;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .content .meta {
  height: 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .right-button-group.right24 {
  right: 24px;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .right-button-group {
  width: 100px;
  text-align: right;
  float: right;
  padding: 22px 0px;
  color: #cdc9c5;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .right-button-group i {
  font-size: 16px;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .right-button-group i.ibass-copy,
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .right-button-group .ibass-info {
  padding-right: 15px;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item .right-button-group .ibass-more {
  float: right;
  padding-left: 15px;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item:hover {
  background-color: #f8f8f9;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item:hover .right-button-group i {
  color: #fdba78;
}
.dc-body-wrap .dc-right-content .tpl-list .tpl-item:hover .right-button-group i:hover {
  color: #f98919;
}
.dc-body-wrap .dc-right-content .ns-right-pager {
  bottom: 43px;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 30px;
}
.dc-body-wrap .dc-right-content .ns-right-pager i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  padding: 0 10px;
  font-size: 15px;
}
.dc-body-wrap .dc-right-content .ns-right-pager .prev-page,
.dc-body-wrap .dc-right-content .ns-right-pager .next-page {
  width: 42px;
  height: 20px;
  font-size: 14px;
  color: #737373;
}
.dc-body-wrap .dc-right-content .ns-right-pager .page-num {
  width: 20px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  color: #737373;
  padding: 0 5px;
  display: inline-block;
}
.dc-body-wrap .dc-right-content .ns-right-pager .current {
  height: 30px;
  background-color: #fa8919;
  border-radius: 50%;
  color: #fff;
}
.dc-body-wrap .dc-right-content .page {
  width: 100%;
  text-align: center;
}
.dc-body-wrap .dc-right-content .page ul {
  display: inline-block;
}
.dc-body-wrap input::-moz-placeholder {
  color: #a9a9a9;
}
.dc-body-wrap input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.dc-body-wrap inpupt:-ms-input-placeholder {
  color: #a9a9a9;
}
.nd-body-wrap {
  width: 1000px;
  min-height: 1042px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.nd-body-wrap .nd-header-title {
  height: 70px;
  padding: 20px 0 20px;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
  position: relative;
}
.nd-body-wrap .nd-header-title i.nd-header-icon {
  font-size: 26px;
  color: #cdc8c5;
  position: relative;
  top: -3px;
  float: left;
  padding: 0 7px;
}
.nd-body-wrap .nd-header-title .title {
  height: 28px;
  font-size: 20px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  width: 750px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.nd-body-wrap .nd-header-title .button-group {
  position: absolute;
  right: 0px;
  top: 24px;
  height: 22px;
}
.nd-body-wrap .nd-header-title .button-group i {
  padding: 0px 12px;
  font-size: 16px;
  color: #cdc9c5;
  border-right: 1px solid #ededed;
  position: relative;
  top: -1px;
  height: 22px;
  box-sizing: border-box;
}
.nd-body-wrap .nd-header-title .button-group .ibass-close {
  padding: 0 0 0 16px;
}
.nd-body-wrap .nd-header-title .button-group i:hover {
  color: #fa8919;
}
.nd-body-wrap .nd-content-header {
  padding-top: 15px;
  text-align: center;
}
.nd-body-wrap .nd-content-header .title {
  text-align: center;
  width: 72px;
  height: 36px;
  line-height: 36px;
  border-bottom: 2px solid #fff;
  color: #4a494a;
  display: inline-block;
  margin: 0 -2px;
}
.nd-body-wrap .nd-content-header .active {
  border-bottom: 2px solid #ed6c00;
  color: #ed6c00;
}
.nd-body-wrap .nd-content-header .disabled {
  opacity: .5;
}
.nd-body-wrap .nd-content-task .nd-content-top {
  padding: 0 0 15px 2px;
}
.nd-body-wrap .nd-content-task .nd-content-top .total {
  color: #737373;
  float: left;
}
.nd-body-wrap .nd-content-task .nd-content-top .create {
  float: right;
  color: #fa8919;
}
.nd-body-wrap .nd-content-task .nd-content-top .create i {
  position: relative;
  top: 1px;
}
.nd-body-wrap .nd-content-task .nd-content-top .create span {
  padding: 0 5px;
}
.nd-body-wrap .nd-content-task .nd-content-top:after {
  clear: both;
  content: '.';
  visibility: hidden;
}
.nd-body-wrap .nd-content-task .task-list {
  padding: 15px 0 7px;
}
.nd-body-wrap .nd-content-task .task-list .task-title {
  height: 45px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
  border-bottom: 1px solid #f0f0f0;
  line-height: 46px;
  overflow: hidden;
}
.nd-body-wrap .nd-content-task .task-list .task-title .title {
  border-bottom: 3px solid #fa8919;
  display: inline-block;
  margin-right: 10px;
  padding: 0 4px;
  max-width: 650px;
  overflow: hidden;
  float: left;
  height: 41px;
}
.nd-body-wrap .nd-content-task .task-list .task-title i.ibass-arrow-down,
.nd-body-wrap .nd-content-task .task-list .task-title .ibass-arrow-right {
  font-size: 16px;
  color: #07cfda;
  position: relative;
  top: 3px;
  padding: 0 12px 0 14px;
  float: left;
}
.nd-body-wrap .nd-content-task .task-list .task-title .total {
  color: #a9a9a9;
  padding: 0 8px;
  border-left: 1px solid #f0f0f0;
  top: 1px;
  position: relative;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group {
  float: right;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  display: none;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group i {
  position: relative;
  top: 2px;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group div {
  padding-right: 12px;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group i.ibass-delete {
  padding-left: 16px;
  right: 15px;
  border-left: 1px solid #f0f0f0;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group span {
  padding: 0 22px 0 8px;
}
.nd-body-wrap .nd-content-task .task-list .task-title .add-button {
  display: inline-block;
  position: relative;
  top: 5px;
  font-size: 20px;
  float: right;
  padding-right: 80px;
}
.nd-body-wrap .nd-content-task .task-list .task-title .add-button i,
.nd-body-wrap .nd-content-task .task-list .task-title .add-button i.ibass-close {
  padding-left: 10px;
  color: #fdba78;
}
.nd-body-wrap .nd-content-task .task-list .task-title .add-group {
  border: 0;
  border-bottom: 3px solid #fa8919;
  line-height: 40px;
  width: 400px;
  margin-right: 60px;
}
.nd-body-wrap .nd-content-task .task-list .task-title:hover .right-button-group {
  display: inline-block;
}
.nd-body-wrap .nd-content-task .task-list .task-item {
  height: 52px;
  line-height: 49px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  padding: 0 13px 0 10px;
}
.nd-body-wrap .nd-content-task .task-list .task-item .ibass-task-check {
  float: left;
  font-size: 20px;
  color: #cdc9c5;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title {
  width: 558px;
  float: left;
  color: #4a494a;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title .check-list {
  float: right;
  font-size: 14px;
  color: #a9a9a9;
  width: 144px;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title .check-list .ibass-list,
.nd-body-wrap .nd-content-task .task-list .task-item .title .check-list .ibass-attachment {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 2px;
  padding-left: 22px;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title .check-list span {
  width: 28px;
  display: inline-block;
  padding-left: 1px;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title .ibass-task-check {
  padding-right: 10px;
  width: 25px;
  text-align: center;
}
.nd-body-wrap .nd-content-task .task-list .task-item .attach-list {
  width: 39%;
  float: right;
  padding-left: 34px;
  box-sizing: border-box;
  color: #a9a9a9;
}
.nd-body-wrap .nd-content-task .task-list .task-item .attach-list .author {
  float: left;
}
.nd-body-wrap .nd-content-task .task-list .task-item .attach-list i {
  float: right;
  color: #fa8919;
  display: none;
  padding-right: 2px;
}
.nd-body-wrap .nd-content-task .task-list .task-item:hover {
  background-color: #f8f8f9;
}
.nd-body-wrap .nd-content-task .task-list .task-item:hover .attach-list i {
  display: inline-block;
}
.nd-body-wrap .nd-content-duc .nd-content-top {
  padding: 21px 0 15px 14px;
  color: #4a494a;
}
.nd-body-wrap .nd-content-duc .nd-content-top i.cursor {
  top: 2px;
  position: relative;
  color: #cdc9c5;
}
.nd-body-wrap .nd-content-duc .nd-content-top .ibass-filetype-folder {
  padding-right: 12px;
}
.nd-body-wrap .nd-content-duc .nd-content-top .ibass-arrow-right {
  padding: 0 8px;
}
.nd-body-wrap .nd-content-duc .nd-content-top .create {
  float: right;
  width: 105px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.nd-body-wrap .nd-content-duc .nd-content-top .create i {
  position: relative;
  top: 2px;
  color: #fff;
  font-size: 12px;
}
.nd-body-wrap .nd-content-duc .nd-content-top .create span {
  padding: 0 5px;
}
.nd-body-wrap .nd-content-duc .nd-content-top:after {
  clear: both;
  content: '.';
  visibility: hidden;
}
.nd-body-wrap .nd-content-duc .file-list {
  padding: 15px 0 9px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner,
.nd-body-wrap .nd-content-duc .file-list .file-item {
  border-bottom: 1px solid #f0f0f0;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner div,
.nd-body-wrap .nd-content-duc .file-list .file-item div {
  display: inline-block;
  text-align: left;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-folder,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-folder,
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-checkbox,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-checkbox {
  color: #cdc9c5;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-trig-down,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-trig-down,
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-more,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-more {
  color: #fa8919;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-ppt,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-ppt {
  color: #d04424;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-image,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-image {
  color: #07cfda;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-zip,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-zip {
  color: #9d7120;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-music,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-music {
  color: #a7d638;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-movie,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-movie {
  color: #d94ff5;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-duc,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-duc {
  color: #0a96e5;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-excel,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-excel {
  color: #1c7044;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-cdc9c5,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-cdc9c5 {
  color: #a7d638;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner i.left,
.nd-body-wrap .nd-content-duc .file-list .file-item i.left {
  padding: 0 15px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner i.right,
.nd-body-wrap .nd-content-duc .file-list .file-item i.right {
  padding: 0 15px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time,
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time {
  width: 18%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time div,
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time div {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  width: 100%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time .date,
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time .date {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time {
  width: 14%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time div,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time div {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  width: 100%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time .date,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time .date {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .size,
.nd-body-wrap .nd-content-duc .file-list .file-item .size {
  width: 16%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .total,
.nd-body-wrap .nd-content-duc .file-list .file-item .total {
  color: #a9a9a9;
  padding: 0 10px;
  border-left: 1px solid #f0f0f0;
}
.nd-body-wrap .nd-content-duc .file-list .file-item {
  height: 42px;
}
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time {
  padding-top: 6px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner {
  height: 36px;
  line-height: 36px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner div {
  height: 36px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time {
  line-height: 34px;
  padding: 0;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time i {
  position: relative;
  top: 1px;
}
.nd-body-wrap .nd-content-duc .file-list .file-item:hover {
  background-color: #f8f8f9;
}
.nd-body-wrap .nd-content-duc .file-list .file-item:hover .size .ibass-trig-down {
  display: inline-block;
}
.nd-body-wrap input::-moz-placeholder {
  color: #a9a9a9;
}
.nd-body-wrap input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.nd-body-wrap inpupt:-ms-input-placeholder {
  color: #a9a9a9;
}
.al-scale-8 {
  transform: scale(0.8, 0.8);
}
.al-scale-6 {
  transform: scale(0.6, 0.6);
}
.al-scale-12 {
  transform: scale(1.2, 1.2);
}
.al-none-search-result {
  color: #ddd9d6;
  text-align: center;
  margin: 60px 0;
}
.al-none-search-result p {
  font-size: 23px;
}
.al-none-search-result .ibass-search {
  font-size: 60px !important;
}
.al-delete-confirm {
  width: 70px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
  padding: 0px !important;
}
.al-file-item .ibass-filetype-ppt {
  color: #d04424;
}
.al-file-item .ibass-filetype-pdf {
  color: #e3574d;
}
.al-file-item .ibass-filetype-image {
  color: #07cfda;
}
.al-file-item .ibass-text {
  color: #000;
}
.al-file-item .ibass-filetype-doc {
  color: #0a96e5;
}
.al-file-item .ibass-filetype-excel {
  color: #1c7044;
}
.al-file-item .ibass-filetype-zip {
  color: #9d7120;
}
.al-file-item .ibass-filetype-music {
  color: #a7d638;
}
.al-file-item .ibass-filetype-video {
  color: #d94ff5;
}
.al-file-item .ibass-filetype-default {
  color: #cdc9c5;
}

.knowledge-document-template-index {
  display: flex;
  min-height: 900px;
}
.knowledge-document-template-index .nav-tab {
  width: 180px;
  padding: 15px 10px 15px 30px;
  border-right: 1px solid #f0f0f0;
}
.knowledge-document-template-index .nav-tab li {
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
  height: 34px;
  box-sizing: border-box;
  padding: 0 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.knowledge-document-template-index .nav-tab li i {
  font-size: 16px;
  color: #cdc9c5;
  margin-right: 5px;
}
.knowledge-document-template-index .nav-tab li .ibass-arrow-next {
  position: absolute;
  right: 10px;
}
.knowledge-document-template-index .nav-tab li:hover {
  background-color: #f8f8f9;
  border-radius: 25px;
}
.knowledge-document-template-index .nav-tab li.active {
  background-color: #f8f8f9;
  border-radius: 25px;
}
.knowledge-document-template-index .nav-tab li.active i {
  color: #fa9819;
}
.knowledge-document-template-index .index-content {
  width: calc(100% - 180px);
}
.knowledge-document-template-index .ns-right-top {
  height: 72px;
  padding: 0 23px;
}
.knowledge-document-template-index .ns-right-top .ns-top-search {
  float: left;
  margin: 18px 0 0 0;
  width: 200px;
  height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: scale(1, 1);
}
.knowledge-document-template-index .ns-right-top .ns-top-search i {
  position: relative;
  top: 5px;
  font-size: 15px;
  left: 8px;
  color: #cdc9c5;
}
.knowledge-document-template-index .ns-right-top .ns-top-search .search-box {
  position: relative;
  top: 2px;
  font-size: 12px;
  left: 6px;
  border: 0;
  line-height: 20px;
  width: 160px;
}
.knowledge-document-template-index .ns-right-top .ns-top-search .w300 {
  width: 300px;
  -webkit-transition-duration: 0.32s;
  -webkit-transform: scale(1, 1);
}
.knowledge-document-template-index .ns-right-top .focus-input {
  border-color: #ffb387 !important;
  width: 340px;
}
.knowledge-document-template-index .ns-right-top .ns-top-create {
  float: right;
  margin: 15px 3px 0 0;
  height: 36px;
  line-height: 35px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  padding: 0 13px;
}
.knowledge-document-template-index .ns-right-top .ns-top-create span {
  position: relative;
  top: -1px;
  left: 2px;
}
.knowledge-document-template-index .ns-right-top .search-clear {
  position: absolute;
  right: 5px;
  top: 2px;
  font-size: 12px;
  -webkit-transition-duration: 0.1s;
  -webkit-transform: scale(1, 1);
}
.knowledge-document-template-index .select-tab {
  border-bottom: 1px solid #f0f0f0;
  line-height: 35px;
}
.knowledge-document-template-index .select-tab .tab {
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid transparent;
  width: 95px;
  display: inline-block;
}
.knowledge-document-template-index .select-tab .more-copy {
  margin-right: 18px;
  display: inline-block;
}
.knowledge-document-template-index .select-tab .more-copy .more-option {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  line-height: 26px;
}
.knowledge-document-template-index .select-tab .more-copy .more-option span {
  color: #737373;
}
.knowledge-document-template-index .select-tab .more-copy .tips {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  line-height: 26px;
}
.knowledge-document-template-index .select-tab .more-copy .tips span {
  color: #a9a9a9;
}
.knowledge-document-template-index .select-tab .more-copy .slecteBread {
  display: inline-block;
  width: 150px;
  height: 32px;
  border-radius: 5px;
  background-color: #f8f8f9;
  line-height: 32px;
  font-size: 12px;
  float: left;
}
.knowledge-document-template-index .select-tab .more-copy .slecteBread .seletedNum {
  margin-left: 10px;
  font-size: 12px;
  color: #ed6c00;
}
.knowledge-document-template-index .select-tab .more-copy .slecteBread .cleanSelected {
  float: right;
  margin-right: 10px;
  line-height: 30px;
  cursor: pointer;
}
.knowledge-document-template-index .select-tab .more-copy .slecteBread .cleanSelected i {
  font-size: 12px;
  position: relative;
  top: 1px;
}
.knowledge-document-template-index .select-tab .ibass-copy,
.knowledge-document-template-index .select-tab .ibass-download,
.knowledge-document-template-index .select-tab .ibass-delete {
  position: relative;
  top: 4px;
  width: 30px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  color: #cdc9c5;
}
.knowledge-document-template-index .select-tab .ibass-copy:hover,
.knowledge-document-template-index .select-tab .ibass-delete:hover {
  color: #ed6c00;
}
.knowledge-document-template-index .select-tab .right-tab {
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid transparent;
  width: 96px;
  display: inline-block;
  float: right;
  padding-left: 5px;
  border-bottom-color: transparent !important;
}
.knowledge-document-template-index .select-tab .right-tab .ibass-star {
  top: 1px;
  position: relative;
  font-size: 14px;
  color: #ed6c00;
}
.knowledge-document-template-index .select-tab .right-tab .ibass-star-fill {
  top: 1px;
  position: relative;
  font-size: 14px;
}
.knowledge-document-template-index .select-tab .active-tab {
  border-bottom-color: #fa8919;
  color: #ed6c00;
}
.knowledge-document-template-index .list-head {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding-left: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.knowledge-document-template-index .list-head .ibass-trig-down {
  font-size: 12px;
  position: relative;
  top: 1px;
  margin-left: 4px;
}
.knowledge-document-template-index .list-head .sort-time {
  float: right;
  color: #737373;
}
.knowledge-document-template-index .list-head .allNum {
  color: #737373;
}
.knowledge-document-template-index .list-head i.checkIcon {
  position: relative;
  top: 10px;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.knowledge-document-template-index .list-head i.ibass-checkbox {
  color: #cdc9c5;
}
.knowledge-document-template-index .list-head i.ibass-checked {
  color: #fa8919;
}
.knowledge-document-template-index .tpl-list .list-head {
  line-height: 24px;
}
.knowledge-document-template-index .tpl-list .hover-check {
  display: none;
}
.knowledge-document-template-index .tpl-list .icon-content {
  display: inline-block;
  float: left;
}
.knowledge-document-template-index .tpl-list .check-block {
  display: block !important;
}
.knowledge-document-template-index .tpl-list .icon-content:hover .hover-check {
  display: block !important;
}
.knowledge-document-template-index .tpl-list .icon-content:hover .hover-doc {
  display: none !important;
}
.knowledge-document-template-index .tpl-list .tpl-item.is-word {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 10px 14px 8px;
  position: relative;
  min-height: 50px;
}
.knowledge-document-template-index .tpl-list .tpl-item img {
  float: left;
  height: 24px;
  width: 24px;
}
.knowledge-document-template-index .tpl-list .tpl-item i.checkIcon {
  position: relative;
  top: 10px;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.knowledge-document-template-index .tpl-list .tpl-item i.ibass-checkbox {
  color: #cdc9c5;
}
.knowledge-document-template-index .tpl-list .tpl-item i.ibass-checked {
  color: #fa8919;
}
.knowledge-document-template-index .tpl-list .tpl-item i.ibass-filetype-doc {
  float: left;
  font-size: 16px;
  color: #0a96e5;
  margin-right: 6px;
  width: 20px;
}
.knowledge-document-template-index .tpl-list .tpl-item .content.left70 {
  padding-left: 100px;
  display: block;
}
.knowledge-document-template-index .tpl-list .tpl-item .content {
  display: block;
}
.knowledge-document-template-index .tpl-list .tpl-item .content .content-tags {
  padding-top: 10px;
  font-size: 12px;
}
.knowledge-document-template-index .tpl-list .tpl-item .content .content-tags span {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 0px 10px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 4px;
  color: #a9a9a9;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-document-template-index .tpl-list .tpl-item .content .title {
  font-size: 14px;
  font-weight: 500;
  color: #4a494a;
  padding: 2px 0 5px;
  overflow: hidden;
  word-break: break-all;
}
.knowledge-document-template-index .tpl-list .tpl-item .content .desc {
  height: 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 1.33;
  color: #737373;
  padding-bottom: 5px;
}
.knowledge-document-template-index .tpl-list .tpl-item .content .meta {
  height: 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.knowledge-document-template-index .tpl-list .tpl-item .right-button-group.right24 {
  right: 24px;
}

.project-about-popover .ns-popover-tooltip {
  width: 500px;
}
.project-about-popover .ns-pop-title-right .ibass-edit {
  font-size: 12px;
}
.project-about-popover .ibass-edit {
  font-size: 14px;
  color: #cdc9c5;
}
.project-about-popover .ns-pop-title-right .ibass-close {
  top: 0;
  position: relative;
  font-size: 12px;
  color: #cdc9c5;
}
.project-about-popover .ibass-project {
  font-size: 14px;
  color: #cdc9c5;
}
.project-about-popover .ibass-memo {
  font-size: 14px;
  color: #cdc9c5;
}
.project-about-popover .ibass-company {
  font-size: 14px;
  color: #cdc9c5;
}
.project-about-popover .ibass-lawyer {
  font-size: 14px;
  color: #cdc9c5;
}
.project-about-popover .ibass-trig-down {
  float: right;
  font-size: 12px;
  color: #cdc9c5;
}
.project-about-popover .ibass-close {
  font-size: 10px;
  padding-left: 5px;
  position: relative;
  top: 2px;
}
.project-about-popover .ibass-add {
  float: left;
  padding-right: 5px;
  color: #cdc9c5;
}
.project-about-popover .ibass-task-pad {
  font-size: 29px;
  color: #f4ece3;
}
.project-about-popover .ibass-timer {
  font-size: 29px;
  color: #f4ece3;
}
.project-about-popover .ibass-star-fill {
  font-size: 29px;
  color: #f4ece3;
}
.project-about-popover .ibass-filetype-doc {
  font-size: 29px;
  color: #f4ece3;
}
.project-about-popover .ns-pop-title {
  width: 330px;
  min-height: 40px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  margin-left: 15px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #4a494a;
}
.project-about-popover .ns-pop-title.ns-pop-template-content {
  font-weight: unset;
}
.project-about-popover .template-document-title-color {
  color: #4a4a4a;
}
.project-about-popover .ns-pop-title-left {
  float: left;
  position: relative;
}
.project-about-popover .ns-pop-title-bottom {
  width: 100%;
  height: 2px;
  background-color: #fa8919;
  position: absolute;
  bottom: 0;
  left: 0;
}
.project-about-popover .ns-pop-title-right {
  float: right;
  font-size: 12px;
  line-height: 45px;
  color: #a9a9a9;
  padding-right: 5px;
}
.project-about-popover .ns-pop-title-right span {
  padding-left: 5px;
}
.project-about-popover .ns-popover-tooltip-theme .ns-popover-tooltip .ns-popover-heighter-items {
  margin: 20px;
}
.project-about-popover .ns-pop-item-title {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  color: #a9a9a9;
}
.project-about-popover .ns-pop-item-content {
  font-size: 14px;
  color: #4a494a;
  line-height: 18px;
  padding-bottom: 7px;
  border-bottom: 1px solid #f0f0f0;
}
.project-about-popover .ns-popover-save {
  width: 130px;
  height: 34px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  margin: 25px auto;
  margin-bottom: 30px;
}
.project-about-popover .edit-icon-bass {
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
}
.project-about-popover .ns-popover-items {
  padding-top: 10px;
  margin-bottom: 4px !important;
  width: 100%;
  overflow-x: hidden;
}
.project-about-popover .ns-popover-heighter-item {
  margin: 0 20px;
}
.project-about-popover .ns-popover-tips {
  padding-top: 15px;
  margin-left: 15px !important;
}
.project-about-popover .ns-popover-tips li {
  float: left;
  margin: 0 10px 10px 0;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 20px;
  background-color: #f8f8f9;
  display: inline-block;
  overflow: hidden;
  padding-right: 30px;
  position: relative;
}
.project-about-popover .ns-popover-tips li i.ibass-close {
  position: absolute;
  top: 0;
  right: 10px;
  padding-left: 5px;
}
.project-about-popover .ns-popover-tips .ns-pop-tips-add {
  background-color: #fff;
  font-size: 14px;
  color: #737373;
}
.project-about-popover .ns-pop-item-left {
  width: 95px;
  float: left;
  overflow: hidden;
}
.project-about-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  height: 32px;
  line-height: 32px;
  padding: 0 18px;
  cursor: auto;
}
.project-about-popover .ns-popover-item .tpl-tag {
  margin-left: 15px;
  padding: 5px 15px;
  margin-top: 12px;
  display: inline-block;
  background: #f0f0f0;
  border-radius: 15px;
}
.project-about-popover .ns-pop-item-left span {
  float: left;
  width: 62px;
  padding-left: 10px;
  font-size: 14px;
  color: #737373;
  overflow: hidden;
}
.project-about-popover .ns-pop-item-right {
  width: 222px;
}
.project-about-popover .ns-pop-item-right span {
  font-size: 14px;
  color: #4a494a;
  width: 100%;
  padding: 0;
}
.project-about-popover input::-moz-placeholder {
  color: #a9a9a9;
}
.project-about-popover input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.project-about-popover inpupt:-ms-input-placeholder {
  color: #a9a9a9;
}
.ns-body-wrap {
  color: #4a494a;
  overflow: auto;
  overflow-x: hidden;
}
.ns-body-wrap .search-clear {
  position: absolute;
  right: 5px;
  top: 2px;
  font-size: 12px;
  -webkit-transition-duration: 0.1s;
  -webkit-transform: scale(1, 1);
}
.ns-body-wrap .ns-left-content {
  float: left;
  padding: 15px 0;
  width: 187px;
}
.ns-body-wrap .ns-left-content .ns-sort-box {
  font-size: 14px;
  line-height: 34px;
  padding: 19px 0;
  margin: 0;
}
.ns-body-wrap .ns-left-content .ns-sort-box:first-child {
  padding-top: 0;
}
.ns-body-wrap .ns-left-content .ns-sort-box:last-child:after {
  height: 0;
}
.ns-body-wrap .ns-left-content .ns-sort-box:after {
  content: '';
  display: block;
  height: 1px;
  width: 140px;
  background: #ebebeb;
  position: relative;
  left: 25px;
  top: 20px;
}
.ns-body-wrap .ns-left-content .ns-sort-box .sort-box--scrollable {
  max-height: calc(680px);
  overflow: auto;
}
.ns-body-wrap .ns-left-content .ns-sort-box .title {
  padding-left: 22px;
  height: 37px;
  font-weight: 500;
  position: relative;
  line-height: 36px;
}
.ns-body-wrap .ns-left-content .ns-sort-box .title .search-tag {
  position: absolute;
  top: 0;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
}
.ns-body-wrap .ns-left-content .ns-sort-box .title .search-tag i {
  position: absolute;
  left: 6px;
  top: 0;
  background: transparent !important;
}
.ns-body-wrap .ns-left-content .ns-sort-box .title .search-tag input {
  width: 110px;
  margin: 0 20px 0 10px;
  border: 0;
}
.ns-body-wrap .ns-left-content .ns-sort-box .title .search-tag .search {
  height: 28px;
  border-radius: 0 20px 20px 0;
  position: absolute;
  right: 9px;
  top: -1px;
  text-align: center;
  line-height: 30px;
  color: #4a4a4a;
  font-size: 12px;
}
.ns-body-wrap .ns-left-content .ns-sort-box .title .search-tag .search .ibass-back {
  text-indent: -2px;
  font-size: 14px;
  color: #cdc9c5;
}
.ns-body-wrap .ns-left-content .ns-sort-box .title .search-tag .search .clear-text {
  top: -2px;
  position: relative;
}
.ns-body-wrap .ns-left-content .ns-sort-box .sort-item {
  margin: 2px 0 0px 15px;
  overflow: hidden;
  width: 150px;
  border-radius: 25px;
  line-height: 34px;
  text-overflow: ellipsis;
  word-break: break-all;
  position: relative;
  box-sizing: border-box;
  padding-left: 10px;
}
.ns-body-wrap .ns-left-content .ns-sort-box .sort-item .active {
  color: #fa8919;
}
.ns-body-wrap .ns-left-content .ns-sort-box .sort-item .ibass-checkmark {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #fa8919;
  font-size: 10px;
}
.ns-body-wrap .ns-left-content .ns-sort-box .sort-item .ibass-dot {
  padding: 0;
}
.ns-body-wrap .ns-left-content .ns-sort-box .sort-item:hover,
.ns-body-wrap .ns-left-content .ns-sort-box .sort-item.active {
  background: #f8f8f9;
}
.ns-body-wrap .ns-left-content .ns-sort-box i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  padding: 0 1px;
  font-size: 16px;
}
.ns-body-wrap .ns-left-content .ns-sort-box .clear-line {
  margin: 19px 35px;
  height: 1px;
  border-bottom: solid 1px #f0f0f0;
}
.ns-body-wrap .ns-left-content .ns-sort-box span.ibass-search {
  width: 23px;
  float: right;
  color: #cdcdcd;
  text-align: center;
  height: 23px;
  line-height: 23px;
  margin: 7px 13px;
  border-radius: 5px;
}
.ns-body-wrap .ns-left-content .ns-sort-box span.ibass-search:hover {
  color: #fff;
  background: #ffb387;
}
.ns-body-wrap .ns-right-content {
  margin-left: 187px;
  min-height: 900px;
  border-left: 1px solid #f0f0f0;
  position: relative;
}
.ns-body-wrap .ns-right-content .ns-right-top {
  height: 66px;
  padding: 0 23px;
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-search {
  float: left;
  margin: 16px 0 0 0;
  width: 200px;
  height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: scale(1, 1);
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-search i {
  position: relative;
  top: 5px;
  font-size: 15px;
  left: 8px;
  color: #cdc9c5;
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-search .search-box {
  position: relative;
  top: 2px;
  font-size: 12px;
  left: 6px;
  border: 0;
  line-height: 20px;
  width: 160px;
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-search .w300 {
  width: 300px;
  -webkit-transition-duration: 0.32s;
  -webkit-transform: scale(1, 1);
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-search .w265 {
  width: 265px;
  -webkit-transition-duration: 0.32s;
  -webkit-transform: scale(1, 1);
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-search .w125 {
  width: 125px;
  -webkit-transition-duration: 0.32s;
  -webkit-transform: scale(1, 1);
}
.ns-body-wrap .ns-right-content .ns-right-top .focus-input {
  border-color: #ffb387 !important;
  width: 340px;
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-create {
  float: right;
  margin: 15px 3px 0 0;
  height: 36px;
  line-height: 35px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  padding: 0 13px;
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-create.create-without-template {
  background-color: #f8f8f9;
  color: #4a4a4a;
  padding: 0px;
  height: 32px;
  width: 130px;
  line-height: 32px;
  box-shadow: unset;
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-create.create-without-template i {
  color: #fdba78;
  font-size: 14px;
  position: relative;
  top: 2px;
  right: 3px;
}
.ns-body-wrap .ns-right-content .ns-right-top .ns-top-create span {
  position: relative;
  top: -1px;
  left: 2px;
}
.ns-body-wrap .ns-right-content .total {
  height: 53px;
  padding-top: 12px;
  border-bottom: 1px solid #f0f0f0;
  color: #737373;
  font-size: 13px;
  line-height: 32px;
  box-sizing: border-box;
  padding-left: 14px;
}
.ns-body-wrap .ns-right-content .total span.sort-time {
  float: right;
}
.ns-body-wrap .ns-right-content .total i {
  float: right;
  font-size: 12px;
  color: #fa8919;
  padding: 0 2px;
}
.ns-body-wrap .ns-right-content .ns-right-main {
  padding: 0 23px;
  margin-top: -8px;
}
.ns-body-wrap .ns-right-content .ns-right-main .select-tab {
  border-bottom: 1px solid #f0f0f0;
  line-height: 35px;
}
.ns-body-wrap .ns-right-content .ns-right-main .select-tab .tab {
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid transparent;
  width: 95px;
  display: inline-block;
}
.ns-body-wrap .ns-right-content .ns-right-main .select-tab .right-tab {
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid transparent;
  width: 96px;
  display: inline-block;
  float: right;
  padding-left: 5px;
  border-bottom-color: transparent !important;
}
.ns-body-wrap .ns-right-content .ns-right-main .select-tab .right-tab .ibass-star {
  top: 1px;
  position: relative;
  font-size: 14px;
  color: #ed6c00;
}
.ns-body-wrap .ns-right-content .ns-right-main .select-tab .right-tab .ibass-star-fill {
  top: 1px;
  position: relative;
  font-size: 14px;
}
.ns-body-wrap .ns-right-content .ns-right-main .do-favorite {
  color: #fa8919;
}
.ns-body-wrap .ns-right-content .ns-right-main .select-tab .active-tab {
  border-bottom-color: #fa8919;
  color: #ed6c00;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 120px 15px 8px;
  position: relative;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item img {
  float: left;
  height: 24px;
  width: 24px;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item i.ibass-dot {
  float: left;
  font-size: 16px;
  color: #cdc9c5;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .content.left70 {
  padding-left: 70px;
  display: block;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .content {
  padding-left: 25px;
  display: block;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .content .title {
  font-size: 14px;
  font-weight: 500;
  color: #4a494a;
  padding: 2px 0 5px;
  overflow: hidden;
  word-break: break-all;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .content .desc {
  height: 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 1.33;
  color: #737373;
  padding-bottom: 5px;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .content .meta {
  height: 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .right-button-group.right24 {
  right: 24px;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .right-button-group {
  width: 100px;
  text-align: right;
  float: right;
  padding: 10px 0px;
  color: #cdc9c5;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-56%);
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .right-button-group i {
  font-size: 16px;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .right-button-group i.ibass-copy,
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .right-button-group .ibass-info {
  padding-right: 15px;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item .right-button-group .ibass-more {
  float: right;
  padding-left: 15px;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item:hover {
  background-color: #f8f8f9;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item:hover .right-button-group i {
  color: #fdba78;
}
.ns-body-wrap .ns-right-content .tpl-list .tpl-item:hover .right-button-group i:hover {
  color: #f98919;
}
.ns-body-wrap .ns-right-content .ns-right-pager {
  bottom: 43px;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 30px;
}
.ns-body-wrap .ns-right-content .ns-right-pager i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  padding: 0 10px;
  font-size: 15px;
}
.ns-body-wrap .ns-right-content .ns-right-pager .prev-page,
.ns-body-wrap .ns-right-content .ns-right-pager .next-page {
  width: 42px;
  height: 20px;
  font-size: 14px;
  color: #737373;
}
.ns-body-wrap .ns-right-content .ns-right-pager .page-num {
  width: 20px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  color: #737373;
  padding: 0 5px;
  display: inline-block;
}
.ns-body-wrap .ns-right-content .ns-right-pager .current {
  height: 30px;
  background-color: #fa8919;
  border-radius: 50%;
  color: #fff;
}
.ns-body-wrap .ns-right-content .page {
  width: 100%;
  text-align: center;
}
.ns-body-wrap .ns-right-content .page ul {
  display: inline-block;
}
.ns-body-wrap input::-moz-placeholder {
  color: #a9a9a9;
}
.ns-body-wrap input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.ns-body-wrap inpupt:-ms-input-placeholder {
  color: #a9a9a9;
}
.nd-body-wrap {
  width: 1000px;
  min-height: 1042px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 0;
  box-sizing: border-box;
}
.nd-body-wrap .nd-header-title {
  margin: 0 25px;
  height: 70px;
  padding: 20px 0 20px;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
  position: relative;
}
.nd-body-wrap .nd-header-title i.nd-header-icon {
  font-size: 26px;
  color: #cdc8c5;
  position: relative;
  top: -3px;
  float: left;
  padding: 0 7px;
}
.nd-body-wrap .nd-header-title .title {
  height: 28px;
  font-size: 20px;
  display: inline-block;
  width: 700px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.nd-body-wrap .nd-header-title .button-group {
  display: flex;
  position: absolute;
  top: 24px;
  height: 22px;
}
.nd-body-wrap .nd-header-title .button-group i {
  padding: 0px 12px;
  font-size: 16px;
  color: #cdc9c5;
  border-right: 1px solid #ededed;
  position: relative;
  top: -1px;
  height: 22px;
  box-sizing: border-box;
}
.nd-body-wrap .nd-header-title .button-group i:last-child {
  border-right: none;
}
.nd-body-wrap .nd-header-title .button-group .ibass-close {
  padding: 0 0 0 16px;
}
.nd-body-wrap .nd-header-title .button-group i:hover {
  color: #fa8919;
}
.nd-body-wrap .nd-header-title .button-group .ibass-star-fill.filled {
  color: #fa8919;
}
.nd-body-wrap .nd-content-header {
  padding-top: 15px;
  text-align: center;
}
.nd-body-wrap .nd-content-header .title {
  text-align: center;
  width: 72px;
  height: 36px;
  line-height: 36px;
  border-bottom: 2px solid #fff;
  color: #4a494a;
  display: inline-block;
  margin: 0 -2px;
}
.nd-body-wrap .nd-content-header .active {
  border-bottom: 2px solid #ed6c00;
  color: #ed6c00;
}
.nd-body-wrap .nd-content-header .disabled {
  opacity: .5;
}
.nd-body-wrap .nd-content-task {
  padding: 18px 10px 100px;
}
.nd-body-wrap .nd-content-task .nd-content-top {
  padding: 0 0 15px 2px;
}
.nd-body-wrap .nd-content-task .nd-content-top .total {
  color: #737373;
  float: left;
}
.nd-body-wrap .nd-content-task .nd-content-top .template-document-tasknum-padding {
  padding-left: 18px;
  color: #a9a9a9;
}
.nd-body-wrap .nd-content-task .nd-content-top .create {
  float: right;
}
.nd-body-wrap .nd-content-task .nd-content-top .create i {
  color: #fa8919;
  position: relative;
  top: 1px;
}
.nd-body-wrap .nd-content-task .nd-content-top .create span {
  color: #4a4a4a;
  padding: 0 5px;
}
.nd-body-wrap .nd-content-task .nd-content-top .more {
  float: right;
}
.nd-body-wrap .nd-content-task .nd-content-top .more i.ibass-ellipses {
  color: #fa8919;
}
.nd-body-wrap .nd-content-task .nd-content-top:after {
  clear: both;
  content: '.';
  visibility: hidden;
}
.nd-body-wrap .nd-content-task .task-list {
  padding: 15px 0 7px;
}
.nd-body-wrap .nd-content-task .task-list .task-title {
  height: 45px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
  border-bottom: 1px solid #f0f0f0;
  line-height: 46px;
  overflow: hidden;
}
.nd-body-wrap .nd-content-task .task-list .task-title .title {
  border-bottom: 3px solid #fa8919;
  display: inline-block;
  margin-right: 10px;
  padding: 0 4px;
  max-width: 650px;
  overflow: hidden;
  height: 41px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nd-body-wrap .nd-content-task .task-list .task-title .title.focus {
  white-space: normal;
  text-overflow: initial;
}
.nd-body-wrap .nd-content-task .task-list .task-title i.ibass-arrow-down,
.nd-body-wrap .nd-content-task .task-list .task-title .ibass-arrow-right {
  font-size: 16px;
  color: #07cfda;
  position: relative;
  top: 3px;
  padding: 0 12px 0 14px;
  float: left;
}
.nd-body-wrap .nd-content-task .task-list .task-title .total {
  color: #a9a9a9;
  padding: 0 8px;
  border-left: 1px solid #f0f0f0;
  top: 1px;
  position: relative;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group {
  float: right;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  display: none;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group i {
  position: relative;
  top: 2px;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group div {
  padding-right: 12px;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group i.ibass-delete {
  padding-left: 16px;
  right: 15px;
  border-left: 1px solid #f0f0f0;
}
.nd-body-wrap .nd-content-task .task-list .task-title .right-button-group span {
  padding: 0 22px 0 8px;
}
.nd-body-wrap .nd-content-task .task-list .task-title .add-button {
  display: inline-block;
  position: relative;
  top: 5px;
  font-size: 20px;
  float: right;
  padding-right: 80px;
}
.nd-body-wrap .nd-content-task .task-list .task-title .add-button i,
.nd-body-wrap .nd-content-task .task-list .task-title .add-button i.ibass-close {
  padding-left: 10px;
  color: #fdba78;
}
.nd-body-wrap .nd-content-task .task-list .task-title .add-group {
  border: 0;
  border-bottom: 3px solid #fa8919;
  line-height: 40px;
  width: 400px;
  margin-right: 60px;
}
.nd-body-wrap .nd-content-task .task-list .task-title:hover .right-button-group {
  display: inline-block;
}
.nd-body-wrap .nd-content-task .task-list .task-item:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
}
.nd-body-wrap .nd-content-task .task-list .task-item {
  height: 52px;
  line-height: 49px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  padding: 0 13px 0 10px;
  position: relative;
  top: 0;
}
.nd-body-wrap .nd-content-task .task-list .task-item .ibass-task-check {
  float: left;
  font-size: 20px;
  color: #cdc9c5;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title {
  width: 558px;
  float: left;
  color: #4a494a;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title .check-list {
  float: right;
  font-size: 14px;
  color: #a9a9a9;
  width: 144px;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title .check-list .ibass-list,
.nd-body-wrap .nd-content-task .task-list .task-item .title .check-list .ibass-attachment {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 2px;
  padding-left: 22px;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title .check-list span {
  width: 28px;
  display: inline-block;
  padding-left: 1px;
}
.nd-body-wrap .nd-content-task .task-list .task-item .title .ibass-task-check {
  padding-right: 10px;
  width: 25px;
  text-align: center;
}
.nd-body-wrap .nd-content-task .task-list .task-item .attach-list {
  width: 39%;
  float: right;
  padding-left: 34px;
  box-sizing: border-box;
  color: #a9a9a9;
}
.nd-body-wrap .nd-content-task .task-list .task-item .attach-list .author {
  float: left;
}
.nd-body-wrap .nd-content-task .task-list .task-item .attach-list i {
  float: right;
  color: #fa8919;
  display: none;
  padding-right: 2px;
}
.nd-body-wrap .nd-content-task .task-list .task-item:hover {
  background-color: #f8f8f9;
}
.nd-body-wrap .nd-content-task .task-list .task-item:hover .attach-list i {
  display: inline-block;
}
.nd-body-wrap .nd-content-duc .nd-content-top {
  padding: 21px 0 0 14px;
  color: #4a494a;
}
.nd-body-wrap .nd-content-duc .nd-content-top i.cursor {
  top: 4px;
  position: relative;
  color: #cdc9c5;
}
.nd-body-wrap .nd-content-duc .nd-content-top .ibass-filetype-folder {
  padding-right: 12px;
}
.nd-body-wrap .nd-content-duc .nd-content-top .ibass-arrow-right {
  padding: 0 8px;
}
.nd-body-wrap .nd-content-duc .nd-content-top .create {
  float: right;
  width: 105px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.nd-body-wrap .nd-content-duc .nd-content-top .create i {
  position: relative;
  top: 2px;
  color: #fff;
  font-size: 12px;
}
.nd-body-wrap .nd-content-duc .nd-content-top .create span {
  padding: 0 5px;
}
.nd-body-wrap .nd-content-duc .nd-content-top:after {
  clear: both;
  content: '.';
  visibility: hidden;
}
.nd-body-wrap .nd-content-duc .file-list {
  padding: 10px 0 9px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner,
.nd-body-wrap .nd-content-duc .file-list .file-item {
  border-bottom: 1px solid #f0f0f0;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner div,
.nd-body-wrap .nd-content-duc .file-list .file-item div {
  display: inline-block;
  text-align: left;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-folder,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-folder,
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-checkbox,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-checkbox {
  color: #cdc9c5;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-trig-down,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-trig-down,
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-more,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-more {
  color: #fa8919;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .size .ibass-trig-down,
.nd-body-wrap .nd-content-duc .file-list .file-item .size .ibass-trig-down {
  visibility: hidden;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-ppt,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-ppt {
  color: #d04424;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-image,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-image {
  color: #07cfda;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-zip,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-zip {
  color: #9d7120;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-music,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-music {
  color: #a7d638;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-movie,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-movie {
  color: #d94ff5;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-duc,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-duc {
  color: #0a96e5;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-excel,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-excel {
  color: #1c7044;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-cdc9c5,
.nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-cdc9c5 {
  color: #a7d638;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner i.left,
.nd-body-wrap .nd-content-duc .file-list .file-item i.left {
  padding: 0 15px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner i.right,
.nd-body-wrap .nd-content-duc .file-list .file-item i.right {
  padding: 0 15px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .default-cursor,
.nd-body-wrap .nd-content-duc .file-list .file-item .default-cursor {
  cursor: default;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time,
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time {
  width: 8%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time div,
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time div {
  height: 38px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time div div,
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time div div {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  width: 100%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time .date,
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time .date {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time {
  width: 8%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time div,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time div {
  height: 38px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time div div,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time div div {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  width: 100%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time .date,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time .date {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .size,
.nd-body-wrap .nd-content-duc .file-list .file-item .size {
  width: 16%;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .total,
.nd-body-wrap .nd-content-duc .file-list .file-item .total {
  color: #a9a9a9;
  padding: 0 10px;
  border-left: 1px solid #f0f0f0;
}
.nd-body-wrap .nd-content-duc .file-list .file-item {
  height: 42px;
}
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time {
  padding-top: 0;
}
.nd-body-wrap .nd-content-duc .file-list .file-item .create-time .name,
.nd-body-wrap .nd-content-duc .file-list .file-item .modify-time .name {
  white-space: nowrap;
  padding-bottom: 6px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner {
  height: 36px;
  line-height: 36px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner div {
  width: 33em;
  height: 36px;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner div.short {
  width: 23em;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time {
  line-height: 34px;
  padding: 0;
}
.nd-body-wrap .nd-content-duc .file-list .file-banner .create-time i {
  position: relative;
  top: 1px;
}
.nd-body-wrap .nd-content-duc .file-list .file-item:hover {
  background-color: #f8f8f9;
}
.nd-body-wrap .nd-content-duc .file-list .file-item:hover .size .ibass-trig-down {
  visibility: visible;
}
.nd-body-wrap input::-moz-placeholder {
  color: #a9a9a9;
}
.nd-body-wrap input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.nd-body-wrap inpupt:-ms-input-placeholder {
  color: #a9a9a9;
}
.al-scale-8 {
  transform: scale(0.8, 0.8);
}
.al-scale-6 {
  transform: scale(0.6, 0.6);
}
.al-scale-12 {
  transform: scale(1.2, 1.2);
}
.al-none-search-result {
  color: #ddd9d6;
  text-align: center;
  margin: 60px 0;
}
.al-none-search-result p {
  font-size: 23px;
}
.al-none-search-result .ibass-search {
  font-size: 60px !important;
}
.al-delete-confirm {
  width: 70px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
  padding: 0px !important;
}
.al-file-item .ibass-filetype-ppt {
  color: #d04424;
}
.al-file-item .ibass-filetype-pdf {
  color: #e3574d;
}
.al-file-item .ibass-filetype-image {
  color: #07cfda;
}
.al-file-item .ibass-text {
  color: #000;
}
.al-file-item .ibass-filetype-doc {
  color: #0a96e5;
}
.al-file-item .ibass-filetype-excel {
  color: #1c7044;
}
.al-file-item .ibass-filetype-zip {
  color: #9d7120;
}
.al-file-item .ibass-filetype-music {
  color: #a7d638;
}
.al-file-item .ibass-filetype-video {
  color: #d94ff5;
}
.al-file-item .ibass-filetype-default {
  color: #cdc9c5;
}
/**
项目模板2.0新增样式表
*/
.ns-body-wrap .ns-top-orderby {
  float: left;
  margin: 20px 20px 0 0;
}
.ns-body-wrap .ns-right-content .sort-time {
  color: #737373;
}
.ns-body-wrap .ns-right-content .sort-time i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.ns-body-wrap .ns-right-content .ns-right-main {
  padding: 10px;
}
.ns-body-wrap .ns-right-content .ns-right-main .new-template {
  background-color: #f9f9f9;
  border-radius: 4px;
  height: 205px;
  transition: height .8s;
  padding-top: 15px;
  padding-right: 15px;
}
.ns-body-wrap .ns-right-content .ns-right-main .new-template .ibass-close {
  float: right;
  position: relative;
  color: #9b9b9b;
}
.ns-body-wrap .ns-right-content .ns-right-main .new-template .title {
  color: #ed6c00;
  margin-bottom: 12px;
}
.ns-body-wrap .ns-right-content .ns-right-main .new-template.hidden {
  height: 0;
  visibility: hidden;
  margin-top: 15px;
  display: inline-block;
}
.ns-body-wrap .ns-right-content .ns-right-main .new-template.hidden + .template {
  margin-top: -35px;
}
.ns-body-wrap .ns-right-content .ns-right-main .not-found {
  padding-top: 100px;
}
.ns-body-wrap .ns-right-content .ns-right-main .not-found .ibass-search {
  font-size: 60px;
  text-align: center;
  color: #ddd9d6;
  display: block;
}
.ns-body-wrap .ns-right-content .ns-right-main .not-found span {
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
  color: #a9a9a9;
  display: block;
}
.ns-body-wrap .ns-right-content .template {
  padding: 1px 15px;
  overflow: hidden;
}
.ns-body-wrap .ns-right-content .template .main {
  margin: 5px 5px 0;
}
.ns-body-wrap .ns-right-content .template .main .share-icon {
  background-image: url('/common/images/project-template/product-share@3x.png');
  width: 52px;
  height: 44px;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
.ns-body-wrap .ns-right-content .template .card-outer:hover .main .container {
  filter: blur(2.3px);
  background-color: rgba(0, 0, 0, 0.2);
}
.ns-body-wrap .ns-right-content .list {
  display: flex;
  flex-wrap: wrap;
}
.ns-body-wrap .ns-right-content .list .card-outer {
  margin-bottom: 20px;
  margin-right: 20px;
}
.ns-body-wrap .ns-right-content .list .card-outer:after {
  content: '';
  display: block;
  clear: both;
}
.ns-body-wrap .ns-right-content .list .card-outer:hover .main .container {
  filter: blur(2.3px);
  background-color: rgba(0, 0, 0, 0.2);
}
.ns-body-wrap .ns-right-content .list .card {
  float: left;
  background-color: #ffffff;
  border-radius: 3px;
  transition: top .25s;
  position: relative;
  top: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19);
  width: 240px;
}
.ns-body-wrap .ns-right-content .list .card .main {
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 120px;
  border: none;
  position: relative;
}
.ns-body-wrap .ns-right-content .list .card .main div {
  color: #4A4A4A;
}
.ns-body-wrap .ns-right-content .list .card .main .name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.ns-body-wrap .ns-right-content .list .card .main .office {
  font-size: 13px;
}
.ns-body-wrap .ns-right-content .list .card .main .line {
  background-color: #d8d8d8;
  width: 30px;
  height: 2px;
  margin-bottom: 8px;
}
.ns-body-wrap .ns-right-content .list .card .main i {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 10;
}
.ns-body-wrap .ns-right-content .list .card .main .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.ns-body-wrap .ns-right-content .list .card .main .mask {
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ns-body-wrap .ns-right-content .list .card .main .mask div {
  display: inline-block;
  margin: 0 5px;
  width: 64px;
  height: 32px;
  line-height: 32px;
  border-radius: 50px;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.ns-body-wrap .ns-right-content .list .card .main .mask div a.full-text {
  display: block;
}
.ns-body-wrap .ns-right-content .list .card .main .mask .edit {
  background-color: #fa8919;
  color: #ffffff;
}
.ns-body-wrap .ns-right-content .list .card .main .mask.mask-hover {
  opacity: 1;
  transition: opacity .3s;
}
.ns-body-wrap .ns-right-content .list .card .main .mask.mask-hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.ns-body-wrap .ns-right-content .list .card .info {
  padding: 0 3px 0 5px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  object-fit: contain;
  color: #cdc9c5;
  font-size: 12px;
}
.ns-body-wrap .ns-right-content .list .card .info .label {
  color: #a9a9a9;
}
.ns-body-wrap .ns-right-content .list .card .info i,
.ns-body-wrap .ns-right-content .list .card .info .ibass-star,
.ns-body-wrap .ns-right-content .list .card .info .ibass-star-fill {
  font-size: 14px;
}
.ns-body-wrap .ns-right-content .list .card .info i:hover,
.ns-body-wrap .ns-right-content .list .card .info .ibass-star:hover,
.ns-body-wrap .ns-right-content .list .card .info .ibass-star-fill:hover {
  color: #fa8919;
}
.ns-body-wrap .ns-right-content .list .card .info .ibass-star-fill {
  color: #fa8919;
}
.ns-body-wrap .ns-right-content .list .card .info .icons {
  display: flex;
}
.ns-body-wrap .ns-right-content .list .card .info .icons i {
  margin-left: 8px;
}
.ns-body-wrap .ns-right-content .list .card .info .icons .ibass-follower {
  font-size: 16px;
  cursor: pointer;
}
.ns-body-wrap .ns-right-content .list .card .info .icons .ibass-follower:hover {
  color: #fa8919;
}
.ns-body-wrap .ns-right-content .list .card-hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35);
}
.ns-body-wrap .ns-right-content .template-dir:nth-child(3n) .card-outer {
  margin-right: 0;
}
.ns-body-wrap .km-project-template-navi .sort-item.active i {
  color: #ed6c00;
}
.project-about-popover .ns-pop-template-content {
  padding: 20px 0 40px;
  line-height: normal;
  box-shadow: none;
  word-break: break-all;
}
.project-about-popover .ns-pop-template-content .empty {
  color: #ccc;
}
.project-about-popover .ns-pop-template-content-nopadding {
  padding: 20px 0 10px 0;
  min-height: auto;
}
.ns-popover-create {
  width: 160px;
}
.nd-body-wrap .project-about-popover .ns-pop-title {
  width: unset;
}
.template-desc-content.task-details {
  position: relative;
}
.template-desc-content.task-details textarea {
  padding: 10px;
  overflow-y: scroll;
}
.check-item-drag.task-item.ui-draggable-dragging {
  width: 100%;
}
.check-item-drag.task-item.ui-draggable-dragging .attach-list i.ibass-delete {
  display: none !important;
}
.project-tempalte-status .matter-log .logs-containter .log-content {
  cursor: default !important;
}


.create-matter-optimize {
  padding: 0 25px;
}
.create-matter-optimize .header .back-btn {
  position: absolute;
  right: 20px;
  top: 12px;
}
.create-matter-optimize .content {
  display: flex;
}
.create-matter-optimize .content .create-progress-wrap {
  width: 210px;
  margin-left: 68px;
  margin-top: 40px;
  border-right: 1px solid #ebebeb;
}
.create-matter-optimize .content .fill-content {
  max-width: 575px;
  margin-bottom: 20px;
  min-height: 600px;
  padding-top: 40px;
  padding-left: 44px;
}
.create-matter-optimize .content .fill-content .current-step {
  min-width: 531px;
}
.create-matter-optimize .content .fill-content .common-height {
  margin-top: 48px;
}
.create-matter-optimize .content .fill-content .common-height .matter-remark-title {
  border-bottom: 1px solid #d8d8d8;
}
.create-matter-optimize .content .fill-content .common-height .matter-remark-title > span {
  display: inline-block;
  border-bottom: 3px solid #ed6c00;
  font-weight: 500;
  font-size: 14px;
}
.create-matter-optimize .content .fill-content .common-height .matter-remark {
  margin-top: 10px;
  position: relative;
  height: 140px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.create-matter-optimize .content .fill-content .common-height .matter-remark .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.create-matter-optimize .content .fill-content .common-height .matter-remark .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.create-matter-optimize footer {
  padding: 30px 0 50px;
  display: flex;
  justify-content: center;
}
.create-matter-optimize footer .operation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 36px;
  border-radius: 50px;
  border: 1px solid #e8e8e8;
  margin: 0 15px;
  cursor: pointer;
}
.create-matter-optimize footer .operation > span {
  font-size: 12px;
}
.create-matter-optimize footer .next-step {
  background-color: #fa8919;
  color: #ffffff;
}
.create-matter-optimize footer .skip-step {
  border: none;
  color: #4a4a4a;
}

.relevant-comment-wrapper {
  height: 100px;
  width: 240px;
  padding: 8px 10px;
  box-sizing: border-box;
  cursor: initial;
}
.relevant-comment-wrapper .wrapper-title {
  text-align: left;
}
.relevant-comment-wrapper .wrapper-title .label {
  color: #737373;
  font-size: 14px;
}
.relevant-comment-wrapper .wrapper-title .error-msg {
  margin-left: 10px;
  font-size: 12px;
  color: #f72b44;
}
.relevant-comment-wrapper .wrapper-input > textarea {
  width: 100%;
  height: 55px;
  padding: 0;
  border: none;
  box-shadow: none;
  color: #4a4a4a;
  font-size: 12px;
  line-height: 16px;
  outline: none;
  resize: none;
}

.work-type-checkbox-module-show {
  cursor: auto;
}
.work-type-checkbox-module-show .checked-module {
  max-height: 108px;
  width: 370px;
  border-radius: 5px;
  overflow: auto;
  background-color: #f8f8f9;
  padding: 10px 10px 0px 10px;
}
.work-type-checkbox-module-show .checked-module .checked-items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-name {
  flex-shrink: 0;
  margin-bottom: 8px;
  display: inline-block;
  width: 50px;
  text-align: right;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-item .checked-item-module {
  height: 22px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #ebe8e6;
  padding: 0 8px 0 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  box-sizing: border-box;
  line-height: 1;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-item .checked-item-module span {
  display: inline-flex;
}
.work-type-checkbox-module-show .checked-module .checked-items .checked-item .checked-item-module i {
  font-size: 10px;
  vertical-align: middle;
  margin-left: 5px;
  cursor: pointer;
}
.work-type-checkbox-module.for-matter-finance .work-type-module {
  position: relative;
  display: inline-block;
}
.work-type-checkbox-module.for-matter-finance .ns-popover-work-type-checkbox {
  top: 100%!important;
  left: 50%!important;
  transform: translateX(-50%);
}
.work-type-checkbox-module.for-matter-finance .default-module {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
}
.work-type-checkbox-module.for-matter-finance .default-module i {
  vertical-align: middle;
  display: inline-flex;
  margin-left: 4px;
}
.work-type-checkbox-module.for-matter-finance .add-type-module {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #737373;
  font-size: 14px;
  padding-top: 6px;
}
.work-type-checkbox-module.for-matter-finance .add-type-module i {
  vertical-align: middle;
  margin-right: 5px;
  color: #cdc9c5;
}
.work-type-checkbox-module.for-matter-finance .is-null-choose {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
}
.work-type-checkbox-module.for-matter-finance .is-null-choose span {
  display: inline-flex;
  margin-right: 4px;
}
.ns-popover-work-type-checkbox .ns-popover-items .checked-icon {
  color: #fa8919;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-p,
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-p:hover {
  background-color: #f8f8f9;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c {
  padding-left: 30px;
  position: relative;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c .enable-text-color {
  color: #cdc9c5;
  position: absolute;
  right: 35px;
  top: 0;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c:hover {
  background-color: #f8f8f9;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .ns-popover-c:hover .i-expend {
  color: #fa8919;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .work-type-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .work-type-name .name-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .i-expend {
  color: #cdc9c5;
}
.ns-popover-work-type-checkbox .ns-popover-items .ns-popover-pc .i-expend-orange {
  color: #fa8919;
}
.ns-popover-work-type-checkbox .ns-popover-end-btn {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
}
.ns-popover-work-type-checkbox .ns-popover-end-btn i {
  font-size: 14px;
  margin: 2px 2px 0;
}
.ns-popover-work-type-checkbox i {
  vertical-align: middle;
}

.document-wrap {
  padding: 30px 25px;
}
.document-wrap header .headline > span {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  font-weight: 400;
}
.document-wrap header .headline .seal-appro {
  width: 110px;
  height: 34px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  clear: both;
  margin-top: 13px;
}
.document-wrap header .headline .seal-appro:hover:before {
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.document-wrap header .headline .seal-appro:before {
  transition: transform 0.2s;
  vertical-align: middle;
}
.document-wrap header .headline .seal-appro > span {
  vertical-align: middle;
}
.document-wrap header .search-condition,
.document-wrap header .more-condition {
  margin: 20px 0 0 20px;
  display: inline-flex;
}
.document-wrap header .search-condition .condition-item,
.document-wrap header .more-condition .condition-item {
  color: #737373;
  font-size: 14px;
}
.document-wrap header .search-condition .condition-item .appro-status,
.document-wrap header .more-condition .condition-item .appro-status {
  display: inline-block;
  position: relative;
}
.document-wrap header .search-condition .condition-item .appro-status > span,
.document-wrap header .more-condition .condition-item .appro-status > span {
  color: #a9a9a9;
}
.document-wrap header .search-condition .condition-item .trig-location,
.document-wrap header .more-condition .condition-item .trig-location {
  display: inline-block;
  margin-left: 2px;
  vertical-align: sub;
  color: #a9a9a9;
}
.document-wrap header .search-condition .condition-item:nth-child(2),
.document-wrap header .more-condition .condition-item:nth-child(2) {
  margin-left: 8px;
}
.document-wrap header .search-condition .condition-item .reset,
.document-wrap header .more-condition .condition-item .reset,
.document-wrap header .search-condition .condition-item .submit,
.document-wrap header .more-condition .condition-item .submit {
  display: inline-block;
  height: 32px;
  width: 100px;
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  line-height: 32px;
}
.document-wrap header .search-condition .condition-item .reset,
.document-wrap header .more-condition .condition-item .reset {
  background-color: #f8f8f9;
}
.document-wrap header .search-condition .condition-item .submit,
.document-wrap header .more-condition .condition-item .submit {
  color: #fff;
  background-color: #fa8919;
}
.document-wrap header .search-condition .show-more-condition,
.document-wrap header .more-condition .show-more-condition {
  color: #ed6c00;
}
.document-wrap header .search-condition .show-more-condition > i,
.document-wrap header .more-condition .show-more-condition > i {
  color: #ed6c00 !important;
}
.document-wrap header .search-condition .operation,
.document-wrap header .more-condition .operation {
  margin-left: auto !important;
}
.document-wrap header .search-condition .doc-search-right,
.document-wrap header .more-condition .doc-search-right {
  margin-left: auto;
  width: 200px;
  position: absolute;
  right: 0;
  top: -4px;
}
.document-wrap header .search-condition .doc-search-right .doc-search-input,
.document-wrap header .more-condition .doc-search-right .doc-search-input {
  height: 18px;
  padding: 5px 0;
  border-radius: 20px;
  flex-grow: 1;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.document-wrap header .search-condition .doc-search-right .doc-search-input > i,
.document-wrap header .more-condition .doc-search-right .doc-search-input > i {
  width: 30px;
  height: 24px;
  color: #cdc9c5;
  text-align: center;
  margin-top: 4px;
  cursor: pointer;
}
.document-wrap header .search-condition .doc-search-right .doc-search-input > input,
.document-wrap header .more-condition .doc-search-right .doc-search-input > input {
  height: 100%;
  border: 0;
  font-size: 12px;
  background: transparent;
  flex-grow: 1;
  outline: none;
}
.document-wrap header .more-condition {
  padding: 20px 0;
  background-color: #fbfbfb;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
}
.document-wrap header .more-condition .condition-item {
  margin: 10px 0;
  width: 40%;
}
.document-wrap header .more-condition .condition-item:nth-child(4) {
  display: flex;
}
.document-wrap header .more-condition .condition-item > financial-timer-select {
  margin-top: -4px;
}
.document-wrap header .search-condition {
  width: 72%;
  position: relative;
}
.document-wrap .document-content {
  margin-top: 20px;
}
.document-wrap .document-content .table-header {
  display: flex;
  border-bottom: 1px solid #f5f5f5;
}
.document-wrap .document-content .table-header > div {
  width: calc(14.28571429%);
  line-height: 44px;
  font-size: 12px;
  color: #4a4a4a;
  text-align: left;
}
.document-wrap .document-content .table-header > div > i {
  vertical-align: middle;
}
.document-wrap .document-content .table-header > div:last-child {
  width: calc(calc(100% / 7) - 40px);
}
.document-wrap .document-content .table-header > div:first-child {
  width: calc(calc(100% / 7) + 40px);
}
.document-wrap .document-content .table-header .cursor i {
  color: #909090;
}
.document-wrap .document-content .table-header .cursor:hover {
  color: #f89406;
}
.document-wrap .document-content .table-body .document-item {
  display: flex;
  min-height: 42px;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
}
.document-wrap .document-content .table-body .document-item:hover {
  background-color: #f8f8f9;
  cursor: pointer;
}
.document-wrap .document-content .table-body .document-item > span {
  width: calc(14.28571429%);
  text-align: left;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.document-wrap .document-content .table-body .document-item > span:last-child {
  width: calc(calc(100% / 7) - 40px);
}
.document-wrap .document-content .table-body .document-item > span:first-child {
  width: calc(calc(100% / 7) + 40px);
}
.document-wrap .document-content .table-body .no-data-tip {
  height: 500px;
  text-align: center;
  padding-top: 200px;
}
.document-wrap .document-content .table-body .page {
  width: 100%;
  text-align: center;
}
.document-wrap .document-content .table-body .page ul {
  display: inline-block;
}
.document-wrap .document-tooltip {
  max-width: 320px;
  word-wrap: break-word;
}
.document-wrap .line {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-left: 16px;
  margin-right: 12px;
}

.btm-line {
  border-bottom: 1px solid #1e8aff;
}
.mtr-box {
  border: none;
  position: relative;
  width: 100%;
}
.mtr-header {
  position: absolute;
  width: 980px;
  height: 30px;
  top: 10%;
  left: 1.5%;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  z-index: 15;
}
.mtr-body {
  position: absolute;
  background: #fff;
  z-index: 20;
}
.ngdialog-finance-overlay {
  padding-top: 100px;
  z-index: 100;
}
.ngdialog-finance-overlay .ngdialog-overlay {
  background: none !important;
}
.ngdialog-finance-overlay .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  color: #444;
  font-family: Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px;
  position: relative;
  width: 900px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
}
.ngdialog-finance-overlay .ngdialog-content .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
  display: block !important;
}
.ngdialog-finance-overlay .partner {
  width: 108px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fcfdfe;
  border: 1px solid #c7d1da;
  font-size: 12px;
  line-height: 36px;
  display: inline-block;
  padding: 0 6px;
  cursor: pointer;
  overflow: hidden;
  margin: 6px 2px;
  vertical-align: middle;
}
.ngdialog-finance-overlay .partner img {
  width: 22px;
  height: 22px;
  border-radius: 12px;
  float: left;
  margin-right: 4px;
  margin-top: 7px;
}
.ngdialog-finance-overlay .partner img span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 66px;
}
.mtr-finance-line {
  margin-bottom: 15px;
}
.mtr-finance-line label:first-child {
  width: 140px;
  text-align: right;
  display: inline-block !important;
}
.mtr-finance-line .m-input {
  width: 160px;
}
.mtr-finance-line .l-select {
  display: inline-block;
}
.mtr-finance-line .check-div {
  margin-right: 10px;
}
.mtr-finance-line .l-btn {
  margin-left: 140px;
}
.mtr-finance-line .l-select-icon {
  top: 6px;
}
.mtr-finance-title-left {
  width: 950px;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  margin-left: 0 !important;
  color: #4a4a4a;
  display: inline;
}
.mtr-finance-title-left .title {
  border-bottom: 3px solid #ed6c00;
  line-height: 35px;
  display: inline-block;
}
.mtr-finance-title-left .line {
  color: #ebebeb;
  margin: 0 5px;
}
.mtr-finance-title-left .money {
  color: #a9a9a9;
}
.mtr-finance-table {
  width: 100%;
  text-indent: 0;
  padding: 40px 50px;
  color: #4a4a4a;
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  table-layout: fixed;
  overflow: visible;
}
.mtr-finance-table input {
  width: 100%;
  border-color: transparent;
  background: transparent;
  height: 30px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 14px;
  color: #4a4a4a;
  display: block;
  text-align: center;
  outline: none;
  border: none;
}
.mtr-finance-table input:focus {
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #e0e0e0;
}
.mtr-finance-table tbody tr {
  height: 45px;
}
.mtr-finance-table tbody tr:hover {
  cursor: pointer;
  background: #f8f8f9;
}
.mtr-finance-table tbody td:first-child input {
  text-align: left;
  text-indent: 50px;
}
.mtr-finance-table tbody td:first-child {
  text-align: left;
  text-indent: 0 !important;
}
.mtr-finance-table tbody select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 42px;
  display: block;
  border-color: transparent;
  background: transparent;
}
.mtr-finance-table thead tr {
  text-align: left;
}
.mtr-finance-table thead th:first-child {
  text-align: left;
  text-indent: 0 !important;
}
.mtr-finance-table .black-font {
  color: #4a4a4a;
  overflow: visible;
}
.mtr-finance-table .big-font {
  font-size: 14px;
}
.mtr-finance-table th {
  min-width: 20%;
  box-sizing: border-box;
  font-weight: inherit;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  color: #737373;
}
.mtr-finance-table thead {
  line-height: 34px;
}
.mtr-finance-table i {
  font-size: 14px;
  vertical-align: middle;
  color: #c7d1da;
}
.mtr-finance-table td {
  border-bottom: 1px solid #ebebeb;
}
.mtr-finance-table td input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mtr-finance-table tr {
  margin: 5px 0;
}
.finance-contract-wrap,
.finance-charge-wrap,
.finance-invoice-wrap {
  margin-top: 10px;
  min-height: 172px;
}
.finance-contract-wrap table tbody tr td:last-child,
.finance-charge-wrap table tbody tr td:last-child,
.finance-invoice-wrap table tbody tr td:last-child {
  position: relative;
  text-align: center;
}
.finance-contract-wrap table tbody tr td:last-child .verify,
.finance-charge-wrap table tbody tr td:last-child .verify,
.finance-invoice-wrap table tbody tr td:last-child .verify {
  border-radius: 12px;
  background: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  color: #fff;
  padding: 0 6px;
}
.finance-contract-wrap table tbody tr td:last-child span,
.finance-charge-wrap table tbody tr td:last-child span,
.finance-invoice-wrap table tbody tr td:last-child span {
  display: inline-block;
  color: #fdba78;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  opacity: 0;
}
.finance-contract-wrap table tbody tr td:last-child span.ng-hide,
.finance-charge-wrap table tbody tr td:last-child span.ng-hide,
.finance-invoice-wrap table tbody tr td:last-child span.ng-hide {
  display: none;
}
.finance-contract-wrap table tbody tr:hover td:last-child span,
.finance-charge-wrap table tbody tr:hover td:last-child span,
.finance-invoice-wrap table tbody tr:hover td:last-child span {
  margin-right: 15px;
  opacity: 1;
  transition: all 0.3s;
}
.mtr-commen {
  background: #fcfdfe;
  width: 1000px;
  height: 70px;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 0 #f2f2f2;
}
.mtr-close {
  position: absolute;
  top: -16px;
  right: -17px;
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 17px;
  cursor: pointer;
}
.mtr-close i {
  position: absolute;
  left: 33%;
  top: 26%;
  font-size: 11.9px;
  color: #79aad1;
}
.mtr-title {
  float: left;
  margin-top: 25px;
  margin-left: 30px;
  overflow: hidden;
  display: inline-block;
}
.mtr-title i {
  width: 43.5px;
  height: 35px;
  font-size: 28px;
  line-height: 32px;
  color: #1e8aff;
  float: left;
}
.mtr-title span {
  float: left;
  padding-top: 3px;
  font-size: 18px;
  font-weight: 500;
  color: #4a4a4a;
  max-width: 420px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mtr-select {
  position: relative;
  top: 25px;
  float: left;
  margin-left: 15px;
  padding-right: 10px;
  width: 86px;
  height: 26px;
  border-radius: 15px;
  border: 1px solid #E0E0E0;
  cursor: pointer;
}
.mtr-select span {
  position: absolute;
  font-size: 14px;
  color: #f5a623;
  top: 3px;
  left: 10px;
}
.mtr-select i {
  position: absolute;
  color: #f5a623;
  font-size: 8px;
  right: 6px;
  top: 3px;
}
.openlist-arrow {
  position: absolute;
  left: 34.4%;
  top: 87.4%;
  border-width: 0 13px 17px;
  border-style: solid;
  border-color: transparent transparent #fff;
  z-index: 11;
}
.openlist-arrowborder {
  position: absolute;
  left: 31.5%;
  top: 85%;
  border-width: 0 15px 20px;
  border-style: solid;
  border-color: transparent transparent #cecece;
  z-index: 9;
}
.list-listopen {
  width: 120px;
  padding-bottom: 8px;
  left: -10%;
  top: 150%;
  background: #fff;
  position: absolute;
  z-index: 10;
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.list-listopen li {
  box-sizing: border-box;
  padding-left: 16px;
  width: 118px;
  height: 30px;
  margin-top: 6px;
  text-align: left;
  line-height: 30px;
  cursor: pointer;
  font-size: 12px;
}
.list-listopen li:hover {
  background-color: #f6f9ff;
}
.mtr-func {
  position: absolute;
  right: 20px;
  height: 70px;
  cursor: pointer;
}
.mtr-func a,
.mtr-func li {
  display: inline-block;
  float: right;
  width: 84px;
  height: 70px;
  text-align: center;
  color: #4a4a4a;
}
.mtr-func a i,
.mtr-func li i {
  font-size: 20px;
  color: #79aad1;
  display: inline-block;
  margin-top: 15px;
}
.mtr-func a p,
.mtr-func li p {
  font-size: 12px;
  margin-top: -3px;
  color: #79aad1;
}
.mtr-func li:hover p,
.mtr-func a:hover p {
  color: #000;
}
.mtr-item {
  width: 100%;
  height: 50px;
  border-bottom: solid 1px #ededed;
}
.mtr-item-list {
  text-align: center;
}
.mtr-item-list a,
.mtr-item-list li {
  float: left;
  display: inline-block;
  padding-right: 2px;
  width: 110px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 50px;
}
.mtr-item-list a p:hover,
.mtr-item-list li p:hover {
  border-bottom: 1px solid #1e8aff;
}
.mtr-dtl-data {
  position: relative;
  box-sizing: border-box;
  padding-top: 26px;
  width: 100%;
  border-bottom: 1px solid #ededed;
}
.mtr-dtl-data .mtr-dtl-data-icons {
  position: absolute;
  left: 29px;
  top: 15px;
  width: 18px;
  height: 157px;
}
.mtr-dtl-data .mtr-dtl-data-icons i {
  position: absolute;
  width: 18px;
  height: 18px;
  display: block;
  color: #79aad1;
  font-size: 18px;
  margin-top: 1px;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(1) {
  top: 1%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(2) {
  top: 22%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(3) {
  top: 42%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(4) {
  top: 62%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(5) {
  top: 83%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(6) {
  top: 103%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(7) {
  top: 123%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(8) {
  top: 145%;
}
.mtr-dtl-data .mtr-dtl-data-icons i:nth-child(9) {
  top: 165%;
}
.mtr-dtl-data .mtr-dtl-data-tles {
  position: absolute;
  left: 62px;
  top: 15px;
  width: 70px;
  height: 160px;
}
.mtr-dtl-data .mtr-dtl-data-tles li {
  font-size: 14px;
  line-height: 2.3;
  color: #8a94a0;
}
.mtr-dtl-data .mtr-dtl-data-result {
  position: absolute;
  left: 158px;
  width: 500px;
  top: 18px;
  height: 157px;
}
.mtr-dtl-data .mtr-dtl-data-result li {
  padding-bottom: 12px;
  font-size: 14px;
  color: #4a4a4a;
}
.mtr-dtl-data .mtr-dtl-data-result li p {
  display: inline-block;
}
.mtr-dtl-data-item {
  margin: 0 0 15px 29px;
}
.mtr-dtl-data-item i {
  vertical-align: top;
  width: 18px;
  height: 18px;
  color: #79aad1;
  font-size: 18px;
  display: inline-block;
  padding-right: 15px;
  margin-top: -3px;
}
.mtr-dtl-data-item p {
  width: 70px;
  margin-right: 35px;
  vertical-align: top;
  font-size: 14px;
  line-height: 22px;
  color: #8a94a0;
  display: inline-block;
}
.mtr-dtl-data-item ul {
  display: inline-block;
}
.mtr-dtl-data-item ul li {
  font-size: 14px;
  color: #4a4a4a;
  padding-bottom: 4px;
}
.mtr-dtl-member {
  width: 100%;
  padding-bottom: 25px;
}
.mtr-member-num {
  margin: 15px 0 10px 30px;
}
.mtr-member-num h3 {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.mtr-member-num span {
  display: inline-block;
  width: 37px;
  height: 20px;
  padding-left: 4px;
  font-size: 14px;
  color: #8a94a0;
}
.mtr-member-item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.mtr-member-item .mtr-member-item-tle {
  width: 100px;
  display: inline-block;
  font-size: 14px;
  color: #8a94a0;
  line-height: 22px;
  padding: 0 14px 0 28px;
  float: left;
}
.mtr-member-item .mtr-member-item-all {
  display: inline-block;
  width: 80%;
  float: left;
}
.mtr-dtl-body {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 40px;
}
.mtr-dtl-body .empty-data {
  text-align: center;
  margin-top: 35px;
}
.mtr-dtl-body .empty-data img {
  width: 65px;
}
.mtr-dtl-body i {
  cursor: pointer;
  margin-left: 8px;
}
.mtr-dtl-body i:hover {
  color: #ed6c00;
}
.mtr-dtl-body i span {
  font-style: normal;
  margin-left: 4px;
}
.mtr-dtl-body .ibass-add:before {
  vertical-align: bottom;
}
.mtr-dtl-body .finance-inform {
  text-align: center;
  font-size: 14px;
  color: #737373;
}
.mtr-dtl-body .finance-left {
  width: 500px;
  display: table-cell;
}
.mtr-dtl-body .finance-left p i {
  color: #ed6c00;
}
.mtr-dtl-body .finance-right {
  width: 420px;
  padding-left: 45px;
  display: table-cell;
}
.mtr-dtl-body .finance-right p i {
  color: #ed6c00;
}
.mtr-dtl-collect {
  width: 96%;
  margin: 0 auto;
}
.mtr-dtl-collect .mtr-dtl-collect-tle {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  padding: 20px 0 20px 10px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle {
  font-size: 12px;
  color: #a1a1a1;
  margin-top: -6px;
  padding-bottom: 6px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li {
  display: inline-block;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(1) {
  padding: 0 5% 0 1.5%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(2) {
  padding-right: 14%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(3) {
  padding-right: 8%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(4) {
  padding-right: 32%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(5) {
  padding-right: 10%;
}
.mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(6) {
  padding-right: 5%;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctle {
  font-size: 13px;
  font-weight: 500;
  color: #4a4a4a;
  height: 32px;
  line-height: 32px;
  padding-left: 14px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn {
  font-size: 14px;
  color: #4a4a4a;
  height: 32px;
  line-height: 32px;
  border-bottom: solid 1px #e1e1e1;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(1) {
  width: 50px;
  margin: 0 48px 0 14px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(2) {
  width: 160px;
  margin-right: 14px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(3) {
  width: 90px;
  margin-right: 15px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(4) {
  width: 310px;
  margin-right: 22px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(5) {
  width: 120px;
  margin-right: 30px;
}
.mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(6) {
  width: 80px;
}
.mtr-finance-add {
  color: #cdc9c5;
  display: inline;
}
.mtr-finance-add .bill-edit {
  vertical-align: sub;
}
.mtr-finance-add span {
  font-size: 12px;
  vertical-align: inherit;
}
.mtr-finance-line {
  width: 400px;
  height: 55px;
  border-bottom: 1px solid #a9a9a9;
  margin-left: 100px;
  margin-bottom: 0;
  font-size: 14px;
  overflow: hidden;
}
.mtr-finance-line label:first-child {
  color: #a9a9a9;
  font-size: 14px;
  display: block;
  margin-right: 0;
  text-align: left;
}
.mtr-finance-line input {
  display: block;
  width: 100%;
}
.mtr-finance-line .m-input {
  border: none;
  outline: none;
  background: transparent;
  height: 32px;
  text-align: left;
}
.mtr-finance-line .l-input {
  border: none;
  outline: none;
  background: transparent;
  height: 32px;
  width: 400px;
  text-align: left;
}
.mtr-finance-line .l-select {
  display: block;
}
.dir-member {
  float: left;
  width: 170px;
  height: 40px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
  position: relative;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.dir-member div {
  top: 6px;
  left: 10px;
  position: absolute;
  height: 28px;
  width: 80px;
}
.dir-member div img {
  width: 28px;
  height: 28px;
  border-radius: 14px;
}
.dir-member div p {
  position: absolute;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
  left: 40px;
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
  display: inline-block;
  border-left: 1px solid #dadada;
}
.dir-member:hover {
  -webkit-box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
}
.dir-addmbr {
  float: left;
  height: 40px;
  background-color: #ffffff;
  position: relative;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.dir-addmbr div {
  top: 6px;
  left: 10px;
  position: absolute;
  height: 28px;
  width: 120px;
  color: #79aad1;
  padding-left: 25px;
}
.dir-addmbr div i {
  position: absolute;
  font-size: 16px;
  top: 2px;
}
.dir-addmbr div p {
  height: 28px;
  padding-left: 24px;
  line-height: 28px;
  display: inline-block;
  font-size: 14px;
}
.mtr-next {
  display: inline-block;
  width: 160px;
  height: 36px;
  border-radius: 2px;
  background-color: #1e8aff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.mtr-next-dis {
  display: inline-block;
  width: 160px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}
.mtr-tpl-manage {
  position: absolute;
  margin-left: 86%;
  top: 137px;
  display: inline-block;
  width: 80px;
  height: 32px;
  border-radius: 2px;
  background-color: #ffffff;
  color: #1e8aff;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.mtr-tpl-manage i {
  font-size: 14px;
  float: left;
}
.tree-box {
  width: 400px;
  height: 250px;
  margin: 16px auto;
  background: #fff;
  border: 1px solid #000;
  font-size: 14px;
  color: #79aad1;
  overflow: auto;
}
.tree-ul {
  margin: 10px 0 2px 0px;
  overflow: hidden;
}
.tree-ul ul {
  float: left;
}
.tree-ul i {
  float: left;
  padding: 0 10px;
  cursor: pointer;
}
.tree-li {
  font-size: 14px;
  margin: 1% 0 1% 4%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tree-li i {
  cursor: pointer;
  float: left;
  font-size: 40%;
}
.tree-li-box {
  display: inline-block;
  margin-left: 3%;
}
.tree-btn {
  text-align: center;
  line-height: 40px;
  width: 120px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #4a4a4a;
  margin: 0 40px;
}
.fileName {
  width: 400px;
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 12px;
  color: #737373;
  line-height: 82px;
}
.fileStyle {
  width: 400px;
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 60px;
}
.imgBox {
  width: 45px;
  height: 60px;
  float: left;
}
.imgtext {
  float: left;
}
.mfc-file-wrap:hover .ibass-delete {
  display: inline-block;
}
.mfc-file-wrap {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  width: 400px;
}
.mfc-file-wrap #addFile {
  font-size: 14px;
}
.mfc-file-wrap span span {
  float: right;
}
.mfc-file-wrap span .ibass-delete {
  color: #fdba78;
  font-size: 16px;
  height: 39px;
  line-height: 39px;
  margin-right: 22px;
  display: none;
}
.mfc-file-wrap span .verify {
  cursor: pointer;
  border-radius: 12px;
  background: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  color: #fff;
  padding: 0 6px;
  margin-top: 8px;
}
.ctr-mfc-contract-line1,
.ctr-mfc-contract-line2 {
  width: 205px;
  height: 1px;
  top: 50px;
  background: #f0f0f0;
  position: absolute;
}
.ctr-mfc-contract-line1 {
  left: 45px;
}
.ctr-mfc-contract-line2 {
  right: 45px;
}
.attachments-maxwidth {
  display: block;
  float: left;
  max-width: 280px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.finance-overview {
  background-color: #f8f8f9;
  font-size: 0;
  height: 140px;
  border-radius: 5px;
}
.finance-overview > div {
  display: inline-block;
  width: calc(25% - 1px);
  text-align: center;
  padding-top: 38px;
  box-sizing: content-box;
}
.finance-overview > div .money {
  font-size: 27px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #4a4a4a;
  font-weight: 200;
  font-family: AppleSDGothicNeo;
  border-right: solid 1px #ebebeb;
}
.finance-overview > div > span {
  font-size: 12px;
  display: block;
  width: 96%;
  margin-left: 2%;
}
.finance-overview > div .name {
  color: #a9a9a9;
  border-right: solid 1px #ebebeb;
}
.finance-overview > div:last-child span.money,
.finance-overview > div:last-child span.name {
  border-right: none;
}
.finance-contract-title-wrap {
  padding-top: 17px;
  border-bottom: 1px solid #d8d8d8;
  zoom: 1;
}
.finance-contract-title-wrap .add-part {
  padding-top: 12px;
  float: right;
}
.finance-contract-title-wrap .add-part i {
  cursor: pointer;
}
.finance-contract-title-wrap .add-part i:hover {
  color: #ed6c00;
}
.finance-contract-title-wrap .add-part i:hover span {
  color: #ed6c00;
}
.finance-contract-title-wrap .add-part i span {
  font-size: 12px;
  font-style: normal;
  margin-left: 5px;
  position: relative;
  color: #cdc9c5;
  vertical-align: inherit;
}
.finance-contract-title-wrap:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.finance-invoice-title-wrap {
  padding-top: 10px;
  border-bottom: 1px solid #ebebeb;
  width: 500px;
  zoom: 1;
}
.finance-invoice-title-wrap:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.finance-charge-mode-title-wrap {
  padding-top: 10px;
}
.finance-charge-mode-title-wrap .bill-title {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 20px;
}
.finance-charge-mode-title-wrap .bill-title .mtr-finance-add {
  cursor: pointer;
  float: right;
  margin-top: 12px;
}
.finance-charge-mode-title-wrap .bill-title .mtr-finance-add:hover i,
.finance-charge-mode-title-wrap .bill-title .mtr-finance-add:hover span {
  color: #ed6c00;
}
.finance-charge-mode-title-wrap .bill-title .mtr-finance-add:hover span {
  font-size: 12px;
  vertical-align: inherit;
}
.finance-charge-mode-title-wrap:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.new-finance-information .btm-line {
  border-bottom: 1px solid #1e8aff;
}
.new-finance-information .mtr-box {
  border: none;
  position: relative;
  width: 100%;
}
.new-finance-information .mtr-header {
  position: absolute;
  width: 980px;
  height: 30px;
  top: 10%;
  left: 1.5%;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  z-index: 15;
}
.new-finance-information .mtr-body {
  position: absolute;
  background: #fff;
  z-index: 20;
}
.new-finance-information .ngdialog-finance-overlay {
  padding-top: 100px;
  z-index: 100;
}
.new-finance-information .ngdialog-finance-overlay .ngdialog-overlay {
  background: none !important;
}
.new-finance-information .ngdialog-finance-overlay .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  color: #444;
  font-family: Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px;
  position: relative;
  width: 900px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
}
.new-finance-information .ngdialog-finance-overlay .ngdialog-content .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
  display: block !important;
}
.new-finance-information .ngdialog-finance-overlay .partner {
  width: 108px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fcfdfe;
  border: 1px solid #c7d1da;
  font-size: 12px;
  line-height: 36px;
  display: inline-block;
  padding: 0 6px;
  cursor: pointer;
  overflow: hidden;
  margin: 6px 2px;
  vertical-align: middle;
}
.new-finance-information .ngdialog-finance-overlay .partner img {
  width: 22px;
  height: 22px;
  border-radius: 12px;
  float: left;
  margin-right: 4px;
  margin-top: 7px;
}
.new-finance-information .ngdialog-finance-overlay .partner img span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 66px;
}
.new-finance-information .mtr-finance-line {
  margin-bottom: 15px;
}
.new-finance-information .mtr-finance-line label:first-child {
  width: 140px;
  text-align: right;
  display: inline-block !important;
}
.new-finance-information .mtr-finance-line .m-input {
  width: 160px;
}
.new-finance-information .mtr-finance-line .l-select {
  display: inline-block;
}
.new-finance-information .mtr-finance-line .check-div {
  margin-right: 10px;
}
.new-finance-information .mtr-finance-line .l-btn {
  margin-left: 140px;
}
.new-finance-information .mtr-finance-line .l-select-icon {
  top: 6px;
}
.new-finance-information .mtr-finance-title-left {
  width: 950px;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  margin-left: 0 !important;
  color: #4a4a4a;
  display: inline;
}
.new-finance-information .mtr-finance-title-left .title {
  border-bottom: 3px solid #ed6c00;
  line-height: 35px;
  display: inline-block;
}
.new-finance-information .mtr-finance-title-left .line {
  color: #ebebeb;
  margin: 0 5px;
}
.new-finance-information .mtr-finance-title-left .money {
  color: #a9a9a9;
}
.new-finance-information .mtr-finance-table {
  width: 100%;
  text-indent: 0;
  padding: 40px 50px;
  color: #4a4a4a;
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  table-layout: fixed;
  overflow: visible;
}
.new-finance-information .mtr-finance-table input {
  width: 100%;
  border-color: transparent;
  background: transparent;
  height: 30px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 14px;
  color: #4a4a4a;
  display: block;
  text-align: center;
  outline: none;
  border: none;
}
.new-finance-information .mtr-finance-table input:focus {
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #e0e0e0;
}
.new-finance-information .mtr-finance-table tbody tr {
  height: 45px;
}
.new-finance-information .mtr-finance-table tbody tr:hover {
  cursor: pointer;
  background: #f8f8f9;
}
.new-finance-information .mtr-finance-table tbody td:first-child input {
  text-align: left;
  text-indent: 50px;
}
.new-finance-information .mtr-finance-table tbody td:first-child {
  text-align: left;
  text-indent: 0 !important;
}
.new-finance-information .mtr-finance-table tbody select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 42px;
  display: block;
  border-color: transparent;
  background: transparent;
}
.new-finance-information .mtr-finance-table thead tr {
  text-align: left;
}
.new-finance-information .mtr-finance-table thead th:first-child {
  text-align: left;
  text-indent: 0 !important;
}
.new-finance-information .mtr-finance-table .black-font {
  color: #4a4a4a;
  overflow: visible;
}
.new-finance-information .mtr-finance-table .big-font {
  font-size: 14px;
}
.new-finance-information .mtr-finance-table th {
  min-width: 20%;
  box-sizing: border-box;
  font-weight: inherit;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  color: #737373;
}
.new-finance-information .mtr-finance-table thead {
  line-height: 34px;
}
.new-finance-information .mtr-finance-table i {
  font-size: 14px;
  vertical-align: middle;
  color: #c7d1da;
}
.new-finance-information .mtr-finance-table td {
  border-bottom: 1px solid #ebebeb;
}
.new-finance-information .mtr-finance-table td input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-information .mtr-finance-table tr {
  margin: 5px 0;
}
.new-finance-information .finance-contract-wrap,
.new-finance-information .finance-charge-wrap,
.new-finance-information .finance-invoice-wrap {
  margin-top: 10px;
  min-height: 172px;
}
.new-finance-information .finance-contract-wrap table tbody tr td:last-child,
.new-finance-information .finance-charge-wrap table tbody tr td:last-child,
.new-finance-information .finance-invoice-wrap table tbody tr td:last-child {
  position: relative;
  text-align: center;
}
.new-finance-information .finance-contract-wrap table tbody tr td:last-child .verify,
.new-finance-information .finance-charge-wrap table tbody tr td:last-child .verify,
.new-finance-information .finance-invoice-wrap table tbody tr td:last-child .verify {
  border-radius: 12px;
  background: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  color: #fff;
  padding: 0 6px;
}
.new-finance-information .finance-contract-wrap table tbody tr td:last-child span,
.new-finance-information .finance-charge-wrap table tbody tr td:last-child span,
.new-finance-information .finance-invoice-wrap table tbody tr td:last-child span {
  display: inline-block;
  color: #fdba78;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  opacity: 0;
}
.new-finance-information .finance-contract-wrap table tbody tr td:last-child span.ng-hide,
.new-finance-information .finance-charge-wrap table tbody tr td:last-child span.ng-hide,
.new-finance-information .finance-invoice-wrap table tbody tr td:last-child span.ng-hide {
  display: none;
}
.new-finance-information .finance-contract-wrap table tbody tr:hover td:last-child span,
.new-finance-information .finance-charge-wrap table tbody tr:hover td:last-child span,
.new-finance-information .finance-invoice-wrap table tbody tr:hover td:last-child span {
  margin-right: 15px;
  opacity: 1;
  transition: all 0.3s;
}
.new-finance-information .finance-all-table th,
.new-finance-information .finance-all-table td {
  text-align: center;
}
.new-finance-information .finance-all-table tbody {
  font-size: 13px;
}
.new-finance-information .finance-all-table tbody tr > td span {
  display: inline-block;
  word-wrap: break-word !important;
  word-break: break-all !important;
  white-space: normal!important;
  line-height: normal!important;
  vertical-align: middle;
}
.new-finance-information .finance-all-table tbody span {
  font-size: 13px;
  opacity: 1;
}
.new-finance-information .finance-all-table tbody tr:hover td:last-child span {
  margin-right: 15px;
  transition: all 0.3s;
}
.new-finance-information .mtr-commen {
  background: #fcfdfe;
  width: 1000px;
  height: 70px;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 0 #f2f2f2;
}
.new-finance-information .mtr-close {
  position: absolute;
  top: -16px;
  right: -17px;
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 17px;
  cursor: pointer;
}
.new-finance-information .mtr-close i {
  position: absolute;
  left: 33%;
  top: 26%;
  font-size: 11.9px;
  color: #79aad1;
}
.new-finance-information .mtr-title {
  float: left;
  margin-top: 25px;
  margin-left: 30px;
  overflow: hidden;
  display: inline-block;
}
.new-finance-information .mtr-title i {
  width: 43.5px;
  height: 35px;
  font-size: 28px;
  line-height: 32px;
  color: #1e8aff;
  float: left;
}
.new-finance-information .mtr-title span {
  float: left;
  padding-top: 3px;
  font-size: 18px;
  font-weight: 500;
  color: #4a4a4a;
  max-width: 420px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-finance-information .mtr-select {
  position: relative;
  top: 25px;
  float: left;
  margin-left: 15px;
  padding-right: 10px;
  width: 86px;
  height: 26px;
  border-radius: 15px;
  border: 1px solid #E0E0E0;
  cursor: pointer;
}
.new-finance-information .mtr-select span {
  position: absolute;
  font-size: 14px;
  color: #f5a623;
  top: 3px;
  left: 10px;
}
.new-finance-information .mtr-select i {
  position: absolute;
  color: #f5a623;
  font-size: 8px;
  right: 6px;
  top: 3px;
}
.new-finance-information .openlist-arrow {
  position: absolute;
  left: 34.4%;
  top: 87.4%;
  border-width: 0 13px 17px;
  border-style: solid;
  border-color: transparent transparent #fff;
  z-index: 11;
}
.new-finance-information .openlist-arrowborder {
  position: absolute;
  left: 31.5%;
  top: 85%;
  border-width: 0 15px 20px;
  border-style: solid;
  border-color: transparent transparent #cecece;
  z-index: 9;
}
.new-finance-information .list-listopen {
  width: 120px;
  padding-bottom: 8px;
  left: -10%;
  top: 150%;
  background: #fff;
  position: absolute;
  z-index: 10;
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.new-finance-information .list-listopen li {
  box-sizing: border-box;
  padding-left: 16px;
  width: 118px;
  height: 30px;
  margin-top: 6px;
  text-align: left;
  line-height: 30px;
  cursor: pointer;
  font-size: 12px;
}
.new-finance-information .list-listopen li:hover {
  background-color: #f6f9ff;
}
.new-finance-information .mtr-func {
  position: absolute;
  right: 20px;
  height: 70px;
  cursor: pointer;
}
.new-finance-information .mtr-func a,
.new-finance-information .mtr-func li {
  display: inline-block;
  float: right;
  width: 84px;
  height: 70px;
  text-align: center;
  color: #4a4a4a;
}
.new-finance-information .mtr-func a i,
.new-finance-information .mtr-func li i {
  font-size: 20px;
  color: #79aad1;
  display: inline-block;
  margin-top: 15px;
}
.new-finance-information .mtr-func a p,
.new-finance-information .mtr-func li p {
  font-size: 12px;
  margin-top: -3px;
  color: #79aad1;
}
.new-finance-information .mtr-func li:hover p,
.new-finance-information .mtr-func a:hover p {
  color: #000;
}
.new-finance-information .mtr-item {
  width: 100%;
  height: 50px;
  border-bottom: solid 1px #ededed;
}
.new-finance-information .mtr-item-list {
  text-align: center;
}
.new-finance-information .mtr-item-list a,
.new-finance-information .mtr-item-list li {
  float: left;
  display: inline-block;
  padding-right: 2px;
  width: 110px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 50px;
}
.new-finance-information .mtr-item-list a p:hover,
.new-finance-information .mtr-item-list li p:hover {
  border-bottom: 1px solid #1e8aff;
}
.new-finance-information .mtr-dtl-data {
  position: relative;
  box-sizing: border-box;
  padding-top: 26px;
  width: 100%;
  border-bottom: 1px solid #ededed;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons {
  position: absolute;
  left: 29px;
  top: 15px;
  width: 18px;
  height: 157px;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i {
  position: absolute;
  width: 18px;
  height: 18px;
  display: block;
  color: #79aad1;
  font-size: 18px;
  margin-top: 1px;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i:nth-child(1) {
  top: 1%;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i:nth-child(2) {
  top: 22%;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i:nth-child(3) {
  top: 42%;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i:nth-child(4) {
  top: 62%;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i:nth-child(5) {
  top: 83%;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i:nth-child(6) {
  top: 103%;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i:nth-child(7) {
  top: 123%;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i:nth-child(8) {
  top: 145%;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-icons i:nth-child(9) {
  top: 165%;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-tles {
  position: absolute;
  left: 62px;
  top: 15px;
  width: 70px;
  height: 160px;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-tles li {
  font-size: 14px;
  line-height: 2.3;
  color: #8a94a0;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-result {
  position: absolute;
  left: 158px;
  width: 500px;
  top: 18px;
  height: 157px;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-result li {
  padding-bottom: 12px;
  font-size: 14px;
  color: #4a4a4a;
}
.new-finance-information .mtr-dtl-data .mtr-dtl-data-result li p {
  display: inline-block;
}
.new-finance-information .mtr-dtl-data-item {
  margin: 0 0 15px 29px;
}
.new-finance-information .mtr-dtl-data-item i {
  vertical-align: top;
  width: 18px;
  height: 18px;
  color: #79aad1;
  font-size: 18px;
  display: inline-block;
  padding-right: 15px;
  margin-top: -3px;
}
.new-finance-information .mtr-dtl-data-item p {
  width: 70px;
  margin-right: 35px;
  vertical-align: top;
  font-size: 14px;
  line-height: 22px;
  color: #8a94a0;
  display: inline-block;
}
.new-finance-information .mtr-dtl-data-item ul {
  display: inline-block;
}
.new-finance-information .mtr-dtl-data-item ul li {
  font-size: 14px;
  color: #4a4a4a;
  padding-bottom: 4px;
}
.new-finance-information .mtr-dtl-member {
  width: 100%;
  padding-bottom: 25px;
}
.new-finance-information .mtr-member-num {
  margin: 15px 0 10px 30px;
}
.new-finance-information .mtr-member-num h3 {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.new-finance-information .mtr-member-num span {
  display: inline-block;
  width: 37px;
  height: 20px;
  padding-left: 4px;
  font-size: 14px;
  color: #8a94a0;
}
.new-finance-information .mtr-member-item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.new-finance-information .mtr-member-item .mtr-member-item-tle {
  width: 100px;
  display: inline-block;
  font-size: 14px;
  color: #8a94a0;
  line-height: 22px;
  padding: 0 14px 0 28px;
  float: left;
}
.new-finance-information .mtr-member-item .mtr-member-item-all {
  display: inline-block;
  width: 80%;
  float: left;
}
.new-finance-information .mtr-dtl-body {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 40px;
}
.new-finance-information .mtr-dtl-body .empty-data {
  text-align: center;
  margin-top: 35px;
}
.new-finance-information .mtr-dtl-body .empty-data img {
  width: 65px;
}
.new-finance-information .mtr-dtl-body i {
  cursor: pointer;
  margin-left: 8px;
}
.new-finance-information .mtr-dtl-body i:hover {
  color: #ed6c00;
}
.new-finance-information .mtr-dtl-body i span {
  font-style: normal;
  margin-left: 4px;
}
.new-finance-information .mtr-dtl-body .ibass-add:before {
  vertical-align: bottom;
}
.new-finance-information .mtr-dtl-body .finance-inform {
  text-align: center;
  font-size: 14px;
  color: #737373;
}
.new-finance-information .mtr-dtl-body .finance-left {
  width: 460px;
  display: table-cell;
}
.new-finance-information .mtr-dtl-body .finance-left p i {
  color: #ed6c00;
}
.new-finance-information .mtr-dtl-body .finance-right {
  width: 460px;
  padding-left: 45px;
  display: table-cell;
}
.new-finance-information .mtr-dtl-body .finance-right p i {
  color: #ed6c00;
}
.new-finance-information .mtr-dtl-body .finance-all {
  width: 950px;
}
.new-finance-information .mtr-dtl-body .finance-all p i {
  color: #ed6c00;
}
.new-finance-information .mtr-dtl-collect {
  width: 96%;
  margin: 0 auto;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-tle {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  padding: 20px 0 20px 10px;
  border-bottom: solid 1px #e1e1e1;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-listtle {
  font-size: 12px;
  color: #a1a1a1;
  margin-top: -6px;
  padding-bottom: 6px;
  border-bottom: solid 1px #e1e1e1;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-listtle li {
  display: inline-block;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(1) {
  padding: 0 5% 0 1.5%;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(2) {
  padding-right: 14%;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(3) {
  padding-right: 8%;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(4) {
  padding-right: 32%;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(5) {
  padding-right: 10%;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-listtle li:nth-child(6) {
  padding-right: 5%;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctle {
  font-size: 13px;
  font-weight: 500;
  color: #4a4a4a;
  height: 32px;
  line-height: 32px;
  padding-left: 14px;
  border-bottom: solid 1px #e1e1e1;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn {
  font-size: 14px;
  color: #4a4a4a;
  height: 32px;
  line-height: 32px;
  border-bottom: solid 1px #e1e1e1;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(1) {
  width: 50px;
  margin: 0 48px 0 14px;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(2) {
  width: 160px;
  margin-right: 14px;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(3) {
  width: 90px;
  margin-right: 15px;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(4) {
  width: 310px;
  margin-right: 22px;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(5) {
  width: 120px;
  margin-right: 30px;
}
.new-finance-information .mtr-dtl-collect .mtr-dtl-collect-client .mtr-dtl-collect-ctn p:nth-child(6) {
  width: 80px;
}
.new-finance-information .mtr-finance-add {
  color: #cdc9c5;
  display: inline;
}
.new-finance-information .mtr-finance-add .bill-edit {
  vertical-align: sub;
}
.new-finance-information .mtr-finance-add span {
  font-size: 12px;
  vertical-align: inherit;
}
.new-finance-information .mtr-finance-line {
  width: 400px;
  height: 55px;
  border-bottom: 1px solid #a9a9a9;
  margin-left: 100px;
  margin-bottom: 0;
  font-size: 14px;
  overflow: hidden;
}
.new-finance-information .mtr-finance-line label:first-child {
  color: #a9a9a9;
  font-size: 14px;
  display: block;
  margin-right: 0;
  text-align: left;
}
.new-finance-information .mtr-finance-line input {
  display: block;
  width: 100%;
}
.new-finance-information .mtr-finance-line .m-input {
  border: none;
  outline: none;
  background: transparent;
  height: 32px;
  text-align: left;
}
.new-finance-information .mtr-finance-line .l-input {
  border: none;
  outline: none;
  background: transparent;
  height: 32px;
  width: 400px;
  text-align: left;
}
.new-finance-information .mtr-finance-line .l-select {
  display: block;
}
.new-finance-information .dir-member {
  float: left;
  width: 170px;
  height: 40px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
  position: relative;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.new-finance-information .dir-member div {
  top: 6px;
  left: 10px;
  position: absolute;
  height: 28px;
  width: 80px;
}
.new-finance-information .dir-member div img {
  width: 28px;
  height: 28px;
  border-radius: 14px;
}
.new-finance-information .dir-member div p {
  position: absolute;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
  left: 40px;
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
  display: inline-block;
  border-left: 1px solid #dadada;
}
.new-finance-information .dir-member:hover {
  -webkit-box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
}
.new-finance-information .dir-addmbr {
  float: left;
  height: 40px;
  background-color: #ffffff;
  position: relative;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.new-finance-information .dir-addmbr div {
  top: 6px;
  left: 10px;
  position: absolute;
  height: 28px;
  width: 120px;
  color: #79aad1;
  padding-left: 25px;
}
.new-finance-information .dir-addmbr div i {
  position: absolute;
  font-size: 16px;
  top: 2px;
}
.new-finance-information .dir-addmbr div p {
  height: 28px;
  padding-left: 24px;
  line-height: 28px;
  display: inline-block;
  font-size: 14px;
}
.new-finance-information .mtr-next {
  display: inline-block;
  width: 160px;
  height: 36px;
  border-radius: 2px;
  background-color: #1e8aff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.new-finance-information .mtr-next-dis {
  display: inline-block;
  width: 160px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}
.new-finance-information .mtr-tpl-manage {
  position: absolute;
  margin-left: 86%;
  top: 137px;
  display: inline-block;
  width: 80px;
  height: 32px;
  border-radius: 2px;
  background-color: #ffffff;
  color: #1e8aff;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.new-finance-information .mtr-tpl-manage i {
  font-size: 14px;
  float: left;
}
.new-finance-information .tree-box {
  width: 400px;
  height: 250px;
  margin: 16px auto;
  background: #fff;
  border: 1px solid #000;
  font-size: 14px;
  color: #79aad1;
  overflow: auto;
}
.new-finance-information .tree-ul {
  margin: 10px 0 2px 0px;
  overflow: hidden;
}
.new-finance-information .tree-ul ul {
  float: left;
}
.new-finance-information .tree-ul i {
  float: left;
  padding: 0 10px;
  cursor: pointer;
}
.new-finance-information .tree-li {
  font-size: 14px;
  margin: 1% 0 1% 4%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.new-finance-information .tree-li i {
  cursor: pointer;
  float: left;
  font-size: 40%;
}
.new-finance-information .tree-li-box {
  display: inline-block;
  margin-left: 3%;
}
.new-finance-information .tree-btn {
  text-align: center;
  line-height: 40px;
  width: 120px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #4a4a4a;
  margin: 0 40px;
}
.new-finance-information .fileName {
  width: 400px;
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 12px;
  color: #737373;
  line-height: 82px;
}
.new-finance-information .fileStyle {
  width: 400px;
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 60px;
}
.new-finance-information .imgBox {
  width: 45px;
  height: 60px;
  float: left;
}
.new-finance-information .imgtext {
  float: left;
}
.new-finance-information .mfc-file-wrap:hover .ibass-delete {
  display: inline-block;
}
.new-finance-information .mfc-file-wrap {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  width: 400px;
}
.new-finance-information .mfc-file-wrap #addFile {
  font-size: 14px;
}
.new-finance-information .mfc-file-wrap span span {
  float: right;
}
.new-finance-information .mfc-file-wrap span .ibass-delete {
  color: #fdba78;
  font-size: 16px;
  height: 39px;
  line-height: 39px;
  margin-right: 22px;
  display: none;
}
.new-finance-information .mfc-file-wrap span .verify {
  cursor: pointer;
  border-radius: 12px;
  background: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  color: #fff;
  padding: 0 6px;
  margin-top: 8px;
}
.new-finance-information .ctr-mfc-contract-line1,
.new-finance-information .ctr-mfc-contract-line2 {
  width: 205px;
  height: 1px;
  top: 50px;
  background: #f0f0f0;
  position: absolute;
}
.new-finance-information .ctr-mfc-contract-line1 {
  left: 45px;
}
.new-finance-information .ctr-mfc-contract-line2 {
  right: 45px;
}
.new-finance-information .attachments-maxwidth {
  display: block;
  float: left;
  max-width: 280px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-finance-information .finance-overview {
  background-color: #f8f8f9;
  font-size: 0;
  height: 140px;
  border-radius: 5px;
}
.new-finance-information .finance-overview > div {
  display: inline-block;
  width: 16.5%;
  text-align: center;
  padding-top: 38px;
  box-sizing: content-box;
}
.new-finance-information .finance-overview > div .money {
  font-size: 27px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #4a4a4a;
  font-weight: 200;
  font-family: AppleSDGothicNeo;
  border-right: solid 1px #ebebeb;
}
.new-finance-information .finance-overview > div > span {
  font-size: 12px;
  display: block;
  width: 96%;
  margin-left: 2%;
}
.new-finance-information .finance-overview > div .name {
  color: #a9a9a9;
  border-right: solid 1px #ebebeb;
  font-size: 12px;
}
.new-finance-information .finance-overview > div .calculate {
  color: #a9a9a9;
}
.new-finance-information .finance-overview > div .calculate .ibass-loop,
.new-finance-information .finance-overview > div .calculate .ibass-chart-pie {
  color: #fa8919;
  font-size: 12px;
}
.new-finance-information .finance-overview > div .calculate span {
  vertical-align: text-bottom;
}
.new-finance-information .finance-overview > div:last-child span.money,
.new-finance-information .finance-overview > div:last-child span.name {
  border-right: none;
}
.new-finance-information .finance-overview .name-last-child {
  width: 240px;
}
.new-finance-information .finance-contract-title-wrap {
  padding-top: 17px;
  border-bottom: 1px solid #d8d8d8;
  zoom: 1;
}
.new-finance-information .finance-contract-title-wrap .add-part {
  padding-top: 12px;
  float: right;
}
.new-finance-information .finance-contract-title-wrap .add-part i {
  cursor: pointer;
}
.new-finance-information .finance-contract-title-wrap .add-part i:hover {
  color: #ed6c00;
}
.new-finance-information .finance-contract-title-wrap .add-part i:hover span {
  color: #ed6c00;
}
.new-finance-information .finance-contract-title-wrap .add-part i span {
  font-size: 12px;
  font-style: normal;
  margin-left: 5px;
  position: relative;
  color: #cdc9c5;
  vertical-align: inherit;
}
.new-finance-information .finance-contract-title-wrap:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.new-finance-information .finance-invoice-title-wrap {
  padding-top: 10px;
  border-bottom: 1px solid #ebebeb;
  width: 500px;
  zoom: 1;
}
.new-finance-information .finance-invoice-title-wrap:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.new-finance-information .finance-charge-mode-title-wrap {
  width: 460px;
  box-sizing: border-box;
  padding-top: 10px;
}
.new-finance-information .finance-charge-mode-title-wrap .bill-title {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 20px;
}
.new-finance-information .finance-charge-mode-title-wrap .bill-title .mtr-finance-add {
  cursor: pointer;
  float: right;
  margin-top: 12px;
}
.new-finance-information .finance-charge-mode-title-wrap .bill-title .mtr-finance-add:hover i,
.new-finance-information .finance-charge-mode-title-wrap .bill-title .mtr-finance-add:hover span {
  color: #ed6c00;
}
.new-finance-information .finance-charge-mode-title-wrap .bill-title .mtr-finance-add:hover span {
  font-size: 12px;
  vertical-align: inherit;
}
.new-finance-information .finance-charge-mode-title-wrap:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.new-finance-information .finance-width-half-left {
  width: 48%;
}
.new-finance-information .finance-width-half-right {
  width: 48%;
  margin-left: 4%;
}
.new-finance-information .finance-width-all {
  width: 100%;
}
.new-finance-information .finance-width-title {
  width: 100%;
}
.new-finance-information .finance-width-all-relative {
  width: 100%;
  position: relative;
}
.new-finance-information .finance-allocation-title {
  height: 45px;
  box-sizing: border-box;
  padding: 15px 10px 10px 10px;
  position: relative;
  cursor: pointer;
}
.new-finance-information .finance-allocation-title-table {
  font-size: 13px;
}
.new-finance-information .finance-allocation-title-table thead > tr {
  color: #737373;
  text-align: center;
  line-height: 33px;
}
.new-finance-information .finance-allocation-title-table thead > tr th {
  border-top: 1px solid #f6f6f6;
  font-weight: 400;
  width: 25%;
}
.new-finance-information .finance-allocation-title-table tr > td {
  height: 33px;
  position: relative;
  border-top: 1px solid #f6f6f6;
  padding-top: 10px;
  text-align: center;
}
.finance-department-allocation-popover {
  width: 460px;
  padding: 10px 20px;
}
.finance-department-allocation-popover .ns-popover-title {
  padding: 5px 10px;
}
.finance-department-allocation-popover .ns-popover-title span {
  display: inline-block;
  width: 120px;
}
.finance-department-allocation-popover .ns-popover-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 5px 10px;
}
.finance-department-allocation-popover .ns-popover-content .tree-input {
  border-color: transparent;
  width: 110px;
  margin-right: 10px;
  border-bottom: 1px solid #ebebeb;
}
.finance-department-allocation-popover .ns-popover-content .tree-input:focus {
  border-bottom: 1px solid #fa8919;
}
.finance-department-allocation-popover .ns-popover-footer .nfim-save-button {
  width: 80px;
  height: 28px;
  line-height: 26px;
}

.matter-finish-page {
  position: relative;
  padding: 30px 25px 20px;
}
.matter-finish-page .dialog-close-page {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 16px;
  right: 16px;
  color: #cdc9c5;
  cursor: pointer;
}
.matter-finish-page .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.matter-finish-page .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.matter-finish-page .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.matter-finish-page .dialog-page-content .matter-name {
  margin-top: 12px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  color: #737373;
}
.matter-finish-page .dialog-page-content .matter-cost {
  position: relative;
  margin: 15px auto 0;
  padding-top: 23px;
  width: 490px;
  height: 90px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
.matter-finish-page .dialog-page-content .matter-cost .col {
  float: left;
  width: 25%;
  text-align: center;
}
.matter-finish-page .dialog-page-content .matter-cost .col .number {
  line-height: 18px;
  font-size: 18px;
  font-weight: 200;
  word-break: break-all;
}
.matter-finish-page .dialog-page-content .matter-cost .col .number span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 0 auto;
}
.matter-finish-page .dialog-page-content .matter-cost .col .desc {
  line-height: 25px;
  font-size: 12px;
  color: #a9a9a9;
}
.matter-finish-page .dialog-page-content .matter-cost .cutting-line {
  position: absolute;
  width: 1px;
  height: 33px;
  background-color: #ebebeb;
}
.matter-finish-page .dialog-page-content .matter-cost .cutting-line:nth-child(2) {
  left: 25%;
}
.matter-finish-page .dialog-page-content .matter-cost .cutting-line:nth-child(4) {
  left: 50%;
}
.matter-finish-page .dialog-page-content .matter-cost .cutting-line:nth-child(6) {
  left: 75%;
}
.matter-finish-page .dialog-page-content .finish-result {
  position: relative;
  margin: 30px auto 0;
  width: 450px;
  height: 55px;
  font-size: 14px;
}
.matter-finish-page .dialog-page-content .report {
  margin: 10px auto 0;
  width: 450px;
}
.matter-finish-page .dialog-page-content .report .title {
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
}
.matter-finish-page .dialog-page-content .report .title span {
  display: inline-block;
  box-shadow: 0 -3px #ed6c00 inset;
}
.matter-finish-page .dialog-page-content .report .file-list {
  padding: 5px 0 9px;
}
.matter-finish-page .dialog-page-content .report .file-list .upload-btn {
  height: 58px;
  line-height: 58px;
  font-size: 14px;
  color: #a9a9a9;
}
.matter-finish-page .dialog-page-content .report .file-list .upload-btn i {
  vertical-align: middle;
  color: #cdc9c5;
}
.matter-finish-page .dialog-page-content .report .approve-flow .approve-flow-header {
  height: 35px;
  line-height: 35px;
}
.matter-finish-page .dialog-page-content .remark {
  margin: 0 auto;
  width: 450px;
  height: 110px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.matter-finish-page .dialog-page-content .remark textarea {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
}
.matter-finish-page .diaglo-page-bottom-btn {
  margin-top: 25px;
  text-align: center;
}
.matter-finish-page .diaglo-page-bottom-btn .main-btn {
  display: inline-block;
}
.matter-finish-page .item-input {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 24px;
  line-height: 36px;
  border: none;
  border-bottom: 1px solid #F0F0F0;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matter-finish-page .label-active-with-value {
  position: absolute;
  left: 0;
  top: 5px !important;
  display: block;
  color: #ccc;
  font-size: 12px;
}
.matter-finish-page .input-noactive {
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  color: #ccc;
  line-height: 22px;
  font-size: 14px;
  transition: all 0.5s ease;
}
.matter-finish-page .input-active {
  top: 10px !important;
  font-size: 12px;
}
.matter-finish-page .popup-width-inherit {
  width: 100%;
}
.matter-finish-page .popup-width-inherit .ns-popover-tooltip {
  width: 100%;
  max-width: initial;
}
.matter-finish-page .popup-width-inherit .ns-popover-tooltip .ns-popover-items {
  margin: 10px 0;
}
.matter-finish-page .new-common-attachments-upload {
  height: 23px;
  margin: 17px 0;
}

.new-matter-finish-content {
  position: relative;
  padding: 30px 25px 20px;
}
.new-matter-finish-content .dialog-close-page {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 16px;
  right: 16px;
  color: #cdc9c5;
  cursor: pointer;
}
.new-matter-finish-content .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.new-matter-finish-content .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.new-matter-finish-content .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.new-matter-finish-content .dialog-page-content .matter-name {
  margin-top: 12px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  color: #737373;
}
.new-matter-finish-content .dialog-page-content .matter-cost {
  position: relative;
  margin: 15px auto 0;
  padding-top: 23px;
  width: 490px;
  height: 90px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
.new-matter-finish-content .dialog-page-content .matter-cost .col {
  float: left;
  width: 33%;
  text-align: center;
}
.new-matter-finish-content .dialog-page-content .matter-cost .col .number {
  line-height: 18px;
  font-size: 18px;
  font-weight: 200;
  word-break: break-all;
}
.new-matter-finish-content .dialog-page-content .matter-cost .col .number span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 0 auto;
}
.new-matter-finish-content .dialog-page-content .matter-cost .col .desc {
  line-height: 25px;
  font-size: 12px;
  color: #a9a9a9;
}
.new-matter-finish-content .dialog-page-content .matter-cost .cutting-line {
  position: absolute;
  width: 1px;
  height: 33px;
  background-color: #ebebeb;
}
.new-matter-finish-content .dialog-page-content .finish-result {
  position: relative;
  margin: 30px auto 0;
  width: 450px;
  height: 55px;
  font-size: 14px;
}
.new-matter-finish-content .dialog-page-content .report {
  margin: 10px auto 0;
  width: 450px;
}
.new-matter-finish-content .dialog-page-content .report .title {
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
}
.new-matter-finish-content .dialog-page-content .report .title span {
  display: inline-block;
  box-shadow: 0 -3px #ed6c00 inset;
}
.new-matter-finish-content .dialog-page-content .report .file-list {
  padding: 5px 0 9px;
}
.new-matter-finish-content .dialog-page-content .report .file-list .upload-btn {
  height: 58px;
  line-height: 58px;
  font-size: 14px;
  color: #a9a9a9;
}
.new-matter-finish-content .dialog-page-content .report .file-list .upload-btn i {
  vertical-align: middle;
  color: #cdc9c5;
}
.new-matter-finish-content .dialog-page-content .report .approve-flow .approve-flow-header {
  height: 35px;
  line-height: 35px;
}
.new-matter-finish-content .dialog-page-content .remark {
  margin: 0 auto;
  width: 450px;
  height: 110px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.new-matter-finish-content .dialog-page-content .remark textarea {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
}
.new-matter-finish-content .diaglo-page-bottom-btn {
  margin-top: 25px;
  text-align: center;
}
.new-matter-finish-content .diaglo-page-bottom-btn .main-btn {
  display: inline-block;
}
.new-matter-finish-content .item-input {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 24px;
  line-height: 36px;
  border: none;
  border-bottom: 1px solid #F0F0F0;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-matter-finish-content .label-active-with-value {
  position: absolute;
  left: 0;
  top: 5px !important;
  display: block;
  color: #ccc;
  font-size: 12px;
}
.new-matter-finish-content .input-noactive {
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  color: #ccc;
  line-height: 22px;
  font-size: 14px;
  transition: all 0.5s ease;
}
.new-matter-finish-content .input-active {
  top: 10px !important;
  font-size: 12px;
}
.new-matter-finish-content .popup-width-inherit {
  width: 100%;
}
.new-matter-finish-content .popup-width-inherit .ns-popover-tooltip {
  width: 100%;
  max-width: initial;
}
.new-matter-finish-content .popup-width-inherit .ns-popover-tooltip .ns-popover-items {
  margin: 10px 0;
}
.new-matter-finish-content .new-common-attachments-upload {
  height: 23px;
  margin: 17px 0;
}

.matter-information-page {
  padding: 18px 25px 100px 25px;
}
.matter-information-page .row-space-center {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.matter-information-page .matter-log {
  float: left;
  width: 595px;
  min-height: 45px;
  position: relative;
  overflow: hidden;
}
.matter-information-page .matter-log .logs-containter {
  margin-top: -55px;
}
.matter-information-page .matter-log .logs-containter .load-more {
  width: 100%;
  font-size: 16px;
  color: #a9a9a9;
  text-align: center;
  margin-top: 68px;
  line-height: 20px;
}
.matter-information-page .matter-log .logs-containter .load-more .ball-roll-rotate {
  float: left;
  margin-left: 50%;
  transform: translateX(-50%);
}
.matter-information-page .matter-log .logs-containter .load-more .ball-roll-rotate > div {
  width: 18px;
  height: 18px;
  line-height: 18px;
  float: left;
  margin-top: 0;
}
.matter-information-page .matter-log .logs-containter .load-more .ball-roll-rotate > span {
  float: left;
}
.matter-information-page .matter-log .log-type {
  position: absolute;
  top: 8px;
  right: 0;
  width: 90px;
  height: 30px;
  line-height: 30px;
  padding: 0 7px;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  box-sizing: border-box;
  cursor: pointer;
}
.matter-information-page .matter-log .log-type .desc {
  float: left;
  font-size: 12px;
  color: #4a4a4a;
}
.matter-information-page .matter-log .log-type .ibass-trig-down {
  float: right;
  font-size: 14px;
  color: #cdc9c5;
}
.matter-information-page .matter-log .date-desc {
  float: left;
  margin-left: 55px;
  margin-top: 55px;
  height: 36px;
  line-height: 36px;
  padding: 0 21px;
  border-radius: 4px;
  background-color: #f8f8f9;
}
.matter-information-page .matter-log .date-desc span {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.matter-information-page .matter-log .log-container {
  clear: both;
  position: relative;
  overflow: hidden;
  line-height: 24px;
}
.matter-information-page .matter-log .log-container .time {
  float: left;
  width: 40px;
  padding-right: 15px;
  margin-top: 20px;
  font-size: 13px;
  text-align: right;
  color: #737373;
}
.matter-information-page .matter-log .log-container .vertical-line {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 55px;
  width: 3px;
  background-color: #f8f8f9;
}
.matter-information-page .matter-log .log-container .circle {
  z-index: 1;
  position: relative;
  float: left;
  width: 9px;
  height: 9px;
  margin-left: -6px;
  margin-top: 25px;
  background-color: #07cfda;
  border: solid 3px #ffffff;
  border-radius: 50%;
}
.matter-information-page .matter-log .log-container .content {
  margin-top: 20px;
}
.matter-information-page .matter-log .log-container .content .title .photo {
  float: left;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  background-size: contain;
  border-radius: 50%;
}
.matter-information-page .matter-log .log-container .content .title .title {
  float: left;
  margin-left: 10px;
  font-size: 14px;
  color: #4a4a4a;
  max-width: 485px;
  word-break: break-all;
}
.matter-information-page .matter-log .log-container .content .information-task,
.matter-information-page .matter-log .log-container .content .information-matter,
.matter-information-page .matter-log .log-container .content .information-edit {
  float: right;
  width: 495px;
}
.matter-information-page .matter-log .log-container .content .information-task.new-information-matter,
.matter-information-page .matter-log .log-container .content .information-matter.new-information-matter,
.matter-information-page .matter-log .log-container .content .information-edit.new-information-matter {
  margin-top: 8px;
  padding: 9px 12px 20px;
  border-radius: 2px;
  background-color: #F8F8F9;
  box-sizing: border-box;
}
.matter-information-page .matter-log .log-container .content .information-task.new-information-matter .new-desc,
.matter-information-page .matter-log .log-container .content .information-matter.new-information-matter .new-desc,
.matter-information-page .matter-log .log-container .content .information-edit.new-information-matter .new-desc {
  font-size: 14px;
  color: #4A4A4A;
  font-weight: 500;
  display: block;
}
.matter-information-page .matter-log .log-container .content .information-task.new-information-matter .new-time,
.matter-information-page .matter-log .log-container .content .information-matter.new-information-matter .new-time,
.matter-information-page .matter-log .log-container .content .information-edit.new-information-matter .new-time {
  line-height: 16px;
  font-size: 12px;
  color: #A9A9A9;
  display: block;
}
.matter-information-page .matter-log .log-container .content .information-task,
.matter-information-page .matter-log .log-container .content .information-edit {
  margin-top: 8px;
  padding: 9px 12px 10px;
  border-radius: 2px;
  background-color: #f8f8f9;
  box-sizing: border-box;
}
.matter-information-page .matter-log .log-container .content .information-task .desc {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  word-break: break-all;
}
.matter-information-page .matter-log .log-container .content .information-task .desc span {
  cursor: pointer;
}
.matter-information-page .matter-log .log-container .content .information-task .duetime {
  margin-top: 5px;
  line-height: 16px;
  font-size: 12px;
  color: #a9a9a9;
}
.matter-information-page .matter-log .log-container .content .information-matter {
  font-size: 14px;
  color: #737373;
  padding-left: 10px;
  box-sizing: border-box;
}
.matter-information-page .matter-log .log-container .content .information-edit {
  font-size: 12px;
}
.matter-information-page .matter-log .log-container .content .information-edit .row .value-old {
  color: #a9a9a9;
  text-decoration: line-through;
}
.matter-information-page .matter-msg {
  float: right;
  width: 330px;
}
.matter-information-page .matter-msg .matter-msg-title {
  width: 100%;
  line-height: 40px;
  height: 42px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.matter-information-page .matter-msg .matter-msg-title .title {
  border-bottom: solid 2px #fa8919;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.matter-information-page .matter-msg .matter-msg-title .btn {
  font-size: 12px;
  color: #a9a9a9;
  cursor: pointer;
  height: 100%;
}
.matter-information-page .matter-msg .matter-msg-title .add-member-btn {
  margin-top: 7px;
  width: 70px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-detail {
  margin-top: 3px;
}
.matter-information-page .matter-msg .matter-detail .show-project-number-history-module {
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #f8f8f9;
  border: 12px solid #f8f8f9;
  margin-left: 30px;
  max-height: 100px;
  overflow: auto;
}
.matter-information-page .matter-msg .matter-detail .show-project-number-history-module div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.matter-information-page .matter-msg .matter-detail .show-project-number-history-module div span:first-of-type {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 5px;
}
.matter-information-page .matter-msg .matter-detail .show-project-number-history-module div span:last-of-type {
  color: #a9a9a9;
  font-size: 12px;
  flex-shrink: 0;
  min-width: 122px;
}
.matter-information-page .matter-msg .matter-detail .row-attr {
  margin-top: 10px;
  line-height: 22px;
  font-size: 14px;
  overflow: hidden;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value {
  min-height: 22px;
}
.matter-information-page .matter-msg .matter-detail .row-attr .display-btn {
  color: #a9a9a9;
  font-size: 12px;
  line-height: 1.33;
  flex-shrink: 0;
  margin-left: 4px;
}
.matter-information-page .matter-msg .matter-detail .row-attr .display-btn i {
  vertical-align: middle;
  margin-left: 2px;
}
.matter-information-page .matter-msg .matter-detail .row-attr .icon {
  color: #cdc9c5;
  margin-left: 5px;
  float: left;
}
.matter-information-page .matter-msg .matter-detail .row-attr .title {
  color: #737373;
  margin-left: 10px;
  width: 71px;
  float: left;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value {
  color: #4a4a4a;
  max-width: 220px;
  float: left;
  word-break: break-all;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .contact-link {
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .contact-link:hover {
  color: #fa8919;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .ellipsis {
  line-height: 20px;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .ellipsis .ibass-warning {
  display: inline-block;
  vertical-align: middle;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .ellipsis .ibass-warning:hover {
  color: #fa8919;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1,
.matter-information-page .matter-msg .matter-detail .row-attr .value .new-common-attachments .new-common-attachment-lists .file-name-click-preview,
.matter-information-page .matter-msg .matter-detail .row-attr .value .new-common-attachments .new-common-attachment-lists i {
  height: 22px!important;
  line-height: 22px!important;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .new-common-attachments .new-common-attachment-lists .file-size {
  display: none;
}
.matter-information-page .matter-msg .matter-member .row-member {
  float: left;
  width: 100%;
  height: 60px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.matter-information-page .matter-msg .matter-member .row-member:hover .delete .ibass-delete,
.matter-information-page .matter-msg .matter-member .row-member:hover .more-ope .ibass-delete,
.matter-information-page .matter-msg .matter-member .row-member:hover .delete .ibass-more,
.matter-information-page .matter-msg .matter-member .row-member:hover .more-ope .ibass-more {
  visibility: visible;
}
.matter-information-page .matter-msg .matter-member .row-member:hover .text .role .ibass-trig-down {
  display: inline-block;
}
.matter-information-page .matter-msg .matter-member .row-member .photo {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-size: cover;
  margin: 15px 0 0 5px;
}
.matter-information-page .matter-msg .matter-member .row-member .text {
  float: left;
  margin: 30px 0 0 9px;
  transform: translateY(-50%);
}
.matter-information-page .matter-msg .matter-member .row-member .text .name {
  font-size: 14px;
  color: #4a4a4a;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-information-page .matter-msg .matter-member .row-member .text .name .member-name {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.matter-information-page .matter-msg .matter-member .row-member .text .role {
  font-size: 12px;
  color: #a9a9a9;
  height: 18px;
  overflow: hidden;
}
.matter-information-page .matter-msg .matter-member .row-member .text .role span {
  float: left;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.matter-information-page .matter-msg .matter-member .row-member .text .role .ibass-trig-down {
  margin-left: 5px;
  display: none;
}
.matter-information-page .matter-msg .matter-member .row-member .delete,
.matter-information-page .matter-msg .matter-member .row-member .more-ope {
  float: right;
  position: relative;
}
.matter-information-page .matter-msg .matter-member .row-member .delete .ibass-delete,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ibass-delete,
.matter-information-page .matter-msg .matter-member .row-member .delete .ibass-more,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ibass-more {
  visibility: hidden;
  cursor: pointer;
  color: #cdc9c5;
  font-size: 16px;
  line-height: 60px;
}
.matter-information-page .matter-msg .matter-member .row-member .delete .ibass-delete:hover,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ibass-delete:hover,
.matter-information-page .matter-msg .matter-member .row-member .delete .ibass-more:hover,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ibass-more:hover {
  color: #fdba78;
}
.matter-information-page .matter-msg .matter-member .row-member .delete .member-delete-confirm,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .member-delete-confirm {
  margin-top: 19px;
  width: 76px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
  float: right;
}
.matter-information-page .matter-msg .matter-member .row-member .delete .ns-popover-tooltip-theme,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ns-popover-tooltip-theme {
  margin-top: -20px;
}
.matter-information-page .matter-msg .matter-member .add-member {
  clear: both;
  float: left;
  font-size: 14px;
  color: #737373;
  line-height: 20px;
  padding-top: 12px;
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-member .add-member span {
  float: left;
}
.matter-information-page .matter-msg .matter-member .add-member .ibass-add {
  margin-left: 18px;
  font-size: 14px;
  color: #cdc9c5;
}
.matter-information-page .matter-msg .matter-member .add-member .btn-desc {
  margin-left: 10px;
  font-size: 14px;
  color: #737373;
}
.matter-information-page .matter-msg .matter-member .add-member .ibass-trig-down {
  margin-left: 4px;
  font-size: 12px;
  color: #cdc9c5;
}
.matter-information-page .matter-msg .matter-member::after {
  display: block;
  content: " ";
  height: 0;
  overflow: hidden;
  clear: both;
}
.matter-information-page .matter-msg .expend-matter-lists {
  margin-top: 8px;
  height: 26px;
  line-height: 26px;
  color: #a9a9a9;
  vertical-align: top;
  cursor: pointer;
}
.matter-information-page .matter-msg .expend-matter-lists i {
  line-height: 26px;
  margin-right: 6px;
}
.matter-information-page .matter-msg .expend-matter-lists:hover {
  color: #fa8919;
}
.matter-information-page .matter-msg .none-processes {
  line-height: 20px;
  font-size: 14px;
  color: #a9a9a9;
  margin: 30px 0 20px;
  text-align: center;
}
.matter-information-page .matter-msg .none-processes > div {
  display: inline-block;
  text-align: left;
}
.matter-information-page .matter-msg .none-processes > div > span {
  float: left;
}
.matter-information-page .matter-msg .none-processes .process-add-btn {
  color: #fa8919;
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-moulds {
  list-style: none;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould {
  padding: 10px 0;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-title {
  height: 22px;
  line-height: 22px;
  width: 100%;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-title .mould-name {
  max-width: calc(100% - 50px);
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-title .mould-view {
  padding: 0 4px;
  line-height: 16px;
  font-size: 12px;
  border: 1px solid #a9a9a9;
  color: #737373;
  border-radius: 4px;
  margin: 2px 0 0 6px;
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-title .mould-view:hover {
  color: #fc8919;
  border-color: #fc8919;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-info {
  height: 18px;
  line-height: 18px;
  color: #a9a9a9;
  font-size: 12px;
}
.matter-information-page .matter-msg .matter-hasnt-mould {
  width: 100%;
  height: 100px;
  line-height: 120px;
  color: #a9a9a9;
  text-align: center;
}
.matter-information-page .matter-msg .work-type .main-type {
  color: #a9a9a9;
  display: inline-block;
  min-width: 80px;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-information-page .matter-msg .work-type .main-type .num {
  display: inline-block;
  margin: 0 5px;
}
.matter-information-page .matter-msg .work-type .sub-type {
  max-width: 240px;
  display: inline-block;
  word-wrap: break-word;
  vertical-align: top;
}
.matter-information-page .matter-msg .work-type .sub-type .grey {
  color: #a9a9a9;
}
.matter-information-page .matter-msg .matter-belongs-wrap {
  min-height: 65px;
  padding: 10px 0 20px;
}
.change-member-role .ns-popover-tooltip {
  width: 150px;
  max-height: 250px;
  overflow: scroll;
}
.change-member-role .ns-popover-tooltip a {
  font-size: 12px;
  color: #d9d9d9;
  height: auto;
  min-height: 20px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
  padding: 8px 10px!important;
}
.change-member-role .ns-popover-tooltip a .btn {
  width: 16px;
  float: left;
  height: 20px;
}
.change-member-role .ns-popover-tooltip a .btn i {
  color: #fa8919;
}
.change-member-role .ns-popover-tooltip a .desc {
  float: left;
  max-width: 110px;
}
.work-type-desc {
  width: 140px;
  line-height: 20px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap {
  padding: 0 22px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-title-content {
  height: 1px;
  background: #ebebeb;
  position: relative;
  margin: 40px 0;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-title-content .matter-belongs-desc {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  padding: 0 16px;
  background: white;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content {
  padding: 0 24px 30px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person {
  margin-top: 14px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  position: relative;
  margin-bottom: 14px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap .filter-member-popover,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person .filter-member-popover {
  left: 0px!important;
  top: 100%!important;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap .filter-member-popover .ns-popover-tooltip,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person .filter-member-popover .ns-popover-tooltip {
  width: 230px;
  height: 316px;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap .matter-belongs-type-title,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person .matter-belongs-type-title,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap .matter-belongs-person-title,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person .matter-belongs-person-title {
  height: 25px;
  color: #4A4A4A;
  font-weight: 500;
  line-height: 25px;
  white-space: nowrap;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .approve-flow-w {
  padding-top: 40px;
  padding-bottom: 38px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name {
  cursor: pointer;
  height: 25px;
  position: relative;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > .mbpn-wrap,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > .mbpn-wrap {
  color: #737373;
  padding: 0 5px;
  border-radius: 4px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > .mbpn-wrap i::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > .mbpn-wrap i::before {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > .mbpn-wrap:hover,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > .mbpn-wrap:hover {
  background: #f1f1f1;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter {
  left: 0px!important;
  top: 100%!important;
  color: #4a4a4a;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w {
  height: 30px;
  padding: 10px 15px;
  box-sizing: content-box;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w .deparment-search-c,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w .deparment-search-c {
  height: 100%;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w .deparment-search-c .ibass-search,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w .deparment-search-c .ibass-search {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #a9a9a9!important;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w .deparment-search-c input,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w .deparment-search-c input {
  border: none;
  margin-left: 5px;
  width: calc(100% - 50px);
  background: transparent;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w .deparment-search-c input::placeholder,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w .deparment-search-c input::placeholder {
  color: #a9a9a9;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree {
  text-align: left;
  width: 100%;
  height: 220px;
  overflow: auto;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul {
  margin: 0!important;
  line-height: 30px;
  float: none;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul .bigdata-result-tree-li,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul i {
  line-height: 24px;
  padding: 0 10px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul .ibass-add-round,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul .ibass-add-round {
  height: 22px;
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul .tree-label,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul .tree-label {
  height: 24px;
  line-height: 24px;
  max-width: calc(100% - 60px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip {
  width: 400px;
  max-width: none!important;
  margin-top: 0!important;
  padding-bottom: 10px!important;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value {
  padding: 0;
  max-width: 195px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul {
  position: relative;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .ibass-checked::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .ibass-checked::before {
  visibility: hidden;
  color: #fc8919;
  position: absolute;
  right: 16px;
  top: 14px;
  transform: translateY(-50%);
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .ibass-checkbox::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .ibass-checkbox::before {
  visibility: visible;
  position: absolute;
  right: 16px;
  top: 13px;
  transform: translateY(-50%);
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .tree-label span,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .tree-label span {
  width: 280px;
  max-width: none;
  padding-right: 50px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checkbox::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checkbox::before {
  visibility: hidden;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checked::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checked::before {
  visibility: visible;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #ebebeb;
  padding-left: 24px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap {
  display: inline-block;
  font-size: 14px;
  color: #a9a9a9;
  height: 22px;
  cursor: pointer;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap:hover,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap:hover {
  color: #fa8919;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap span,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap span {
  line-height: 22px;
  float: left;
  margin-right: 8px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .nav-tree ul li,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .nav-tree ul li {
  float: none;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-item-value,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-item-value {
  width: 100%;
  position: position;
  max-width: calc(100% - 30px) !important;
  padding-right: 20px;
  box-sizing: border-box;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-item-value > span,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-item-value > span {
  padding-right: 20px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-item-value > .ibass-done,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-item-value > .ibass-done {
  color: #eb6c00;
  position: absolute;
  right: 0px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-item-value > .ibass-done::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-item-value > .ibass-done::before {
  line-height: 32px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-no-right,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-no-right {
  height: 150px;
  color: #a9a9a9;
  text-align: center;
  line-height: 150px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > span,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > span {
  float: left;
  display: inline-block;
  height: 25px;
  max-width: 400px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > i {
  line-height: 25px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc:hover > i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name:hover > i {
  color: #eb6c00;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .confirm-btn {
  width: 130px;
  height: 36px;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.matter-information-page {
  padding: 18px 25px 100px 25px;
}
.matter-information-page .row-space-center {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.matter-information-page .matter-log {
  float: left;
  width: 595px;
  min-height: 45px;
  position: relative;
  overflow: hidden;
}
.matter-information-page .matter-log .logs-containter {
  margin-top: -55px;
}
.matter-information-page .matter-log .logs-containter .load-more {
  width: 100%;
  font-size: 16px;
  color: #a9a9a9;
  text-align: center;
  margin-top: 68px;
  line-height: 20px;
}
.matter-information-page .matter-log .logs-containter .load-more .ball-roll-rotate {
  float: left;
  margin-left: 50%;
  transform: translateX(-50%);
}
.matter-information-page .matter-log .logs-containter .load-more .ball-roll-rotate > div {
  width: 18px;
  height: 18px;
  line-height: 18px;
  float: left;
  margin-top: 0;
}
.matter-information-page .matter-log .logs-containter .load-more .ball-roll-rotate > span {
  float: left;
}
.matter-information-page .matter-log .log-type {
  position: absolute;
  top: 8px;
  right: 0;
  width: 90px;
  height: 30px;
  line-height: 30px;
  padding: 0 7px;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  box-sizing: border-box;
  cursor: pointer;
}
.matter-information-page .matter-log .log-type .desc {
  float: left;
  font-size: 12px;
  color: #4a4a4a;
}
.matter-information-page .matter-log .log-type .ibass-trig-down {
  float: right;
  font-size: 14px;
  color: #cdc9c5;
}
.matter-information-page .matter-log .date-desc {
  float: left;
  margin-left: 55px;
  margin-top: 55px;
  height: 36px;
  line-height: 36px;
  padding: 0 21px;
  border-radius: 4px;
  background-color: #f8f8f9;
}
.matter-information-page .matter-log .date-desc span {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.matter-information-page .matter-log .log-container {
  clear: both;
  position: relative;
  overflow: hidden;
  line-height: 24px;
}
.matter-information-page .matter-log .log-container .time {
  float: left;
  width: 40px;
  padding-right: 15px;
  margin-top: 20px;
  font-size: 13px;
  text-align: right;
  color: #737373;
}
.matter-information-page .matter-log .log-container .vertical-line {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 55px;
  width: 3px;
  background-color: #f8f8f9;
}
.matter-information-page .matter-log .log-container .circle {
  z-index: 1;
  position: relative;
  float: left;
  width: 9px;
  height: 9px;
  margin-left: -6px;
  margin-top: 25px;
  background-color: #07cfda;
  border: solid 3px #ffffff;
  border-radius: 50%;
}
.matter-information-page .matter-log .log-container .content {
  margin-top: 20px;
}
.matter-information-page .matter-log .log-container .content .title .photo {
  float: left;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  background-size: contain;
  border-radius: 50%;
}
.matter-information-page .matter-log .log-container .content .title .title {
  float: left;
  margin-left: 10px;
  font-size: 14px;
  color: #4a4a4a;
  max-width: 485px;
  word-break: break-all;
}
.matter-information-page .matter-log .log-container .content .information-task,
.matter-information-page .matter-log .log-container .content .information-matter,
.matter-information-page .matter-log .log-container .content .information-edit {
  float: right;
  width: 495px;
}
.matter-information-page .matter-log .log-container .content .information-task.new-information-matter,
.matter-information-page .matter-log .log-container .content .information-matter.new-information-matter,
.matter-information-page .matter-log .log-container .content .information-edit.new-information-matter {
  margin-top: 8px;
  padding: 9px 12px 20px;
  border-radius: 2px;
  background-color: #F8F8F9;
  box-sizing: border-box;
}
.matter-information-page .matter-log .log-container .content .information-task.new-information-matter .new-desc,
.matter-information-page .matter-log .log-container .content .information-matter.new-information-matter .new-desc,
.matter-information-page .matter-log .log-container .content .information-edit.new-information-matter .new-desc {
  font-size: 14px;
  color: #4A4A4A;
  font-weight: 500;
  display: block;
}
.matter-information-page .matter-log .log-container .content .information-task.new-information-matter .new-time,
.matter-information-page .matter-log .log-container .content .information-matter.new-information-matter .new-time,
.matter-information-page .matter-log .log-container .content .information-edit.new-information-matter .new-time {
  line-height: 16px;
  font-size: 12px;
  color: #A9A9A9;
  display: block;
}
.matter-information-page .matter-log .log-container .content .information-task,
.matter-information-page .matter-log .log-container .content .information-edit {
  margin-top: 8px;
  padding: 9px 12px 10px;
  border-radius: 2px;
  background-color: #f8f8f9;
  box-sizing: border-box;
}
.matter-information-page .matter-log .log-container .content .information-task .desc {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  word-break: break-all;
}
.matter-information-page .matter-log .log-container .content .information-task .desc span {
  cursor: pointer;
}
.matter-information-page .matter-log .log-container .content .information-task .duetime {
  margin-top: 5px;
  line-height: 16px;
  font-size: 12px;
  color: #a9a9a9;
}
.matter-information-page .matter-log .log-container .content .information-matter {
  font-size: 14px;
  color: #737373;
  padding-left: 10px;
  box-sizing: border-box;
}
.matter-information-page .matter-log .log-container .content .information-edit {
  font-size: 12px;
}
.matter-information-page .matter-log .log-container .content .information-edit .row .value-old {
  color: #a9a9a9;
  text-decoration: line-through;
}
.matter-information-page .matter-msg {
  float: right;
  width: 330px;
}
.matter-information-page .matter-msg .matter-msg-title {
  width: 100%;
  line-height: 40px;
  height: 42px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.matter-information-page .matter-msg .matter-msg-title .title {
  border-bottom: solid 2px #fa8919;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.matter-information-page .matter-msg .matter-msg-title .btn {
  font-size: 12px;
  color: #a9a9a9;
  cursor: pointer;
  height: 100%;
}
.matter-information-page .matter-msg .matter-msg-title .add-member-btn {
  margin-top: 7px;
  width: 70px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-detail {
  margin-top: 3px;
}
.matter-information-page .matter-msg .matter-detail .show-project-number-history-module {
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #f8f8f9;
  border: 12px solid #f8f8f9;
  margin-left: 30px;
  max-height: 100px;
  overflow: auto;
}
.matter-information-page .matter-msg .matter-detail .show-project-number-history-module div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.matter-information-page .matter-msg .matter-detail .show-project-number-history-module div span:first-of-type {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 5px;
}
.matter-information-page .matter-msg .matter-detail .show-project-number-history-module div span:last-of-type {
  color: #a9a9a9;
  font-size: 12px;
  flex-shrink: 0;
  min-width: 122px;
}
.matter-information-page .matter-msg .matter-detail .row-attr {
  margin-top: 10px;
  line-height: 22px;
  font-size: 14px;
  overflow: hidden;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value {
  min-height: 22px;
}
.matter-information-page .matter-msg .matter-detail .row-attr .display-btn {
  color: #a9a9a9;
  font-size: 12px;
  line-height: 1.33;
  flex-shrink: 0;
  margin-left: 4px;
}
.matter-information-page .matter-msg .matter-detail .row-attr .display-btn i {
  vertical-align: middle;
  margin-left: 2px;
}
.matter-information-page .matter-msg .matter-detail .row-attr .icon {
  color: #cdc9c5;
  margin-left: 5px;
  float: left;
}
.matter-information-page .matter-msg .matter-detail .row-attr .title {
  color: #737373;
  margin-left: 10px;
  width: 71px;
  float: left;
  margin-right: 10px;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value {
  color: #4a4a4a;
  max-width: 220px;
  float: left;
  word-break: break-all;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .contact-link {
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .contact-link:hover {
  color: #fa8919;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .ellipsis {
  line-height: 20px;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .ellipsis .ibass-warning {
  display: inline-block;
  vertical-align: middle;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .ellipsis .ibass-warning:hover {
  color: #fa8919;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list1,
.matter-information-page .matter-msg .matter-detail .row-attr .value .new-common-attachments .new-common-attachment-lists .file-name-click-preview,
.matter-information-page .matter-msg .matter-detail .row-attr .value .new-common-attachments .new-common-attachment-lists i {
  height: 22px!important;
  line-height: 22px!important;
}
.matter-information-page .matter-msg .matter-detail .row-attr .value .new-common-attachments .new-common-attachment-lists .file-size {
  display: none;
}
.matter-information-page .matter-msg .matter-member .row-member {
  float: left;
  width: 100%;
  height: 60px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.matter-information-page .matter-msg .matter-member .row-member:hover .delete .ibass-delete,
.matter-information-page .matter-msg .matter-member .row-member:hover .more-ope .ibass-delete,
.matter-information-page .matter-msg .matter-member .row-member:hover .delete .ibass-more,
.matter-information-page .matter-msg .matter-member .row-member:hover .more-ope .ibass-more {
  visibility: visible;
}
.matter-information-page .matter-msg .matter-member .row-member:hover .text .role .ibass-trig-down {
  display: inline-block;
}
.matter-information-page .matter-msg .matter-member .row-member .photo {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-size: cover;
  margin: 15px 0 0 5px;
}
.matter-information-page .matter-msg .matter-member .row-member .text {
  float: left;
  margin: 30px 0 0 9px;
  transform: translateY(-50%);
}
.matter-information-page .matter-msg .matter-member .row-member .text .name {
  font-size: 14px;
  color: #4a4a4a;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-information-page .matter-msg .matter-member .row-member .text .name .member-name {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.matter-information-page .matter-msg .matter-member .row-member .text .role {
  font-size: 12px;
  color: #a9a9a9;
  height: 18px;
  overflow: hidden;
}
.matter-information-page .matter-msg .matter-member .row-member .text .role span {
  float: left;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.matter-information-page .matter-msg .matter-member .row-member .text .role .ibass-trig-down {
  margin-left: 5px;
  display: none;
}
.matter-information-page .matter-msg .matter-member .row-member .delete,
.matter-information-page .matter-msg .matter-member .row-member .more-ope {
  float: right;
  position: relative;
}
.matter-information-page .matter-msg .matter-member .row-member .delete .ibass-delete,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ibass-delete,
.matter-information-page .matter-msg .matter-member .row-member .delete .ibass-more,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ibass-more {
  visibility: hidden;
  cursor: pointer;
  color: #cdc9c5;
  font-size: 16px;
  line-height: 60px;
}
.matter-information-page .matter-msg .matter-member .row-member .delete .ibass-delete:hover,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ibass-delete:hover,
.matter-information-page .matter-msg .matter-member .row-member .delete .ibass-more:hover,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ibass-more:hover {
  color: #fdba78;
}
.matter-information-page .matter-msg .matter-member .row-member .delete .member-delete-confirm,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .member-delete-confirm {
  margin-top: 19px;
  width: 76px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
  float: right;
}
.matter-information-page .matter-msg .matter-member .row-member .delete .ns-popover-tooltip-theme,
.matter-information-page .matter-msg .matter-member .row-member .more-ope .ns-popover-tooltip-theme {
  margin-top: -20px;
}
.matter-information-page .matter-msg .matter-member .add-member {
  clear: both;
  float: left;
  font-size: 14px;
  color: #737373;
  line-height: 20px;
  padding-top: 12px;
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-member .add-member span {
  float: left;
}
.matter-information-page .matter-msg .matter-member .add-member .ibass-add {
  margin-left: 18px;
  font-size: 14px;
  color: #cdc9c5;
}
.matter-information-page .matter-msg .matter-member .add-member .btn-desc {
  margin-left: 10px;
  font-size: 14px;
  color: #737373;
}
.matter-information-page .matter-msg .matter-member .add-member .ibass-trig-down {
  margin-left: 4px;
  font-size: 12px;
  color: #cdc9c5;
}
.matter-information-page .matter-msg .matter-member::after {
  display: block;
  content: " ";
  height: 0;
  overflow: hidden;
  clear: both;
}
.matter-information-page .matter-msg .expend-matter-lists {
  margin-top: 8px;
  height: 26px;
  line-height: 26px;
  color: #a9a9a9;
  vertical-align: top;
  cursor: pointer;
}
.matter-information-page .matter-msg .expend-matter-lists i {
  line-height: 26px;
  margin-right: 6px;
}
.matter-information-page .matter-msg .expend-matter-lists:hover {
  color: #fa8919;
}
.matter-information-page .matter-msg .none-processes {
  line-height: 20px;
  font-size: 14px;
  color: #a9a9a9;
  margin: 30px 0 20px;
  text-align: center;
}
.matter-information-page .matter-msg .none-processes > div {
  display: inline-block;
  text-align: left;
}
.matter-information-page .matter-msg .none-processes > div > span {
  float: left;
}
.matter-information-page .matter-msg .none-processes .process-add-btn {
  color: #fa8919;
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-moulds {
  list-style: none;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould {
  padding: 10px 0;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-title {
  height: 22px;
  line-height: 22px;
  width: 100%;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-title .mould-name {
  max-width: calc(100% - 50px);
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-title .mould-view {
  padding: 0 4px;
  line-height: 16px;
  font-size: 12px;
  border: 1px solid #a9a9a9;
  color: #737373;
  border-radius: 4px;
  margin: 2px 0 0 6px;
  cursor: pointer;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-title .mould-view:hover {
  color: #fc8919;
  border-color: #fc8919;
}
.matter-information-page .matter-msg .matter-moulds .matter-mould .mould-info {
  height: 18px;
  line-height: 18px;
  color: #a9a9a9;
  font-size: 12px;
}
.matter-information-page .matter-msg .matter-hasnt-mould {
  width: 100%;
  height: 100px;
  line-height: 120px;
  color: #a9a9a9;
  text-align: center;
}
.matter-information-page .matter-msg .work-type .main-type {
  color: #a9a9a9;
  display: inline-block;
  min-width: 80px;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-information-page .matter-msg .work-type .main-type .num {
  display: inline-block;
  margin: 0 5px;
}
.matter-information-page .matter-msg .work-type .sub-type {
  max-width: 240px;
  display: inline-block;
  word-wrap: break-word;
  vertical-align: top;
}
.matter-information-page .matter-msg .work-type .sub-type .grey {
  color: #a9a9a9;
}
.matter-information-page .matter-msg .matter-belongs-wrap {
  min-height: 65px;
  padding: 10px 0 20px;
}
.change-member-role .ns-popover-tooltip {
  width: 150px;
  max-height: 250px;
  overflow: scroll;
}
.change-member-role .ns-popover-tooltip a {
  font-size: 12px;
  color: #d9d9d9;
  height: auto;
  min-height: 20px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
  padding: 8px 10px!important;
}
.change-member-role .ns-popover-tooltip a .btn {
  width: 16px;
  float: left;
  height: 20px;
}
.change-member-role .ns-popover-tooltip a .btn i {
  color: #fa8919;
}
.change-member-role .ns-popover-tooltip a .desc {
  float: left;
  max-width: 110px;
}
.work-type-desc {
  width: 140px;
  line-height: 20px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap {
  padding: 0 22px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-title-content {
  height: 1px;
  background: #ebebeb;
  position: relative;
  margin: 40px 0;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-title-content .matter-belongs-desc {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  padding: 0 16px;
  background: white;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content {
  padding: 0 24px 30px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person {
  margin-top: 14px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  position: relative;
  margin-bottom: 14px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap .filter-member-popover,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person .filter-member-popover {
  left: 0px!important;
  top: 100%!important;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap .filter-member-popover .ns-popover-tooltip,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person .filter-member-popover .ns-popover-tooltip {
  width: 230px;
  height: 316px;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap .matter-belongs-type-title,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person .matter-belongs-type-title,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-wrap .matter-belongs-person-title,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person .matter-belongs-person-title {
  height: 25px;
  color: #4A4A4A;
  font-weight: 500;
  line-height: 25px;
  white-space: nowrap;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .approve-flow-w {
  padding-top: 40px;
  padding-bottom: 38px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name {
  cursor: pointer;
  height: 25px;
  position: relative;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > .mbpn-wrap,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > .mbpn-wrap {
  color: #737373;
  padding: 0 5px;
  border-radius: 4px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > .mbpn-wrap i::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > .mbpn-wrap i::before {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > .mbpn-wrap:hover,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > .mbpn-wrap:hover {
  background: #f1f1f1;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter {
  left: 0px!important;
  top: 100%!important;
  color: #4a4a4a;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w {
  height: 30px;
  padding: 10px 15px;
  box-sizing: content-box;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w .deparment-search-c,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w .deparment-search-c {
  height: 100%;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #d4d4d4;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w .deparment-search-c .ibass-search,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w .deparment-search-c .ibass-search {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #a9a9a9!important;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w .deparment-search-c input,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w .deparment-search-c input {
  border: none;
  margin-left: 5px;
  width: calc(100% - 50px);
  background: transparent;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .department-search-w .deparment-search-c input::placeholder,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .department-search-w .deparment-search-c input::placeholder {
  color: #a9a9a9;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree {
  text-align: left;
  width: 100%;
  height: 220px;
  overflow: auto;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul {
  margin: 0!important;
  line-height: 30px;
  float: none;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul .bigdata-result-tree-li,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul i {
  line-height: 24px;
  padding: 0 10px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul .ibass-add-round,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul .ibass-add-round {
  height: 22px;
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-tree ul .tree-label,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-tree ul .tree-label {
  height: 24px;
  line-height: 24px;
  max-width: calc(100% - 60px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip {
  width: 400px;
  max-width: none!important;
  margin-top: 0!important;
  padding-bottom: 10px!important;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .dpt-list .ns-popover-item .ns-popover-item-value {
  padding: 0;
  max-width: 195px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul {
  position: relative;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .ibass-checked::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .ibass-checked::before {
  visibility: hidden;
  color: #fc8919;
  position: absolute;
  right: 16px;
  top: 14px;
  transform: translateY(-50%);
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .ibass-checkbox::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .ibass-checkbox::before {
  visibility: visible;
  position: absolute;
  right: 16px;
  top: 13px;
  transform: translateY(-50%);
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .tree-label span,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .tree-label span {
  width: 280px;
  max-width: none;
  padding-right: 50px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checkbox::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checkbox::before {
  visibility: hidden;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checked::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .tree-ul .active > .tree-label > .ibass-checked::before {
  visibility: visible;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #ebebeb;
  padding-left: 24px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap {
  display: inline-block;
  font-size: 14px;
  color: #a9a9a9;
  height: 22px;
  cursor: pointer;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap:hover,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap:hover {
  color: #fa8919;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap span,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-tooltip .set-as-personal-matter .sapm-wrap span {
  line-height: 22px;
  float: left;
  margin-right: 8px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .nav-tree ul li,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .nav-tree ul li {
  float: none;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-item-value,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-item-value {
  width: 100%;
  position: position;
  max-width: calc(100% - 30px) !important;
  padding-right: 20px;
  box-sizing: border-box;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-item-value > span,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-item-value > span {
  padding-right: 20px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-item-value > .ibass-done,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-item-value > .ibass-done {
  color: #eb6c00;
  position: absolute;
  right: 0px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .ns-popover-item-value > .ibass-done::before,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .ns-popover-item-value > .ibass-done::before {
  line-height: 32px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc .dpt-tree-in-edit-matter .dpt-no-right,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name .dpt-tree-in-edit-matter .dpt-no-right {
  height: 150px;
  color: #a9a9a9;
  text-align: center;
  line-height: 150px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > span,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > span {
  float: left;
  display: inline-block;
  height: 25px;
  max-width: 400px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc > i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name > i {
  line-height: 25px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-type-desc:hover > i,
.edit-matter-belongs-dialog .matter-belongs-wrap .matter-belongs-content .matter-belongs-person-name:hover > i {
  color: #eb6c00;
}
.edit-matter-belongs-dialog .matter-belongs-wrap .confirm-btn {
  width: 130px;
  height: 36px;
  margin: 20px auto 0;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.matter-analysis {
  display: inline-block;
  padding: 0 20px;
  width: 960px;
}
.matter-analysis .matter-top {
  position: relative;
}
.matter-analysis .matter-top .download {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 0px;
}
.matter-analysis .matter-top .download:hover span {
  color: #fa8919;
}
.matter-analysis .matter-top .download:hover i {
  color: #fa8919;
}
.matter-analysis .matter-top .download span {
  color: #a9a9a9;
}
.matter-analysis .matter-top .download i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  font-size: 16px;
}
.matter-analysis .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.matter-analysis .active {
  color: #ed6c00 !important;
}
.matter-analysis .cursor {
  cursor: pointer;
}
.matter-analysis .ibass-trig-down {
  position: relative;
  top: 1px;
}
.matter-analysis .department-type {
  margin-top: 3px;
}
.matter-analysis .department-type span {
  color: #737373;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.matter-analysis .time-analysis {
  position: relative;
  height: 20px;
  width: 280px;
  margin: 10px 0 20px 0;
  text-align: left;
}
.matter-analysis .department-preview div:nth-child(1) {
  border-left-color: transparent;
}
.matter-analysis .department-preview {
  height: 160px;
  background-color: #f8f8f9;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.matter-analysis .department-preview .department-info {
  padding: 0 60px;
  border-left: 1px solid #f0f0f0;
}
.matter-analysis .department-preview .department-mun {
  font-size: 30px;
  font-weight: 200;
  color: #4a4a4a;
}
.matter-analysis .department-preview .department-name {
  font-size: 12px;
  color: #a9a9a9;
}
.matter-analysis .department-overview {
  height: 190px;
  border-radius: 6px;
  background-color: #f8f8f9;
  margin-bottom: 20px;
  width: 23%;
  display: inline-block;
  margin-right: 2%;
}
.matter-analysis .department-overview .overview-title {
  padding-top: 14px;
}
.matter-analysis .department-overview .overview-title span {
  color: #4a4a4a;
  font-weight: 600;
  margin-left: 20px;
  cursor: pointer;
}
.matter-analysis .department-overview .overview-content {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}
.matter-analysis .department-overview .overview-content .nan {
  color: #a9a9a9!important;
}
.matter-analysis .department-overview .overview-content .overview-detail {
  width: 192px;
  border-left: 1px solid #ebebeb;
}
.matter-analysis .department-overview .overview-content .overview-detail:first-child {
  border-left: 1px solid #f8f8f9;
}
.matter-analysis .department-overview .overview-content .overview-detail .mom-wrapper {
  display: flex;
}
.matter-analysis .department-overview .overview-content .overview-detail .momleft {
  border-right: 1px solid #ebebeb;
}
.matter-analysis .department-overview .overview-content .overview-detail .mom {
  flex: 1;
  margin-top: 20px;
}
.matter-analysis .department-overview .overview-content .overview-detail .mom i {
  position: relative;
  top: -1px !important;
}
.matter-analysis .department-overview .overview-content .overview-detail .mom span {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.matter-analysis .department-overview .overview-content .overview-detail .describe {
  color: #a9a9a9;
  font-size: 12px;
}
.matter-analysis .department-overview .overview-content .overview-detail .describe .standardFee {
  width: 40%;
}
.matter-analysis .department-overview .overview-content .overview-detail i.ibass-faq {
  color: #9a9a9a;
  vertical-align: sub;
  margin-left: 5px;
}
.matter-analysis .department-overview .overview-content .overview-value {
  font-size: 29px;
  font-weight: 200;
  color: #4a4a4a;
}
.matter-analysis .department-overview .overview-content .overview-title {
  font-size: 12px;
  color: #a9a9a9;
}
.matter-analysis .department-overview.last {
  margin-right: 0;
  width: 25%;
}
.matter-analysis .department-overview.last i {
  margin-left: 0;
}
.matter-analysis .chart-list {
  width: 100%;
  display: inline-block;
}
.matter-analysis .chart-list .chart-list-content .chart-item {
  border-bottom: 1px solid #ebebeb;
}
.matter-analysis .chart-list .chart-item {
  width: 459px;
  height: 350px;
  border-top: 1px solid #ebebeb;
  padding: 10px;
  padding-bottom: 30px;
  position: relative;
}
.matter-analysis .chart-list .interval {
  border-right: 1px solid #ebebeb;
}
.matter-analysis .chart-list .add-chart {
  text-align: center;
}
.matter-analysis .chart-list .add-chart .add-icon {
  margin-left: 150px;
  margin-top: 130px;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f8f8f9;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.matter-analysis .chart-list .add-chart .add-icon i {
  line-height: 60px;
  color: #a9a9a9;
}
.matter-analysis .chart-list .add-chart .add-tips {
  color: #a9a9a9;
}



.matter-detail-title-module i {
  vertical-align: middle;
}
.matter-detail-title-module .matter-title-module {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 25px;
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
}
.matter-detail-title-module .matter-title-module .matter-title-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.matter-detail-title-module .matter-title-module .matter-title-left .title-icon {
  font-size: 24px;
  margin-top: 4px;
}
.matter-detail-title-module .matter-title-module .matter-title-left .title-icon i {
  vertical-align: middle;
}
.matter-detail-title-module .matter-title-module .matter-title-left .matter-name {
  font-size: 18px;
  display: inline-block;
  max-width: 600px;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-detail-title-module .matter-title-module .matter-title-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.matter-detail-title-module .matter-title-module .matter-title-right .service-report {
  cursor: pointer;
  color: #cdc9c5;
  font-size: 18px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 87px;
  border-right: 1px solid #ededed;
  height: 20px;
}
.matter-detail-title-module .matter-title-module .matter-title-right .service-report .service-report-text {
  font-size: 13px;
  display: inline-block;
  margin-left: 4px;
}
.matter-detail-title-module .matter-title-module .matter-title-right .join-star {
  height: 20px;
  font-size: 18px;
  width: 30px;
  display: inline-block;
  padding-left: 11px;
  border-right: 1px solid #ededed;
}
.matter-detail-title-module .matter-title-module .matter-title-right .join-star .star_container {
  margin-top: -4px;
  height: 20px;
}
.matter-detail-title-module .matter-title-module .matter-title-right .matter-detail-close {
  font-size: 18px;
  color: #cdc9c5;
  padding-left: 11px;
  cursor: pointer;
}
.matter-detail-title-module .matter-title-module .matter-status {
  font-size: 12px;
  cursor: pointer;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status {
  height: 20px;
  border-radius: 12px;
  font-weight: 500;
  width: 65px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  position: relative;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status .icon-down {
  display: inline-block;
  vertical-align: middle;
  color: #cdc9c5;
  margin-top: 1px;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status .matter-status-action-list .ns-popover-tooltip {
  width: 150px;
  height: auto;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status .matter-status-action-list .ns-popover-tooltip ul li a {
  font-size: 12px;
  color: #cdc9c5;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status .matter-status-action-list .ns-popover-tooltip ul li a i {
  display: inline-block;
  width: 12px;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status .matter-status-action-list .ns-popover-tooltip ul li a span {
  display: inline-block;
  padding-left: 5px;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status .matter-status-action-list .ns-popover-tooltip ul li .delete-btn {
  border-top: 1px solid #464646;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status-start-ing {
  color: #fa8919;
  border: solid 1px #fa8919;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status-over {
  color: #67aaf6;
  border: solid 1px #67aaf6;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status-lay-up {
  color: #c0ada2;
  border: solid 1px #c0ada2;
}
.matter-detail-title-module .matter-tab-list {
  text-align: center;
}
.matter-detail-title-module .matter-tab-list .top-tab {
  margin-top: 15px;
  line-height: 34px;
}
.matter-detail-title-module .common-right .common-close a {
  padding-left: 11px;
}
.matter-detail-title-module .common-title-left .title-icon {
  float: left;
}
.matter-detail-title-module .common-title-left .title-text {
  font-size: 18px;
  padding: 10px 0 25px;
  max-width: 800px;
  word-break: break-all;
  float: initial;
}
.matter-detail-title-dialog {
  padding: 100px 100px 30px 100px;
  color: #4a4a4a;
  font-size: 14px;
}
.matter-detail-title-dialog i {
  vertical-align: middle;
}
.matter-detail-title-dialog .dialog-info {
  background-color: #f8f8f9;
  border-radius: 5px;
  padding: 14px;
  margin-bottom: 10px;
  font-size: 14px;
}
.matter-detail-title-dialog .select-label {
  font-size: 12px;
  display: block;
  color: #a8a8a8;
}
.matter-detail-title-dialog .select-module {
  position: relative;
  width: 300px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  height: 30px;
}
.matter-detail-title-dialog .select-module .icon-module {
  color: #cdc9c5;
}
.matter-detail-title-dialog .select-module .icon-module span {
  color: red;
}
.matter-detail-title-dialog .select-module .choose-list-nspopover {
  width: 300px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
}
.matter-detail-title-dialog .select-module .choose-list-nspopover ul {
  margin: 10px 0;
  max-height: 200px;
  overflow: auto;
}
.matter-detail-title-dialog .select-module .choose-list-nspopover ul li {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}
.matter-detail-title-dialog .select-module .choose-list-nspopover ul li:hover {
  background-color: #f8f8f9;
}
.matter-detail-title-dialog .dialog-textarea {
  width: 300px;
  height: 80px;
  margin-top: 30px;
  position: relative;
}
.matter-detail-title-dialog .dialog-textarea textarea {
  height: 100%;
  width: 100%;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: #fefefe;
  border: 1px solid #d5d5d5;
  padding: 10px;
  font-size: 14px;
  resize: none;
}
.matter-detail-title-dialog .dialog-textarea .required {
  position: absolute;
  top: 30px;
  right: 10px;
  color: red;
}
.matter-detail-title-dialog .dialog-btn-module {
  text-align: center;
  margin-top: 30px;
}
.matter-detail-title-dialog .dialog-btn-module .delete-matter-btn {
  background-color: #f72b44;
}
.matter-detail-title-dialog .dialog-btn-module .matter-delete-disabled {
  background: #ebebee;
  border-color: #ebebee;
  color: #a9a9a9;
}
.matter-detail-title-dialog .sure-delete-matter .sure-delete-input-module {
  position: relative;
}
.matter-detail-title-dialog .sure-delete-matter .sure-delete-input-module input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  padding-right: 15px;
  width: 290px;
  height: 60px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
}
.matter-detail-title-dialog .sure-delete-matter .sure-delete-input-module input .input-sm {
  width: 200px;
}
.matter-detail-title-dialog .sure-delete-matter .sure-delete-input-module .label-required {
  position: absolute;
  display: block;
  color: red;
  top: 34px;
  left: 280px;
}
.matter-detail-title-dialog .sure-delete-matter input::-webkit-input-placeholder {
  color: #ccc !important;
}
.matter-detail-error-module {
  width: 100%;
  text-align: center;
  padding: 40px 0;
}
.matter-detail-error-module i {
  font-size: 50px !important;
  color: #ddd9d6 !important;
}
.matter-detail-error-module p {
  font-size: 12px !important;
  color: #a9a9a9 !important;
}
.matter__header-pt {
  border-right: 1px solid #ededed;
  cursor: pointer;
  padding: 0 12px;
  color: #cdc9c5;
}

.matterFilter-item-container > .filter-group-li {
  width: 100%;
  color: #4a4a4a;
  zoom: 1;
  margin-bottom: 17px;
}
.matterFilter-item-container > .filter-group-li ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
  line-height: 22px;
}
.matterFilter-item-container > .filter-group-li:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.matterFilter-item-container > .filter-group-li .m-h-scroll {
  max-height: 240px;
  overflow: auto;
  margin-bottom: 2px;
}
.matterFilter-item-container > .filter-group-li .filter-item {
  float: left;
  min-height: 33px;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-label {
  width: 112px;
  height: 20px;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  position: relative;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .matter-filter-fixed {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .money-warning {
  color: #f72b44;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  left: 0px;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show {
  margin-right: 10px;
  zoom: 1;
  position: relative;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list {
  display: inline-block;
  font-size: 14px;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list .inline-li {
  display: inline-block;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li:after {
  display: block;
  content: '';
  visibility: none;
  clear: both;
  height: 0;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-role {
  float: left;
  color: #909090;
  background: #fff;
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  margin-top: 3px;
  cursor: pointer;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-role .user-role-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-role .user-role-name > span {
  max-width: 90px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .user-role .user-role-name i {
  vertical-align: middle;
  font-size: 10px;
  margin-left: 2px;
  color: #a9a9a9;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .user-list > .li .close {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
  transform: scale(0.666667);
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .money {
  width: 70px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  background: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: none;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .money.error {
  border-color: #f72b44;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-show .money-line {
  margin: 0 10px;
  width: 16px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border: solid 1px #a2a2a2;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-edit {
  display: inline-flex;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-detail-edit .pop-container {
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-all {
  color: #a9a9a9;
  line-height: 20px;
  height: 20px;
  width: 48px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-all:hover {
  border-radius: 4px;
  background-color: #f1f1f1;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-all > span:after {
  display: inline-block;
  transform: scale(0.833333);
  font-family: "icon-bass";
  content: "\EA13";
  vertical-align: middle;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-add {
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  line-height: 24px;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .item-add:before {
  margin-right: 4px;
  color: #909090;
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA25";
  vertical-align: middle;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container {
  position: relative;
  top: -6px;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range-container {
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range {
  position: relative;
  width: auto;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range.hide-popover .ns-popover-for-timerange {
  display: none !important;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range-text-select {
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .time-range-start-stop {
  display: inline-block;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .close-in-filter {
  color: #a9a9a9;
  background: #fbfbfb;
  line-height: 20px;
  height: 20px;
  width: 48px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .close-in-filter:hover {
  border-radius: 4px;
  background-color: #f1f1f1;
}
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container .close-in-filter .time-range-text-select {
  position: relative;
}
.matterFilter-item-container > .filter-group-li .filter-item .no-limited-time {
  top: 0;
  margin-left: 7px;
}
.matterFilter-item-container > .filter-group-li .filter-item .no-limited-time .time-range-container {
  border: none;
}
.matterFilter-item-container > .filter-group-li .filter-item .no-limited-time .time-range-container .time-range-text-select {
  float: left;
  margin-left: 2px;
}
.matterFilter-item-container .btn-groups-module {
  text-align: right;
  padding-right: 70px;
}
.matterFilter-item-container .btn-groups-module .btn {
  height: 32px;
  width: 100px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border-radius: 20px;
  line-height: 32px;
  margin-top: 30px;
}
.matterFilter-item-container .btn-groups-module .reset-btn {
  background-color: #f8f8f9;
}
.matterFilter-item-container .btn-groups-module .sure-btn {
  color: #fff;
  background-color: #fa8919;
}

.i-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.matter-module-list {
  padding: 0!important;
}
.matter-module-list .new-matter-list-guide {
  background-color: #ed6c00;
}


.matter-newanalytic {
  margin: 0 25px;
}
.matter-newanalytic .newana-title {
  width: 950px;
  height: 52px;
  border-radius: 5px;
  background-color: #f8f8f9;
  margin-top: 20px;
  padding-top: 56px;
  padding-bottom: 53px;
  text-align: center;
}
.matter-newanalytic .newana-title .content {
  height: 49px;
  display: inline-block;
  overflow: hidden;
}
.matter-newanalytic .newana-title .content div {
  padding: 0 10px;
  min-width: 90px;
  height: 49px;
}
.matter-newanalytic .newana-title .content div p:nth-child(1) {
  height: 35px;
  line-height: 35px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-weight: 200;
  font-size: 29px;
  color: #4a4a4a;
}
.matter-newanalytic .newana-title .content div p:nth-child(2) {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #a9a9a9;
}
.matter-newanalytic .newana-title .content div .change-money-must {
  font-size: 22px!important;
}
.matter-newanalytic .newana-title .content div .change-money-billion {
  font-size: 20px!important;
}
.matter-newanalytic .newana-title .content div:nth-child(2) {
  min-width: 170px;
  height: 49px;
  border-left: solid 1px #f0f0f0;
  border-right: solid 1px #f0f0f0;
  margin-left: 30px;
  margin-right: 29px;
}
.matter-newanalytic .newana-chart-time {
  width: 950px;
  height: 306px;
  padding-left: 7.6px;
  margin-top: 25px;
}
.matter-newanalytic .newana-chart-time p {
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 20px;
  margin-top: 11px;
}
.matter-newanalytic .newana-statistical-chart {
  height: 306px;
  margin-top: 45px;
  margin-bottom: 20px;
}
.matter-newanalytic .newana-statistical-chart p {
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 20px;
  margin-top: 11px;
}
.matter-newanalytic .newana-statistical-chart .newana-chart-member {
  width: 50%;
  height: 306px;
  border-right: solid 1px #f0f0f0;
}
.matter-newanalytic .newana-statistical-chart p {
  margin-left: 15px;
}
.matter-newanalytic .newana-chart-member:last-child {
  width: 49.5%;
  border-right: none;
}
.matter-newanalytic .newana-chart-member:last-child p {
  margin-left: 40px;
}
.matter-newanalytic .newana-statistical-quantity {
  width: 950px;
  height: 52px;
  border-radius: 5px;
  background-color: #f8f8f9;
  margin-top: 20px;
  padding-top: 56px;
  padding-bottom: 53px;
  text-align: center;
}
.matter-newanalytic .newana-statistical-quantity .content {
  height: 49px;
  display: inline-block;
  overflow: hidden;
}
.matter-newanalytic .newana-statistical-quantity .content div {
  min-width: 170px;
  height: 49px;
  border-right: solid 1px #f0f0f0;
}
.matter-newanalytic .newana-statistical-quantity .content div p:nth-child(1) {
  height: 35px;
  line-height: 35px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-weight: 200;
  font-size: 29px;
  color: #4a4a4a;
}
.matter-newanalytic .newana-statistical-quantity .content div p:nth-child(2) {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #a9a9a9;
}
.matter-newanalytic .newana-statistical-quantity .content div:last-child {
  border-right: none;
}
.matter-newanalytic .newana-chart-project {
  margin-top: 29px;
  min-height: 275px;
}
.matter-newanalytic .newana-chart-project p {
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 20px;
  margin-bottom: 5px;
}
.matter-newanalytic ul li {
  padding-left: 13px;
  color: #737373;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
}
.matter-newanalytic ul li .icon {
  font-size: 14px;
  float: left;
  margin-right: 5px;
}
.matter-newanalytic ul li:last-child {
  padding-right: 15px;
}
.matter-newanalytic ul li .ibass-task-check {
  color: #c7d1da;
}
.matter-newanalytic ul li .ibass-done {
  color: #fa8919;
}
.matter-newanalytic ul li:hover .icon {
  color: #fa8919;
}

.matter-processes-edit {
  margin: 41px 49px 30px;
  position: relative;
  color: #4a4a4a;
}
.matter-processes-edit .page-title {
  position: relative;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.matter-processes-edit .page-title .line {
  position: absolute;
  z-index: 0;
  top: 50%;
  width: 100%;
  border-bottom: solid 1px #f0f0f0;
}
.matter-processes-edit .page-title .desc {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 98px;
  font-size: 16px;
  font-weight: 500;
  background: white;
}
.matter-processes-edit .processes-content {
  width: 500px;
  margin: 15px auto 0;
}
.matter-processes-edit .processes-content .loading-status {
  padding: 30px;
  text-align: center;
  color: #ccc;
}
.matter-processes-edit .processes-content .history-process-desc {
  position: relative;
  font-size: 14px;
  padding: 19px 16px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
.matter-processes-edit .processes-content .history-process-desc .desc-icon {
  float: left;
  padding-right: 5px;
}
.matter-processes-edit .processes-content .history-process-desc .desc-icon .ibass-info {
  color: #fdba78;
  font-size: 18px;
}
.matter-processes-edit .processes-content .row-height {
  height: 60px;
  position: relative;
}
.matter-processes-edit .processes-content .row {
  position: relative;
  width: 100%;
}
.matter-processes-edit .processes-content .row .item-input {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 24px;
  line-height: 36px;
  border: none;
  border-bottom: 1px solid #F0F0F0;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matter-processes-edit .processes-content .row .label-noactive {
  font-size: 14px;
  line-height: 22px;
}
.matter-processes-edit .processes-content .row .input-cursor {
  cursor: pointer;
}
.matter-processes-edit .processes-content .row .row-bottom {
  text-align: center;
  padding-top: 30px;
  line-height: 20px;
}
.matter-processes-edit .processes-content .row .item-label {
  position: absolute;
  left: 0;
  top: 30px !important;
  line-height: 28px;
  font-size: 12px;
}
.matter-processes-edit .processes-content .row .label-active-with-value {
  position: absolute;
  left: 0;
  top: 10px !important;
  display: block;
  color: #ccc;
  font-size: 12px;
}
.matter-processes-edit .processes-content .row .input-noactive {
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  color: #ccc;
  line-height: 22px;
  font-size: 14px;
  transition: all 0.5s ease;
}
.matter-processes-edit .processes-content .row .input-active {
  top: 10px !important;
  font-size: 12px;
}
.matter-processes-edit .processes-content .row .item-value {
  position: absolute;
  left: 0;
  bottom: 2px;
  font-size: 14px;
  line-height: 28px;
}
.matter-processes-edit .processes-content .row .item-popup {
  width: 100%;
  height: 100%;
  background: transparent;
  border-bottom: solid 1px #f0f0f0;
  cursor: pointer;
}
.matter-processes-edit .processes-content .row .item-icon-container {
  position: absolute;
  bottom: 2px;
  right: 0;
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  color: #a9a9a9;
}
.matter-processes-edit .processes-content .row .item-icon-container .item-icon {
  float: left;
  margin-left: 10px;
  cursor: pointer;
}
.matter-processes-edit .processes-content .row .item-icon-container .ibass-required {
  color: red;
}
.matter-processes-edit .processes-content .row .item-icon-container .ibass-customer {
  font-size: 14px;
}
.matter-processes-edit .processes-content .row .item-icon-container .ibass-add-fill {
  position: absolute;
  bottom: 0;
  right: -20px;
}
.matter-processes-edit .processes-content .row .item-icon-container .ibass-minus-fill {
  position: absolute;
  bottom: 0;
  right: -40px;
}
.matter-processes-edit .processes-content .row .row-segmented {
  float: left;
  height: 100%;
  position: relative;
}
.matter-processes-edit .processes-content .row .row-segmented-most {
  float: left;
  position: relative;
  width: 72%;
  height: 100%;
}
.matter-processes-edit .processes-content .row .row-segmented-less {
  float: right;
  position: relative;
  width: 25%;
  height: 100%;
}
.matter-processes-edit .processes-content .row .row-segmented-half-left {
  float: left;
  position: relative;
  width: 48%;
  height: 100%;
}
.matter-processes-edit .processes-content .row .row-segmented-half-right {
  float: right;
  position: relative;
  width: 48%;
  height: 100%;
}
.matter-processes-edit .processes-content .row .contact-from-db .ibass-customer {
  color: #fa8919;
}
.matter-processes-edit .processes-content .row .process-popup .processes-code-popup-content {
  width: 100%;
}
.matter-processes-edit .processes-content .row .process-popup .processes-code-popup-content .triangle {
  display: none;
}
.matter-processes-edit .processes-content .row .process-popup .processes-code-popup-content .ns-popover-tooltip {
  width: 100%;
  margin: 0;
  max-width: initial;
}
.matter-processes-edit .processes-content .multiple-case {
  height: auto;
  min-height: 60px;
  border-bottom: solid 1px #F0F0F0;
}
.matter-processes-edit .processes-content .multiple-case .item-label {
  visibility: hidden;
}
.matter-processes-edit .processes-content .multiple-case .item-label-has-value {
  top: 25px!important;
  bottom: initial;
  visibility: visible;
}
.matter-processes-edit .processes-content .multiple-case .case-input-container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}
.matter-processes-edit .processes-content .multiple-case .case-input-container .case-name {
  float: left;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 2px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 20px;
  background-color: #f8f8f9;
}
.matter-processes-edit .processes-content .multiple-case .case-input-container .case-name > span {
  float: left;
  font-size: 12px;
}
.matter-processes-edit .processes-content .multiple-case .case-input-container .case-name .case-name-value {
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-processes-edit .processes-content .multiple-case .case-input-container .case-name .ibass-close {
  margin-left: 2px;
  cursor: pointer;
}
.matter-processes-edit .processes-content .multiple-case .case-input-container .item-input {
  padding-top: 0;
  flex-grow: 2;
  width: 60px;
  padding: 0;
  height: 28px;
  line-height: 28px;
  border: none!important;
}
.matter-processes-edit .processes-content .multiple-case .case-input-container .item-input::-webkit-input-placeholder {
  color: #a8a8a8;
}
.matter-processes-edit .processes-content .multiple-case-focus {
  border-color: #fa8919;
}
.matter-processes-edit .page-bottom {
  margin-top: 44px;
  text-align: center;
}
.matter-processes-edit .page-bottom > .normal-btn {
  width: 130px;
  color: white;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.matter-processes-edit .contacts-tooltip {
  min-width: 90px;
}
.matter-processes-edit .case-popup-in-processes-edit-page .ns-popover-tooltip {
  max-height: 300px;
  overflow: auto;
}
.matter-processes-edit .case-popup-in-processes-edit-page .ns-popover-tooltip .ns-popover-item {
  padding: 6px 10px !important;
  height: auto;
}
.matter-processes-edit .case-popup-in-processes-edit-page .ns-popover-tooltip .ns-popover-item .case-name {
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  white-space: pre-wrap;
}
.matter-processes-edit .case-popup-in-processes-edit-page .ns-popover-tooltip .ns-popover-item .case-path {
  line-height: 18px;
  font-size: 12px;
  color: #a9a9a9;
  white-space: pre-wrap;
}
.matter-processes-edit .case-popup-in-processes-edit-page .open-dig-btn {
  float: left;
  color: #ed6c00;
  height: 20px;
  line-height: 20px;
  margin: 0 0 22px 8px;
  cursor: pointer;
}
.matter-processes-edit .case-popup-in-processes-edit-page .open-dig-btn .ibass-list {
  float: left;
  margin-right: 5px;
}
.matter-processes-edit .popup-width-inherit {
  width: 100%;
}
.matter-processes-edit .popup-width-inherit .ns-popover-tooltip {
  width: 100%;
  max-width: initial;
}
.matter-processes-edit .popup-width-inherit .ns-popover-tooltip .ns-popover-items {
  margin: 10px 0;
}
.matter-processes-edit .ns-popover-item {
  padding: 0 10px!important;
}
.matter-processes-edit .contact-popup-container {
  color: initial;
  cursor: initial;
}
.matter-processes-edit .contact-popup-container .ns-popover-bottom {
  padding-bottom: 10px;
  box-sizing: content-box;
}
.matter-processes-edit .contact-popup-container .ns-popover-bottom .contact-creater {
  cursor: pointer;
  float: left;
}
.matter-processes-edit .contact-popup-container .ns-popover-bottom .contact-creater .ibass-add {
  padding-left: 5px;
  color: #07cfda;
  font-size: 14px;
  vertical-align: middle;
}
.matter-processes-edit .contact-popup-container .ns-popover-bottom .contact-creater .creater-desc {
  padding-left: 10px;
  font-size: 14px;
}
.matter-processes-edit .editFobiddenPaenl {
  position: absolute;
  width: 100%;
  top: 182px;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.add-customer-in-process-page {
  padding-top: 160px!important;
}
.add-customer-in-process-page .ctr-ac-lineThrough {
  margin-top: 0;
}

.matter-processes-info {
  width: 100%;
}
.matter-processes-info .container {
  width: 100%;
  border: solid 1px #ebebeb;
  border-radius: 4px;
  position: relative;
  margin-top: 10px;
}
.matter-processes-info .container .connect {
  position: absolute;
  top: -11px;
  left: 17px;
  height: 10px;
  width: 0px;
  border-left: 2px solid #eeeeee;
}
.matter-processes-info .container .top {
  height: 42px;
  line-height: 42px;
  padding-left: 10px;
  overflow: hidden;
}
.matter-processes-info .container .top .name {
  font-weight: 500;
}
.matter-processes-info .container .top .cur-processes-desc {
  color: #a9a9a9;
  font-size: 12px;
}
.matter-processes-info .container .top .set-cur-process-desc {
  color: #a9a9a9;
  font-size: 12px;
  display: none;
  cursor: pointer;
}
.matter-processes-info .container .top .set-cur-process-desc:hover {
  color: #fa8919;
}
.matter-processes-info .container .top .ibass-icon {
  float: right;
  margin-right: 15px;
  color: #cdc9c5;
}
.matter-processes-info .container .top .ibass-icon.active {
  color: #fa8919;
}
.matter-processes-info .container .top .top-icon-btn {
  cursor: pointer;
}
.matter-processes-info .container .top .top-icon-btn:hover {
  color: #fa8919;
}
.matter-processes-info .container .top .ibass-project-type1 {
  float: left;
  margin-right: 10px;
  font-size: 16px;
}
.matter-processes-info .container .top .ibass-delete,
.matter-processes-info .container .top .ibass-edit {
  display: none;
}
.matter-processes-info .container .top:hover .ibass-delete,
.matter-processes-info .container .top:hover .ibass-edit,
.matter-processes-info .container .top:hover .set-cur-process-desc {
  display: initial;
}
.matter-processes-info .container .top .delete-confirm {
  display: inline-block;
  width: 76px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #ffffff!important;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
}
.matter-processes-info .container .content {
  display: none;
  padding-left: 10px;
  padding-bottom: 13px;
  overflow: hidden;
  border-top: solid 1px #ececec;
}
.matter-processes-info .container .content .row {
  line-height: 21px;
  margin-top: 11px;
  overflow: hidden;
}
.matter-processes-info .container .content .row .attr {
  width: 89px;
  padding-right: 5px;
  box-sizing: border-box;
  float: left;
  color: #737373;
  word-break: break-all;
}
.matter-processes-info .container .content .row .value {
  float: left;
  max-width: 230px;
  word-break: break-all;
}
.matter-processes-info .container .content .row .value .contact-link {
  cursor: pointer;
}
.matter-processes-info .container .content .row .value .contact-link:hover {
  color: #fa8919;
}
.matter-processes-info .container .content .none-value {
  padding: 50px 0;
  text-align: center;
}
.matter-processes-info .container .content .none-value .edit-btn {
  color: #fa8919;
  cursor: pointer;
}
.matter-processes-info .container .content-show {
  display: block;
}
.matter-processes-info .first-processes .top .ibass-project-type1 {
  color: #fa8919;
}

.matter-reopen-page {
  padding: 30px 25px 20px;
}
.matter-reopen-page .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.matter-reopen-page .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.matter-reopen-page .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.matter-reopen-page .dialog-page-content .matter-name {
  margin-top: 12px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  color: #737373;
}
.matter-reopen-page .dialog-page-content .remark {
  margin: 15px auto 0;
  width: 450px;
  height: 110px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.matter-reopen-page .dialog-page-content .remark textarea {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
}
.matter-reopen-page .dialog-page-content .remark .approve-flow .approve-flow-header {
  height: 35px;
  line-height: 35px;
}
.matter-reopen-page .diaglo-page-bottom-btn {
  margin-top: 25px;
  text-align: center;
}
.matter-reopen-page .diaglo-page-bottom-btn .main-btn {
  display: inline-block;
}

.matter-reopen-page {
  padding: 30px 25px 20px;
}
.matter-reopen-page .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.matter-reopen-page .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.matter-reopen-page .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.matter-reopen-page .dialog-page-content .matter-name {
  margin-top: 12px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  color: #737373;
}
.matter-reopen-page .dialog-page-content .remark {
  margin: 15px auto 0;
  width: 450px;
  height: 110px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.matter-reopen-page .dialog-page-content .remark textarea {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
}
.matter-reopen-page .dialog-page-content .remark .approve-flow .approve-flow-header {
  height: 35px;
  line-height: 35px;
}
.matter-reopen-page .diaglo-page-bottom-btn {
  margin-top: 25px;
  text-align: center;
}
.matter-reopen-page .diaglo-page-bottom-btn .main-btn {
  display: inline-block;
}

.matter-service-report {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  min-height: 540px;
}
.matter-service-report .matter-service-report-import {
  position: relative;
}
.matter-service-report .matter-service-report-import .matter-service-report-back {
  top: -22px;
  right: 11px;
}
.matter-service-report .matter-service-report-import .matter-service-report-line {
  width: 510px;
  height: 2px;
  border-bottom: 1px solid  #ebebeb;
  position: absolute;
  top: 18px;
  left: 25px;
  z-index: 0;
}
.matter-service-report .matter-service-report-import .matter-service-report-head {
  margin: 31px auto 30px;
  font-size: 16px;
  line-height: 40px;
  width: 100px;
  height: 40px;
  color: #4a4a4a;
  text-align: center;
  z-index: 999;
  background: #fff;
  position: relative;
}
.matter-service-report .matter-service-report-import .matter-service-report-body {
  padding-left: 80px;
  font-size: 14px;
  color: #4a4a4a;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 14px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .row-center-center .report-name {
  width: 110px;
  align-items: left;
  padding-right: 10px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .row-center-center .report-items {
  flex-grow: 1;
  min-width: 80px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .row-center-center .report-items .report-time-range-item {
  height: 32px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  position: relative;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .row-center-center .report-items .report-time-range-item .time-range {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 10px;
  position: relative;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .row-center-center .report-items .report-time-range-item .time-range-text-select {
  padding: 0 10px 0 0;
  height: 32px;
  line-height: 32px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .row-center-center .report-items .report-time-range-item .time-range-start-stop {
  height: 32px;
  line-height: 32px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item {
  margin-top: 22px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item .list-name {
  display: flex;
  align-items: center;
  font-family: 'PingFangSC-Medium';
  color: #4a4a4a;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item .list-name .list-type {
  font-size: 20px;
  height: 26px;
  color: #fa8919;
  margin-right: 20px;
  line-height: 26px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item .list-content {
  padding-left: 40px;
  color: #a9a9a9;
  display: flex;
  font-size: 12px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item .list-content .service-report-selectfile {
  width: 80px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #ebe8e6;
  color: #4a4a4a;
  margin-right: 4px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .disable-right .list-name {
  color: #a9a9a9;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .disable-right .list-name .list-type {
  color: #a9a9a9;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .disable-right .list-content {
  color: #a9a9a9;
}
.matter-service-report .matter-service-report-back {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: -60px;
  cursor: pointer;
}
.matter-service-report .matter-service-report-back:before {
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
}
.matter-service-report .matter-service-report-footer {
  text-align: center;
}
.matter-service-report .matter-service-report-footer .half-baked-right-tip {
  width: 400px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background: #fff9c4;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.matter-service-report .matter-service-report-footer .half-baked-right-tip-hidden {
  visibility: hidden;
}
.matter-service-report .matter-service-report-footer .matter-service-report-button {
  width: 110px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 55px;
  margin-top: 35px;
  display: inline-block;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.matter-service-report .matter-service-report-footer .matter-service-report-button span {
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
}
.matter-service-report .matter-service-report-footer .matter-service-report-button.creating {
  background-color: #ebebee;
  color: #a9a9a9;
  cursor: initial;
}
.matter-service-report .matter-service-report-footer .matter-service-report-button-close {
  margin-right: 15px;
  background: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.matter-service-report .matter-service-report-footer .matter-service-report-button-close span {
  color: #4a4a4a;
}
.matter-service-report .matter-service-report-file {
  margin: 24px;
  position: relative;
}
.matter-service-report .matter-service-report-file .matter-service-report-back {
  top: -10px;
  right: -6px;
}
.matter-service-report .matter-service-report-file .matter-service-report-content {
  height: 342px;
  width: 512px;
  border: 1px solid #dadada;
  margin: 24px auto 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree {
  position: absolute;
  left: -8px;
  top: 0;
  font-size: 14px;
  width: 512px;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree li {
  padding-left: 24px;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .tree-expanded,
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .tree-collapsed,
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .tree-leaf {
  padding-top: 13px;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .ibass-checked,
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .ibass-partial-select {
  color: #fa8919;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .ibass-filetype-folder {
  color: #0acfda;
  display: inline-block;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .ibass-filetype-default {
  display: inline-block;
  margin-left: 20px;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .matter-service-report-name {
  display: inline-block;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  height: 18px;
  margin-left: 4px;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .matter-service-report-filename {
  padding-left: 19px;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .ibass-checkbox,
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .ibass-minus-round,
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-tree .ibass-add-round {
  color: #cdc9c5;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-nodir {
  width: 537px;
  left: -33px;
}
.matter-service-report .matter-service-report-file .matter-service-report-content .matter-service-report-nofile {
  text-align: center;
  line-height: 342px;
}
.matter-service-report .matter-service-report-file .matter-service-report-file-select {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #a9a9a9;
  height: 17px;
}
.matter-service-report .matter-service-report-file .matter-service-report-file-select .matter-service-report-file-selected {
  width: 200px;
}
.matter-service-report .matter-service-report-file .matter-service-report-file-select .matter-service-report-clear {
  display: flex;
  width: 70px;
  cursor: pointer;
  color: #4a4a4a;
  justify-content: flex-end;
  align-content: center;
}
.matter-service-report .matter-service-report-file .matter-service-report-file-select .matter-service-report-clear .matter-service-report-clear-icon {
  font-size: 16px;
  margin: 0 13px 0 8px;
  color: #cdc9c5;
}
.matter-service-report .matter-service-report-file .matter-service-report-file-select .matter-service-report-clear .ibass-checked,
.matter-service-report .matter-service-report-file .matter-service-report-file-select .matter-service-report-clear .ibass-partial-select {
  color: #fa8919;
}
.matter-service-report .matter-service-report-file .matter-service-report-button {
  margin-bottom: 23px;
  margin-top: 25px;
}

.matter-setting-list-dialog .matter-setting-title {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  margin: 0 20px;
  padding-top: 50px;
}
.matter-setting-list-dialog .matter-setting-title .matter-setting-title-content {
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
  padding: 0 10px;
  font-size: 16px;
  background: #fff;
}
.matter-setting-list-dialog .table-head-title {
  height: 40px;
  line-height: 40px;
}
.matter-setting-list-dialog .matter-setting-body {
  overflow-y: auto;
  overflow-x: hidden;
  height: 400px;
  padding: 0 20px;
  font-size: 12px;
}
.matter-setting-list-dialog .matter-setting-body .matter-optional-field {
  width: 290px;
  height: 100%;
  display: inline-block;
  border-right: 1px solid #f0f0f0;
  padding-top: 20px;
  position: relative;
}
.matter-setting-list-dialog .matter-setting-body .matter-optional-field .table-restore-btn {
  position: absolute;
  bottom: 10px;
  left: 0;
  color: #a9a9a9;
  cursor: pointer;
}
.matter-setting-list-dialog .matter-setting-body .matter-optional-field .table-restore-btn:hover {
  color: #fa8919;
}
.matter-setting-list-dialog .matter-setting-body .table-head {
  width: 140px;
  font-size: 12px;
  line-height: 30px;
  display: inline-block;
}
.matter-setting-list-dialog .matter-setting-body .table-head span {
  cursor: pointer;
}
.matter-setting-list-dialog .matter-setting-body .table-head i {
  position: relative;
  top: 1.5px;
  color: #cdc9c5;
}
.matter-setting-list-dialog .matter-setting-body .table-head .ibass-checked {
  color: #fa8919;
}
.matter-setting-list-dialog .matter-setting-body .matter-selected-field {
  width: 160px;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  padding-top: 20px;
}
.matter-setting-list-dialog .table-selected-words {
  height: 340px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  position: relative;
}
.matter-setting-list-dialog .table-selected-words .selected-words {
  position: relative;
  padding: 4px 10px;
  cursor: move;
}
.matter-setting-list-dialog .table-selected-words .ibass-more {
  color: #cdc9c5;
  position: relative;
  top: 2px;
}
.matter-setting-list-dialog .table-selected-words .ibass-close {
  float: right;
  font-size: 12px;
}
.matter-setting-list-dialog .matter-setting-bottom {
  height: 60px;
  background-color: #f9f9f9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  line-height: 60px;
}
.matter-setting-list-dialog .matter-setting-bottom span {
  width: 100px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  border-radius: 20px;
  background-color: #fa8919;
  color: #fff;
}
.matter-setting-list-dialog ul[dnd-list] .dndDraggingSource {
  display: none;
}
.matter-setting-list-dialog ul[dnd-list] .dndPlaceholder {
  height: 30px;
  padding-left: 20px;
}

.ana-mat-box {
  padding: 0 25px;
}
.ana-mat-box .ana-mat-commen {
  margin-top: 25px;
  padding-bottom: 15px;
  overflow: hidden;
  line-height: 36px;
  border-bottom: 1px solid #f0f0f0;
}
.ana-mat-box .ana-mat-commen .ana-mat-title i {
  font-size: 24px;
  color: #07cfda;
  margin-right: 10px;
}
.ana-mat-box .ana-mat-commen .ana-mat-title span {
  font-size: 20px;
  color: #4a4a4a;
}
.ana-mat-box .ana-mat-commen .ana-mat-title .ana-head-title {
  max-width: 600px;
  border-right: solid 1px #f0f0f0;
  margin-right: 8px;
  padding-right: 8px;
}
.ana-mat-box .ana-mat-commen .ana-mat-title span:last-child {
  font-size: 14px;
  color: #a9a9a9;
}
.ana-mat-box .ana-mat-commen .ana-mat-title .cursorShow {
  cursor: pointer;
}
.ana-mat-box .ana-mat-head {
  position: relative;
  margin: 20px 0;
}
.ana-mat-box .ana-mat-head .ana-mat-time {
  display: inline-block;
}
.ana-mat-box .ana-mat-head .ana-mat-time .time-range {
  width: auto;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.ana-mat-box .ana-mat-head .ana-mat-time .time-range .time-range-start-stop:after {
  content: " ";
}
.ana-mat-box .ana-mat-head .ana-mat-time .time-range .ns-popover-time-select-option {
  top: 31px !important;
}
.ana-mat-box .ana-mat-head .ana-mat-time .time-range-text-select {
  position: relative;
  display: inline-block;
}
.ana-mat-box .ana-mat-head .ana-mat-time .time-range-start-stop {
  display: inline-block;
}
.ana-mat-box .ana-mat-head .ana-mat-time .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
}
.ana-mat-box .ana-mat-head .ana-mat-head-type {
  width: 117px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #cfc7c1;
  position: absolute;
  left: 0;
  top: 22px;
}
.ana-mat-box .ana-mat-head .ana-mat-head-type p {
  width: 37px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.ana-mat-box .ana-mat-head .ana-mat-head-type p:first-child {
  border-radius: 20px 0 0 20px;
  text-indent: 5px;
}
.ana-mat-box .ana-mat-head .ana-mat-head-type p:last-child {
  width: 40px;
  border-right: 0;
  border-radius: 0 20px 20px 0;
  text-indent: -2px;
}
.ana-mat-box .ana-mat-head .ana-mat-head-type p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.ana-mat-box .ana-mat-head .ana-mat-head-type p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.ana-mat-box .ana-mat-head .ana-mat-head-switch {
  width: 120px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #cfc7c1;
  position: absolute;
  right: 0px;
  top: 19px;
}
.ana-mat-box .ana-mat-head .ana-mat-head-switch p {
  width: 60px;
  height: 30px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.ana-mat-box .ana-mat-head .ana-mat-head-switch p:first-child {
  width: 58px;
  border-radius: 20px 0 0 20px;
}
.ana-mat-box .ana-mat-head .ana-mat-head-switch p:last-child {
  border-right: 0;
  border-radius: 0 20px 20px 0;
}
.ana-mat-box .ana-mat-head .ana-mat-head-switch p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.ana-mat-box .ana-mat-head .ana-mat-head-switch p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.ana-mat-box .ana-mat-head .ana-mat-func {
  position: absolute;
  right: 0;
  top: 4px;
  height: 20px;
}
.ana-mat-box .ana-mat-head .ana-mat-func span {
  font-size: 14px;
  color: #737373;
  margin-right: 8px;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ana-mat-box .ana-mat-head .ana-mat-func i {
  color: #fa8919;
  font-size: 12px;
}
.ana-mat-box .ana-mat-head .ana-mat-head-time {
  height: 40px;
  text-align: center;
  padding-top: 27px;
}
.ana-mat-box .ana-mat-head .ana-mat-head-time .ana-mat-head-time-hover {
  display: inline-block;
}
.ana-mat-box .ana-mat-head .ana-mat-head-time .ana-mat-head-time-hover:hover i {
  color: #fa8919;
}
.ana-mat-box .ana-mat-head .ana-mat-head-time p {
  display: inline-block;
  cursor: pointer;
}
.ana-mat-box .ana-mat-head .ana-mat-head-time span {
  font-size: 14px;
  color: #4a4a4a;
  position: relative;
  top: -2px;
}
.ana-mat-box .ana-mat-head .ana-mat-head-time i {
  color: #cdc9c5;
  cursor: pointer;
}
.ana-mat-box .ana-mat-head .ana-mat-head-time .ana-trig-down {
  margin-left: 5px;
  position: relative;
  top: 0px;
}
.ana-mat-box .ana-mat-head .clock-container {
  position: absolute;
  top: 460px;
  right: 0;
}
.ana-mat-box .ana-mat-head .clock-container .task-clock {
  bottom: 100px;
}
.ana-mat-box .ana-mat-head .clock-container .task-clock:before,
.ana-mat-box .ana-mat-head .clock-container .task-clock:after {
  transform: translate(50%);
  bottom: 283px;
  right: 63px;
}
.ana-mat-box .ana-mat-head .clock-container .task-clock:before {
  bottom: 284px;
}
.ana-mat-head-sum-time {
  width: 100%;
  padding: 25px 0;
  background: #f8f8f9;
  border-radius: 5px;
  text-align: center;
}
.ana-mat-head-sum-time .total-sum {
  font-size: 30px;
  font-weight: 200;
}
.ana-mat-head-sum-time .sum-title {
  font-size: 12px;
  font-size: 1.33;
  color: #a9a9a9;
}

.ana-system-count {
  padding: 33px 0;
  margin: 0 auto;
  margin-top: 35px;
  text-align: center;
  overflow: hidden;
  display: inline-block;
}
.ana-system-count div {
  width: 170px;
  border-left: 1px solid #ebebeb;
  float: left;
}
.ana-system-count div p:first-child {
  font-size: 29px;
  line-height: 35px;
}
.ana-system-count div p:last-child {
  font-size: 12px;
  color: #8a94a0;
}
.ana-system-count div:first-child {
  border: 0;
}
.ana-system-div {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  overflow: hidden;
  font-size: 14px;
}
.ana-system-div .left-part {
  padding: 25px 30px;
  width: 500px;
  box-sizing: border-box;
  border-right: 1px solid #ededed;
}
.ana-system-div .left-part ul {
  margin-top: 30px;
  margin-left: 25px;
}
.ana-system-div .left-part ul li {
  line-height: 34px;
  list-style-type: disc;
  color: #c7d1da;
}
.ana-system-div .left-part ul li p {
  color: #4a4a4a;
  font-weight: normal !important;
}
.ana-system-div .left-part ul li p span {
  font-size: 22px;
  margin-right: 4px;
  vertical-align: sub;
}
.ana-system-title {
  font-weight: bold;
}
.ana-system-spread {
  padding: 25px 30px;
}
.ana-matter-tab {
  border: 1px solid #c7d1da;
}
.ana-matter-tab p {
  box-sizing: border-box;
  border-right: 1px solid #c7d1da;
  line-height: 28px;
  background: #fefefe;
  color: #4a4a4a;
  padding: 0 8px;
  float: left;
  cursor: pointer;
}
.ana-matter-tab p:last-child {
  border: 0;
}
.ana-matter-tab .active {
  color: #fa8919;
}

.new-achievement {
  display: inline-block;
  padding: 0 20px;
  width: 960px;
  margin-bottom: 20px;
}
.new-achievement .member-name-overflow {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-achievement .customer-top {
  position: relative;
}
.new-achievement .customer-top .download {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 0px;
}
.new-achievement .customer-top .download span {
  color: #a9a9a9;
}
.new-achievement .customer-top .download i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  font-size: 16px;
}
.new-achievement .customer-top .download:hover span {
  color: #fa8919;
}
.new-achievement .customer-top .download:hover i {
  color: #fa8919;
}
.new-achievement .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.new-achievement .active {
  color: #ed6c00!important;
}
.new-achievement .cursor {
  cursor: pointer;
}
.new-achievement .ibass-trig-down {
  position: relative;
  top: 1px;
}
.new-achievement .department-type {
  margin-top: 3px;
}
.new-achievement .department-type span {
  color: #737373;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.new-achievement .time-analysis {
  position: relative;
  height: 20px;
  width: 265px;
  margin: 10px 0 20px 0;
  text-align: left;
}
.new-achievement .department-preview div:nth-child(1) {
  border-left-color: transparent;
}
.new-achievement .department-preview {
  height: 160px;
  background-color: #f8f8f9;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.new-achievement .department-preview .department-info {
  width: 240px;
  border-left: 1px solid #f0f0f0;
}
.new-achievement .department-preview .department-mun {
  font-size: 30px;
  font-weight: 200;
  color: #4a4a4a;
}
.new-achievement .department-preview .department-name {
  font-size: 12px;
  color: #a9a9a9;
}
.new-achievement .chart-list {
  width: 100%;
  display: inline-block;
}
.new-achievement .chart-list .chart-list-content .chart-item {
  border-bottom: 1px solid #ebebeb;
}
.new-achievement .chart-list .chart-item {
  width: 478px;
  height: 370px;
  border-top: 1px solid #ebebeb;
  padding: 10px 0;
  padding-bottom: 30px;
  position: relative;
}
.new-achievement .chart-list .interval {
  border-right: 1px solid #ebebeb;
}
.new-achievement .chart-list .add-chart {
  text-align: center;
}
.new-achievement .chart-list .add-chart .add-icon {
  margin-left: 150px;
  margin-top: 130px;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f8f8f9;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.new-achievement .chart-list .add-chart .add-icon i {
  line-height: 60px;
  color: #a9a9a9;
}
.new-achievement .chart-list .add-chart .add-tips {
  color: #a9a9a9;
}

.repo-create-page {
  padding: 30px 50px 20px;
}
.repo-create-page .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 20px;
}
.repo-create-page .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.repo-create-page .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.repo-create-page .dialog-page-content .text-left {
  text-align: left;
  margin-bottom: 5px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}
.repo-create-page .dialog-page-content .text-left .text-right {
  float: right;
  text-align: right;
}
.repo-create-page .dialog-page-content .text {
  text-align: right;
}
.repo-create-page .dialog-page-content .info {
  margin: 0 auto;
  width: 360px;
  height: 40px;
  border-radius: 5px;
}
.repo-create-page .dialog-page-content .info input {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.repo-create-page .dialog-page-content .info input:focus {
  border-radius: 5px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #f7c499;
}
.repo-create-page .dialog-page-content .notice {
  margin: 15px auto 0;
  width: 352px;
  height: 60px;
  border-radius: 4px;
  background-color: #fff9c4;
  padding: 8px 16px;
  font-size: 12px;
}
.repo-create-page .dialog-page-content .checkbox {
  margin: 15px 0px;
  vertical-align: middle;
  font-size: 14px;
  color: #a9a9a9;
}
.repo-create-page .dialog-page-content .checkbox i {
  cursor: pointer;
}
.repo-create-page .dialog-page-content .checkbox .ibass-checked {
  width: 16px;
  height: 16px;
  color: #fa8919;
}
.repo-create-page .diaglo-page-bottom-btn {
  text-align: center;
  margin-top: 15px;
}
.repo-create-page .diaglo-page-bottom-btn .main-btn {
  display: inline-block;
}
.repo-create-page .diaglo-page-bottom-btn .btn-disable {
  padding: 10px 50px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  color: #a9a9a9;
  font-size: 12px;
  font-weight: normal;
  border-color: #f8f8f9;
  cursor: pointer;
  margin-bottom: 20px;
}
.repo-create-page .diaglo-page-bottom-btn .forgetpassword {
  color: #fa8919;
  font-size: 14px;
  padding-left: 10px;
}

.file-detail-page {
  padding: 30px 50px 20px;
}
.file-detail-page .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.file-detail-page .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.file-detail-page .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.file-detail-page .dialog-page-content .info {
  margin-bottom: 20px;
}
.file-detail-page .dialog-page-content .info .title {
  display: block;
  width: 70px;
  margin-right: 22px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: right;
  color: #999999;
  font-color: #999999;
  float: left;
  text-align: left;
}
.file-detail-page .dialog-page-content .info .content {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #4a4a4a;
  word-break: break-all;
}

.doc-new-delete-tip {
  width: 100%;
  height: 100%;
}
.doc-new-delete-tip .delete-line {
  margin: 50px 50px 0px 50px;
  border: 0.5px solid #ebebeb;
}
.doc-new-delete-tip .delete-center-content {
  display: inline-block;
  width: 95px;
  height: 22px;
  font-size: 16px;
  line-height: 22px;
  color: #4a4a4a;
  background-color: #ffffff;
  text-align: center;
  position: absolute;
  left: 127.5px;
  top: 39px;
  font-family: PingFangSC-Medium;
}
.doc-new-delete-tip .delete-text {
  text-align: center;
  margin-top: 34.5px;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Regular;
}
.doc-new-delete-tip .delete-footer {
  height: 32px;
  line-height: 32px;
  position: absolute;
  bottom: 32px;
  width: 100%;
  padding: 0px 60px;
}
.doc-new-delete-tip .delete-footer .new-delete-btn {
  height: 32px;
  line-height: 32px;
  min-width: 100px;
  float: right;
}
.doc-new-delete-tip .delete-footer span {
  font-family: PingFangSC-Regular;
  font-size: 14px;
}
.doc-new-delete-tip .delete-footer input {
  font-size: 20px;
}

.repo-encryt-page {
  padding: 30px 50px 20px;
}
.repo-encryt-page .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.repo-encryt-page .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.repo-encryt-page .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.repo-encryt-page .dialog-page-content .info {
  margin: 0px  auto;
  width: 340px;
  height: 40px;
}
.repo-encryt-page .dialog-page-content .info input {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.repo-encryt-page .dialog-page-content .info input:focus {
  border-radius: 5px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #f7c499;
}
.repo-encryt-page .dialog-page-content .text {
  width: 460px;
  height: 20px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999;
  padding-left: 270px;
  cursor: pointer;
}
.repo-encryt-page .dialog-page-content .text-title {
  padding: 8px 10px 28px 10px;
  height: 30px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  cursor: pointer;
}
.repo-encryt-page .dialog-page-content-qr .qr-code {
  text-align: center;
}
.repo-encryt-page .dialog-page-content-qr .qr-code .qr-code-img {
  margin-top: 57px;
  border: 1px solid #e2e2e2;
  width: 200px;
  height: 200px;
}
.repo-encryt-page .dialog-page-content-qr .qr-info {
  padding-top: 10px;
  font-size: 14px;
  width: 460px;
  margin-left: -50px;
}
.repo-encryt-page .dialog-page-content-qr .qr-info .dcw-self-model-imgbottom-div .dcw-self-model-imgbottom-icon {
  margin: 15px auto;
  height: 38px;
  width: 38px;
  background: url('qr_auth/img/error-appicon@3x.png') no-repeat;
  background-size: 100%;
  vertical-align: top;
}
.repo-encryt-page .dialog-page-content-qr .qr-info .dcw-self-model-imgbottom-div .dcw-self-model-imgbottom-icon-success {
  margin: 15px auto;
  text-align: center;
  height: 38px;
  width: 38px;
  background: url('qr_auth/img/success-appicon@3x.png') no-repeat;
  background-size: 100%;
  vertical-align: top;
}
.repo-encryt-page .dialog-page-content-qr .qr-info .dcw-self-model-imgbottom-div .dcw-self-model-imgbottom-txt .dcw-qr-info {
  margin: 15px auto;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-align: center;
  width: 160px;
}
.repo-encryt-page .dialog-page-content-qr .qr-info .dcw-self-model-imgbottom-div .dcw-self-model-imgbottom-txt .dcw-qr-txt {
  text-align: center;
  width: 160px;
  margin: 15px auto;
  display: block;
}
.repo-encryt-page .dialog-page-content-qr .qr-tips {
  margin-top: 54px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #737373;
  margin-bottom: 97px;
}
.repo-encryt-page .dialog-page-content-qr .qr-tips-2 {
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #737373;
  margin-bottom: 36px;
}
.repo-encryt-page .diaglo-page-bottom-btn {
  text-align: center;
  margin-top: 50px;
}
.repo-encryt-page .diaglo-page-bottom-btn .main-btn {
  display: inline-block;
  width: 100px;
}
.repo-encryt-page .diaglo-page-bottom-btn .btn-disable {
  border-bottom: 100px;
  padding: 10px 50px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  color: #a9a9a9;
  font-size: 12px;
  font-weight: normal;
  border-color: #f8f8f9;
  cursor: pointer;
}
.repo-encryt-page .diaglo-page-commonbottom-btn {
  text-align: center;
}
.repo-encryt-page .diaglo-page-commonbottom-btn .main-btn {
  display: inline-block;
}
.repo-encryt-page .diaglo-page-commonbottom-btn .btn-disable {
  border-bottom: 100px;
  padding: 10px 50px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  color: #a9a9a9;
  font-size: 12px;
  font-weight: normal;
  border-color: #f8f8f9;
  cursor: pointer;
}
.repo-encryt-page .diaglo-page-commonbottom-btn .forgetpassword {
  color: #fa8919;
  font-size: 14px;
  padding-left: 10px;
  cursor: pointer;
}

.open-client-page {
  padding: 30px 50px 20px;
}
.open-client-page .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.open-client-page .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.open-client-page .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.open-client-page .dialog-page-content .info {
  width: 360px;
  height: 40px;
  border-radius: 5px;
  margin-left: -22px;
  margin-top: 15px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #999999;
}
.open-client-page .dialog-page-content .info input {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.open-client-page .dialog-page-content .info input:focus {
  border-radius: 5px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fefeff;
  border: solid 1px #f7c499;
}
.open-client-page .dialog-page-content .notice {
  margin: 15px auto 0;
  width: 352px;
  height: 60px;
  border-radius: 4px;
  background-color: #fff9c4;
  padding: 8px 16px;
  font-size: 12px;
}
.open-client-page .dialog-page-content .checkbox {
  margin-left: -22px;
  margin-top: 40px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #999999;
}
.open-client-page .dialog-page-content .checkbox i {
  cursor: pointer;
}
.open-client-page .dialog-page-content .checkbox .ibass-checked {
  width: 16px;
  height: 16px;
  color: #ed6c00;
}
.open-client-page .dialog-page-content .checkbox .checked-text {
  color: #ed6c00;
}
.open-client-page .diaglo-page-bottom-btn {
  text-align: center;
  margin-top: 15px;
}
.open-client-page .diaglo-page-bottom-btn .main-btn {
  display: inline-block;
}
.open-client-page .diaglo-page-bottom-btn .btn-disable {
  padding: 10px 50px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  color: #a9a9a9;
  font-size: 12px;
  font-weight: normal;
  border-color: #f8f8f9;
  cursor: pointer;
  margin-bottom: 20px;
}
.open-client-page .diaglo-page-bottom-btn .forgetpassword {
  color: #fa8919;
  font-size: 14px;
  padding-left: 10px;
}
.open-client-page .loading-anminate {
  display: inline-block;
  width: 30px;
  height: 20px;
  line-height: 20px;
  vertical-align: bottom;
  animation: loading 2s linear infinite;
  white-space: nowrap;
  overflow: hidden;
}
.open-client-page .loading-anminate span {
  display: inline-block;
  border: 1.5px solid #a9a9a9;
  border-radius: 1.5px;
}
@keyframes loading {
  0% {
    width: 0px;
  }
  33% {
    width: 10px;
  }
  66% {
    width: 20px;
  }
  100% {
    width: 30px;
  }
}

.file-rename-page {
  padding: 30px 50px 20px;
  width: 450px;
  height: 245px;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
}
.file-rename-page .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
}
.file-rename-page .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.file-rename-page .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.file-rename-page .dialog-page-content .text {
  text-align: center;
}
.file-rename-page .dialog-page-content .info {
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.file-rename-page .dialog-page-content .info input {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
}
.file-rename-page .diaglo-page-bottom-btn {
  padding-top: 50px;
  text-align: center;
}
.file-rename-page .diaglo-page-bottom-btn .main-btn {
  display: inline-block;
}
.file-rename-page .diaglo-page-bottom-btn .forgetpassword {
  color: #fa8919;
  font-size: 14px;
  padding-left: 10px;
}

.repo-rename-page {
  padding: 30px 50px 20px;
  width: 450px;
  height: 245px;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
}
.repo-rename-page .dialog-page-title {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
}
.repo-rename-page .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.repo-rename-page .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.repo-rename-page .dialog-page-content .text {
  text-align: right;
}
.repo-rename-page .dialog-page-content .info {
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.repo-rename-page .dialog-page-content .info input {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
}
.repo-rename-page .diaglo-page-bottom-btn {
  padding-top: 50px;
  text-align: center;
}
.repo-rename-page .diaglo-page-bottom-btn .main-btn {
  display: inline-block;
}
.repo-rename-page .diaglo-page-bottom-btn .forgetpassword {
  color: #fa8919;
  font-size: 14px;
  padding-left: 10px;
}

.me-document .ibass-filetype-folder {
  vertical-align: middle;
  color: #07cfda;
}
.me-document {
  padding: 0px 25px 2px 25px;
  color: #4a4a4a;
}
.me-document .l-subtle {
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  top: 0px;
}
.me-document a.l-title {
  padding-left: 9px!important;
  position: relative;
  top: 4px;
  line-height: 36px;
}
.me-document .s-title {
  font-size: 16px;
  padding-top: 4px;
}
.me-document .s-title {
  font-size: 16px;
}
.me-document .lastpage {
  font-size: 12px;
  padding: 4px!important;
}
.me-document .common-inner-nav {
  position: relative;
  padding: 10px 17px;
  float: left;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  box-sizing: border-box;
}
.me-document .common-inner-nav .main-btn {
  line-height: 34px;
  height: 34px;
}
.me-document .common-inner-nav .main-btn:before {
  margin: -3px 5px 0 0;
  font-size: 12px;
}
.me-document .common-inner-nav .checknum {
  cursor: pointer;
  font-size: 12px;
  line-height: 32px;
  background: #f8f8f9;
  padding: 7px 0 7px 14px;
  border-radius: 18px;
}
.me-document .common-inner-nav .checknum i {
  color: #fdba78;
  margin-right: 10px;
}
.me-document .common-inner-nav .checknum i:hover {
  color: #fa8919;
}
.me-document .common-inner-nav .file {
  position: relative;
  display: inline-block;
  text-decoration: none;
  text-indent: 0;
}
.me-document .common-inner-nav .file input {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
.me-document .common-inner-nav .file:hover {
  text-decoration: none;
}
.me-document .common-inner-nav .l-title {
  padding-left: 14px;
  color: #4a4a4a;
  line-height: 33px;
  font-size: 14px;
  display: inline;
  vertical-align: middle;
}
.me-document .common-inner-nav .s-title {
  color: #4a4a4a;
  font-family: PingFangSC;
  font-size: 14px;
  display: inline;
}
.me-document .common-inner-nav .lastpage {
  color: #8a94a0;
  display: inline!important;
  position: relative;
  top: 6px;
}
.me-document .common-inner-nav .location {
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  line-height: 42px;
  width: 55%;
}
.me-document .common-inner-nav .location span {
  color: #ed6c00;
  font-weight: normal;
  float: left;
}
.me-document .common-inner-nav .location span:not(:first-child) {
  float: left;
  cursor: pointer;
}
.me-document .common-inner-nav .location span:not(:first-child):before {
  content: "/";
  color: #a9a9a9;
  margin: 0 5px 0 2px;
}
.me-document .common-inner-nav .location span:last-child {
  float: left;
  color: #4a4a4a;
  font-weight: bold;
}
.me-document .common-inner-nav .operation {
  font-weight: normal;
  display: inline-block;
  line-height: 38px;
}
.me-document .common-inner-nav .operation i {
  color: #cdc9c5;
}
.me-document .common-inner-nav .operation .delete {
  font-size: 12px;
  padding-right: 12px;
  cursor: pointer;
}
.me-document .common-inner-nav .operation .delete:hover i {
  color: #fa8919;
}
.me-document .common-inner-nav .operation .delete i {
  margin-right: 5px;
}
.me-document .common-inner-nav .operation .edit {
  font-size: 12px;
  padding-right: 12px;
  margin-left: 12px;
  cursor: pointer;
}
.me-document .common-inner-nav .operation .edit:hover i {
  color: #fa8919;
}
.me-document .common-inner-nav .operation .edit i {
  color: #cdc9c5;
  margin-right: 5px;
}
.me-document .common-inner-nav .operation .convert {
  line-height: 20px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 10px;
  text-align: center;
  color: #4a4a4a;
  border: solid 1px #ebebeb;
  float: left;
  left: 0;
  box-sizing: border-box;
}
.me-document .common-inner-nav .operation .convert span {
  width: 20px;
  height: 18px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #ebebeb;
}
.me-document .common-inner-nav .operation .convert span span {
  color: #cdc9c5;
  font-size: 16px;
}
.me-document .common-inner-nav .operation .convert span a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.me-document .common-inner-nav .operation .convert span:first-child {
  border-radius: 3px 0 0 3px;
  left: 2px;
}
.me-document .common-inner-nav .operation .convert span:last-child {
  border-right: 0;
  border-radius: 0 3px 3px 0;
  right: 2px;
}
.me-document .common-inner-nav .operation .convert span.active {
  background-color: #fdba78;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.me-document .common-inner-nav .operation .convert span.active span {
  color: #fcfcfb;
}
.me-document .common-inner-nav .operation .convert span:hover {
  background-color: #fcfcfb;
}
.me-document .common-inner-nav .operation .convert span:hover span {
  border-top: solid 1px #ebebeb;
  color: #fdba78;
}
.me-document .searchBox {
  width: 175px;
  height: 30px;
  border-radius: 20px;
  margin-right: 17px;
  position: relative;
}
.me-document .searchBox input {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  text-indent: 25px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  color: #a9a9a9;
}
.me-document .searchBox .ibass-search {
  position: absolute;
  color: #cdc9c5;
  left: 9px;
  top: 8px;
}
.me-document .batchFile {
  margin-right: 20px;
}
.me-document .batchFile .prompt {
  line-height: 30px;
  margin-right: 6px;
  margin-top: 3px;
}
.me-document .batchFile .moveBtn {
  width: 68px;
  height: 28px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #4a4a4a;
  margin-right: 10px;
  margin-top: 3px;
  cursor: pointer;
}
.me-document .batchFile .moveBtn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.me-document .batchFile .deleteBtn {
  width: 70px;
  height: 30px;
  border-radius: 20px;
  background-color: #f72b44;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  margin-top: 3px;
  cursor: pointer;
}
.me-document .batchFile .deleteBtn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.me-document .createFile {
  cursor: pointer;
  float: right;
  width: 120px;
  border-radius: 20px;
  height: 36px;
  line-height: 36px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.me-document .createFile .createFileDropMenu {
  display: none;
}
.me-document .common-inner-table {
  border-spacing: 0;
  color: #4a4a4a;
  text-align: left;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  border: 0;
}
.me-document .common-inner-table .suspension-frame {
  width: 100%;
  height: 46px;
  position: absolute!important;
  left: 0px;
  top: 0px;
}
.me-document .common-inner-table .all-class {
  font-size: 16px;
  float: left;
  line-height: 41px;
  padding-right: 14px;
}
.me-document .common-inner-table .all-check:hover {
  color: #fa8919;
}
.me-document .common-inner-table .prompt-box {
  position: absolute!important;
  left: 0;
  top: -50px;
}
.me-document .common-inner-table .prompt-box .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 9px;
  border-color: transparent;
  position: absolute;
  border-top-color: #fa8919;
  left: 360%;
  top: 54px;
  margin-left: -11px;
}
.me-document .common-inner-table .prompt-box .triangle:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 8px;
  border-color: transparent;
  position: absolute;
}
.me-document .common-inner-table .prompt-box .tooltip {
  border: 1px solid #fa8919;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  width: 150px;
}
.me-document .common-inner-table .prompt-box .tooltip span {
  color: #f60;
}
.me-document .common-inner-table th {
  min-width: 5%;
  box-sizing: border-box;
  font-weight: inherit;
  line-height: 34px;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
}
.me-document .common-inner-table th .ibass-checkbox {
  font-size: 16px;
  color: #cdc9c5;
  padding-right: 14px;
}
.me-document .common-inner-table th .ibass-checked {
  font-size: 16px;
  color: #fa8919;
  padding-right: 14px;
}
.me-document .common-inner-table thead {
  line-height: 34px;
}
.me-document .common-inner-table td {
  line-height: 41px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  white-space: nowrap;
}
.me-document .common-inner-table td .doc-error {
  cursor: default;
}
.me-document .common-inner-table td .ibass-warning {
  color: #f00;
}
.me-document .common-inner-table td .ibass-checkbox {
  font-size: 16px;
  color: #cdc9c5;
  padding-right: 14px;
}
.me-document .common-inner-table td .ibass-checked {
  font-size: 16px;
  color: #fa8919;
  padding-right: 14px;
}
.me-document .common-inner-table td a {
  float: left;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.me-document .common-inner-table {
  margin: 5px 0;
}
.me-document .common-inner-table tr {
  line-height: 42px;
}
.me-document .common-inner-table tr .icongroup-new {
  line-height: 42px;
  text-align: right;
  padding-right: 25px;
}
.me-document .common-inner-table tr .icongroup-new .normal-btn {
  width: 80px;
  height: 35px;
  border-radius: 50px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  margin-right: 10px;
  visibility: hidden;
}
.me-document .common-inner-table tr .icongroup-new .ibass-ellipses {
  font-size: 14px;
  cursor: pointer;
  color: #8590a6;
}
.me-document .common-inner-table tr:hover,
.me-document .common-inner-table .active {
  cursor: pointer;
  background: #f8f8f9;
}
.me-document .common-inner-table tr:hover {
  cursor: pointer;
}
.me-document .common-inner-table tr:hover .icongroup {
  text-align: right;
}
.me-document .common-inner-table tr:hover .icongroup i {
  font-size: 16px;
  visibility: visible;
  color: #fdba78;
  padding-right: 4px;
}
.me-document .common-inner-table tr:hover .icongroup i:hover {
  color: #fa8919;
}
.me-document .common-inner-table tr:hover .icongroup-new {
  line-height: 42px;
  text-align: right;
  padding-right: 25px;
}
.me-document .common-inner-table tr:hover .icongroup-new .normal-btn {
  width: 80px;
  height: 35px;
  border-radius: 50px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  margin-right: 10px;
  visibility: visible;
}
.me-document .common-inner-table tr:hover .icongroup-new .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
}
.me-document .common-inner-table tr:hover .icongroup-new .ibass-ellipses:hover {
  color: #8590a6;
}
.me-document .history-table {
  font-size: 14px;
}
.me-document .history-table thead {
  font-size: 12px;
}
.me-document .history-table .img {
  padding-top: 10px;
  padding-left: 10px;
  width: 40px;
}
.me-document .history-table .img img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.me-document .history-table .name {
  width: 110px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.me-document .history-table .time {
  cursor: pointer;
}
.me-document .history-table .time i {
  font-size: 12px;
  margin-left: 4px;
}
.me-document .history-table .time:hover i,
.me-document .history-table .active i {
  color: #fa8919;
}
.me-document .history-table .size {
  width: 100px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.me-document .history-table .file .filename {
  width: 340px;
  padding-right: 10px;
  float: left;
  height: 20px;
  line-height: 20px;
}
.me-document .history-table .file .filename p {
  max-width: 260px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.me-document .history-table .file .filename span {
  width: 70px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #fa8919;
  font-size: 12px;
  font-color: #fa8919;
  color: #fa8919;
  weight: 12;
  padding: 0 2px 0 2px;
  margin-left: 4px;
}
.me-document .history-table .file .detail {
  font-size: 12px;
  line-height: 12px;
  color: #a9a9a9;
  float: left;
}
.me-document .history-table .file .detail .dpt {
  margin-right: 12px;
  float: left;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.me-document .history-table .file .detail .size {
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  color: #a9a9a9;
}
.me-document .history-table .oper {
  width: 150px;
  padding-left: 10px;
}
.me-document .history-table .oper span {
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  height: 16px;
  line-height: 16px;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 12px;
  display: inline-block;
  float: left;
}
.me-document .history-table .oper .add {
  background: #fa8919;
  color: #fff;
}
.me-document .history-table .oper .create {
  background: #fa8919;
  color: #fff;
}
.me-document .history-table .oper .delete {
  background: #f72b44;
  color: #fff;
}
.me-document .history-table .oper .clean-up-repo-trash-item {
  background: #f72b44;
  color: #fff;
}
.me-document .history-table .oper .clean-up-repo-trash {
  background: #f72b44;
  color: #fff;
}
.me-document .history-table .oper .edit {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .oper .move {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .oper .recover {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .oper .rename {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .oper .other {
  background: #f8f8f9;
  color: #737373;
}
.me-document .history-table .icongroup {
  width: 80px;
  text-align: center;
}
.me-document .history-table tbody .time {
  color: #a9a9a9;
}
.me-document .common-inner-table tr td div a {
  display: none;
}
.me-document .common-inner-table tbody tr:hover {
  background: #f8f8f9;
}
.me-document .common-inner-table tbody tr:hover td div a {
  color: #cdc9c5;
  display: block;
}
.me-document .common-inner-table .tr-icon {
  padding-right: 14px;
  font-size: 16px;
  vertical-align: middle;
}
.me-document .upload-error {
  padding-top: 150px;
}
.me-document .upload-error .content {
  font-size: 12px;
}
.me-document .upload-error .content div {
  height: 17px;
}
.me-document .upload-error .content .edit-error {
  color: #f72b44;
  margin-right: 12px;
}
.me-document .upload-error .content .edit-error .icon {
  font-size: 16px;
  margin-right: 5px;
  margin-top: -3px;
}
.me-document .upload-error .content .edit-retry {
  color: #fa8919;
  margin-right: 10px;
}
.me-document .upload-error .content .edit-retry .icon {
  font-size: 14px;
  margin-right: 5px;
  margin-top: -2px;
}
.me-document .upload-error .content .edit-close {
  border-left: 1px solid #f0f0f0;
  padding-left: 10px;
  color: #cdc9c5;
}
.me-document .upload-error .content .edit-close .icon {
  font-size: 14px;
  margin-right: 5px;
  margin-top: -1px;
}
.me-document .circle {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 10px;
}
.me-document .circle .item {
  float: left;
  width: 50%;
  height: 100%;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
.me-document .circle .item a {
  font-size: 10px;
  color: #c7d1da;
  width: 16px;
  height: 16px;
}
.me-document .circle .item:not(:last-child) {
  border-right: 1px solid #ccc;
  width: 31px;
}
.me-document .circle .item:hover a {
  color: #1e8aff;
}
.me-document .circle .checked {
  background-color: #fcfdfe;
}
.me-document .circle .checked a {
  color: #1e8aff;
}
.me-document .docc-dropdown {
  position: relative;
}
.me-document .docc-dropdown .doc-dropdown-list {
  position: absolute;
  left: 6px;
  top: -22px;
  transform: translate(-50%, 15px);
  width: 120px;
  padding: 10px 0;
  border: solid 1px #dadada;
  z-index: 100;
  text-align: left;
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 10px #9b9b9b;
}
.me-document .docc-dropdown .doc-dropdown-list:before,
.me-document .docc-dropdown .doc-dropdown-list:after {
  content: "";
  display: block;
  border-width: 10px;
  position: absolute;
  top: -20px;
  left: 50%;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3;
  transform: translateX(-50%);
}
.me-document .docc-dropdown .doc-dropdown-list:after {
  top: -20px;
  border-color: transparent transparent #3d3d3d;
}
.me-document .docc-dropdown .doc-dropdown-list li {
  white-space: nowrap;
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
}
.me-document .docc-dropdown .doc-dropdown-list li a {
  padding-left: 5px;
}
.me-document .docc-dropdown .doc-dropdown-list li font {
  font-family: PingFangSC;
  padding: 5px;
  color: #4a4a4a;
}
.me-document .doc-dropdown {
  position: relative;
}
.me-document .doc-dropdown .doc-dropdown-list {
  position: absolute;
  left: 6px;
  top: -22px;
  transform: translate(-50%, 15px);
  width: 120px;
  padding: 10px 0;
  border: solid 1px #dadada;
  z-index: 100;
  text-align: left;
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 10px #9b9b9b;
}
.me-document .doc-dropdown .doc-dropdown-list:before,
.me-document .doc-dropdown .doc-dropdown-list:after {
  content: "";
  display: block;
  border-width: 10px;
  position: absolute;
  top: -20px;
  left: 50%;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3;
  transform: translateX(-50%);
}
.me-document .doc-dropdown .doc-dropdown-list:after {
  top: -20px;
  border-color: transparent transparent #FFF;
}
.me-document .doc-dropdown .doc-dropdown-list li {
  white-space: nowrap;
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
}
.me-document .doc-dropdown .doc-dropdown-list li:hover {
  background: #282828;
  cursor: pointer;
}
.me-document .doc-dropdown .doc-dropdown-list li a {
  padding-left: 5px;
}
.me-document .doc-dropdown .doc-dropdown-list li font {
  font-family: PingFangSC;
  padding: 5px;
  color: #4a4a4a;
}
.me-document .ibass-filetype-ppt {
  color: #d04424;
}
.me-document .ibass-filetype-pdf {
  color: #e3574d;
}
.me-document .ibass-filetype-image {
  color: #07cfda;
}
.me-document .ibass-filetype-doc {
  color: #0a96e5;
}
.me-document .ibass-filetype-excel {
  color: #1c7044;
}
.me-document .ibass-filetype-zip {
  color: #9d7120;
}
.me-document .ibass-filetype-music {
  color: #a7d638;
}
.me-document .ibass-filetype-video {
  color: #d94ff5;
}
.me-document .ibass-filetype-default {
  color: #cdc9c5;
}
.me-document .ibass-trig-down,
.me-document .ibass-trig-up {
  font-size: 14px;
  padding-left: 5px;
  display: inline-block;
  color: #9b9b9b;
  visibility: visible;
}
.me-document .ibass-trig-down:hover,
.me-document .ibass-trig-up:hover {
  color: #fa8919;
}
.me-document .thover:hover .ibass-trig-down,
.me-document .thover:hover .ibass-trig-up {
  color: #fa8919;
}
.me-document-ngdialog-template {
  padding-bottom: 160px;
  padding-top: 300px;
}
.me-document-ngdialog-template .ngdialog-overlay {
  background: none!important;
}
.me-document-ngdialog-template .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  color: #444;
  font-family: Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px;
  position: relative;
  width: 900px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
}
.me-document-ngdialog-template .ngdialog-content .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 30px;
  color: #bbb;
}
#choose {
  padding: 30px 20px;
  overflow: hidden;
  min-height: 300px;
}
#choose .panel-heading {
  text-align: center;
}
#choose .panel-body ul {
  overflow-y: auto;
}
#choose .panel-body ul li {
  border-bottom: 1px solid #ebebeb;
  min-height: 30px;
  line-height: 30px;
}
#choose .panel-body ul li i:before {
  color: #07cfda;
}
#choose .panel-body ul li:hover {
  background: #f8f8f8;
}
#choose .panel-footer {
  text-align: center;
  padding-top: 10px;
}
#choose .panel-footer .s-btn {
  width: 100px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 0;
  color: #4a4a4a;
}
#choose .panel-footer .s-btn:nth-child(1) {
  background: #fa8919;
  color: #fff;
}
.document-details {
  position: relative;
  min-height: 815px;
}
.document-details .left-content {
  position: absolute;
  left: 0;
  height: 100%;
  width: 64%;
  border-right: solid 1px #ececec;
}
.document-details .left-content .document-name {
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  border-bottom: solid 2px #ececec;
}
.document-details .left-content .document-name i {
  color: #c7d1da;
}
.document-details .left-content .document-name .name {
  display: inline-block;
  width: 80px;
  color: #8a94a0;
  font-size: 16px;
}
.document-details .left-content .document-name .btn a {
  margin-right: 15px;
  color: #79aad1;
  font-size: 16px;
}
.document-details .left-content .document-name .btn-left a {
  margin-right: 10px;
  color: #79aad1;
  font-size: 20px;
}
.document-details .left-content .document-content {
  margin: 0 20px;
  padding: 14px 0;
  font-size: 14px;
  border-bottom: solid 1px #ececec;
}
.document-details .left-content .document-content .item {
  height: 32px;
  line-height: 32px;
}
.document-details .left-content .document-content .item .name {
  margin-left: 11px;
  width: 100px;
  color: #8a94a0;
}
.document-details .left-content .document-content .item .icon {
  font-size: 14px;
  color: #79aad1;
}
.document-details .right-content {
  position: absolute;
  right: 0;
  height: 100%;
  width: 36%;
}
.document-details .right-content .btn {
  height: 50px;
  padding: 0 20px;
  border-bottom: solid 2px #ececec;
}
.document-details .right-content .btn .next {
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  margin-top: 9px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
}
.document-details .right-content .btn .next .item {
  cursor: pointer;
  width: 60px;
  padding: 0 10px;
}
.document-details .right-content .btn .next .item:hover {
  color: #79aad1;
}
.document-details .right-content .btn .next .item:hover a {
  color: #79aad1;
}
.document-details .right-content .btn .close-page {
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  position: absolute;
  right: -17px;
  top: -17px;
  line-height: 34px;
  text-align: center;
}
.document-details .right-content .btn .close-page a {
  color: #79aad1;
}
.document-details .right-content .message {
  padding: 0 20px;
  margin-top: 10px;
}
.document-details .right-content .message .info {
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  color: #8a94a0;
  clear: both;
}
.document-details .right-content .message .comment {
  margin-top: 9px;
}
.document-details .right-content .message .comment img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.document-details .right-content .message .comment .name {
  font-weight: 500;
}
.document-details .right-content .message .comment .time {
  color: #8a94a0;
  margin-left: 5px;
}
.document-details .right-content .message .comment .desc {
  margin-bottom: 15px;
}
.document-details .right-content .add-comment {
  clear: both;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 94px;
  background-color: #fcfdfe;
  border-top: solid 1px #ececec;
}
.document-details .right-content .add-comment textarea {
  border: none;
  border-left: solid 1px #ececec;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: transparent;
}
.uk-notify .close {
  display: none;
}
.uk-notify .ibass-close {
  color: #fff;
}
#recycle-table .name p {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: inline-block;
  vertical-align: top;
}

.confirm-dig-popover {
  width: 240px;
  height: 105px;
  text-align: center;
  border: none!important;
  color: #ffffff;
  border-radius: 8px!important;
  background-color: #3d3d3d!important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3) !important;
  position: relative;
}
.confirm-dig-popover .confirm-dig-popover-title {
  font-size: 14px;
  padding-top: 24px;
}
.confirm-dig-popover .confirm-dig-popover-btn {
  font-size: 12px;
}
.confirm-dig-popover .confirm-dig-popover-btn .confirm-dig-popover-cancel,
.confirm-dig-popover .confirm-dig-popover-btn .confirm-dig-popover-confirm {
  width: 90px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  bottom: 15px;
  position: absolute;
  cursor: pointer;
}
.confirm-dig-popover .confirm-dig-popover-btn .confirm-dig-popover-cancel {
  left: 15px;
  background-color: #515151;
}
.confirm-dig-popover .confirm-dig-popover-btn .confirm-dig-popover-confirm {
  right: 15px;
  font-weight: 500;
  background-color: #fa8919;
}

.export-sift {
  width: 580px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  font-family: PingFangSC;
  position: relative;
}
.export-sift .e-s-close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.export-sift .e-s-split-line {
  width: 480px;
  margin: 50px auto 40px;
  height: 0;
  border-top: solid 1px #ececec;
}
.export-sift .e-s-split-line .e-s-title {
  margin: -11px auto 0px;
  width: 124px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  background: #ffffff;
}
.export-sift .e-s-content {
  width: 480px;
  margin: 20px auto 40px;
  font-size: 14px;
  line-height: inherit;
}
.export-sift .e-s-content .e-s-sift-options {
  margin-top: 20px;
  padding-left: 82px;
  position: relative;
  height: auto;
}
.export-sift .e-s-content .e-s-sift-options .e-s-option-name {
  position: absolute;
  width: 70px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  color: #4a4a4a;
}
.export-sift .e-s-content .e-s-sift-options .e-s-option-name-regular {
  position: absolute;
  width: 70px;
  left: 0;
  top: 0;
  text-align: left;
  color: #4a4a4a;
}
.export-sift .e-s-content .e-s-sift-options div {
  position: relative;
  float: left;
}
.export-sift .e-s-content .e-s-sift-options #e-s-curattendee {
  height: 24px;
  color: #4a4a4a;
  position: relative;
  top: 4px;
  cursor: pointer;
  line-height: normal;
}
.export-sift .e-s-content .e-s-sift-options #e-s-curattendee span {
  font-size: 14px;
}
.export-sift .e-s-content .e-s-sift-options #e-s-curattendee .bass-trig-down {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  color: #cdc9c5;
}
.export-sift .e-s-content .e-s-sift-options .e-s-time-range {
  height: 32px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.export-sift .e-s-content .e-s-sift-options .e-s-time-range .e-s-time-fast-select {
  height: 20px;
  color: #a9a9a9;
  text-align: center;
  padding-right: 7px;
}
.export-sift .e-s-content .e-s-sift-options .e-s-time-range .e-s-time-start-stop {
  height: 20px;
  color: #4a4a4a;
  padding: 0 9px;
  border-left: 1px solid #ececec;
}
.export-sift .e-s-content .e-s-sift-options .e-s-time-range-desc {
  line-height: 32px;
  margin-left: 15px;
  color: #cdc9c5;
  cursor: pointer;
}
.export-sift .e-s-content .e-s-sift-options .e-s-time-range-desc:hover {
  color: #fa8919;
}
.export-sift .e-s-content .e-s-sift-options .e-s-task-item-wrap {
  width: 90px;
  float: left;
}
.export-sift .e-s-content .e-s-sift-options .e-s-task-item-wrap .e-s-status-item {
  position: relative;
  padding-left: 20px;
  line-height: 20px;
}
.export-sift .e-s-content .e-s-sift-options .e-s-task-item-wrap .e-s-status-item .e-s-status-checkbox,
.export-sift .e-s-content .e-s-sift-options .e-s-task-item-wrap .e-s-status-item .e-s-status-radio {
  position: absolute;
  top: 0;
  left: 3px;
  color: #cdc9c5;
  cursor: pointer;
  font-size: 16px;
}
.export-sift .e-s-content .e-s-sift-options .e-s-task-item-wrap .e-s-status-item .e-s-status-select {
  position: absolute;
  top: 0;
  left: 3px;
  color: #fa8919;
  cursor: pointer;
  font-size: 16px;
}
.export-sift .e-s-content .e-s-sift-options .e-s-task-item-wrap .e-s-status-item .e-s-status-name {
  display: inline-block;
  margin-left: 5px;
  color: #4a4a4a;
  cursor: pointer;
}
.export-sift .e-s-content .e-s-sift-options .e-s-task-item-wrap .disabled-devide-basis {
  cursor: not-allowed !important;
  color: #a9a9a9 !important;
}
.export-sift .e-s-content .e-s-sift-options .e-s-matter-info-desc {
  width: 238px;
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #a9a9a9;
}
.export-sift .e-s-content .e-s-sift-options::after,
.export-sift .e-s-content .e-s-float-clear::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  clear: both;
  overflow: hidden;
}
.export-sift .e-s-content .e-s-by-attendee .ns-popover-tooltip-user-list {
  position: static;
}
.export-sift .e-s-content .e-s-by-attendee .triangle {
  position: absolute;
}
.export-sift .e-s-content .e-s-by-attendee .ns-popover-item-selected {
  position: relative;
}
.export-sift .e-s-export-confirm {
  display: block;
  width: 130px;
  height: 36px;
  margin: -4px auto;
  border: none;
  font-size: 12px;
  line-height: 36px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 18px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.timeRangeDescWrap {
  padding: 10px;
}
.timeRangeDesc {
  padding: 0px 0px 8px 5px;
}
.timingDesc {
  width: 350px;
  padding: 10px;
}

.task-attachment .ns-popover-tooltip {
  width: 270px;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-top {
  height: 44px;
  line-height: 44px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-top .return {
  font-size: 16px;
  color: #cdc9c5;
  position: absolute;
  left: 10px;
  top: -1px;
  cursor: pointer;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-top .selected {
  text-align: center;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-top .close {
  color: #737373;
  position: absolute;
  right: 16px;
  top: 0px;
  cursor: pointer;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items {
  height: 240px;
  overflow-y: auto;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item {
  height: 40px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  padding-left: 10px;
  clear: both;
  cursor: pointer;
  text-align: left;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item:hover {
  background-color: #f8f8f9;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .icon {
  float: left;
  margin-right: 7px;
  font-size: 18px;
  line-height: 2.22;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .name {
  float: left;
  line-height: 2.86;
  width: 188px;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-folder {
  color: #07cfda;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-ppt {
  color: #d04424;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-pdf {
  color: #e3574d;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-image {
  color: #07cfda;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-doc {
  color: #0a96e5;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-excel {
  color: #1c7044;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-zip {
  color: #9d7120;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-music {
  color: #a7d638;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-video {
  color: #d94ff5;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item .ibass-filetype-default {
  color: #cdc9c5;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item-selected {
  background-color: #f8f8f9;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-attachment-items .ns-popover-item-selected .confirm {
  color: #fa8919;
  margin-right: 13px;
  line-height: 2.81;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-bottom {
  height: 57px;
  position: relative;
}
.task-attachment .ns-popover-tooltip .file-list .ns-popover-bottom .confirm-btn {
  width: 100px;
  height: 32px;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -16px;
}
.task-attachment .ns-popover-tooltip .matter-list .closePop {
  color: #737373;
  position: absolute;
  right: 23px;
  top: 25px;
  cursor: pointer;
}
.task-attachment .ns-popover-tooltip .matter-list .ns-popover-items {
  height: 180px;
  text-align: left;
}
.task-attachment .ns-popover-tooltip .matter-list .ns-popover-items .ns-popover-item .icon {
  width: 23px;
  float: left;
  color: #07cfda;
}
.task-attachment .ns-popover-tooltip .matter-list .ns-popover-items .ns-popover-item .name {
  float: left;
  width: 185px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-attachment .ns-popover-tooltip .matter-list .ns-popover-items .ns-popover-item:hover {
  background-color: #f8f8f9;
}
.task-attachment .ns-popover-tooltip .matter-list .ns-popover-items .ns-popover-item:hover .icon {
  font-size: 16px;
}
.task-attachment-matter-pop {
  left: 50%!important;
  top: 100%!important;
  transform: translateX(-50%);
  color: #4a4a4a;
}

.task-copy-tpl {
  font-size: 14px;
  color: #4a4a4a;
}
.task-copy-tpl .page-close {
  position: absolute;
  right: 17px;
  top: -24px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.task-copy-tpl .page-close .ibass-close:hover {
  color: #ed6c00;
}
.task-copy-tpl .page-title {
  width: 540px;
  margin: 41px auto 0;
  text-align: center;
}
.task-copy-tpl .page-title .line {
  padding-top: 11px;
  border-bottom: solid 1px #ebebeb;
}
.task-copy-tpl .page-title .name {
  width: 101px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  margin: -11px auto 0;
  background-color: white;
}
.task-copy-tpl .task-content {
  width: 540px;
  margin: 14px auto 0;
  padding-left: 8px;
}
.task-copy-tpl .task-content .task-name {
  position: relative;
}
.task-copy-tpl .task-content .task-name > input {
  padding-top: 40px;
  width: 100%;
  height: 60px;
  border: solid 1px #f0f0f0;
  font-size: 14px;
  outline: none;
  transition: all 0.3s;
  line-height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 20px;
}
.task-copy-tpl .task-content .task-name > label {
  position: absolute;
  left: 0;
  color: #a9a9a9;
}
.task-copy-tpl .task-content .task-name .label-noactive {
  font-size: 14px;
  line-height: 22px;
}
.task-copy-tpl .task-content .task-name .label-active {
  top: 10px !important;
  font-size: 12px;
}
.task-copy-tpl .task-content .task-name .ibass-required {
  color: red;
  position: absolute;
  right: 0;
  bottom: 0;
}
.task-copy-tpl .task-content .task-name .task-worktype {
  position: absolute;
  top: 14px;
  right: 0px;
}
.task-copy-tpl .task-content .row {
  min-height: 70px;
  padding: 4px;
  box-sizing: content-box;
  border-bottom: solid 1px #ebebeb;
  position: relative;
}
.task-copy-tpl .task-content .row .col {
  width: 50%;
  float: left;
}
.task-copy-tpl .task-content .row .col .desc {
  margin-top: 7px;
  line-height: 16px;
  font-size: 12px;
  position: relative;
  color: #a9a9a9;
}
.task-copy-tpl .task-content .row .col .matter {
  position: absolute!important;
  top: 65px!important;
  left: -90px !important;
}
.task-copy-tpl .task-content .row .col .taskGroup {
  position: absolute!important;
  top: 65px!important;
  left: 195px!important;
}
.task-copy-tpl .task-content .row .col .value {
  float: left;
  max-width: 100%;
  margin-top: 16px;
  line-height: 20px;
  cursor: pointer;
  z-index: 1;
}
.task-copy-tpl .task-content .row .col .value .value-name {
  float: left;
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-copy-tpl .task-content .row .col .value .ibass-trig-down {
  float: left;
  margin-left: 4px;
  color: #cdc9c5;
}
.task-copy-tpl .task-content .row .col .task-duetime {
  position: relative;
  z-index: 2;
}
.task-copy-tpl .task-content .row .col .task-duetime .value-name {
  padding-right: 22px;
  max-width: initial;
}
.task-copy-tpl .task-content .row .col .user-list {
  margin-top: 16px;
  float: left;
}
.task-copy-tpl .task-content .row .col .user-list .user {
  position: relative;
  height: 24px;
  margin-right: 5px;
  cursor: pointer;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-pic {
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  background-size: cover;
  background-color: #fa8919;
  color: white;
  text-align: center;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-pic .ibass-trig-down {
  display: none;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-pic:hover .user-number {
  display: none;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-pic:hover .ibass-trig-down {
  display: inline;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-name {
  float: left;
  line-height: 24px;
  margin-left: 5px;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-copy-tpl .task-content .row .col .user-add-btn {
  position: relative;
  float: left;
  margin-top: 16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 1px dashed #e8e8e8;
  border-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
}
.task-copy-tpl .task-content .row .col .user-add-btn .ibass-add {
  position: absolute;
  left: 4px;
  top: -1px;
  color: #f0f0f0;
}
.task-copy-tpl .task-content .row .col .user-add-btn:hover {
  border: 1px solid #fdba78;
}
.task-copy-tpl .task-content .row .col .user-add-btn:hover .ibass-add {
  color: #ed6c00;
}
.task-copy-tpl .task-content .row .col .lost-user {
  clear: both;
  line-height: 17px;
  padding-top: 8px;
  font-size: 12px;
}
.task-copy-tpl .task-content .row .col .lost-user .ibass-info,
.task-copy-tpl .task-content .row .col .lost-user .underline,
.task-copy-tpl .task-content .row .col .lost-user > span {
  float: left;
  color: #f72b44;
}
.task-copy-tpl .task-content .row .col .lost-user .underline {
  position: relative;
  margin-left: 6px;
  text-decoration: underline;
  cursor: pointer;
}
.task-copy-tpl .task-content .row .col .popover-disable {
  color: #cdc9c5;
  cursor: initial;
}
.task-copy-tpl .task-content .row .col .popover-disable .value-name {
  max-width: initial;
}
.task-copy-tpl .task-content .row .col-right {
  padding-left: 10px;
  box-sizing: border-box;
}
.task-copy-tpl .task-content .row .col-right .deadline-ibass {
  position: absolute;
  right: 0px;
  top: 8px;
  display: inline-block;
}
.task-copy-tpl .task-content .row .col-right .deadline-ibass .ibass-item {
  display: inline-block;
  color: #cdc9c5;
  margin-left: 5px;
}
.task-copy-tpl .task-content .row .line {
  position: absolute;
  right: 269px;
  top: 4px;
  bottom: 4px;
  border-left: solid 1px #ebebeb;
}
.task-copy-tpl .task-others {
  min-height: 210px;
}
.task-copy-tpl .task-others .show-content-panel .none-data {
  display: none;
}
.task-copy-tpl .task-others .show-content-panel .has-data {
  display: block;
}
.task-copy-tpl .task-others .attachemnt-drag-area {
  position: relative;
  z-index: 1;
}
.task-copy-tpl .task-others .none-data {
  text-align: center;
  padding: 76px 0;
}
.task-copy-tpl .task-others .none-data .item {
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.task-copy-tpl .task-others .none-data .item:hover i,
.task-copy-tpl .task-others .none-data .item:hover .btn-desc {
  color: #fa8919;
}
.task-copy-tpl .task-others .none-data .item:nth-child(n+2) {
  padding-left: 24px;
  margin-left: -5px;
  border-left: solid 1px #f0f0f0;
}
.task-copy-tpl .task-others .none-data .item:nth-child(1),
.task-copy-tpl .task-others .none-data .item:nth-child(2) {
  padding-right: 24px;
}
.task-copy-tpl .task-others .none-data .item i {
  line-height: 24px;
  font-size: 24px;
  color: #cdc9c5;
}
.task-copy-tpl .task-others .none-data .item .btn-desc {
  margin-top: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #a9a9a9;
}
.task-copy-tpl .task-others .has-data {
  display: none;
  padding: 0 50px 0 58px;
}
.task-copy-tpl .task-others .has-data .item {
  float: left;
}
.task-copy-tpl .task-others .has-data .item .item-btn {
  float: left;
  position: relative;
  margin-top: 20px;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-data .item .item-btn:hover i,
.task-copy-tpl .task-others .has-data .item .item-btn:hover .btn-desc {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-data .item .item-btn i {
  float: left;
  font-size: 14px;
  color: #cdc9c5;
}
.task-copy-tpl .task-others .has-data .item .item-btn .btn-desc {
  float: left;
  padding-left: 10px;
  margin-right: 14px;
  font-size: 14px;
  color: #737373;
}
.task-copy-tpl .task-others .has-data .item .description-content,
.task-copy-tpl .task-others .has-data .item .attachment-list {
  display: none;
}
.task-copy-tpl .task-others .has-data .item .description-content {
  padding: 30px 0 10px;
  position: relative;
}
.task-copy-tpl .task-others .has-data .item .description-content:hover .edit-btn {
  display: block;
}
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn {
  display: none;
  position: absolute;
  right: 0;
  top: 5px;
  line-height: 20px;
  font-size: 12px;
  color: #a9a9a9;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn i,
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn span {
  float: left;
}
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn span {
  margin-left: 4px;
}
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn:hover {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-data .item .description-content pre {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  line-height: inherit;
}
.task-copy-tpl .task-others .has-data .item .description-content pre a {
  color: #d3a279;
  text-decoration: underline;
  display: inline;
  margin: 0 2px;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing {
  position: relative;
  width: 100%;
  min-height: 125px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  padding: 12px 6px 45px 10px;
  font-size: 14px;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .textarea {
  position: relative;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .textarea textarea {
  width: 100%;
  min-height: 66px;
  padding: 0;
  border: none;
  background-color: transparent;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .textarea textarea,
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .textarea pre {
  line-height: 21px;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn {
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn .cancel-btn,
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn .save-btn {
  float: left;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn .cancel-btn {
  font-size: 14px;
  color: #a9a9a9;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn .save-btn {
  margin-left: 15px;
  width: 70px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  color: white;
}
.task-copy-tpl .task-others .has-data .item .attachment {
  clear: both;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
}
.task-copy-tpl .task-others .has-data .item .attachment:hover {
  background-color: #f8f8f9;
}
.task-copy-tpl .task-others .has-data .item .attachment:hover .ibass-close {
  display: inline;
}
.task-copy-tpl .task-others .has-data .item .attachment i,
.task-copy-tpl .task-others .has-data .item .attachment span {
  float: left;
}
.task-copy-tpl .task-others .has-data .item .attachment .name {
  padding-left: 10px;
  display: inline-block;
  max-width: 380px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-copy-tpl .task-others .has-data .item .attachment .size {
  padding-left: 10px;
  color: #a9a9a9;
  font-size: 12px;
}
.task-copy-tpl .task-others .has-data .item .attachment .ibass-close {
  display: none;
  float: right;
  margin-right: 10px;
  font-size: 14px;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-data .item .attachment .ibass-close:hover {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-data .hide-btn {
  width: 100%;
}
.task-copy-tpl .task-others .has-data .hide-btn .item-btn {
  display: none;
}
.task-copy-tpl .task-others .has-data .hide-btn .description-content {
  display: block;
}
.task-copy-tpl .task-others .has-data .item-line {
  clear: both;
  width: 188px;
  padding-top: 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #ececec;
}
.task-copy-tpl .task-others .has-data .show-attachment-list {
  width: 100%;
}
.task-copy-tpl .task-others .has-data .show-attachment-list .attachment-list {
  display: block;
}
.task-copy-tpl .task-others .has-data .show-attachment-list .item-btn {
  height: 32px;
  line-height: 32px;
  margin: 0;
}
.task-copy-tpl .task-others .has-checkitems {
  clear: both;
  margin: 25px 25px 0;
  font-size: 14px;
  background-color: #fffbf7;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems i,
.task-copy-tpl .task-others .has-checkitems span {
  float: left;
}
.task-copy-tpl .task-others .has-checkitems .hd,
.task-copy-tpl .task-others .has-checkitems .row,
.task-copy-tpl .task-others .has-checkitems .add-btn {
  clear: both;
  padding: 0 15px 0 32px;
  border-bottom: solid 1px #f0f0f0;
}
.task-copy-tpl .task-others .has-checkitems .hd .name,
.task-copy-tpl .task-others .has-checkitems .row .name,
.task-copy-tpl .task-others .has-checkitems .add-btn .name {
  margin-left: 15px;
}
.task-copy-tpl .task-others .has-checkitems .hd i,
.task-copy-tpl .task-others .has-checkitems .row i,
.task-copy-tpl .task-others .has-checkitems .add-btn i {
  color: #cdc8c5;
}
.task-copy-tpl .task-others .has-checkitems .hd {
  height: 46px;
  line-height: 46px;
}
.task-copy-tpl .task-others .has-checkitems .hd .name {
  font-weight: 500;
  color: #4a4a4a;
}
.task-copy-tpl .task-others .has-checkitems .hd .num {
  margin-left: 10px;
  color: #a9a9a9;
}
.task-copy-tpl .task-others .has-checkitems .row {
  min-height: 34px;
  line-height: 34px;
  position: relative;
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems .row .ibass-close {
  display: none;
  float: right;
}
.task-copy-tpl .task-others .has-checkitems .row .ibass-checked {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-checkitems .row .ibass-more {
  display: none;
  position: absolute;
  left: 0;
}
.task-copy-tpl .task-others .has-checkitems .row:hover .ibass-more,
.task-copy-tpl .task-others .has-checkitems .row:hover .ibass-close {
  display: inline-block;
}
.task-copy-tpl .task-others .has-checkitems .row i {
  display: inline-block;
  height: 34px;
  cursor: pointer;
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems .row i:hover {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-checkitems .row .name {
  float: left;
  width: 434px;
  height: 100%;
  min-height: 22px;
  line-height: 22px;
  padding: 6px 0;
  font-size: 14px;
  text-align: left;
  word-break: break-all;
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems .row .name > div {
  position: relative;
  min-height: 22px;
}
.task-copy-tpl .task-others .has-checkitems .row .name > div pre {
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems .row .item-done span {
  text-decoration: line-through;
}
.task-copy-tpl .task-others .has-checkitems .add-btn {
  float: left;
  border: none;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-checkitems .add-btn:hover {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-checkitems .add-btn:hover i {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-checkitems textarea {
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
}
.task-copy-tpl .task-others .has-checkitems textarea,
.task-copy-tpl .task-others .has-checkitems pre {
  line-height: 22px;
}
.task-copy-tpl .task-others .has-checkitems .true-to-del {
  display: inline-block;
  width: 78px;
}
.task-copy-tpl .task-others .has-checkitems .true-to-del .btn-del {
  margin-top: 5px;
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  vertical-align: text-bottom;
}
.task-copy-tpl .page-bottom {
  clear: both;
  margin: 27px 0 30px;
  font-size: 12px;
  text-align: center;
}
.task-copy-tpl .page-bottom .copy-btn {
  display: inline-block;
  width: 130px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
.task-copy-tpl .page-bottom .copying {
  background-color: #ebebee;
  color: #a9a9a9;
  cursor: initial;
}
.task-copy-tpl .page-bottom .copy-desc {
  margin-top: 15px;
  line-height: 16px;
  display: inline-block;
  color: #a9a9a9;
}
.task-copy-tpl .ibass-filetype-ppt {
  color: #d04424;
}
.task-copy-tpl .ibass-filetype-pdf {
  color: #e3574d;
}
.task-copy-tpl .ibass-filetype-image {
  color: #07cfda;
}
.task-copy-tpl .ibass-filetype-doc {
  color: #0a96e5;
}
.task-copy-tpl .ibass-filetype-excel {
  color: #1c7044;
}
.task-copy-tpl .ibass-filetype-zip {
  color: #9d7120;
}
.task-copy-tpl .ibass-filetype-music {
  color: #a7d638;
}
.task-copy-tpl .ibass-filetype-video {
  color: #d94ff5;
}
.task-copy-tpl .ibass-filetype-default {
  color: #cdc9c5;
}
.task-copy-tpl .prevent-edit-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.task-copy-tpl .task-project-item {
  display: flex;
  cursor: pointer;
  position: relative;
  margin-top: 16px;
  margin-right: 10px;
}
.task-copy-tpl .task-project-item .ibass-trig-down {
  margin-left: 5px;
  color: #a9a9a9;
}
.task-copy-tpl .task-project-item .ibass-trig-down.active {
  color: #fa8919;
}
.task-copy-tpl .task-project-item .task-project-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view-one-user-in-task-copy-page .ns-popover-tooltip {
  width: 200px;
}
.view-one-user-in-task-copy-page .ns-popover-items {
  margin-bottom: 1px;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg {
  background-color: transparent !important;
  height: 60px;
  cursor: auto;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg .ns-popover-item-pic {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
  margin-top: 14px;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg .ns-popover-item-pic img {
  background-color: #dadada;
  width: 34px;
  height: 34px;
  border-radius: 20px;
  margin-top: -1px;
  margin-left: -1px;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg .ns-popover-item-value {
  max-width: 150px;
  color: #000;
  padding-top: 12px;
  padding-left: 40px;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg .popover-item-checkmark {
  color: #fa8919;
}
.view-one-user-in-task-copy-page .ns-popover-items .delete-btn {
  float: left;
  height: 36px;
  line-height: 36px;
  border-top: 1px solid #f0f0f0;
  background-color: transparent!important;
}
.view-one-user-in-task-copy-page .ns-popover-items .delete-btn .ibass-close {
  font-size: 14px;
  float: left;
}
.view-one-user-in-task-copy-page .ns-popover-items .delete-btn span {
  float: left;
  padding-left: 21px;
  font-size: 12px;
}
.attachment-add-menu-in-task-copy-page {
  left: 50%!important;
  top: 100%!important;
  transform: translateX(-50%);
  text-align: left;
}
.attachment-add-menu-in-task-copy-page span {
  color: white!important;
  font-size: 12px!important;
}
.attachment-add-menu-in-task-copy-page .ns-popover-items {
  margin-top: 10px;
}

.task-create-smart .task-create-smart-inner {
  width: 100%;
  min-height: 50px;
  border-radius: 5px;
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 0 25px;
  box-sizing: border-box;
  border: solid 1px transparent;
  position: relative;
  transition: all .3s;
  overflow: hidden;
  max-height: 57px;
}
.task-create-smart .task-create-smart-inner.creating {
  padding: 20px 25px;
  max-height: 1000px;
  overflow: visible;
}
.task-create-smart .task-create-smart-inner .task-title {
  position: relative;
}
.task-create-smart .task-create-smart-inner .task-title input {
  width: 100%;
  height: 55px;
  padding: 18px 110px 18px 0;
  border: 0;
  outline: none;
  border-bottom: 1px solid transparent;
  transition: 0.3s;
}
.task-create-smart .task-create-smart-inner .task-title input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.task-create-smart .task-create-smart-inner .task-title input::-moz-placeholder {
  color: #a9a9a9;
}
.task-create-smart .task-create-smart-inner .task-title input:-moz-placeholder {
  color: #a9a9a9;
}
.task-create-smart .task-create-smart-inner .task-title input:-ms-input-placeholder {
  color: #a9a9a9;
}
.task-create-smart .task-create-smart-inner .task-title input.creating {
  border-bottom: 1px solid #f0f0f0;
}
.task-create-smart .task-create-smart-inner .task-title input:focus {
  border-bottom-color: #fa8919;
}
.task-create-smart .task-create-smart-inner .task-title .task-title-operation {
  position: absolute;
  right: 0;
  top: 15px;
  display: flex;
  color: #a9a9a9;
  cursor: pointer;
}
.task-create-smart .task-create-smart-inner .task-title .task-title-operation .task-title-operation-enter {
  display: none;
  margin-right: 14px;
  transition: 0.3s;
}
.task-create-smart .task-create-smart-inner .task-title .task-title-operation .task-title-operation-enter.creating {
  display: flex;
}
.task-create-smart .task-create-smart-inner .task-title .task-title-operation .task-title-operation-enter .ibass-return {
  margin-right: 5px;
}
.task-create-smart .task-create-smart-inner .task-title .task-title-operation .task-title-operation-enter:hover {
  color: #fa8919;
}
.task-create-smart .task-create-smart-inner .task-title .task-title-operation .task-title-operation-favorite {
  font-size: 16px;
}
.task-create-smart .task-create-smart-inner .task-title .task-title-operation .task-title-operation-favorite:hover {
  color: #fa8919;
}
.task-create-smart .task-create-smart-inner .task-title .task-title-operation .task-title-operation-favorite .ibass-star-fill {
  color: #fa8919;
}
.task-create-smart .task-create-smart-inner .task-title .task-title-operation .task-title-operation-favorite .tooltip-inner {
  white-space: pre;
}
.task-create-smart .task-create-smart-inner .task-main {
  display: flex;
  height: 70px;
  opacity: 1;
  overflow: initial;
  margin-top: 15px;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row {
  width: 33%;
  padding-right: 10px;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row:not(:first-child) {
  border-left: 1px solid #f0f0f0;
  padding-left: 20px;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row .task-content-title {
  height: 50%;
  font-size: 12px;
  color: #a9a9a9;
  position: relative;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row .task-content-title .time-icons {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row .task-content-title .time-icons .time-icon {
  margin-left: 10px;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row .task-content-title .time-icons .ibass {
  font-size: 16px;
  cursor: pointer;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row .task-content-title .time-icons .ibass:hover {
  color: #fa8919;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row .task-content-title .time-icons .ibass.active {
  color: #fa8919;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row .task-content {
  height: 50%;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-project .task-project-item {
  display: flex;
  cursor: pointer;
  position: relative;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-project .task-project-item:hover {
  color: #fa8919;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-project .task-project-item .ibass-trig-down {
  margin-left: 5px;
  color: #a9a9a9;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-project .task-project-item .ibass-trig-down.active {
  color: #fa8919;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-project .task-project-item .task-project-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-project .task-content-project .task-project-title {
  max-width: 100px;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-project .task-content-projet-group {
  margin-left: 15px;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-project .task-content-projet-group .task-project-title {
  max-width: 85px;
}
.task-create-smart .task-create-smart-inner .task-operation {
  padding: 19px 0 20px;
  margin-top: 15px;
  border-top: 1px solid #f0f0f0;
}
.task-create-smart .task-create-smart-inner .task-operation .btns {
  margin: auto;
  width: 300px;
  display: flex;
}
.task-create-smart .task-create-smart-inner .task-operation .btns .btn {
  width: 100px;
  height: 32px;
  line-height: 32px;
  margin-left: 30px;
  border-radius: 18px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}
.task-create-smart .task-create-smart-inner .task-operation .btns .btn:hover {
  box-shadow: 1px 1px 2px #b4a69a;
}
.task-create-smart .task-create-smart-inner .task-operation .btns .btn.task-cancel {
  border: 1px solid #e8e8e8;
}
.task-create-smart .task-create-smart-inner .task-operation .btns .btn.task-confirm {
  border: 1px solid #fa8919;
  background: #fa8919;
  color: #fff;
}
.task-create-smart .task-create-smart-inner .task-operation ::after {
  content: "";
  display: block;
  clear: both;
}
.task-create-smart .task-create-smart-inner .tooltip {
  min-width: max-content;
  width: -moz-max-content;
}
.task-create-smart .loading {
  padding: 50px 0;
}
.task-create-smart .task-time-choose .task-time-choose-title {
  align-items: flex-end;
}
.task-create-smart-wrapper {
  background: #f8f8f9;
  padding: 10px;
  border-radius: 5px;
}
.tooltip.limit-tooltip-width {
  max-width: 400px;
}
.ibass-item .ibass-alarm.active,
.ibass-item .ibass-loop.active {
  color: #fa8919;
  background: transparent;
}

.add-eidt-flow-dig {
  background-color: #ffffff;
  padding: 40px 50px 30px;
}
.add-eidt-flow-dig .close-modal {
  font-size: 15px;
  color: #cdc9c5;
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 18px;
}
.add-eidt-flow-dig .top-title {
  position: relative;
  padding-top: 10px;
}
.add-eidt-flow-dig .top-title .split {
  border-top: solid 1px #f0f0f0;
}
.add-eidt-flow-dig .top-title .title {
  width: 124px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  margin: 0 auto;
  transform: translateY(-50%);
  background: white;
}
.add-eidt-flow-dig .count-selector {
  font-size: 14px;
  color: #737373;
}
.add-eidt-flow-dig .count-selector .count {
  float: left;
}
.add-eidt-flow-dig .count-selector .selector {
  float: right;
}
.add-eidt-flow-dig .content {
  width: 400px;
  margin: 0 auto;
}
.add-eidt-flow-dig .content .name {
  position: relative;
  float: left;
}
.add-eidt-flow-dig .content .name input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  padding-right: 20px;
  height: 60px;
  border-style: solid;
  border-color: #f0f0f0;
  border-image: initial;
  border-width: 0px 0px 1px;
  background: transparent;
  font-size: 14px;
  color: #4a4a4a;
  outline: none;
  transition: all 0.3s;
}
.add-eidt-flow-dig .content .name .label-noactive,
.add-eidt-flow-dig .content .name .label-active {
  position: absolute;
  left: 0px;
  color: #cccccc;
  top: 30px!important;
  display: block;
}
.add-eidt-flow-dig .content .name .label-active {
  top: 10px!important;
  font-size: 12px;
}
.add-eidt-flow-dig .content .name .label-required {
  position: absolute;
  top: 30px;
  right: 0;
  display: block;
  color: red;
}
.add-eidt-flow-dig .content .kind {
  folat: left;
}
.add-eidt-flow-dig .save-btn {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 36px;
  color: white;
  margin: 60px auto 0;
  cursor: pointer;
}

.task-flow-list {
  background-color: #ffffff;
  padding: 15px 25px;
}
.task-flow-list .top {
  font-size: 14px;
  color: #737373;
  height: 30px;
  line-height: 30px;
}
.task-flow-list .top .ibass-search {
  color: #cdc9c5;
}
.task-flow-list .top .search {
  border: 1px solid #cdc9c5;
  width: 130px;
  line-height: 18px;
  border-radius: 20px;
  padding: 2px 10px;
}
.task-flow-list .top .search .ibass-search {
  color: #cdc9c5;
  padding-top: 2px;
  float: left;
}
.task-flow-list .top .search input {
  border: none;
  font-size: 12px;
  width: 104px;
  margin-left: 10px;
  line-height: 20px;
}
.task-flow-list .top .count {
  border-left: solid 1px #ededed;
  margin-left: 15px;
  padding-left: 15px;
  font-size: 14px;
  color: #737373;
  margin: 5px 0 5px 15px;
  line-height: 20px;
}
.task-flow-list .top .create {
  float: right;
}
.task-flow-list .top .create button {
  width: 100px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 31px;
}
.task-flow-list .top .create button span {
  margin-left: 10px;
  float: left;
}
.task-flow-list .content {
  font-size: 14px;
  line-height: 1.33;
  color: #4a4a4a;
  margin-top: 15px;
}
.task-flow-list .content .item {
  position: relative;
  height: 52px;
  line-height: 52px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  font-size: 14px;
  overflow: hidden;
}
.task-flow-list .content .item > div {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-flow-list .content .item > div span,
.task-flow-list .content .item > div a {
  display: inline-block;
}
.task-flow-list .content .item .order {
  cursor: pointer;
}
.task-flow-list .content .item .name,
.task-flow-list .content .item a {
  width: 300px;
  padding-right: 14px;
}
.task-flow-list .content .item .count {
  width: 80px;
}
.task-flow-list .content .item .kind {
  width: 150px;
}
.task-flow-list .content .item .creater {
  width: 200px;
}
.task-flow-list .content .item .creater span {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.task-flow-list .content .item .creater .create-time {
  width: 90px;
}
.task-flow-list .content .item .creater .create-user {
  width: 105px;
}
.task-flow-list .content .item .lastEdit {
  position: relative;
  overflow: visible;
}
.task-flow-list .content .item .lastEdit .ibass-checkbox,
.task-flow-list .content .item .lastEdit .ibass-checked {
  font-size: 16px;
  color: #cdc9c5;
  position: absolute;
  left: 0;
  cursor: pointer;
}
.task-flow-list .content .item .edit {
  float: right;
}
.task-flow-list .content .item .edit span {
  font-size: 20px;
  color: #fdba78;
  cursor: pointer;
  position: absolute;
  right: 10px;
  display: none;
}
.task-flow-list .content .row:hover {
  background-color: #f8f8f9;
}
.task-flow-list .content .row:hover .edit span {
  display: block;
}

.task-flow-selector-dig {
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
}
.task-flow-selector {
  background-color: #ffffff;
  padding: 40px 50px 30px;
}
.task-flow-selector .close-modal {
  font-size: 15px;
  color: #cdc9c5;
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 18px;
}
.task-flow-selector .top-title {
  position: relative;
  padding-top: 10px;
}
.task-flow-selector .top-title .split {
  border-top: solid 1px #f0f0f0;
}
.task-flow-selector .top-title .title {
  width: 124px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  margin: 0 auto;
  transform: translateY(-50%);
  background: white;
}
.task-flow-selector .count-selector {
  font-size: 14px;
  color: #737373;
  height: 30px;
}
.task-flow-selector .count-selector .count {
  float: left;
}
.task-flow-selector .count-selector .selector {
  float: right;
}
.task-flow-selector .count-selector .selector .ibass-search {
  color: #cdc9c5;
}
.task-flow-selector .count-selector .selector .search {
  border: 1px solid #cdc9c5;
  line-height: 18px;
  border-radius: 20px;
  padding: 0 10px;
}
.task-flow-selector .count-selector .selector .search .ibass-search {
  color: #cdc9c5;
  padding-top: 2px;
  float: left;
}
.task-flow-selector .count-selector .selector .search input {
  border: none;
  font-size: 12px;
  width: 104px;
  margin-left: 5px;
  line-height: 20px;
}
.task-flow-selector .content {
  clear: both;
  padding-top: 16px;
  font-size: 14px;
  line-height: 1.33;
  color: #4a4a4a;
}
.task-flow-selector .content .item {
  height: 52px;
  line-height: 36px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  padding: 8px 0;
}
.task-flow-selector .content .item > div {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-flow-selector .content .item > div span {
  display: inline-block;
}
.task-flow-selector .content .item .check {
  position: relative;
  overflow: visible;
}
.task-flow-selector .content .item .check .ibass-checkbox,
.task-flow-selector .content .item .check .ibass-checked {
  font-size: 16px;
  color: #cdc9c5;
  position: absolute;
  left: 0;
  cursor: pointer;
}
.task-flow-selector .content .item .check .ibass-checked {
  color: #fa8919;
}
.task-flow-selector .content .item .name {
  margin-left: 36px;
  width: 234px;
  padding-right: 14px;
}
.task-flow-selector .content .item .name span {
  float: left;
  cursor: pointer;
}
.task-flow-selector .content .item .count {
  width: 100px;
}
.task-flow-selector .content .item .date {
  width: 110px;
}
.task-flow-selector .content .item .date span {
  float: left;
  cursor: pointer;
}
.task-flow-selector .content .null-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
  width: 100%;
  color: #ddd9d6;
}
.task-flow-selector .content .null-data i {
  font-size: 60px;
}
.task-flow-selector .page {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.task-flow-selector .page ul {
  margin: 30px 0;
}
.task-flow-selector .selected {
  clear: both;
  font-size: 14px;
  color: #737373;
}
.task-flow-selector .selected .title {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
}
.task-flow-selector .selected .item {
  float: left;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  height: 30px;
  padding: 2px 15px;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 5px;
}
.task-flow-selector .selected .item span {
  float: left;
  font-size: 12px;
  display: inline-block;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-flow-selector .selected .item .ibass-close {
  margin-left: 10px;
  cursor: pointer;
}
.task-flow-selector .save-btn {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 36px;
  color: white;
  margin: 36px auto 0;
  cursor: pointer;
  clear: both;
}

.task-repeat-confirm {
  padding-top: 41px;
  position: relative;
  color: #4a4a4a;
}
.task-repeat-confirm .task-repeat-confirm-title {
  position: relative;
  text-align: center;
  background: #fff;
  height: 22px;
  line-height: 22px;
  margin-bottom: 18px;
}
.task-repeat-confirm .task-repeat-confirm-title:before {
  content: '';
  display: block;
  position: absolute;
  left: 50px;
  top: 9px;
  width: 250px;
  height: 1px;
  background: #ebebeb;
  z-index: 1;
}
.task-repeat-confirm .task-repeat-confirm-title .task-repeat-confirm-title-name {
  position: absolute;
  background: #fff;
  z-index: 2;
  left: 113px;
  width: 117px;
}
.task-repeat-confirm .task-repeat-chooses {
  padding: 0 27px;
}
.task-repeat-confirm .task-repeat-chooses .task-repeat-choose {
  cursor: pointer;
  display: flex;
  margin-bottom: 13px;
}
.task-repeat-confirm .task-repeat-chooses .task-repeat-choose .ibass-done {
  display: none;
  color: #ff8800;
}
.task-repeat-confirm .task-repeat-chooses .task-repeat-choose .ibass-task-check {
  display: none;
  color: #cdc9c5;
  transition: all .3s;
}
.task-repeat-confirm .task-repeat-chooses .task-repeat-choose .active {
  display: block;
}
.task-repeat-confirm .task-repeat-chooses .task-repeat-choose span {
  margin-left: 6px;
}
.task-repeat-confirm .task-repeat-chooses .task-repeat-choose:hover .ibass-task-check {
  color: #ff8800;
}
.task-repeat-confirm .task-repeat-operation {
  margin-top: 48px;
  padding-bottom: 20px;
  text-align: center;
}
.task-repeat-confirm .task-repeat-operation .main-btn {
  width: 150px;
  margin: auto;
}

.tip_top {
  max-width: 500px;
  z-index: 999999;
  word-break: break-all;
  text-align: left;
}
.task-details {
  border-radius: 10px;
}
.task-details .task-edit-mode-warn {
  display: flex;
  height: 0;
  padding: 0;
  background: #ed6c00;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  font-size: 14px;
  transition: all .3s;
  overflow: hidden;
}
.task-details .task-edit-mode-warn.edit-mode {
  height: 42px;
  line-height: 22px;
  padding: 10px 25px;
}
.task-details .task-edit-mode-warn .task-edit-mode-title {
  flex-grow: 1;
  text-align: center;
}
.task-details .task-edit-mode-warn .task-edit-complete {
  width: 28px;
  cursor: pointer;
}
.task-details .task-details-main {
  padding: 29px 26px 0 25px;
  padding-bottom: 0px !important;
}
.task-details .task-details-main .show {
  display: inline-block;
}
.task-details .task-details-main .hidden {
  display: none;
}
.task-details .task-details-main li.noHover {
  background: transparent;
}
.task-details .task-details-main .task-detail-focus1 {
  padding-top: 12px;
}
.task-details .task-details-main .task-detail-focus1 .input-btn {
  bottom: 9px !important;
}
.task-details .task-details-main .task-detail-focus1 .textarea-height {
  min-height: 0 !important;
}
.task-details .task-details-main .task-detail-focus1 pre,
.task-details .task-details-main .task-detail-focus1 textarea {
  padding-bottom: 0px !important;
}
.task-details .task-details-main .task-title {
  display: flex;
}
.task-details .task-details-main .task-title .task-name {
  color: #cdc9c5;
  font-size: 21px;
  height: 30px;
  line-height: 30px;
  display: flex;
}
.task-details .task-details-main .task-title .task-name.task-name-height {
  height: auto;
  position: relative;
}
.task-details .task-details-main .task-title .task-name.task-name-height .more-delete .confirm-dig {
  height: 24px;
  position: absolute;
  top: 0px;
}
.task-details .task-details-main .task-title .task-name .task-name-icon {
  font-size: 24px;
}
.task-details .task-details-main .task-title .task-name .task-name-icon .confirm-dig {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.task-details .task-details-main .task-title .task-name .task-name-icon i {
  color: #c7d1da;
}
.task-details .task-details-main .task-title .task-name .task-name-icon .name {
  font-size: 18px;
}
.task-details .task-details-main .task-title .task-name .task-name-icon input {
  width: 500px;
  margin-left: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 0;
}
.task-details .task-details-main .task-title .task-name .task-name-value {
  font-size: 20px;
  color: #4a4a4a;
  position: relative;
  margin-right: 10px;
  max-width: 320px;
  min-height: 30px;
}
.task-details .task-details-main .task-title .task-name .task-name-value:not(.disabled):hover {
  border-bottom: 1px solid #f0f0f0;
}
.task-details .task-details-main .task-title .task-name .task-name-value.task-name-value-editing {
  border-bottom: 1px solid #4fbe6d;
  width: 340px;
}
.task-details .task-details-main .task-title .task-name .task-name-value.empty-name:not(.task-name-value-editing) {
  min-width: 140px;
}
.task-details .task-details-main .task-title .task-name .task-name-value .ibass-edit {
  font-size: 14px;
  color: #cdc9c5;
  cursor: pointer;
  display: none;
  line-height: 20px;
}
.task-details .task-details-main .task-title .task-name .task-name-value:hover .ibass-edit {
  display: inline;
}
.task-details .task-details-main .task-title .task-name .task-name-value span {
  word-break: break-all;
}
.task-details .task-details-main .task-title .task-name .task-name-value .empty-name {
  position: absolute;
  color: #ccc;
  top: 0;
}
.task-details .task-details-main .task-title .task-operation {
  position: absolute;
  right: 26px;
  display: flex;
}
.task-details .task-details-main .task-title .task-operation .page-icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #cdc9c5;
  font-size: 18px;
  padding: 0 10px;
  text-align: center;
  box-sizing: content-box;
  cursor: pointer;
}
.task-details .task-details-main .task-title .task-operation .page-icon .ibass-close,
.task-details .task-details-main .task-title .task-operation .page-icon .ibass-ellipses,
.task-details .task-details-main .task-title .task-operation .page-icon .ibass-star {
  font-size: 21px;
  color: #cdc9c5;
}
.task-details .task-details-main .task-title .task-operation .page-icon .ibass-close:hover,
.task-details .task-details-main .task-title .task-operation .page-icon .ibass-ellipses:hover,
.task-details .task-details-main .task-title .task-operation .page-icon .ibass-star:hover {
  color: #fa8919;
}
.task-details .task-details-main .task-title .task-operation .page-icon:not(:last-child) {
  border-right: solid 1px #ededed;
}
.task-details .task-details-main .task-title .task-operation .page-icon .ibass-star-fill {
  color: #fa8919;
}
.task-details .task-details-main .gotiming {
  position: absolute;
  right: 0px;
  cursor: pointer;
  padding-left: 9px;
  line-height: 24px;
  height: 24px;
  margin-top: -1px;
  width: 83px;
  display: block;
  background: #fa8919;
  border-radius: 13px;
}
.task-details .task-details-main .gotiming:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  content: "\EA64";
  color: #ffffff;
  vertical-align: middle;
  margin-top: -2px;
}
.task-details .task-details-main .gotiming:hover {
  width: 97px;
}
.task-details .task-details-main .gotiming:hover:after {
  position: absolute;
  right: 7px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  content: "\EA88";
  color: #ffffff;
}
.task-details .task-details-main .gotiming .orange {
  position: absolute;
  color: #ffffff;
  vertical-align: middle;
  height: 23px;
  line-height: 23px;
  display: block;
  top: 0px;
  left: 25px;
}
.task-details .task-details-main .task-detail {
  margin-left: 32px;
  margin-bottom: 20px;
  font-size: 14px;
  text-align: left;
}
.task-details .task-details-main .task-detail textarea {
  min-width: 534px;
}
.task-details .task-details-main .task-detail .hidetextarea {
  color: #4a4a4a;
  display: inline-block;
  width: 100%;
  padding-top: 20px;
  margin-top: -20px;
}
.task-details .task-details-main .task-detail .hidetextarea a {
  color: #d3a279;
  text-decoration: underline;
  display: inline;
  margin: 0 2px;
}
.task-details .task-details-main .task-detail .showstatic:hover .edit-task-des {
  display: inline-block;
}
.task-details .task-details-main .task-detail .save-btn {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 70px;
  height: 30px;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  min-width: 70px;
}
.task-details .task-details-main .task-detail .cancel-btn {
  position: absolute;
  right: 90px;
  bottom: 8px;
  width: 50px;
  min-width: 50px;
  height: 30px;
  line-height: 25px;
}
.task-details .task-details-main .task-detail pre,
.task-details .task-details-main .task-detail textarea,
.task-details .task-details-main .task-detail span {
  line-height: 21px;
  word-break: break-all;
}
.task-details .task-details-main .task-detail pre,
.task-details .task-details-main .task-detail textarea {
  padding-bottom: 45px;
}
.task-details .task-details-main .ibass {
  background: #fff;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.task-details .task-details-main .add-task .comment-user-img {
  width: 35px;
  height: 26px;
  line-height: 26px;
}
.task-details .task-details-main .add-task .comment-user-img:before {
  width: 20px;
  margin-left: 9px;
  font-size: 20px;
  display: inline-block;
  content: "\EA54";
  color: #cdc9c5;
}
.task-details .task-details-main .add-task .comment-content {
  margin-left: -17px !important;
  padding-left: 18px !important;
  line-height: 13px;
}
.task-details .task-details-main .add-task .comment-content .name {
  font-size: 12px !important;
  color: #a9a9a9;
}
.task-details .task-details-main .end-task .comment-user-img {
  width: 35px;
  height: 26px;
  line-height: 26px;
}
.task-details .task-details-main .end-task .comment-user-img:before {
  width: 12px;
  height: 12px;
  margin-left: 12px;
  font-size: 14px;
  display: inline-block;
  border-radius: 6px;
  content: "\EA33";
  color: #fa8919;
}
.task-details .task-details-main .end-task .comment-content {
  margin-left: -17px !important;
  padding-left: 18px !important;
  line-height: 14px;
}
.task-details .task-details-main .end-task .comment-content .name {
  font-size: 12px !important;
  color: #a9a9a9;
}
.task-details .task-details-main .start-timing .comment-user-img {
  width: 35px;
  height: 26px;
  line-height: 26px;
}
.task-details .task-details-main .start-timing .comment-user-img:before {
  width: 20px;
  margin-left: 9px;
  font-size: 20px;
  display: inline-block;
  content: "\EA21";
  color: #cdc9c5;
  margin-top: 1px;
}
.task-details .task-details-main .start-timing .comment-content {
  margin-left: -17px !important;
  padding-left: 18px !important;
  line-height: 18px;
}
.task-details .task-details-main .start-timing .comment-content .name {
  font-size: 12px !important;
  color: #a9a9a9;
}
.task-details .task-details-main .end-timing .comment-user-img {
  width: 35px;
  height: 26px;
  line-height: 26px;
}
.task-details .task-details-main .end-timing .comment-user-img:before {
  width: 20px;
  margin-left: 9px;
  font-size: 20px;
  display: inline-block;
  content: "\EA38";
  color: #cdc9c5;
  margin-top: 1px;
}
.task-details .task-details-main .end-timing .comment-content {
  margin-left: -17px !important;
  padding-left: 18px !important;
  line-height: 18px;
}
.task-details .task-details-main .end-timing .comment-content .name {
  font-size: 12px !important;
  color: #a9a9a9;
}
.task-details .task-details-main .delete-task .comment-user-img {
  width: 35px;
  height: 26px;
  line-height: 26px;
}
.task-details .task-details-main .delete-task .comment-user-img:before {
  width: 20px;
  margin-left: 10px;
  font-size: 18px;
  display: inline-block;
  content: "\EA58";
  color: #f72b44;
  margin-top: 1px;
}
.task-details .task-details-main .delete-task .comment-content {
  margin-left: -17px !important;
  padding-left: 18px !important;
  line-height: 18px;
}
.task-details .task-details-main .delete-task .comment-content .name {
  font-size: 12px !important;
  color: #a9a9a9;
}
.task-details .task-details-main .restart-task .comment-user-img {
  width: 35px;
  height: 26px;
  line-height: 26px;
}
.task-details .task-details-main .restart-task .comment-user-img:before {
  width: 20px;
  margin-left: 9px;
  font-size: 20px;
  display: inline-block;
  content: "\EA54";
  color: #cdc9c5;
  margin-top: 1px;
}
.task-details .task-details-main .restart-task .comment-content {
  margin-left: -17px !important;
  padding-left: 18px !important;
  line-height: 18px;
}
.task-details .task-details-main .restart-task .comment-content .name {
  font-size: 12px !important;
  color: #a9a9a9;
}
.task-details .task-details-main .del-undo-task .comment-user-img {
  width: 35px;
  height: 26px;
  line-height: 26px;
}
.task-details .task-details-main .del-undo-task .comment-user-img:before {
  width: 20px;
  margin-left: 9px;
  font-size: 20px;
  display: inline-block;
  content: "\EA54";
  color: #cdc9c5;
  margin-top: 1px;
}
.task-details .task-details-main .del-undo-task .comment-content {
  margin-left: -17px !important;
  padding-left: 18px !important;
  line-height: 18px;
}
.task-details .task-details-main .del-undo-task .comment-content .name {
  font-size: 12px !important;
  color: #a9a9a9;
}
.task-details .task-details-main .comment-min {
  display: inline-block;
  padding-bottom: 15px;
}
.task-details .task-details-main .no-border {
  border: 0 !important;
}
.task-details .task-details-main .task-detail-margin {
  margin-top: 30px;
}
.task-details .task-details-main .add-details {
  clear: both;
  border-radius: 6px;
  background: transparent;
  border: solid 1px transparent;
  position: relative;
  min-height: 48px;
  width: 534px;
}
.task-details .task-details-main #addpop-tasktiming-container {
  width: 69px;
  height: 24px;
  line-height: 24px;
  margin-top: 2px;
  margin-right: 2px;
  float: right;
  border-radius: 13px;
  border: 1px solid #fdba78;
}
.task-details .task-details-main #addpop-tasktiming-container .start-father {
  padding-left: 8px;
  height: 22px;
  line-height: 23px;
  display: block;
  color: #fdba78;
}
.task-details .task-details-main #addpop-tasktiming-container .start-father .ibass-start {
  font-size: 12px;
  margin-right: 5px;
  margin-left: 5px;
}
.task-details .task-details-main #addpop-tasktiming-container:hover {
  border: solid 1px #fa8919;
}
.task-details .task-details-main #addpop-tasktiming-container:hover .start-father {
  color: #fa8919;
}
.task-details .task-details-main .task-item {
  height: 86px;
  padding: 6px 0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-left: 32px;
  margin-top: 10px;
  position: relative;
  display: flex;
}
.task-details .task-details-main .task-item .task-item-in-left {
  width: 186px;
  border-right: 1px solid #f0f0f0;
}
.task-details .task-details-main .task-item .task-item-in-middle {
  width: 224px;
  border-right: 1px solid #f0f0f0;
  padding: 0 10px;
}
.task-details .task-details-main .task-item .task-item-in-middle #taskendline .task-time-choose .task-time-choose-title {
  justify-content: left;
  font-size: 14px;
}
.task-details .task-details-main .task-item .task-item-in-right {
  width: 144px;
  padding: 0 10px;
}
.task-details .task-details-main .task-item .task-item-in-right .timer-label {
  width: 100%;
}
.task-details .task-details-main .task-item .task-item-in-right .timer-label .timer {
  width: 69px;
  height: 24px;
  border-radius: 18px;
  border: 1px solid #fdba78;
  color: #fdba78;
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  font-weight: normal;
  box-sizing: border-box;
  padding-left: 32px;
  top: 8px;
  right: 0px;
}
.task-details .task-details-main .task-item .task-item-in-right .timer-label .timer:before {
  position: absolute;
  left: 13px;
}
.task-details .task-details-main .task-item .task-item-in-right .timer-time-details {
  cursor: pointer;
  display: none;
  position: absolute;
  right: 0px;
  top: 47px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #4a4a4a;
  overflow: hidden;
}
.task-details .task-details-main .task-item .task-item-in-right .timer-time-details:before {
  color: #cdc9c5;
  margin-right: 4px !important;
}
.task-details .task-details-main .task-item .task-item-in-right:hover .timer-time-details {
  display: block;
}
.task-details .task-details-main .task-item .task-item-in-right .timer-time-details-block {
  display: block;
}
.task-details .task-details-main .task-item .responsible-label,
.task-details .task-details-main .task-item .deadline-label,
.task-details .task-details-main .task-item .timer-label {
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #a9a9a9;
}
.task-details .task-details-main .task-item .responsible-label {
  padding-left: 0;
}
.task-details .task-details-main .task-item .responsible-add,
.task-details .task-details-main .task-item .deadline,
.task-details .task-details-main .task-item .timer-time {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  color: #4a4a4a;
  clear: both;
}
.task-details .task-details-main .task-item .responsible-add {
  padding-left: 0;
  margin-top: 7px;
}
.task-details .task-details-main .opendetail {
  display: block !important;
}
.task-details .task-details-main .timer-time-details-ul {
  display: none;
  width: 568px;
  background: #f8f8f9;
  position: relative;
  left: 22px;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li {
  height: 50px;
  border-bottom: 1px solid #f0f0f0;
  clear: both;
  position: relative;
  display: block;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .image-in {
  float: left;
  margin-top: 13px;
  margin-left: 13px;
  overflow: hidden;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  border-radius: 12px;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .time-oper {
  line-height: 50px;
  height: 50px;
  padding-right: 4px;
  position: relative;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .time-oper i {
  cursor: pointer;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .day-time {
  float: left;
  height: 32px;
  width: 127px;
  margin: 11px 22px 9px 0px;
  position: relative;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .day-time .day {
  color: #4a4a4a;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .day-time .time1 {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .day-time .time1 .list-crossingdays {
  color: #d8d8d8;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .day-time .crossingDays {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  line-height: 32px;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .class-in {
  float: left;
  width: 156px;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  line-height: 20px;
  margin: 15px 40px 15px 0px;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .class-in .timeTip {
  max-width: 156px;
  display: inline-block;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .grey {
  color: #a9a9a9;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .timer2 {
  height: 20px;
  width: 80px;
  float: left;
  color: #4a4a4a;
  margin: 15px 0 15px 0;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .timer2 .has-approved {
  color: #9b9b9b;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .timer2 .anomaly {
  color: #f72b44;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li:hover .icon-block {
  display: inline-block;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .tiemr-li-in {
  display: block;
  float: left;
  height: 20px;
  width: 52px;
  margin: 15px 0 15px 27px;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .icon-block {
  display: none;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-ul-li .icon-block2 {
  display: inline-block;
}
.task-details .task-details-main .timer-time-details-ul .timer-time-details-page-control {
  height: 50px;
  border-bottom: 1px solid #f0f0f0;
  clear: both;
  position: relative;
  display: block;
}
.task-details .task-details-main .task-detail-content {
  color: #cdc9c5;
  text-align: center;
  min-height: 220px;
  padding-top: 76px;
  clear: both;
  position: relative;
  font-size: 14px;
  z-index: 1;
}
.task-details .task-details-main .task-detail-content .edit-task-des {
  font-size: 12px;
  color: #cdc9c5;
  cursor: pointer;
  position: absolute;
  top: -12px;
  right: 0px;
  display: none;
}
.task-details .task-details-main .task-detail-content .edit-task-des:hover {
  color: #fa8919;
}
.task-details .task-details-main .task-detail-content .edit-task-des:before {
  font-size: 14px;
  vertical-align: bottom;
  margin-right: 6px;
}
.task-details .task-details-main .task-detail-content .add-content-item {
  padding: 0 33px;
  display: inline-block;
}
.task-details .task-details-main .task-detail-content .add-content-item .task-icon {
  font-size: 24px;
  width: 29px;
  text-align: left;
}
.task-details .task-details-main .task-detail-content .add-content-item:not(:first-child) {
  border-left: 1px solid #f0f0f0;
  margin-left: -1px;
}
.task-details .task-details-main .task-detail-content .add-content-item:hover {
  color: #fa8919;
}
.task-details .task-details-main .add-content-item-small {
  padding-top: 15px;
}
.task-details .task-details-main .add-content-item-small .add-content-item {
  float: left;
}
.task-details .task-details-main .add-content-item-small .add-content-item .task-icon {
  font-size: 14px;
  float: left;
}
.task-details .task-details-main .add-content-item-small .add-content-item p {
  display: inline-block;
}
.task-details .task-details-main .add-content-item-small .ns-popover-tooltip-attachment-1 {
  left: -32px !important;
  top: 27px !important;
}
.task-details .task-details-main .add-content-item-small .task-add-attachment-2 {
  top: 27px !important;
  left: -77px !important;
}
.task-details .task-details-main .details-file-checked-box {
  min-height: 207px;
  margin-left: 23px;
  margin-right: 11px;
  display: block;
}
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none {
  display: block;
  height: 207px;
  position: relative;
  padding-top: 77px;
  padding-bottom: 80px;
  text-align: center;
}
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .details-none,
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .file-none,
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .checked-none {
  padding: 0 24px 0 23px;
  height: 50px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .details-none,
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .file-none {
  border-right: 1px solid #f0f0f0;
}
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .icon-details-none:before,
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .icon-file-none:before,
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .icon-checked-none:before {
  display: inline-block;
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: #cdc9c5;
}
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .title-details-none,
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .title-file-none,
.task-details .task-details-main .details-file-checked-box .details-file-checked-box-none .title-checked-none {
  font-size: 14px;
  color: #cdc9c5;
  text-align: center;
}
.task-details .task-details-main .task-detail-focus {
  width: 556px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  margin-left: 32px;
  margin-top: -1px;
  padding: 12px 10px 0 10px;
}
.task-details .task-details-main .border-r {
  padding-right: 13px;
  margin-right: 14px;
}
.task-details .task-details-main .task-content {
  background: #fffbf8;
  margin-top: 26px;
  border-top: 1px solid #f0f0f0 !important;
}
.task-details .task-details-main .task-content .item {
  border-bottom: 1px solid #f0f0f0;
  line-height: 34px;
  font-size: 14px;
}
.task-details .task-details-main .task-content .item .ibass-checkbox-text {
  text-decoration: none;
}
.task-details .task-details-main .task-content .item .ibass-checked-text {
  text-decoration: line-through;
  color: #737373;
}
.task-details .task-details-main .per-line {
  border-bottom: 1px solid #f0f0f0;
  line-height: 20px;
  height: 40px;
  color: #a9a9a9;
  font-size: 14px;
}
.task-details .task-details-main .per-line .date {
  width: 64px;
  vertical-align: top;
}
.task-details .task-details-main .per-line .time {
  width: 130px;
  vertical-align: top;
}
.task-details .task-details-main .per-line .detail {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}
.task-details .task-details-main .per-line .timing {
  width: 138px;
}
.task-details .task-details-main .per-line .approved-con {
  margin-top: -4px;
}
.task-details .task-details-main .per-line .approved-con span {
  font-size: 12px;
  color: #d8d6d2;
}
.task-details .task-details-main .per-line:hover .has-approved {
  display: inline !important;
}
.task-details .task-details-main .per-line:hover .isapproved {
  display: none;
}
.task-details .task-details-main .per-line .icon-div {
  color: #fdba78;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
.task-details .task-details-main .per-line .icon-div .has-approved {
  color: #9b9b9b;
  font-size: 12px;
  vertical-align: super;
  text-align: right;
  display: none;
}
.task-details .task-details-main .per-line .tiemr-li-in {
  position: absolute;
  right: 90px;
}
.task-details .task-details-main .pop-hover {
  display: inline-block !important;
}
.task-details .task-details-main .item-icon {
  width: 32px;
  min-height: 30px;
  line-height: 30px;
}
.task-details .task-details-main .item-icon > span {
  display: inline-block;
  position: relative;
  color: #cdc9c5;
  cursor: default;
}
.task-details .task-details-main .item-icon > span.clickable {
  cursor: pointer;
}
.task-details .task-details-main .item-icon > span.clickable:hover {
  color: #fa8919;
}
.task-details .task-details-main .line {
  height: 1px;
  clear: both;
  background-color: #f0f0f0;
  margin: 12px 0 12px 32px;
}
.task-details .task-details-main .left-content {
  box-sizing: border-box;
}
.task-details .task-details-main .left-content .not-allow-edit .item .value {
  cursor: initial !important;
}
.task-details .task-details-main .left-content .task-detail {
  font-size: 14px;
  margin-left: 20px;
  line-height: 1.57;
  color: #4a4a4a;
  margin-top: 20px;
  border-radius: 6px;
  border: solid 1px transparent;
  padding: 9px 12px;
  box-shadow: inset 0 1px 4px 0 transparent;
  position: relative;
}
.task-details .task-details-main .left-content .task-detail:hover {
  background-color: #f8f8f9;
}
.task-details .task-details-main .left-content .task-detail pre,
.task-details .task-details-main .left-content .task-detail textarea,
.task-details .task-details-main .left-content .task-detail span {
  line-height: 21px;
}
.task-details .task-details-main .left-content .task-detail-not-allow-edit:hover {
  background-color: transparent;
}
.task-details .task-details-main .left-content .task-detail-focus {
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: transparent !important;
}
.task-details .task-details-main .left-content .add-child-task {
  width: 100%;
  border: none;
  color: #737373;
  font-size: 14px;
  background: #fffbf8;
  padding: 0;
}
.task-details .task-details-main .task-content {
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
}
.task-details .task-details-main .task-content .item {
  min-height: 35px;
  line-height: 34px;
  position: relative;
  clear: both;
}
.task-details .task-details-main .task-content .item:hover .drag {
  display: block;
}
.task-details .task-details-main .task-content .item:hover .task-name-value .ibass-edit {
  display: inline;
}
.task-details .task-details-main .task-content .item:hover .child-task-name .btn {
  display: inline;
}
.task-details .task-details-main .task-content .item .multiple-choice-user {
  height: 24px;
  line-height: 20px;
}
.task-details .task-details-main .task-content .item .multiple-choice-user-img {
  width: 24px;
  height: 24px;
  border: solid 2px #ffffff;
}
.task-details .task-details-main .task-content .item .multiple-choice-user-tag span {
  line-height: 24px !important;
}
.task-details .task-details-main .task-content .item .drag {
  position: absolute;
  left: 0;
  display: none;
}
.task-details .task-details-main .task-content .item .drag span {
  cursor: pointer;
}
.task-details .task-details-main .task-content .item .key {
  position: absolute;
  left: 32px;
}
.task-details .task-details-main .task-content .item .value {
  color: #4a4a4a;
  line-height: 36px;
  cursor: pointer;
  height: 32px;
  float: left;
  max-width: 100%;
  padding-left: 120px;
  position: relative;
  padding-right: 20px;
}
.task-details .task-details-main .task-content .item .value .value-content {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-details .task-details-main .task-content .item .value .value-content .multiple-choice-user {
  cursor: initial;
}
.task-details .task-details-main .task-content .item .value .value-content .multiple-choice-user-img {
  margin-left: 0px;
}
.task-details .task-details-main .task-content .item .value .value-icon {
  width: 15px;
  color: #a9a9a9;
  position: absolute;
  right: 0;
}
.task-details .task-details-main .task-content .item .value .ibass-trig-down {
  display: none;
  line-height: 36px;
  margin-left: 0px;
  color: #fa8919;
}
.task-details .task-details-main .task-content .item .value:hover .ibass-trig-down {
  display: block;
}
.task-details .task-details-main .task-content .item .name {
  display: inline-block;
  color: #737373;
}
.task-details .task-details-main .task-content .item .icon {
  font-size: 16px;
  color: #cdc9c5;
  vertical-align: middle;
  float: left;
  text-align: left;
}
.task-details .task-details-main .task-content .item .ibass-checked {
  color: #fa8919;
}
.task-details .task-details-main .task-content .item .icon-green {
  color: #07cfda;
}
.task-details .task-details-main .task-content .item .ibass-edit {
  font-size: 14px;
  color: #cdc9c5;
  cursor: pointer;
}
.task-details .task-details-main .task-content .item .multiple-choice-user .multiple-choice-user-none span {
  font-size: inherit !important;
}
.task-details .task-details-main .right-content {
  width: 640px;
  padding-left: 25px;
  background: #f8f8f9;
  margin-left: -25px;
  margin-top: 19px;
  border-top: 1px solid #f0f0f0;
  padding-bottom: 24px;
  border-radius: 0 0 10px 10px;
  position: relative;
}
.task-details .task-details-main .right-content .btn {
  height: 54px;
  border-bottom: solid 2px #ececec;
}
.task-details .task-details-main .right-content .btn .next {
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #c7d1da;
  margin-top: 9px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
}
.task-details .task-details-main .right-content .btn .next .item {
  cursor: pointer;
  width: 60px;
  padding: 0 10px;
  height: 100%;
}
.task-details .task-details-main .right-content .btn .next .item:hover {
  color: #79aad1;
}
.task-details .task-details-main .right-content .btn .next .item:hover a {
  color: #79aad1;
}
.task-details .task-details-main .right-content .btn .close-page {
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  position: absolute;
  right: -17px;
  top: -17px;
  line-height: 34px;
  text-align: center;
}
.task-details .task-details-main .right-content .btn .close-page a {
  color: #79aad1;
}
.task-details .task-details-main .right-content .change-comment-list {
  margin-top: 15px;
  margin-right: 25px;
  font-size: 12px;
  color: #737373;
}
.task-details .task-details-main .right-content .change-comment-list .right {
  cursor: pointer;
}
.task-details .task-details-main .right-content .change-comment-list .ibass-checkbox,
.task-details .task-details-main .right-content .change-comment-list .ibass-checked {
  font-size: 14px;
  color: #cdc9c5;
  margin-right: 5px;
}
.task-details .task-details-main .right-content .message {
  margin-top: 10px;
}
.task-details .task-details-main .right-content .message:last-child .comment-content {
  border-left-color: transparent;
}
.task-details .task-details-main .right-content .message .info {
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  color: #8a94a0;
  clear: both;
}
.task-details .task-details-main .right-content .message .comment {
  display: flex;
  align-items: center;
  margin-top: 9px;
  clear: both;
}
.task-details .task-details-main .right-content .message .comment .comment-user-img {
  align-self: flex-start;
}
.task-details .task-details-main .right-content .message .comment .comment-user-img img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.task-details .task-details-main .right-content .message .comment .name {
  font-weight: 500;
  max-width: 55%;
  float: left;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-details .task-details-main .right-content .message .comment .time {
  margin-left: 10px;
  float: left;
  font-size: 12px;
  color: #a9a9a9;
}
.task-details .task-details-main .right-content .message .comment .desc {
  margin-bottom: 10px;
  word-break: break-all;
  clear: both;
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
}
.task-details .task-details-main .right-content .message .comment .comment-user-img {
  z-index: 1;
  position: relative;
  background: #f8f8f9;
}
.task-details .task-details-main .right-content .message .comment .comment-content {
  padding-left: 30px;
  max-width: 550px;
  width: 550px;
  margin-left: -18px;
  line-height: 26px;
  padding-bottom: 0px !important;
  z-index: 0;
  position: relative;
  border-left: solid 2px #eeeeee;
}
.task-details .task-details-main .right-content .message .comment .comment-content .ibass-delete {
  display: none;
  height: 22px;
  cursor: pointer;
  color: #fdba78;
}
.task-details .task-details-main .right-content .message .comment .comment-content:hover .ibass-delete {
  display: inline-block;
}
.task-details .task-details-main .right-content .message .comment .comment-content .task-delete-confirm {
  width: 76px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
  float: right;
}
.task-details .task-details-main .right-content .message .comment .comment-content .haslink a {
  color: #d3a279;
  text-decoration: underline;
}
.task-details .task-details-main .right-content .add-comment {
  clear: both;
  border-radius: 6px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  margin: 19px 25px 0 0;
  position: relative;
  padding: 12px 10px;
  min-height: 50px;
}
.task-details .task-details-main .right-content .add-comment pre,
.task-details .task-details-main .right-content .add-comment textarea {
  line-height: 26px;
}
.task-details .task-details-main .right-content .add-comment .input-btn {
  position: absolute;
  bottom: 8px;
  right: 10px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.task-details .task-details-main .right-content .add-comment .input {
  position: absolute;
  width: 490px;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  color: #4a4a4a;
  outline: solid 1px transparent;
}
.task-details .task-details-main .right-content .add-comment .btn-span {
  position: absolute;
  top: 0;
  right: 10px;
  transform: translateY(-120%);
  color: #ed6c00;
}
.task-details .task-details-main .right-content .add-comment:hover {
  border: solid 1px #ffb387;
}
.task-details .task-details-main .right-content .task-comment-focus {
  border: solid 1px #ffb387;
}
.task-details .task-details-main .right-content .at-member {
  color: #fa8919;
}
.task-details .task-details-main textarea {
  border: none;
  width: 100%;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  padding: 0;
  line-height: 20px;
}
.task-details .task-details-main .add-task-desc {
  border: 1px solid #ececec;
  height: 70px;
  background-color: #fcfdfe;
}
.task-details .task-details-main .btn-span {
  color: #79aad1;
  cursor: pointer;
  margin: 0 10px;
  color: #ed6c00;
}
.task-details .task-details-main .child-task-item input {
  height: 32px;
  border: none;
  width: 100%;
}
.task-details .task-details-main .child-task-row,
.task-details .task-details-main .child-task-name {
  margin-left: 61px;
  margin-right: 50px;
  min-height: 34px;
  line-height: 22px;
  padding: 6px 0;
  font-size: 14px;
  text-align: left;
  word-break: break-all;
  overflow: hidden;
}
.task-details .task-details-main .child-task-row:hover .btn,
.task-details .task-details-main .child-task-name:hover .btn {
  display: inline;
}
.task-details .task-details-main .child-task-row .btn,
.task-details .task-details-main .child-task-name .btn {
  position: absolute;
  right: 15px;
  font-size: 16px;
  color: #cdc9c5;
  cursor: pointer;
  display: none;
}
.task-details .task-details-main .child-task-row .btn:hover,
.task-details .task-details-main .child-task-name .btn:hover {
  color: #f72b44;
}
.task-details .task-details-main .child-task-row {
  overflow: hidden;
}
.task-details .task-details-main .child-task-row .item-name {
  float: left;
  max-width: 500px;
  text-align: left;
}
.task-details .task-details-main .child-task-name .editable {
  float: left;
  position: relative;
  width: 100%;
  min-height: 22px;
  word-break: break-all;
}
.task-details .task-details-main .child-task-finished .editable textarea {
  text-decoration: line-through;
}
.task-details .task-details-main .deadline-label {
  display: flex;
}
.task-details .task-details-main .deadline-label label {
  flex-grow: 1;
}
.task-details .task-details-main .deadline-label .deadline-ibass {
  display: flex;
}
.task-details .task-details-main .deadline-label .deadline-ibass .ibass-item {
  margin-left: 5px;
  width: 14px;
}
.task-timingtitle {
  padding: 8px 4px 8px 32px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 20px;
  line-height: 24px;
  height: 40px;
  color: #a9a9a9;
  font-size: 14px;
}
.task-timingtitle .ibass-start,
.task-timingtitle .ibass-stop {
  color: #fa8919;
  font-size: 16px;
  vertical-align: middle;
}
.task-timingtitle .text-deep {
  color: #737373;
}
.task-timingtitle .total-time {
  color: #ed6c00;
  display: inline-block;
}
.task-timingtitle .getdetail {
  cursor: pointer;
  border-left: 1px solid #f0f0f0;
  padding: 0 10px;
  margin-left: 10px;
  display: inline-block;
}
.task-timingtitle .orange {
  color: #fa8919;
  vertical-align: middle;
}
.task-timingtitle .gotiming {
  cursor: pointer;
}
.task-timingtitle .gotiming:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  content: "\EA64";
  color: #fdba78;
  vertical-align: middle;
}
.task-timingtitle .gotiming:hover:before {
  content: "\EA88";
  color: #fa8919;
}
.btn-del {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  vertical-align: text-bottom;
}
.task-small-title {
  display: flex;
  box-sizing: border-box;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 32px;
  color: #737373;
  font-size: 12px;
  clear: both;
}
.task-small-title .ibass-openproject {
  display: inline-block;
  color: #cdc9c5;
  font-size: 16px;
  margin-left: 10px;
  position: relative;
  top: -1px;
  cursor: pointer;
}
.task-small-title .ibass-openproject:hover {
  color: #fa8919;
}
.task-small-title .task-small-title-left {
  display: flex;
  clear: both;
  position: relative;
  padding-right: 12px;
}
.task-small-title .task-small-title-left .task-small-title-left-in {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
  display: inline-block;
}
.task-small-title .task-small-title-left .task-small-title-left-icon {
  display: inline-block;
}
.task-small-title .task-small-title-left .task-small-title-left-icon:after {
  position: absolute;
  top: 0px;
  content: "-";
}
.task-small-title .task-small-title-left .task-small-title-left-icon:before {
  display: none;
}
.task-small-title .task-small-title-left .task-small-title-left-icon-h {
  display: inline-block;
}
.task-small-title .task-small-title-left .task-small-title-left-icon-h:after {
  position: absolute;
  top: 0px;
  content: "-";
}
.task-small-title .task-small-title-left .task-small-title-left-icon-h:before {
  display: none;
}
.task-small-title .task-small-title-left .only-matter-down {
  display: none;
  float: right;
}
.task-small-title .task-small-title-left:hover .only-matter-down {
  display: inline-block;
}
.task-small-title .task-small-title-left:hover .task-small-title-left-icon:after {
  content: "";
}
.task-small-title .task-small-title-left:hover .task-small-title-left-icon:before {
  position: absolute;
  top: 0px;
  margin-left: -2px;
  display: inline-block;
}
.task-small-title .task-small-title-right {
  float: left;
  position: relative;
}
.task-small-title .task-small-title-right .mattertasklist {
  width: auto;
  top: 0;
  left: 50px;
}
.task-small-title .task-small-title-right:hover .task-small-title-right-main .task-small-title-right-icon {
  visibility: visible;
}
.task-small-title .task-small-title-right .task-small-title-right-main {
  display: flex;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-in {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon {
  visibility: hidden;
  width: 14px;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon:before {
  position: absolute;
  top: 0px;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line {
  padding: 5px 4px 5px 32px;
  border-bottom: 1px solid #f0f0f0;
  line-height: 30px;
  height: 40px;
  color: #a9a9a9;
  font-size: 14px;
  cursor: pointer;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line img {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 5px;
  margin-top: 4px;
  border-radius: 50%;
  vertical-align: middle;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line span {
  display: inline-block;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line .date {
  width: 64px;
  vertical-align: top;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line .time {
  width: 94px;
  vertical-align: top;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line .detail {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line .timing {
  width: 138px;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line:hover {
  background: #f8f8f9;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line:hover .icon-div {
  display: inline;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .per-line .icon-div {
  float: right;
  color: #fdba78;
  font-size: 16px;
  vertical-align: middle;
  padding: 0 6px;
  display: none;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon .btn-del {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  margin: 3px 0 0 0 !important;
  font-size: 12px;
  color: #ffffff;
}
.task-small-title .task-small-title-right .opendetail {
  display: table;
}
.ns-popover-tooltip-theme-reset-position .ns-popover-tooltip-option {
  border-color: transparent !important;
}
.ns-popover-tooltip-theme-reset-position .ns-popover-tooltip-option .ns-popover-items .ns-popover-item {
  text-align: left;
}
.ns-popover-tooltip-theme-reset-position .ns-popover-tooltip-option .ns-popover-items .ns-popover-item span {
  font-size: 12px;
}
.ns-popover-tooltip-theme-reset-position.black .triangle:after {
  border-bottom-color: #3d3d3d !important;
}
.task-details-dialog .ngdialog-content {
  border: 0 !important;
}
.ns-popover-tooltip-theme.ns-popover-bottom-placement.black .triangle:after {
  border-bottom-color: #3d3d3d !important;
}
.task-detail__i-at-text-area .div-for-position {
  display: inline-block;
  line-height: 26px;
}

.view-task-from-flow-add-eidt-dig {
  background-color: #ffffff;
  padding: 40px 50px 30px;
}
.view-task-from-flow-add-eidt-dig .close-modal {
  font-size: 15px;
  color: #cdc9c5;
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 18px;
}
.view-task-from-flow-add-eidt-dig .top-title {
  position: relative;
  padding-top: 10px;
}
.view-task-from-flow-add-eidt-dig .top-title .split {
  border-top: solid 1px #f0f0f0;
}
.view-task-from-flow-add-eidt-dig .top-title .title {
  width: 124px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  margin: 0 auto;
  transform: translateY(-50%);
  background: white;
}
.view-task-from-flow-add-eidt-dig .count-selector {
  font-size: 14px;
  color: #737373;
}
.view-task-from-flow-add-eidt-dig .count-selector .count {
  float: left;
}
.view-task-from-flow-add-eidt-dig .count-selector .selector {
  float: right;
}
.view-task-from-flow-add-eidt-dig .container {
  width: 460px;
  margin: 0 auto;
}
.view-task-from-flow-add-eidt-dig .content {
  position: relative;
  margin-bottom: 25px;
}
.view-task-from-flow-add-eidt-dig .content .name,
.view-task-from-flow-add-eidt-dig .content .detail {
  position: relative;
}
.view-task-from-flow-add-eidt-dig .content .name .add-comment,
.view-task-from-flow-add-eidt-dig .content .detail .add-comment {
  margin-top: 50px;
  clear: both;
  border-radius: 6px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 25px;
  position: relative;
  padding: 12px 10px;
  min-height: 50px;
}
.view-task-from-flow-add-eidt-dig .content .name .add-comment .description-container,
.view-task-from-flow-add-eidt-dig .content .detail .add-comment .description-container {
  position: relative;
  width: 100%;
  min-height: 26px;
  line-height: 26px;
  font-size: 14px;
}
.view-task-from-flow-add-eidt-dig .content .name .add-comment .description-container textarea,
.view-task-from-flow-add-eidt-dig .content .detail .add-comment .description-container textarea {
  width: 100%;
  border: none;
  padding: 0;
  line-height: 26px;
}
.view-task-from-flow-add-eidt-dig .content .name input,
.view-task-from-flow-add-eidt-dig .content .detail input {
  position: relative;
  width: 100%;
  z-index: 2;
  padding-top: 30px;
  padding-right: 16px;
  height: 60px;
  border-style: solid;
  border-color: #f0f0f0;
  border-image: initial;
  border-width: 0px 0px 1px;
  background: transparent;
  font-size: 14px;
  color: #4a4a4a;
  outline: none;
  transition: all 0.3s;
}
.view-task-from-flow-add-eidt-dig .content .name .label-noactive,
.view-task-from-flow-add-eidt-dig .content .detail .label-noactive,
.view-task-from-flow-add-eidt-dig .content .name .label-active,
.view-task-from-flow-add-eidt-dig .content .detail .label-active {
  position: absolute;
  left: 0px;
  color: #cccccc;
  top: 30px;
  display: block;
}
.view-task-from-flow-add-eidt-dig .content .name .label-active,
.view-task-from-flow-add-eidt-dig .content .detail .label-active {
  top: 10px;
  font-size: 12px;
}
.view-task-from-flow-add-eidt-dig .content .name .label-required,
.view-task-from-flow-add-eidt-dig .content .detail .label-required {
  position: absolute;
  top: 30px;
  right: 0;
  display: block;
  color: red;
}
.view-task-from-flow-add-eidt-dig .content .kind {
  folat: left;
}
.view-task-from-flow-add-eidt-dig .task-enclosure .icon {
  margin-left: 0px;
}
.view-task-from-flow-add-eidt-dig .cant-edit:after {
  content: " ";
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.view-task-from-flow-add-eidt-dig .cant-edit:hover {
  cursor: not-allowed;
}
.view-task-from-flow-add-eidt-dig .child-task {
  font-size: 14px;
  color: #4a4a4a;
  position: relative;
}
.view-task-from-flow-add-eidt-dig .child-task .row {
  clear: both;
  min-height: 30px;
  line-height: 30px;
}
.view-task-from-flow-add-eidt-dig .child-task .row span {
  float: left;
}
.view-task-from-flow-add-eidt-dig .child-task .row .ibass-checkbox {
  margin-left: 15px;
}
.view-task-from-flow-add-eidt-dig .child-task .row .ibass-more {
  visibility: hidden;
  cursor: pointer;
}
.view-task-from-flow-add-eidt-dig .child-task .row:hover .ibass-more {
  visibility: visible;
}
.view-task-from-flow-add-eidt-dig .child-task .row .name {
  min-height: 30px;
  position: relative;
  padding-left: 15px;
  border: none;
  width: 410px;
  overflow: hidden;
  background: transparent;
}
.view-task-from-flow-add-eidt-dig .child-task .row .name textarea {
  line-height: 30px;
  padding: 0 0 0 15px;
  width: 100%;
  border: none;
  background: transparent;
}
.view-task-from-flow-add-eidt-dig .child-task .row .name pre span {
  float: initial;
}
.view-task-from-flow-add-eidt-dig .child-task .row .icon {
  color: #cdc9c5;
  max-width: 16px;
}
.view-task-from-flow-add-eidt-dig .child-task .check-item-drag.ui-draggable-dragging {
  width: 460px;
}
.view-task-from-flow-add-eidt-dig .bottom {
  position: relative;
  margin-top: 70px;
}
.view-task-from-flow-add-eidt-dig .bottom .delete,
.view-task-from-flow-add-eidt-dig .bottom .save-btn {
  height: 36px;
  line-height: 36px;
}
.view-task-from-flow-add-eidt-dig .bottom .delete {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
}
.view-task-from-flow-add-eidt-dig .bottom .delete .ibass-delete {
  float: left;
  color: #cdc9c5;
}
.view-task-from-flow-add-eidt-dig .bottom .delete .ibass-delete:hover {
  color: #f72b44;
}
.view-task-from-flow-add-eidt-dig .bottom .delete .task-delete-confirm {
  float: left;
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  margin-top: 6px;
}
.view-task-from-flow-add-eidt-dig .bottom .save-btn {
  width: 130px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  color: white;
  margin: 0 auto;
  cursor: pointer;
}

.view-task-from-flow {
  background-color: #ffffff;
  padding: 0 25px 15px 25px;
  border-radius: 10px;
}
.view-task-from-flow .page-title {
  border-bottom: solid 2px #f0f0f0;
  overflow: hidden;
}
.view-task-from-flow .page-title .title {
  margin: 20px 0px;
  font-size: 20px;
  color: #4a4a4a;
}
.view-task-from-flow .page-title .title .icon {
  color: #07cfda;
}
.view-task-from-flow .page-title .btn {
  color: #cdc9c5;
  font-size: 16px;
}
.view-task-from-flow .page-title .btn span,
.view-task-from-flow .page-title .btn a {
  height: 20px;
  line-height: 20px;
  margin: 18px 0;
  display: inline-block;
  cursor: pointer;
}
.view-task-from-flow .page-title .btn .ibass-delete {
  margin-right: 15px;
  border-right: solid 1px #ededed;
  padding-right: 15px;
}
.view-task-from-flow .top {
  clear: both;
  margin-top: 15px;
  font-size: 14px;
  color: #737373;
  height: 30px;
  line-height: 30px;
}
.view-task-from-flow .top .ibass-search {
  color: #cdc9c5;
}
.view-task-from-flow .top .search {
  border: 1px solid #cdc9c5;
  width: 130px;
  line-height: 18px;
  border-radius: 20px;
  padding: 2px 10px;
}
.view-task-from-flow .top .search .ibass-search {
  color: #cdc9c5;
  padding-top: 2px;
  float: left;
}
.view-task-from-flow .top .search input {
  border: none;
  font-size: 12px;
  width: 104px;
  margin-left: 10px;
  line-height: 20px;
}
.view-task-from-flow .top .count {
  border-left: solid 1px #ededed;
  margin-left: 15px;
  padding-left: 15px;
  font-size: 14px;
  color: #737373;
  margin: 5px 0 5px 15px;
  line-height: 20px;
}
.view-task-from-flow .top .create {
  float: right;
}
.view-task-from-flow .top .create button {
  width: 100px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 31px;
}
.view-task-from-flow .top .create button span {
  margin-left: 10px;
  float: left;
}
.view-task-from-flow .content {
  font-size: 14px;
  line-height: 1.33;
  color: #4a4a4a;
  margin-top: 15px;
}
.view-task-from-flow .content .item {
  position: relative;
  height: 52px;
  line-height: 52px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  font-size: 14px;
}
.view-task-from-flow .content .item > div {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}
.view-task-from-flow .content .item .order {
  cursor: pointer;
}
.view-task-from-flow .content .item .name {
  width: 350px;
}
.view-task-from-flow .content .item .name span {
  cursor: pointer;
}
.view-task-from-flow .content .item .detail {
  width: 300px;
}
.view-task-from-flow .content .item .count {
  width: 80px;
}
.view-task-from-flow .content .item .lastEdit {
  position: relative;
  overflow: visible;
}
.view-task-from-flow .content .item .lastEdit .ibass-checkbox,
.view-task-from-flow .content .item .lastEdit .ibass-checked {
  font-size: 16px;
  color: #cdc9c5;
  position: absolute;
  left: 0;
  cursor: pointer;
}
.view-task-from-flow .content .item .edit {
  float: right;
}
.view-task-from-flow .content .item .edit span {
  font-size: 20px;
  color: #fdba78;
  cursor: pointer;
  position: absolute;
  right: 10px;
  display: none;
}
.view-task-from-flow .content .row:hover {
  background-color: #f8f8f9;
}
.view-task-from-flow .content .row:hover .edit span {
  display: block;
}

.organization-common-page .dpt-setting-default {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.organization-common-page .dpt-setting-default span {
  margin-left: 5px;
  cursor: pointer;
}
.organization-common-page .dpt-setting-default .dot-active {
  color: #fa8919!important;
}
.organization-common-page .dpt-setting-line {
  width: 125px;
  border: solid 1px #f0f0f0;
  margin: 18px 0;
  margin-left: 34px;
}
.organization-common-page .org-name {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 22px;
  overflow: hidden;
}
.organization-common-page .org-name .ibass-team {
  float: left;
  font-size: 20px;
  color: #fdba78;
  width: 30px;
}
.organization-common-page .org-name .name {
  font-size: 16px;
  font-weight: bold;
  color: #4a4a4a;
  max-width: 740px;
}
.organization-common-page .org-name .ibass-edit,
.organization-common-page .org-name .ibass-move,
.organization-common-page .org-name .ibass-delete,
.organization-common-page .org-name .task-delete-confirm {
  float: right;
  font-size: 16px;
  text-align: center;
  color: #cdc9c5;
  cursor: pointer;
  margin-left: 15px;
}
.organization-common-page .org-name .task-delete-confirm {
  height: 22px;
  line-height: 22px;
  padding: 0 14px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 12px;
  color: #ffffff;
}
.organization-common-page .org-desc {
  margin-left: 30px;
  margin-top: 9px;
  font-size: 14px;
  color: #737373;
  word-break: break-all;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-case,
.noopsycheSearch {
  width: 630px;
  margin: 0 auto;
}
.bigData-case .cursor,
.noopsycheSearch .cursor {
  cursor: pointer;
}
.bigData-case .data-case-tit,
.noopsycheSearch .data-case-tit {
  overflow: hidden;
  margin: 80px auto 0;
  width: 168px;
}
.bigData-case .data-case-tit a,
.noopsycheSearch .data-case-tit a {
  border-bottom: 2px solid #fff;
  text-align: center;
  display: block;
  float: left;
  width: 84px;
  height: 54px;
}
.bigData-case .data-case-tit a i,
.noopsycheSearch .data-case-tit a i {
  font-size: 24px;
  line-height: 20px;
  color: #b4a69a;
}
.bigData-case .data-case-tit a span,
.noopsycheSearch .data-case-tit a span {
  font-size: 12px;
  color: #9e9e9e;
  height: 17px;
  line-height: 17px;
}
.bigData-case .data-case-tit a:hover,
.noopsycheSearch .data-case-tit a:hover {
  border-color: var(--default);
}
.bigData-case .data-case-tit a:hover i,
.noopsycheSearch .data-case-tit a:hover i,
.bigData-case .data-case-tit a:hover span,
.noopsycheSearch .data-case-tit a:hover span {
  color: var(--default);
}
.bigData-case .data-case-tit .bigdata-search-active,
.noopsycheSearch .data-case-tit .bigdata-search-active {
  border-color: var(--default);
}
.bigData-case .data-case-tit .bigdata-search-active i,
.noopsycheSearch .data-case-tit .bigdata-search-active i,
.bigData-case .data-case-tit .bigdata-search-active span,
.noopsycheSearch .data-case-tit .bigdata-search-active span {
  color: var(--default);
}
.bigData-case .show-advanced-search-border,
.noopsycheSearch .show-advanced-search-border {
  border: none !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}
.bigData-case .search.show-highlight-border,
.noopsycheSearch .search.show-highlight-border {
  background-color: #fefeff;
}
.bigData-case .search.search-border,
.noopsycheSearch .search.search-border {
  border-radius: 45px;
  border: solid 1px #d5d5d5;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.bigData-case .search,
.noopsycheSearch .search {
  position: relative;
  width: 628px;
  min-height: 48px;
  margin: 0px auto;
  line-height: 50px;
  border: solid 1px #d5d5d5;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #fefeff;
}
.bigData-case .search .search-con,
.noopsycheSearch .search .search-con {
  width: 490px;
  height: 50px;
  border: none;
  border-radius: 45px;
  padding-left: 12px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #4a4a4a;
  background: transparent;
}
.bigData-case .search input::-webkit-input-placeholder,
.noopsycheSearch .search input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.bigData-case .search div.left.search-icon,
.noopsycheSearch .search div.left.search-icon {
  line-height: 46px;
  margin-left: 20px;
}
.bigData-case .search div.right.init-ad-search,
.noopsycheSearch .search div.right.init-ad-search {
  margin-right: 20px;
  height: 50px;
}
.bigData-case .search div.right.init-ad-search span,
.noopsycheSearch .search div.right.init-ad-search span {
  position: relative;
  top: -1px;
  color: #a9a9a9;
  font-size: 12px;
}
.bigData-case .search .search-input-padding-case,
.noopsycheSearch .search .search-input-padding-case {
  padding-left: 100px;
}
.bigData-case .search .search-input-padding-law,
.noopsycheSearch .search .search-input-padding-law {
  padding-left: 62px !important;
}
.bigData-case .search .left-search-tab,
.noopsycheSearch .search .left-search-tab {
  position: absolute;
  left: 40px;
  cursor: pointer;
}
.bigData-case .search .left-search-tab .ibass-search,
.noopsycheSearch .search .left-search-tab .ibass-search {
  font-size: 16px;
}
.bigData-case .search .left-search-tab span,
.noopsycheSearch .search .left-search-tab span {
  position: relative;
  top: -1px;
  color: #737373;
}
.bigData-case .search .left-search-tab .scale-icon,
.noopsycheSearch .search .left-search-tab .scale-icon {
  position: relative;
  font-size: 12px;
}
.bigData-case .search .left-search-tab .ibass-trig-up,
.noopsycheSearch .search .left-search-tab .ibass-trig-up {
  left: 8px;
  top: -4px;
}
.bigData-case .search .left-search-tab .ibass-trig-down,
.noopsycheSearch .search .left-search-tab .ibass-trig-down {
  left: -4px;
  top: 4px;
}
.bigData-case .search .left-search-tab:hover span,
.noopsycheSearch .search .left-search-tab:hover span {
  color: var(--default);
}
.bigData-case .search .left-search-tab:hover .scale-icon,
.noopsycheSearch .search .left-search-tab:hover .scale-icon {
  color: var(--default);
}
.bigData-case .search .drop-menu-focus,
.noopsycheSearch .search .drop-menu-focus {
  position: absolute;
  box-sizing: border-box;
  top: 49px;
  left: 15px!important;
  width: 450px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
  background: #fff;
  z-index: 10;
}
.bigData-case .search .drop-menu-focus ul,
.noopsycheSearch .search .drop-menu-focus ul {
  padding: 15px 0;
  overflow-y: auto;
}
.bigData-case .search .drop-menu-focus ul p,
.noopsycheSearch .search .drop-menu-focus ul p {
  padding: 0 10px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #a9a9a9;
}
.bigData-case .search .drop-menu-focus ul li,
.noopsycheSearch .search .drop-menu-focus ul li {
  cursor: pointer;
  padding: 0 10px;
  line-height: 36px;
}
.bigData-case .search .drop-menu-focus ul li:hover,
.noopsycheSearch .search .drop-menu-focus ul li:hover {
  background: #f8f8f9;
}
.bigData-case .search .drop-menu-change::-webkit-scrollbar,
.noopsycheSearch .search .drop-menu-change::-webkit-scrollbar {
  width: 7px;
  border-radius: 3.5px;
}
.bigData-case .search .drop-menu-change::-webkit-scrollbar-thumb,
.noopsycheSearch .search .drop-menu-change::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 3.5px;
  background: rgba(0, 0, 0, 0.48);
}
.bigData-case .search .drop-menu-change,
.noopsycheSearch .search .drop-menu-change {
  max-height: 400px;
  padding: 10px 0;
  position: absolute;
  box-sizing: border-box;
  top: 49px;
  left: 15px!important;
  width: 450px;
  overflow: auto;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
  background: #fff;
  z-index: 10;
}
.bigData-case .search .drop-menu-change .region p,
.noopsycheSearch .search .drop-menu-change .region p {
  height: 30px!important;
  line-height: 30px!important;
}
.bigData-case .search .drop-menu-change .region .line,
.noopsycheSearch .search .drop-menu-change .region .line {
  margin: 2px 20px!important;
}
.bigData-case .search .drop-menu-change .sort,
.noopsycheSearch .search .drop-menu-change .sort {
  overflow-y: auto;
}
.bigData-case .search .drop-menu-change .sort h6,
.noopsycheSearch .search .drop-menu-change .sort h6 {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  margin: 0;
}
.bigData-case .search .drop-menu-change .sort p,
.noopsycheSearch .search .drop-menu-change .sort p {
  cursor: pointer;
  padding: 0 20px;
  line-height: 36px;
}
.bigData-case .search .drop-menu-change .sort p:hover,
.noopsycheSearch .search .drop-menu-change .sort p:hover {
  background: #f8f8f9;
}
.bigData-case .search .drop-menu-change .sort .line,
.noopsycheSearch .search .drop-menu-change .sort .line {
  margin: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-case .search.input-active,
.noopsycheSearch .search.input-active {
  border: solid 1px var(--default);
}
.bigData-case .search-btn-container,
.noopsycheSearch .search-btn-container {
  text-align: left;
  margin-bottom: 30px;
}
.bigData-case .search-btn-container .search-btn,
.noopsycheSearch .search-btn-container .search-btn,
.bigData-case .search-btn-container .ouline-search-btn,
.noopsycheSearch .search-btn-container .ouline-search-btn {
  width: 170px;
  height: 36px;
  border: none;
  border-radius: 20px;
  background-color: var(--default);
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
}
.bigData-case .search-btn-container .search-btn button,
.noopsycheSearch .search-btn-container .search-btn button,
.bigData-case .search-btn-container .ouline-search-btn button,
.noopsycheSearch .search-btn-container .ouline-search-btn button {
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0;
  display: block;
  border: none;
  background: transparent;
  font-size: 0;
}
.bigData-case .search-btn-container .search-btn span,
.noopsycheSearch .search-btn-container .search-btn span,
.bigData-case .search-btn-container .ouline-search-btn span,
.noopsycheSearch .search-btn-container .ouline-search-btn span {
  display: inline-block;
  line-height: 36px;
  font-size: 12px;
}
.bigData-case .search-btn-container .search-btn i,
.noopsycheSearch .search-btn-container .search-btn i,
.bigData-case .search-btn-container .ouline-search-btn i,
.noopsycheSearch .search-btn-container .ouline-search-btn i {
  font-size: 12px;
  color: #ffffff;
  line-height: 35px;
  margin-right: 10px;
}
.bigData-case .search-btn-container .ouline-search-btn,
.noopsycheSearch .search-btn-container .ouline-search-btn {
  width: 140px;
  margin-top: 30px;
}
.bigData-case .search-btn-container .ouline-clear,
.noopsycheSearch .search-btn-container .ouline-clear {
  position: relative;
  top: -26px;
  font-size: 12px;
  color: #737373;
  cursor: pointer;
}
.bigData-case .search-btn-container .ouline-clear:hover,
.noopsycheSearch .search-btn-container .ouline-clear:hover {
  color: #4a4a4a;
}
.bigData-case .searchResult .ouline-container,
.noopsycheSearch .searchResult .ouline-container,
.bigData-case .searchResult .moretools-container,
.noopsycheSearch .searchResult .moretools-container {
  width: 640px;
  margin-left: 4px;
}
.bigData-case .searchResult .ouline-container .items,
.noopsycheSearch .searchResult .ouline-container .items,
.bigData-case .searchResult .moretools-container .items,
.noopsycheSearch .searchResult .moretools-container .items {
  margin-left: 114px;
  height: 51px;
  overflow: hidden;
}
.bigData-case .searchResult .ouline-container .items.show-all-items,
.noopsycheSearch .searchResult .ouline-container .items.show-all-items,
.bigData-case .searchResult .moretools-container .items.show-all-items,
.noopsycheSearch .searchResult .moretools-container .items.show-all-items {
  height: auto;
}
.bigData-case .searchResult .ouline-container .outline-groups-item,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item,
.bigData-case .searchResult .moretools-container .outline-groups-item,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item,
.bigData-case .searchResult .ouline-container .moretools-groups-item,
.noopsycheSearch .searchResult .ouline-container .moretools-groups-item,
.bigData-case .searchResult .moretools-container .moretools-groups-item,
.noopsycheSearch .searchResult .moretools-container .moretools-groups-item {
  display: inline-block;
  width: 118px;
  height: 34px;
  line-height: 34px;
  border-radius: 33.5px;
  border: solid 1px #ede7e7;
  margin: 0 10px 15px 0;
  font-size: 14px;
  text-align: center;
  color: #4a4a4a;
  cursor: pointer;
  font-weight: normal;
  font-style: normal;
}
.bigData-case .searchResult .ouline-container .outline-groups-item .click-item,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item .click-item,
.bigData-case .searchResult .moretools-container .outline-groups-item .click-item,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item .click-item,
.bigData-case .searchResult .ouline-container .moretools-groups-item .click-item,
.noopsycheSearch .searchResult .ouline-container .moretools-groups-item .click-item,
.bigData-case .searchResult .moretools-container .moretools-groups-item .click-item,
.noopsycheSearch .searchResult .moretools-container .moretools-groups-item .click-item {
  display: block;
}
.bigData-case .searchResult .ouline-container .outline-groups-item .ibass-done,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item .ibass-done,
.bigData-case .searchResult .moretools-container .outline-groups-item .ibass-done,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item .ibass-done,
.bigData-case .searchResult .ouline-container .moretools-groups-item .ibass-done,
.noopsycheSearch .searchResult .ouline-container .moretools-groups-item .ibass-done,
.bigData-case .searchResult .moretools-container .moretools-groups-item .ibass-done,
.noopsycheSearch .searchResult .moretools-container .moretools-groups-item .ibass-done {
  margin: 0 10px;
  top: 0;
  color: var(--default);
  visibility: hidden;
}
.bigData-case .searchResult .ouline-container .outline-groups-item p,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item p,
.bigData-case .searchResult .moretools-container .outline-groups-item p,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item p,
.bigData-case .searchResult .ouline-container .moretools-groups-item p,
.noopsycheSearch .searchResult .ouline-container .moretools-groups-item p,
.bigData-case .searchResult .moretools-container .moretools-groups-item p,
.noopsycheSearch .searchResult .moretools-container .moretools-groups-item p {
  text-align: left;
}
.bigData-case .searchResult .ouline-container .outline-groups-item .moretools-words:hover,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item .moretools-words:hover,
.bigData-case .searchResult .moretools-container .outline-groups-item .moretools-words:hover,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item .moretools-words:hover,
.bigData-case .searchResult .ouline-container .moretools-groups-item .moretools-words:hover,
.noopsycheSearch .searchResult .ouline-container .moretools-groups-item .moretools-words:hover,
.bigData-case .searchResult .moretools-container .moretools-groups-item .moretools-words:hover,
.noopsycheSearch .searchResult .moretools-container .moretools-groups-item .moretools-words:hover {
  color: var(--default);
  text-decoration: underline;
}
.bigData-case .searchResult .ouline-container .moretools-groups-item,
.noopsycheSearch .searchResult .ouline-container .moretools-groups-item,
.bigData-case .searchResult .moretools-container .moretools-groups-item,
.noopsycheSearch .searchResult .moretools-container .moretools-groups-item {
  border: none;
}
.bigData-case .searchResult .ouline-container span:last-child,
.noopsycheSearch .searchResult .ouline-container span:last-child,
.bigData-case .searchResult .moretools-container span:last-child,
.noopsycheSearch .searchResult .moretools-container span:last-child {
  margin-right: 0;
}
.bigData-case .searchResult .ouline-container .outline-groups-item:hover,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item:hover,
.bigData-case .searchResult .moretools-container .outline-groups-item:hover,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item:hover {
  border: solid 1px var(--default);
}
.bigData-case .searchResult .ouline-container span.hoverTit,
.noopsycheSearch .searchResult .ouline-container span.hoverTit,
.bigData-case .searchResult .moretools-container span.hoverTit,
.noopsycheSearch .searchResult .moretools-container span.hoverTit {
  color: var(--default);
  border: 1px solid var(--default) !important;
}
.bigData-case .searchResult .ouline-container span.hoverTit .ibass-done,
.noopsycheSearch .searchResult .ouline-container span.hoverTit .ibass-done,
.bigData-case .searchResult .moretools-container span.hoverTit .ibass-done,
.noopsycheSearch .searchResult .moretools-container span.hoverTit .ibass-done {
  visibility: visible;
}
.bigData-case .searchResult .show-all-btn,
.noopsycheSearch .searchResult .show-all-btn {
  height: 40px;
  margin-bottom: -25px;
  margin-top: -15px;
  padding-left: 114px;
}
.bigData-case .searchResult .show-all-btn i.ibass-ellipses,
.noopsycheSearch .searchResult .show-all-btn i.ibass-ellipses {
  font-size: 24px;
  color: #cdc9c5;
  cursor: pointer;
}
.bigData-case .searchResult .show-all-btn i.ibass-ellipses:hover,
.noopsycheSearch .searchResult .show-all-btn i.ibass-ellipses:hover {
  color: var(--default);
}
.bigData-case .searchResult,
.noopsycheSearch .searchResult {
  margin: 0px auto !important;
}
.bigData-case .searchResult .searchResult-inside,
.noopsycheSearch .searchResult .searchResult-inside {
  position: relative;
  width: 630px;
  margin: 50px 0 18px;
}
.bigData-case .searchResult .searchResult-inside span,
.noopsycheSearch .searchResult .searchResult-inside span {
  font-size: 14px;
  width: 118px;
}
.bigData-case .searchResult .tit,
.noopsycheSearch .searchResult .tit {
  height: 40px;
  margin-bottom: 15px;
}
.bigData-case .searchResult .tit div,
.noopsycheSearch .searchResult .tit div {
  position: relative;
  top: -2px;
  font-size: 12px;
  width: 110px;
  color: #a9a9a9;
  text-align: center;
  margin: 12px 0;
}
.bigData-case .searchResult .tit div .ibass-trig-down,
.noopsycheSearch .searchResult .tit div .ibass-trig-down {
  opacity: 0;
}
.bigData-case .searchResult .tit span,
.noopsycheSearch .searchResult .tit span {
  height: 8px;
  display: block;
  border-bottom: 1px solid #f0f0f0;
  width: 260px;
  margin: 12px 0;
}
.bigData-case .searchResult .tit .is-advanced-search-active,
.noopsycheSearch .searchResult .tit .is-advanced-search-active {
  cursor: pointer;
}
.bigData-case .searchResult .tit .is-advanced-search-active .ibass-trig-down,
.noopsycheSearch .searchResult .tit .is-advanced-search-active .ibass-trig-down {
  opacity: 1;
}
.bigData-case .searchResult .tit .is-advanced-search-active label,
.noopsycheSearch .searchResult .tit .is-advanced-search-active label {
  cursor: pointer;
}
.bigData-case .searchResult .searchResult-outside,
.noopsycheSearch .searchResult .searchResult-outside {
  overflow: hidden;
  transition: all .5s ease;
}
.bigData-case .searchResult .searchResult-outside .outline-groups,
.noopsycheSearch .searchResult .searchResult-outside .outline-groups,
.bigData-case .searchResult .more-tools .outline-groups,
.noopsycheSearch .searchResult .more-tools .outline-groups,
.bigData-case .searchResult .searchResult-outside .moretools-groups,
.noopsycheSearch .searchResult .searchResult-outside .moretools-groups,
.bigData-case .searchResult .more-tools .moretools-groups,
.noopsycheSearch .searchResult .more-tools .moretools-groups {
  display: block;
  float: left;
  line-height: 36px;
}
.bigData-case .searchResult .searchResult-outside .outline-groups p,
.noopsycheSearch .searchResult .searchResult-outside .outline-groups p,
.bigData-case .searchResult .more-tools .outline-groups p,
.noopsycheSearch .searchResult .more-tools .outline-groups p,
.bigData-case .searchResult .searchResult-outside .moretools-groups p,
.noopsycheSearch .searchResult .searchResult-outside .moretools-groups p,
.bigData-case .searchResult .more-tools .moretools-groups p,
.noopsycheSearch .searchResult .more-tools .moretools-groups p {
  display: inline-block;
}
.bigData-case .searchResult .searchResult-outside .outline-groups .ibass-arrow-right,
.noopsycheSearch .searchResult .searchResult-outside .outline-groups .ibass-arrow-right,
.bigData-case .searchResult .more-tools .outline-groups .ibass-arrow-right,
.noopsycheSearch .searchResult .more-tools .outline-groups .ibass-arrow-right,
.bigData-case .searchResult .searchResult-outside .moretools-groups .ibass-arrow-right,
.noopsycheSearch .searchResult .searchResult-outside .moretools-groups .ibass-arrow-right,
.bigData-case .searchResult .more-tools .moretools-groups .ibass-arrow-right,
.noopsycheSearch .searchResult .more-tools .moretools-groups .ibass-arrow-right {
  display: inline-block;
  margin: 0 34px 0 10px;
  top: 0;
}
.bigData-case .searchResult .searchResult-outside span.hover,
.noopsycheSearch .searchResult .searchResult-outside span.hover,
.bigData-case .searchResult .more-tools span.hover,
.noopsycheSearch .searchResult .more-tools span.hover {
  background-color: var(--default);
  color: #ffffff;
  border: 1px solid var(--default);
}
.bigData-case i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-case .search {
  margin-bottom: 40px;
}
.bigData-case .change-border-radius {
  border-radius: 8px !important;
}
.bigData-case .change-border-radius .suggest {
  overflow: hidden;
  width: 360px;
  margin: 0 20px;
}
.bigData-case .change-border-radius .suggest ul li {
  height: 26px;
  float: left;
  line-height: 24px;
  margin: 8px 5px 0 10px;
  padding: 0 8px 0 10px;
  border-radius: 20px;
  background-color: #f8f8f9;
  font-size: 12px;
}
.bigData-case .change-border-radius .suggest ul li .ibass-close {
  position: static;
  font-size: 12px;
  margin: 0 5px;
}
.bigData-case .searchResult {
  margin: 0px auto;
}
.bigData-case .searchResult .new {
  display: inline-block;
}
.bigData-case .searchResult .new input {
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #f0f0f0;
  outline: none;
  height: 30px;
  width: 110px;
  text-align: center;
}
.bigData-case .searchResult .showAll {
  cursor: pointer;
  font-weight: normal;
  color: #737373;
  display: inline-block;
  position: absolute;
  bottom: 18px;
  right: 0;
}
.bigData-case .searchResult .showAll i {
  left: -3px;
}
.bigData-case .recommendSum {
  height: 90px;
  border-radius: 10px;
  background: #f8f8f9;
  box-sizing: border-box;
  padding: 27px 25px;
}
.bigData-case .recommendSum .left {
  line-height: 36px;
  height: 36px;
  font-size: 16px;
  float: left;
}
.bigData-case .recommendSum .left .num {
  color: var(--default);
  font-size: 18px;
}
.bigData-case .recommendSum .right-btn {
  float: right;
  font-size: 12px;
  color: #fff;
  height: 36px;
  line-height: 33px;
  width: 130px;
  border-radius: 20px;
  background: var(--default);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
}
.bigData-case .recommendSum .right-btn i {
  color: #fff;
  top: 3px;
}
.bigData-case .filterRule {
  position: relative;
  padding-top: 40px;
  height: 20px;
  line-height: 20px;
  clear: both;
}
.bigData-case .filterRule .titleHead .line {
  width: 526px;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 10px;
}
.bigData-case .filterRule .titleHead .showAllText {
  float: right;
  color: #737373;
}
.bigData-case .filterRule .titleHead .tit {
  padding: 0 10px;
  background: #fff;
  left: 265px;
  position: absolute;
}
.bigData-case .filterRule .ruleDetail {
  clear: both;
  padding-top: 25px;
}
.bigData-case .filterRule .ruleDetail .ruleName {
  padding-bottom: 10px;
  padding-left: 5px;
}
.bigData-case .filterRule .ruleDetail .ruleName label .ibass-checked {
  color: var(--default);
}
.bigData-case .filterRule .ruleDetail .ruleName label span {
  font-weight: 600;
}
.bigData-case .filterRule .ruleDetail .ruleName .allText {
  float: right;
}
.bigData-case .filterRule .ruleDetail p {
  color: #737373;
  line-height: 22px;
  padding-left: 28px;
  clear: both;
}
.bigData-caseSearch {
  overflow: hidden;
  min-width: 1200px;
  min-height: 1486px;
}
.bigData-caseSearch .cursor {
  cursor: pointer;
}
.bigData-caseSearch .left {
  float: left;
}
.bigData-caseSearch .subscribe {
  margin-left: 15px;
  color: #a9a9a9;
  float: right;
  cursor: pointer;
}
.bigData-caseSearch .subscribe span {
  padding-left: 5px;
}
.bigData-caseSearch .subscribe:hover,
.bigData-caseSearch .subscribe:hover i {
  color: var(--default);
}
.bigData-caseSearch .subscribe.remove-undisclosed i {
  font-size: 16px;
  top: 0px;
}
.bigData-caseSearch .subscribe.remove-undisclosed i.ibass-checked {
  color: var(--default);
}
.bigData-caseSearch .subscribe.remove-undisclosed span {
  padding-left: 0px;
  vertical-align: top;
  position: relative;
  top: 2px;
}
.bigData-caseSearch i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-caseSearch .search-container {
  position: relative;
  min-height: 94px;
  padding: 40px 0 0 0;
  border-bottom: 1px solid #ececec;
  background-color: #fff;
}
.bigData-caseSearch .search-container .go-back {
  position: absolute;
  height: 20px;
  left: 25px;
  top: 24px;
  color: #4a4a4a;
}
.bigData-caseSearch .search-container .go-back i {
  line-height: 1;
  font-size: 20px;
  color: #4a4a4a;
  vertical-align: -3px;
}
.bigData-caseSearch .search-container .go-back:hover,
.bigData-caseSearch .search-container .go-back:hover i {
  color: var(--default);
}
.bigData-caseSearch .left-view {
  position: relative;
  background: #f8f8f9;
  width: 259px;
  min-height: 1358px;
  border-radius: 0 0 0 10px;
  border-right: 1px solid #ececec;
  font-size: 14px;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
.bigData-caseSearch .left-view .caseTree {
  width: 224px;
  padding: 24px 19px 12px 15px;
  padding-bottom: 80px;
}
.bigData-caseSearch .left-view .caseTree .sift {
  padding-bottom: 20px;
}
.bigData-caseSearch .left-view .caseTree .sift .tit {
  margin: 0!important;
  font-weight: 600;
  line-height: 28px;
  cursor: pointer;
}
.bigData-caseSearch .left-view .caseTree .sift .tit i {
  cursor: pointer;
}
.bigData-caseSearch .left-view .caseTree .sift div {
  width: 77%;
  margin-left: 18px;
  padding: 4px 0;
  display: inline-block;
}
.bigData-caseSearch .left-view .caseTree .sift p {
  margin-left: 18px;
  padding: 4px 0;
}
.bigData-caseSearch .left-view .caseTree .sift .show-all {
  cursor: pointer;
  margin: 0;
}
.bigData-caseSearch .left-view .caseTree .sift .show-all .ibass-arrow-down,
.bigData-caseSearch .left-view .caseTree .sift .show-all .ibass-arrow-up {
  float: left;
  padding: 1px 10px;
  top: 0;
}
.bigData-caseSearch .left-view .caseTree .sift .show-all span {
  float: left;
}
.bigData-caseSearch .bigData-caseList {
  float: left;
  min-width: 940px;
  min-height: 1358px;
  background: #fff;
  margin-bottom: -9999px;
  padding-bottom: 9999px;
}
.bigData-caseSearch .bigData-caseList .cursor {
  cursor: pointer;
}
.bigData-caseSearch .bigData-caseList .list-head {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-caseSearch .bigData-caseList .list-head .advanced-search-container {
  visibility: hidden;
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput {
  position: relative;
  overflow: hidden;
  min-height: 36px;
  margin-bottom: 14px;
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput .ibass-close {
  font-size: 16px;
  position: absolute;
  z-index: 1;
  right: 0;
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch {
  position: relative;
  width: 398px;
  min-height: 34px;
  line-height: 36px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  border-radius: 45px;
  overflow: hidden;
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch:hover {
  border: 1px solid var(--default);
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch input {
  box-sizing: border-box;
  width: 400px;
  height: 34px;
  padding: 0 105px 0 15px;
  line-height: 34px;
  background: #fefeff;
  outline: none;
  border: none;
  font-size: 14px;
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch .advanced-search-btn {
  position: relative;
  height: 34px;
  line-height: 34px;
  margin: 0 15px 0 -100px;
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch .advanced-search-btn span {
  color: #a9a9a9;
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch .advanced-search-btn i,
.bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch .advanced-search-btn span {
  font-size: 12px;
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput .result {
  position: relative;
  z-index: 1;
  margin-left: 20px;
  line-height: 36px;
}
.bigData-caseSearch .bigData-caseList .list-head .searchInput .result .ibass-checked {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-focus {
  position: absolute;
  box-sizing: border-box;
  top: 35px;
  left: 10px;
  width: 380px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
  background: #fff;
  z-index: 10;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-focus ul {
  padding: 15px 0;
  overflow-y: auto;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-focus ul p {
  padding: 0 10px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #a9a9a9;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-focus ul li {
  cursor: pointer;
  padding: 0 10px;
  line-height: 36px;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-focus ul li:hover {
  background: #f8f8f9;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change::-webkit-scrollbar {
  width: 7px;
  border-radius: 3.5px;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 3.5px;
  background: rgba(0, 0, 0, 0.48);
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change {
  max-height: 400px;
  padding: 10px 0;
  position: absolute;
  box-sizing: border-box;
  top: 35px;
  left: 10px;
  width: 380px;
  overflow: auto;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
  background: #fff;
  z-index: 10;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .region p {
  height: 30px!important;
  line-height: 30px!important;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .region .line {
  margin: 2px 20px!important;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .sort {
  overflow-y: auto;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .sort h6 {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  font-size: 14px;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .sort p {
  cursor: pointer;
  padding: 0 20px;
  line-height: 36px;
  font-size: 14px;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .sort p:hover {
  background: #f8f8f9;
}
.bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .sort .line {
  margin: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-caseSearch .bigData-caseList .list-head .recommend {
  overflow: hidden;
  margin: 10px 20px 0 20px;
}
.bigData-caseSearch .bigData-caseList .list-head .recommend p {
  cursor: pointer;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  border-radius: 20px;
  background: #f8f8f9;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
}
.bigData-caseSearch .bigData-caseList .list-head .recommend p span {
  display: inline-block;
  height: 30px;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bigData-caseSearch .bigData-caseList .list-head .recommend p i {
  position: absolute;
  right: 7px;
  top: 0;
  color: var(--default);
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-head .recommend p:hover i {
  display: block;
}
.bigData-caseSearch .bigData-caseList .list-head .recommend p .tag-prefix {
  border-radius: 20px;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #9e9e9e;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList {
  margin-top: 2px;
  height: 36px;
  line-height: 36px;
  bottom: -1px;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList p {
  display: inline-block;
  cursor: pointer;
  width: 84px;
  height: 34px;
  line-height: 36px;
  text-align: center;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .list {
  margin-left: 34px;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList p:hover {
  color: var(--default);
  border-bottom: 2px solid var(--default);
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .active {
  color: var(--default);
  border-bottom: 2px solid var(--default);
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .sort {
  height: 30px;
  margin-right: 30px;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .download {
  position: relative;
  top: -2px;
  height: 30px;
  margin-right: 30px;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .download .ibass-download {
  position: relative;
  top: 3px;
  margin-left: 5px;
  font-size: 16px;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .download:hover {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .download:hover .ibass-download {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .no-result,
.bigData-caseSearch .bigData-caseList .list-head .routeList .margin-right {
  margin-right: 20px;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .count {
  position: relative;
  top: 1px;
  min-width: 100px;
  height: 30px;
  margin-right: 30px;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .count .num {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-empty {
  text-align: center;
  padding: 50px 0 70px;
  color: #a9a9a9;
  margin: 20px;
}
.bigData-caseSearch .bigData-caseList .list-empty i {
  display: block;
  font-size: 60px;
  height: 100px;
  color: #ddd9d6;
}
.bigData-caseSearch .bigData-caseList .list-content {
  position: relative;
  padding: 0 20px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box {
  padding-top: 10px;
  padding-left: 14px;
  margin-bottom: -10px;
  display: flex;
  flex-wrap: nowrap;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .left-box {
  flex: 1;
  height: 32px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .left-box i {
  margin-right: 7px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box {
  text-align: right;
  height: 32px;
  border-radius: 18px;
  background-color: #f8f8f9;
  padding: 0 16px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .select-count {
  font-size: 12px;
  color: #4a4a4a;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box i {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box i.ibass-checked {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn.do-add-report {
  margin-left: 0px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn i {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list {
  margin-top: 20px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item {
  position: relative;
  padding: 15px 10px 10px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 13px;
  margin: 4px 0;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-1 {
  background: #5a8a43;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-2 {
  background: #a60606;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-7 {
  background: #ed6c00;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-8 {
  background: #586DD0;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-9 {
  background: #3378ff;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.text-tag {
  margin-right: 8px;
  background: #fff;
  color: #353535;
  border: 1px solid #ebebeb;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.add-tag {
  background: var(--default);
  cursor: pointer;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.add-tag i {
  color: #fff;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.text-tag,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.add-tag {
  position: relative;
  padding: 0 20px;
  vertical-align: middle;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.text-tag i,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.add-tag i {
  top: 0;
  vertical-align: middle;
  font-size: 12px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label .remove-tag-button {
  position: absolute;
  top: 0;
  right: 4px;
  cursor: pointer;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label .remove-tag-button i {
  visibility: hidden;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label:hover .remove-tag-button i,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label:focus .remove-tag-button i {
  visibility: visible;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.share-item {
  padding: 0 10px;
  margin-right: 8px;
  background: #5a8a43;
  color: #fff;
  border: 1px solid #5a8a43;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin: 4px 0;
  font-size: 12px;
  border-radius: 20px;
  white-space: nowrap;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.share-item.my-case {
  background: var(--default);
  color: #fff;
  border: 1px solid var(--default);
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title {
  line-height: 26px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index {
  display: none;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: var(--default);
  background: #f8f8f9;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index.show-number {
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index i {
  font-size: 16px;
  position: relative;
  top: -2px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index i.ibass-checked {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-box {
  margin: 1px 5px 48px 0;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-box:hover .number-index.number {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .ilaw-number-index {
  margin: 1px 5px 48px 0;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .ilaw-number-index:hover .number-index.number {
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .ilaw-number-index:hover .number-index.checkbox {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span {
  font-size: 20px;
  color: #353535;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span.clicked {
  color: #888;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span .ibass-video {
  font-size: 20px;
  margin-left: 10px;
  color: var(--default);
  cursor: pointer;
  position: relative;
  top: 2px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .view-box {
  float: right;
  font-size: 13px;
  color: #a9a9a9;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-abstract {
  line-height: 22px;
  margin: 2px 0 2px 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-abstract .empty-reason {
  width: auto;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-abstract .empty-reason .status {
  background: #fff9c4;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 3px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-abstract .empty-reason .ibass-info {
  margin-left: 5px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom {
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 30px;
  overflow: hidden;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-desc {
  width: 515px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-desc span {
  font-size: 14px;
  color: #a9a9a9;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn span {
  color: #a9a9a9;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download:hover i,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download:hover span {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download .right-line {
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
  margin-right: 10px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download.select-mode .right-line {
  border-right: 1px solid transparent;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report span {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ededed;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report .confirm-add:hover span {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item:hover {
  background: #f8f8f9;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item:hover .number-index.number {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item:hover .number-index.checkbox {
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item:hover .ilaw-number-index .number-index.number {
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item:hover .ilaw-number-index .number-index.checkbox {
  display: none;
}
.bigData-caseSearch .bigData-caseList .page .ibass-trig-down {
  color: var(--default);
}
.bigData-caseSearch .bigData-caseList .article-list .bigdata_query_highlight {
  color: red;
}
.bigData-caseSearch.search-Caseresult-container {
  overflow: inherit;
}
.bigData-caseSearch.search-Caseresult-container .search-Caseresult {
  display: flex;
  flex-wrap: nowrap;
}
.bigData-caseSearch.search-Caseresult-container .search-Caseresult .left-view,
.bigData-caseSearch.search-Caseresult-container .search-Caseresult .bigData-caseList {
  padding-bottom: 0;
  margin-bottom: 0;
}
.select-history-keyword.drop-menu-focus {
  box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 1px;
  width: 490px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
  background: #fff;
  z-index: 10;
}
.select-history-keyword.drop-menu-focus ul {
  padding: 15px 0;
  overflow-y: auto;
}
.select-history-keyword.drop-menu-focus ul p {
  padding: 0 10px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #a9a9a9;
}
.select-history-keyword.drop-menu-focus ul li {
  cursor: pointer;
  padding: 0 10px;
  line-height: 36px;
}
.select-history-keyword.drop-menu-focus ul li:hover {
  background: #f8f8f9;
}
.select-history-keyword.drop-menu-focus .ns-popover-item-selected {
  background-color: #f8f8f9!important;
}
.select-history-keyword.drop-menu-change {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 490px;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e5e5;
  background: #fff;
  z-index: 10;
}
.select-history-keyword.drop-menu-change .ns-popover-items {
  overflow: auto;
  max-height: 400px;
  margin: 10px 0;
}
.select-history-keyword.drop-menu-change ::-webkit-scrollbar {
  width: 7px;
  border-radius: 3.5px;
}
.select-history-keyword.drop-menu-change ::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 3.5px;
  background: rgba(0, 0, 0, 0.48);
}
.select-history-keyword.drop-menu-change .region p {
  height: 30px!important;
  line-height: 30px!important;
}
.select-history-keyword.drop-menu-change .region .line {
  margin: 2px 20px!important;
}
.select-history-keyword.drop-menu-change .sort {
  overflow-y: auto;
}
.select-history-keyword.drop-menu-change .sort h6 {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  font-size: 14px;
}
.select-history-keyword.drop-menu-change .sort p {
  cursor: pointer;
  padding: 0 20px;
  line-height: 36px;
}
.select-history-keyword.drop-menu-change .sort p:hover {
  background: #f8f8f9;
}
.select-history-keyword.drop-menu-change .sort .line {
  margin: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.select-history-keyword.drop-menu-change .ns-popover-item-selected {
  background-color: #f8f8f9!important;
}
.case-history,
.case-suggest {
  width: 600px !important;
  left: -20px !important;
}
.case-history .ns-popover-item,
.case-suggest .ns-popover-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-history.select-history-keyword.drop-menu-change .sort h6,
.case-suggest.select-history-keyword.drop-menu-change .sort h6 {
  padding-left: 34px;
}
.case-history .ibass-arrow-next,
.case-suggest .ibass-arrow-next,
.case-history .ibass-search,
.case-suggest .ibass-search {
  color: #cdc9c5;
  font-size: 16px;
  margin-left: -10px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.select-sort {
  width: 100px;
}
.select-sort .triangle {
  left: 49px !important;
}
.select-sort .triangle:after {
  border-bottom-color: #3d3d3d !important;
}
.select-sort .ns-popover-tooltip {
  width: 100px;
  background-color: #3d3d3d !important;
  border-radius: 8px;
  color: #fff;
}
.select-sort .ns-popover-tooltip .ns-popover-items {
  margin-top: 10px;
}
.select-sort .ns-popover-tooltip .ns-popover-item {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.select-sort .ns-popover-tooltip .ns-popover-item:hover {
  background-color: #282828;
  color: #fff;
}
.bigData-case .library-type ul {
  width: 680px;
  transition: height .2s ease;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.bigData-case .library-type ul li {
  display: inline-block;
  position: relative;
  height: 70px;
  float: left;
  text-align: center;
  margin-left: 4px;
  border-bottom: 2px solid transparent;
  color: #9e9e9e;
  font-size: 12px;
  flex-shrink: 0;
}
.bigData-case .library-type ul li i {
  display: block;
  font-size: 24px;
  width: 84px;
  height: 24px;
  line-height: 24px;
  margin-top: 14px;
  color: #b4a69a;
}
.bigData-case .library-type ul li i svg g {
  fill: #b4a69a;
}
.bigData-case .library-type ul li p {
  position: absolute;
  width: 84px;
  bottom: 8px;
}
.bigData-case .library-type ul li .beta {
  position: absolute;
  right: 4px;
  bottom: 8px;
  font-size: 16px;
  transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  color: #c5c5c5;
}
.bigData-case .library-type ul li .library-is-new {
  position: absolute;
  top: 6px;
  right: 0;
  color: var(--default);
  font-size: 12px;
  font-weight: 500;
  transform: scale(0.8);
}
.bigData-case .library-type ul li.current,
.bigData-case .library-type ul li:hover {
  color: var(--default);
  border-bottom: 2px solid var(--default);
}
.bigData-case .library-type ul li.current i,
.bigData-case .library-type ul li:hover i,
.bigData-case .library-type ul li.current p,
.bigData-case .library-type ul li:hover p {
  color: var(--default);
}
.bigData-case .library-type ul li.current svg g,
.bigData-case .library-type ul li:hover svg g {
  fill: #ed6c00;
}
.is-advanced-search-suggest {
  width: 380px !important;
  margin: 2px 0 0 20px !important;
}
.case-portrait-relation-container.ns-popover-tooltip {
  width: 400px;
  max-width: 400px !important;
  margin-left: -312px !important;
}
.case-portrait-relation-container.ns-popover-tooltip .title {
  text-align: center;
  padding-top: 14px;
  padding-bottom: 7px;
  font-size: 14px;
  color: #4a4a4a;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container {
  margin-top: 25px;
  max-height: 120px;
  box-sizing: border-box;
  overflow-y: auto;
  margin-bottom: 23px;
  padding-bottom: 2px;
  margin-right: 10px;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item {
  padding-left: 20px;
  position: relative;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item .detail-date {
  white-space: nowrap;
  width: 100px;
  min-width: 100px;
  box-sizing: border-box;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item .line {
  position: absolute;
  left: 126px;
  top: 15px;
  height: calc(100% - 10px);
  width: 2px;
  background: #ebebeb;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item i {
  color: #ebebeb;
  padding-right: 15px;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item .detail-content {
  display: flex;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item .detail-content .type {
  padding-right: 10px;
  white-space: nowrap;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item .detail-content .my-title {
  text-align: justify;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item.current i,
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item:hover i {
  color: var(--default);
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item.current .detail-content,
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item:hover .detail-content,
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item.current .detail-date,
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item:hover .detail-date {
  font-weight: 500;
  color: var(--default);
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item.last-item {
  padding-bottom: 0;
}
.case-portrait-relation-container.ns-popover-tooltip .detail-container .detail-item.last-item .line {
  display: none;
}
.search-btn-container {
  position: relative;
}
.search-btn-container .upload-mycase-container {
  position: absolute;
  right: 130px;
  top: 8px;
}
.search-btn-container .upload-mycase-container span {
  color: #737373;
  cursor: pointer;
}
.swiper {
  margin: 0 auto 30px;
}
.swiper .swiper-img {
  width: 100%;
  height: 110px;
  display: block;
}
.swiper .swiper-img:hover {
  cursor: pointer;
}
.swiper .swiper-pagination-custom {
  bottom: 3px;
  left: 0;
  width: 100%;
}
.swiper .swiper-pagination-custom:hover {
  cursor: pointer;
}
.swiper .swiper-pagination-customs {
  width: 16px;
  height: 2px;
  display: inline-block;
  background: #999;
  opacity: .5;
  margin: 0 2px;
}
.swiper .swiper-pagination-customs-active {
  opacity: 1;
  background-color: var(--default);
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  z-index: 10;
  cursor: pointer;
  background: rgba(51, 51, 51, 0.1);
  border-radius: 50%;
  display: none;
}
.swiper .swiper-button-prev .ibass-arrow-left,
.swiper .swiper-button-next .ibass-arrow-left,
.swiper .swiper-button-prev .ibass-arrow-right,
.swiper .swiper-button-next .ibass-arrow-right {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 15;
  cursor: pointer;
}
.swiper .swiper-button-prev {
  left: 12px;
}
.swiper .swiper-button-next {
  right: 12px;
}
.short-height-title-tips .tooltip-inner {
  max-width: 300px;
  text-align: center;
}
.item-hit-des {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-left: 30px;
}
.item-hit-des .hit-title {
  float: left;
  min-width: 70px;
}
.item-hit-des .hit-title:hover {
  color: #ed6c00;
}
.item-hit-des .hit-title:hover ~ .hit-des {
  color: #ed6c00;
}
.item-hit-des .hit-des {
  float: left;
  padding: 0 5px;
  max-width: 300px;
}
.item-hit-des .hit-des:hover {
  color: #ed6c00;
}
.item-hit-des .hit-des .item-hit-word {
  float: left;
  max-width: 88%;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-hit-des .hit-des .item-hit-count {
  float: left;
  color: #fa8919;
  width: 11%;
}
.item-hit-info-container {
  margin-top: 4px;
  margin-left: 30px;
}
.item-hit-info-container .item-hit-info-tabs {
  position: relative;
  top: 1px;
  display: inline-flex;
  height: 36px;
  box-sizing: border-box;
  background: #F8F8F9;
  padding: 4px;
  border: 1px solid #ececec;
  border-bottom: none;
  border-radius: 2px 2px 0px 0px;
  user-select: none;
  z-index: 5;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab {
  position: relative;
  padding: 0 16px;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 28px;
  cursor: pointer;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab .iconfont {
  vertical-align: bottom;
  top: 0;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab .iconfont.iconcircleUp {
  color: #FA8919;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:nth-of-type(1).item-hit-info-tab--active + .item-hit-info-tab::after {
  display: none;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:nth-of-type(2).item-hit-info-tab--active + .item-hit-info-tab::after,
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:nth-of-type(2).item-hit-info-tab--active::after {
  display: none;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:nth-of-type(3).item-hit-info-tab--active::after {
  display: none;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab--active {
  border-radius: 2px;
  background: #FFFFFF;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:hover,
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab--active {
  color: #FA8919;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:hover i {
  color: #FA8919;
}
.item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:not(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 18px;
  background: #EBEBEB;
  border-radius: 1px;
}
.item-hit-info-container .item-hit-info-tabs--collapse {
  border-bottom: 1px solid #ececec;
}
.item-hit-info-container .item-hit-info-content .history-writ {
  border: 1px solid #ececec;
  background: #F8F8F9;
  border-radius: 0px 2px 2px 2px;
  padding: 13px 20px;
  max-height: 318px;
  box-sizing: border-box;
  overflow-y: auto;
}
.item-hit-info-container .item-hit-info-content .history-writ::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.item-hit-info-container .item-hit-info-content .history-writ::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.item-hit-info-container .item-hit-info-content .history-writ:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.item-hit-info-container .item-hit-info-content .history-writ:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item {
  position: relative;
  display: flex;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-date {
  white-space: nowrap;
  width: 100px;
  min-width: 100px;
  box-sizing: border-box;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot {
  position: relative;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot i.ibass-dot {
  position: relative;
  color: #ebebeb;
  padding-right: 15px;
  z-index: 5;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot::before,
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 50%;
  left: 6px;
  background-color: #ebebeb;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot::before {
  top: 0;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot::after {
  bottom: 0;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-content {
  display: flex;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-content .type {
  margin-right: 10px;
  white-space: nowrap;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-content .my-title {
  text-align: justify;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item:first-of-type .writ-dot::before,
.item-hit-info-container .item-hit-info-content .history-writ .writ-item:last-child .writ-dot::after {
  display: none;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item.current,
.item-hit-info-container .item-hit-info-content .history-writ .writ-item:hover {
  color: #ed6c00;
}
.item-hit-info-container .item-hit-info-content .history-writ .writ-item.current i.ibass-dot,
.item-hit-info-container .item-hit-info-content .history-writ .writ-item:hover i.ibass-dot {
  color: #ed6c00;
}
h2 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.short-height-title-tips .tooltip-inner {
  max-width: 300px;
  text-align: center;
}
.my-groupitem-tooltip-for-text {
  padding: 6px 10px !important;
}
.canDownloadTmp-tooltip .ibass-warning {
  position: relative;
  top: 2px;
}

.mtcc-body-wrap.collection-margin-top {
  margin-top: 20px;
}
.mtcc-body-wrap {
  display: inline-block;
  float: right;
  width: 789px;
  min-height: 300px;
  border-left: 1px solid #f0f0f0;
}
.mtcc-body-wrap i {
  color: #cdc9c5;
}
.mtcc-body-wrap .text-overflow-hidden {
  display: inline-block;
  max-width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mtcc-body-wrap .mtcc-top {
  margin-left: 12.5px;
}
.mtcc-body-wrap .mtcc-top .top-search {
  margin-bottom: 12px;
}
.mtcc-body-wrap .mtcc-top .top-search .search-input {
  display: inline-block;
  width: 320px;
  height: 30px;
  border-radius: 20px;
  margin-right: 17px;
  position: relative;
}
.mtcc-body-wrap .mtcc-top .top-search .search-input .ibass-search {
  position: absolute;
  left: 9px;
  top: 5px;
  color: #cdc9c5;
}
.mtcc-body-wrap .mtcc-top .top-search .search-input input {
  outline: none;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  text-indent: 25px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  font-size: 12px;
}
.mtcc-body-wrap .mtcc-top .top-search .search-input input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.mtcc-body-wrap .mtcc-top .top-search .search-input input:focus {
  border-color: #fa8919;
}
.mtcc-body-wrap .mtcc-top .top-num {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 18px 12px 0;
  overflow: hidden;
  margin: 8px 0 0 10.5px;
  color: #737373;
}
.mtcc-body-wrap .mtcc-top .top-num li {
  display: flex;
  height: 32px;
  line-height: 32px;
}
.mtcc-body-wrap .mtcc-top .top-num li:nth-child(2),
.mtcc-body-wrap .mtcc-top .top-num li:nth-child(3) {
  flex: 1;
}
.mtcc-body-wrap .mtcc-top .top-num li:nth-child(3) {
  justify-content: flex-end;
  margin-right: 15px;
}
.mtcc-body-wrap .mtcc-top .top-num .check-all i {
  position: relative;
  top: -1px;
  font-size: 16px;
}
.mtcc-body-wrap .mtcc-top .top-num .check-all label {
  color: #cdc9c5;
  display: block;
  height: 16px;
}
.mtcc-body-wrap .mtcc-top .top-num .check-all label:hover i {
  color: #fa8919;
}
.mtcc-body-wrap .mtcc-top .top-num .check-all label .right {
  margin: 0 10px 0 9px;
  color: #737373;
}
.mtcc-body-wrap .mtcc-top .top-num .check-all .ibass-checked {
  color: #fa8919;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report {
  height: 32px;
  line-height: 27px;
  text-align: center;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report:hover i {
  color: #fa8919;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report:hover span {
  color: #fa8919;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report i {
  position: relative;
  font-size: 16px;
  color: #cdc9c5;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report span {
  margin-left: 5px;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report.import-collection {
  margin-left: 10px;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report.import-collection i {
  display: inline-block;
  margin-right: 3px;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active {
  margin-right: 20px;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate {
  min-width: 159px;
  height: 32px;
  border-radius: 16px;
  background-color: #f8f8f9;
  font-size: 0;
  padding: 0 22px;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate i {
  font-size: 16px;
  color: #fdba78;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate li {
  display: inline-block;
  margin-right: 18px;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate li span {
  margin-left: 6px;
  font-size: 14px;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate li:hover i {
  color: #fa8919 !important;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate .line {
  width: 1px;
  height: 16px;
  background: #ededed;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate .create-report {
  margin-right: 14px;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate .cancel-check-all {
  margin-right: 0;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate .cancel-check-all .ibass-close {
  color: #cdc9c5;
}
.mtcc-body-wrap .mtcc-top .top-num .search-report-active .operate .delete-collection span {
  position: relative;
  top: -4px;
  display: inline-block;
  width: 66px;
  height: 20px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
}
.mtcc-body-wrap .overflow-scroll .collection-list {
  margin: 0 20px 0 23px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-checkbox {
  width: 16px;
  height: 16px;
  margin-top: 50px;
  float: left;
  font-size: 16px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-checkbox:hover i {
  color: #fa8919;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-checkbox .ibass-checked {
  color: #fa8919;
}
.mtcc-body-wrap .overflow-scroll .collection-list .border-orange.search-report-active.first-index {
  border-top: 1px solid #f0f0f0;
  padding-top: 20px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .border-orange.search-report-active .collection-list-body {
  margin-left: 26px;
  padding: 17px 6px 10px 10px;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.mtcc-body-wrap .overflow-scroll .collection-list .border-orange {
  position: relative;
  overflow: hidden;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-hover {
  background-color: #f8f8f9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-hover .collection-list-tags .add-tag {
  visibility: visible;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-hover .collection-list-content .content-hide-all {
  visibility: visible;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-hover .collection-list-tools {
  display: block;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-hover .collection-list-info.colection-default {
  display: none;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-hover .exist-betch-select.collection-list-tools {
  display: none;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-hover .exist-betch-select.collection-list-info {
  display: block !important;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags {
  min-height: 24px;
  margin-bottom: 10px;
  overflow: hidden;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags span.tags {
  position: relative;
  float: left;
  height: 20px;
  margin: 2px 5px 0 0;
  padding: 0 10px 0 15px;
  line-height: 17px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  text-align: center;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags span.tags:hover i {
  visibility: visible;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags span.tags span {
  position: relative;
  top: 1px;
  font-size: 12px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags span.tags i {
  position: relative;
  top: 2px;
  visibility: hidden;
  height: 20px;
  color: #fa8919;
  font-size: 12px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags span.tags.active span {
  color: #fff;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags span.tags.active i {
  color: #fa8919;
  display: inline-block;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags span.tags i.hidden-close {
  visibility: hidden;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags .add-tag {
  float: left;
  height: 22px;
  visibility: hidden;
  box-shadow: none;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags .add-tag span.ibass-add {
  position: relative;
  top: 2px;
  width: 20px;
  color: #cdc9c5;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags .add-tag span.text {
  font-size: 12px;
  line-height: 24px;
  width: 56px;
  height: 20px;
  color: #a9a9a9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags .add-tag:hover span.ibass-add,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tags .add-tag:hover span.text {
  color: #fa8919;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-title .title {
  margin-bottom: 5px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-title .title .classify {
  display: inline-block;
  width: 56px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #ed6c00;
  border-radius: 2px;
  border: solid 1px #fa8919;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-title .title .title-name {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 22px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-title .detail {
  margin-bottom: 15px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-title .detail span {
  display: inline-block;
  font-size: 12px;
  color: #737373;
  margin: 0 8px 0 2px;
  padding-right: 8px;
  border-right: 1px solid #ececec;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-title .detail span:last-child {
  border-right: none;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content {
  font-size: 14px;
  line-height: 22px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .is-fulltext {
  position: relative;
  display: inline-block;
  top: -2px;
  width: 41px;
  height: 20px;
  border-radius: 2px;
  background-color: #fdba78;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content-hide-all {
  float: right;
  height: 20px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content-hide-all i {
  color: #cdc9c5;
  position: relative;
  top: 2px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content-hide-all span {
  color: #a9a9a9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content-hide-all .right {
  width: 58px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content .img-container {
  height: 120px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content .img-container img {
  height: 100%;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content i.file {
  position: relative;
  top: 9px;
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  font-size: 32px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content .file-div {
  height: 50px;
  margin-left: 40px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content .file-des {
  overflow: hidden;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content .file-des .file-size,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content .file-des .file-suffix {
  font-size: 12px;
  color: #a9a9a9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content .file-des .file-size {
  margin-left: 10px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content pre.content {
  margin: 0;
  line-height: 22px;
  white-space: pre-wrap;
  overflow: hidden;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content pre.content.min-height {
  height: 66px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-content .content.my-file {
  padding: 0 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info {
  height: 20px;
  float: right;
  margin: 28px 10px 0 0;
  font-size: 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info.collection-project-template {
  float: unset;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info img {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  border-radius: 20px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info span,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info a {
  font-size: 12px;
  color: #a9a9a9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .content-show-all:hover,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .content-look-fulltext:hover,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .remark:hover {
  color: #ed6c00;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .content-show-all:hover span,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .content-look-fulltext:hover span,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .remark:hover span,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .content-show-all:hover i,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .content-look-fulltext:hover i,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .remark:hover i {
  color: #ed6c00;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .source {
  margin-right: 10px;
  font-size: 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .source .content-look-fulltext span {
  color: #ed6c00;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .source .content-look-fulltext i {
  position: relative;
  top: 1px;
  color: #fa8919;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .source .user-pic {
  position: relative;
  top: 5px;
  margin: 0 5px 0 20px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .source .text-overflow-hidden {
  position: relative;
  top: 5px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .source,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .user-name,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .date {
  position: relative;
  top: -5px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .user-name {
  position: relative;
  top: 0;
  margin-left: 5px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .date {
  margin-left: 15px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .source.matter-collection .user-pic {
  float: none;
  margin-left: 5px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .source.matter-collection .user-name {
  position: relative;
  margin: 0 5px 0 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .delete-confirm {
  width: 66px;
  height: 18px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  padding: 0 10px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .delete:hover i,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-info .delete:hover span {
  color: #fdba78;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools {
  width: 100%;
  height: 20px;
  margin: 28px 10px 0 0;
  display: none;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools span {
  color: #a9a9a9;
  font-size: 12px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools i {
  color: #cdc9c5;
  position: relative;
  top: 2px;
  font-size: 14px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .tools-left,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .tools-right {
  height: 20px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .line {
  margin: 0 10px;
  color: #d4d4d4;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .i-add-search-report {
  display: inline-block;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .i-add-search-report:hover a i,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .i-add-search-report:hover a span {
  color: #fdba78;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .i-add-search-report .cancel-add i,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .i-add-search-report .cancel-add span {
  color: #fdba78;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .content-show-all {
  color: #ed6c00;
  font-size: 12px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .content-look-fulltext {
  font-size: 14px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .content-look-fulltext .ibass-link {
  position: relative;
  color: #fa8919;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .content-look-fulltext span {
  color: #ed6c00;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .download {
  cursor: pointer;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .project {
  position: relative;
  z-index: 20;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .relevance-project-list {
  position: absolute;
  width: 76px;
  height: 20px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .num {
  color: #ed6c00;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .delete-confirm {
  display: inline-block;
  width: 66px;
  height: 16px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .remark:hover i,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .project:hover i,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .delete:hover i,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .download:hover i,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .remark:hover span,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .project:hover span,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .delete:hover span,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-tools .download:hover span {
  color: #fdba78;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark {
  position: relative;
  margin: 10px 5px 0 100px;
  clear: both;
  overflow-y: auto;
  max-height: 340px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-header {
  height: 20px;
  margin-left: 29px;
  text-align: center;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-header .line {
  width: 256px;
  margin-top: 10px;
  border-top: 1px solid #ececec;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-header .title .ibass-memo,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-header .title span {
  color: #fdba78;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-header .title span {
  position: relative;
  top: -2px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body {
  padding: 19px 10px 0 29px;
  border-left: 2px solid #e5e5e5;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add {
  position: relative;
  min-height: 26px;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  margin-top: 30px;
  padding-bottom: 65px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add .user-pic,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add .user-name,
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add .date {
  position: relative;
  top: -30px;
  margin-left: 10px;
  color: #a9a9a9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add .user-pic {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add textarea {
  border: none;
  top: 10px;
  width: 96%;
  height: calc(90%);
  line-height: 21px;
  word-break: break-all;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  margin: 0 2% 0 2%;
  padding: 0 0 0 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add pre {
  margin: 10px 10px 0 10px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add .remark-length {
  position: absolute;
  bottom: 8px;
  left: 10px;
  color: #a9a9a9;
  font-size: 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add .remark-length span {
  font-size: 12px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add .remark-length .warning {
  color: #d0011b;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add .save {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-add .cancel {
  position: absolute;
  right: 116px;
  bottom: 8px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  text-align: center;
  line-height: 32px;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list {
  margin-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list:hover .remark-list-header i {
  visibility: visible;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list:last-child {
  border-bottom: none;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-header {
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  color: #a9a9a9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-header img {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-header i {
  visibility: hidden;
  height: 20px;
  color: #cdc9c5;
  margin-right: 10px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-header i:hover {
  color: #ed6c00;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-header span {
  margin-left: 10px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-header .delete-confirm {
  width: 66px;
  height: 18px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-body {
  position: relative;
  overflow: hidden;
  min-height: 26px;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  padding-bottom: 65px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-body textarea {
  border: none;
  width: 96%;
  line-height: 21px;
  word-break: break-all;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  margin: 2% 2% 0 2%;
  padding: 0 0 25px 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-body textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-body pre {
  margin: 2% 2% 0 2%;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-body .remark-length {
  position: absolute;
  bottom: 8px;
  left: 10px;
  color: #a9a9a9;
  font-size: 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-body .remark-length span {
  font-size: 12px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-body .remark-length .warning {
  color: #d0011b;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-body .save {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-body .cancel {
  position: absolute;
  right: 116px;
  bottom: 8px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  text-align: center;
  line-height: 32px;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-pre {
  position: relative;
  padding-bottom: 20px;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-pre .remark-list-text {
  display: inline;
  color: #737373;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
  margin: 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-pre .show-all-remark {
  color: #ed6c00;
}
.mtcc-body-wrap .overflow-scroll .collection-list .collection-list-remark .remark-body .remark-list .remark-list-pre .hide-all-remark {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
  color: #a9a9a9;
}
.mtcc-body-wrap .overflow-scroll .collection-list .border-orange.is-safari .collection-list-info .source .text-overflow-hidden {
  top: 0;
}
.mtcc-body-wrap .overflow-scroll .collection-list .border-orange.is-safari .collection-list-info .user-name {
  top: -5px;
}
.mtcc-body-wrap .load-more {
  width: 110px;
  height: 30px;
  line-height: 30px;
  margin: 30px auto;
  border-radius: 20px;
  text-align: center;
  background-color: #f8f8f9;
}
.mtcc-body-wrap .not-load-more {
  text-align: center;
  line-height: 40px;
  padding: 22px 0;
  font-size: 14px;
  color: #a9a9a9;
}
.mtcc-body-wrap .mtcc-prompt-content {
  padding-top: 180px;
}
.mtcc-body-wrap .mtcc-prompt-content .ibass-search {
  font-size: 60px;
  text-align: center;
  color: #ddd9d6;
  display: block;
}
.mtcc-body-wrap .mtcc-prompt-content span {
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
  color: #a9a9a9;
  display: block;
}
.mtcc-left-wrap {
  position: relative;
  display: inline-block;
  width: 210px;
  height: 550px;
}
.mtcc-left-wrap .line {
  width: 100px;
  height: 2px;
  margin: 19px 30px;
  background-color: #f0f0f0;
}
.mtcc-left-wrap .download-alpha-chrome {
  height: 70px;
  margin-top: 35px;
}
.mtcc-left-wrap .download-alpha-chrome img {
  margin-left: 17px;
  width: 180px;
  height: 70px;
}
.dialog-search-report .report-header {
  padding-top: 45px;
  text-align: center;
}
.dialog-search-report .report-header .line {
  width: 190px;
  border: 1px solid #f0f0f0;
}
.dialog-search-report .report-header .left {
  margin-left: 50px;
}
.dialog-search-report .report-header .right {
  margin-right: 50px;
}
.dialog-search-report .report-header span {
  position: relative;
  top: -10px;
  font-size: 16px;
  font-weight: 500;
}
.dialog-search-report .report-content .selected {
  width: 400px;
  height: 77px;
  border-radius: 5px;
  margin: 20px auto;
  font-size: 14px;
  text-indent: 10px;
  background-color: #f8f8f9;
}
.dialog-search-report .report-content .selected .count-desc,
.dialog-search-report .report-content .selected .category-desc {
  line-height: normal;
  color: #737373;
}
.dialog-search-report .report-content .selected .count-desc {
  padding: 16px 0 5px 0;
  color: #ed6c00;
}
.dialog-search-report .report-content .active {
  box-shadow: inset 0 -1px 0 0 #fa8919 !important;
}
.dialog-search-report .report-content .name,
.dialog-search-report .report-content .background {
  width: 400px;
  height: 55px;
  margin: 0 auto;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.dialog-search-report .report-content .name .title,
.dialog-search-report .report-content .background .title {
  font-size: 12px;
  color: #a9a9a9;
}
.dialog-search-report .report-content .name input,
.dialog-search-report .report-content .background input {
  width: 90%;
  border: 0;
  outline: 0;
  color: #4a4a4a;
}
.dialog-search-report .report-content .name input::-webkit-input-placeholder,
.dialog-search-report .report-content .background input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.dialog-search-report .report-content .name {
  position: relative;
  margin-top: 20px;
}
.dialog-search-report .report-content .name .ibass-required {
  position: absolute;
  right: 0;
  font-size: 14px;
  color: #f72b44;
}
.dialog-search-report .report-content .pdf-check {
  width: 400px;
  height: 20px;
  line-height: 20px;
  margin: 0 auto 20px;
  font-size: 14px;
}
.dialog-search-report .report-content .pdf-check div {
  width: 160px;
}
.dialog-search-report .report-content .pdf-check i {
  position: relative;
  top: 1px;
  color: #cdc9c5;
}
.dialog-search-report .report-content .pdf-check .ibass-checked {
  color: #fa8919;
}
.dialog-search-report .report-content .pdf-check:hover i {
  color: #fa8919;
}
.dialog-search-report .report-content .pdf-check span {
  margin-left: 5px;
}
.dialog-search-report .report-content .download-format {
  width: 400px;
  margin: 0 auto;
  font-size: 14px;
}
.dialog-search-report .report-content .download-format div {
  white-space: nowrap;
}
.dialog-search-report .report-footer {
  height: 76px;
}
.dialog-search-report .report-footer .confirm {
  width: 130px;
  height: 36px;
  line-height: 36px;
  margin: 70px auto 0 auto;
  font-size: 12px;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.dialog-collection-warning .warning-header {
  padding-top: 45px;
  text-align: center;
}
.dialog-collection-warning .warning-header .line {
  width: 154px;
  border: 1px solid #f0f0f0;
}
.dialog-collection-warning .warning-header .left {
  margin-left: 50px;
}
.dialog-collection-warning .warning-header .right {
  margin-right: 50px;
}
.dialog-collection-warning .warning-header span {
  position: relative;
  top: -10px;
  font-size: 16px;
  font-weight: 500;
}
.dialog-collection-warning .warning-body {
  width: 394px;
  margin: 25px auto;
}
.dialog-collection-warning .warning-body .body-tips .content {
  font-size: 14px;
}
.dialog-collection-warning .warning-body .body-tips .tip {
  font-weight: 500;
}
.dialog-collection-warning .warning-body .body-tips input {
  width: 50px;
  height: 30px;
  text-align: center;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.dialog-collection-warning .warning-body .body-tips span,
.dialog-collection-warning .warning-body .body-tips label {
  font-size: 14px;
}
.dialog-collection-warning .warning-body .body-tips span {
  margin: 0 5px;
}
.dialog-collection-warning .warning-body .body-tips .to {
  margin: 0 15px;
}
.dialog-collection-warning .warning-body .body-tips .bottom-div {
  margin-top: 10px;
}
.dialog-collection-warning .warning-body .body-tips .bottom-div .bottom {
  color: #737373;
}
.dialog-collection-warning .warning-footer {
  height: 66px;
}
.dialog-collection-warning .warning-footer .next {
  width: 130px;
  height: 36px;
  line-height: 36px;
  margin: 70px auto 0 auto;
  font-size: 12px;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.collection-back-top {
  visibility: hidden;
  position: fixed;
  height: 30px;
  bottom: 15px;
  right: 25px;
  transition: bottom .1s;
  z-index: 99;
}
.collection-back-top .ibass-arrow-up {
  position: relative;
  top: 4px;
  font-size: 18px;
  color: #07cfda;
}
.collection-project-template .user-pic {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.collection-project-template .remark,
.collection-project-template .delete-confirm {
  position: relative;
  top: -5px;
  margin-left: 20px;
}
.collection-project-template .remark:hover,
.collection-project-template .delete-confirm:hover {
  color: #fff;
}
.collection-project-template .content-show-all {
  margin-right: 20px;
}

/*设置notify全局,去掉多余a标签*/
.uk-notify .uk-notify-message .close {
  display: none !important;
}
.uk-notify .uk-notify-message .content .ibass-close {
  color: #fff;
  margin-left: 10px;
}
.contract-wrap {
  margin-top: 17px;
  height: 100%;
}
.contract-wrap .tooltip {
  margin-top: -8px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background: #000;
  border-radius: 4px;
  opacity: .9;
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  transition: opacity .15s linear;
  box-sizing: border-box;
}
.contract-wrap .tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.contract-line {
  width: 950px;
  height: 1px;
  background: #f0f0f0;
  margin-left: 25px;
}
.contract-right-view {
  float: left;
  border-left: 1px solid #f0f0f0;
  min-height: 900px;
}
.contract-left-view {
  float: left;
  top: 10px;
  position: sticky !important;
  position: -webkit-sticky !important;
}
.contract-dialog-line {
  border-top: 1px solid #f0f0f0;
  margin-top: -5px;
  width: 540px;
  margin-left: 50px;
  position: absolute;
  z-index: 1;
}
.body-header {
  width: 124px;
  height: 20px;
  margin-top: -20px;
  font-size: 14px;
  color: #737373;
}
.body-line {
  width: 540px;
  border-top: solid 1px #f0f0f0;
}
.contract-content-left {
  width: 218px;
  margin-left: 15px;
  padding-right: 4.5px;
  float: left;
  height: 100%;
}
.contract-content-left .contract-provision li:hover {
  background-color: inherit;
  color: #fa8919;
}
.contract-content-left .contract-provision li:hover i {
  color: #fa8919;
}
.contract-content-left .ibass-checkmark {
  color: #fa8919;
}
.contract-content-left .contract-left-line {
  width: 210px;
  height: 1px;
  background: #f0f0f0;
  margin-left: 12px;
}
.contract-content-left .contract-provision {
  color: #737373;
  padding-top: 15px;
  overflow: hidden;
  padding-bottom: 10px;
}
.contract-content-left .contract-provision li {
  display: flex;
}
.contract-content-left li {
  display: -webkit-box;
  margin-left: 40px;
  border-radius: 14px;
  line-height: 28px;
  min-height: 28px;
  font-size: 14px;
  color: #4a4a4a;
  cursor: pointer;
  clear: both;
  overflow: hidden;
}
.contract-content-left li i {
  font-size: 14px;
  color: #cdc9c5;
}
.contract-content-left li i:last-child {
  float: right;
  margin-right: 6px;
  display: none;
  text-indent: 0;
}
.contract-content-left li .sub-name {
  margin-left: 5px;
  width: 130px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.contract-content-left .contract-all-type li {
  margin-left: 0px;
  padding-left: 7px;
  position: relative;
}
.contract-content-left .navi-active {
  background-color: #f8f8f9;
}
.contract-content-left .navi-active .ibass-dot {
  color: #fa8919;
}
.contract-content-left .navi-active i:last-child {
  display: block;
}
.contract-content-left > div {
  width: 220px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #4a4a4a;
  clear: both;
}
.contract-content-left > div i {
  font-size: 16px;
  color: #cdc9c5;
}
.contract-content-left .contract-type {
  margin-top: 14px;
  height: auto;
}
.contract-content-left .contract-type ul {
  overflow: hidden;
  width: 180px;
}
.contract-content-left .contract-type .tit i {
  position: relative;
  margin-right: 5px;
}
.contract-content-left .contract-type .tit span {
  width: 170px;
}
.contract-content-left div.contract-desc {
  height: auto;
  overflow: hidden;
}
.contract-content-left div.contract-desc ul li span {
  display: inline-block;
  width: 80%;
  text-indent: 0;
  white-space: normal;
}
.contract-content-left div.contract-desc div:first-child {
  line-height: 20px;
  margin-bottom: 7px;
  margin-top: 7px;
  display: inline-block;
  height: 20px;
}
.contract-content-left div.contract-desc div:first-child span {
  display: inline-block;
  white-space: nowrap;
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-indent: 0;
}
.contract-content-left div.contract-desc .ibass-arrow-down,
.contract-content-left div.contract-desc .ibass-arrow-right {
  position: relative;
  float: left;
}
.contract-content-left div.contract-desc .contract-all-desc li {
  text-indent: 5px;
  line-height: 30px;
}
.contract-content-left div.contract-desc .contract-all-desc li span {
  float: left;
}
.contract-content-left .contract-left-line-last {
  margin-bottom: 17px;
}
.contract-content-right {
  float: left;
  width: 720px;
}
.contract-content-right .active {
  color: #fa8919;
}
.contract-content-right .ncc-top-serch input:focus {
  border: 1px solid #fa8919 !important;
  padding-left: 30px;
}
.contract-content-right .ncc-top-serch input {
  text-indent: 0px !important;
  padding-left: 30px;
  margin-left: 20px!important;
}
.contract-content-right .ncc-top-serch .ibass-search.cursor {
  left: 30px;
}
.contract-content-right .contract-right-top {
  margin-top: 20px;
  margin-bottom: 10px;
}
.contract-content-right .contract-right-top .contract-total-count {
  font-size: 14px;
  color: #737373;
  float: left;
  margin-bottom: 17px;
}
.contract-content-right .contract-content-item {
  width: 708px;
  margin-left: 20px;
  /* padding: 0px 0px 0px 0px; */
  border-bottom: 1px solid #f0f0f0;
}
.contract-content-right .contract-content-item .content {
  padding: 0px 10px 10px 0px;
}
.contract-content-right .contract-content-item .content:hover {
  background-color: #f8f8f9;
  border: none;
}
.contract-content-right .contract-content-item .item-content {
  padding: 0px 0px;
  font-size: 14px;
  line-height: 1.6;
  color: #4a4a4a;
  margin: 0px;
  word-break: break-all;
  white-space: pre-wrap;
}
.contract-content-right .contract-content-item .item-content:hover {
  background-color: #f8f8f9;
  border: none;
}
.contract-content-right .contract-content-item .item-bottom {
  margin-top: 14px;
}
.contract-content-right .contract-content-item .item-bottom i:hover {
  color: #fdba78 !important;
}
.contract-content-right .contract-content-item .item-bottom ul {
  float: left;
  padding-left: 5px;
  font-size: 12px;
  line-height: 2;
  color: #a9a9a9;
  position: relative;
}
.contract-content-right .contract-content-item .item-bottom ul li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 4px;
  float: left;
  width: 60px;
}
.contract-content-right .contract-content-item .item-bottom ul li i {
  float: left;
  margin-right: 5px;
}
.contract-content-right .contract-content-item .item-bottom ul li span {
  float: left;
}
.contract-content-right .contract-content-item .item-bottom ul .line {
  height: 15px;
  width: 1px;
  background: #f0f0f0;
  float: left;
  position: absolute;
  top: 5px;
  left: 88px;
}
.contract-content-right .contract-content-item .item-bottom span {
  float: right;
  margin-right: 2px;
}
.contract-content-right .contract-content-item .item-bottom span i {
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
  margin-left: 10px;
}
.contract-content-right .contract-content-item .item-bottom span .active {
  color: #fa8919;
}
.contract-content {
  margin-right: 25px;
  width: 1000px;
  display: inline-block;
}
.contract-out-side {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  float: left;
  width: 140px;
  margin: 24px;
}
.contract-out-side img {
  position: absolute;
  width: 25px;
  margin-left: 30px;
}
.contract-out-side .change-mark {
  background: #fa8919;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  float: right;
  margin-left: 128px;
  position: absolute;
  /* width: 25px; */
  /* margin-right: 2px; */
  margin-top: 3px;
}
.contract-out-side .contract-add-title {
  height: 20px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  margin-left: 28px;
  margin-top: -8px;
  color: #a9a9a9;
}
.contract-out-side :hover .contract-add-title {
  color: #4a4a4a;
}
.contract-out-side .contract-category {
  cursor: pointer;
  background-image: url(tool/images/contract-cover.png);
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  width: 140px;
  height: 180px;
  text-align: center;
}
.contract-out-side .contract-category-name {
  word-break: break-all;
  height: 60px;
  font-size: 20px;
  padding-top: 30px;
  text-align: center;
  color: #4a4a4a;
  width: 130px;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.contract-out-side .contract-category-count {
  margin-top: 25px;
  padding: 6px;
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  text-align: center;
  color: #a9a9a9;
}
.contract-out-side .line-copy {
  width: 60px;
  margin-left: 40px;
  height: 2px;
  border-top: solid 1px #f0f0f0;
}
.contract-out-side .contract-category-all-count {
  margin-top: 2px;
  height: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1.33;
  text-align: center;
  color: #a9a9a9;
}
.contract-out-side .add-round-icon-bass {
  margin-left: -8px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  text-align: center;
  color: #fa8919;
}
.contract-out-side:hover {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}
.contract-out-side.contract-out-side-add {
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #efefef;
  float: left;
  margin: 24px;
  padding: 0px 0px 0px 0px;
  background-color: #f9f9f9;
  color: #cdc9c5;
}
.contract-out-side.contract-out-side-add .contract-category-name {
  padding-top: 60px;
}
.contract-out-side.contract-out-side-add .ibass-add-round {
  margin-left: -8px;
  font-size: 30px;
  color: #cdc9c5;
}
.contract-out-side.contract-out-side-add :hover .ibass-add-round {
  color: #fa8919;
}
.contract-out-side.contract-out-side-add .contract-category {
  border: 0px;
  background-image: inherit;
}
.contract-firm-dialog-title {
  background-color: inherit !important;
  height: 60px;
  border-radius: 10px;
  padding-top: 20px;
  border-bottom: 0px !important;
  width: 638px !important;
}
.contract-firm-dialog-title .title {
  font-weight: 500;
  font-size: 16px;
  color: #4a4a4a;
  background-color: white;
  padding: 10px;
  z-index: 2;
  position: relative;
}
.add-category.ngdialog.ngdialog-theme-default,
.contract-dialog.ngdialog.ngdialog-theme-default {
  padding-top: 80px;
}
.add-category .contract-firm-dialog-title {
  width: 536px !important;
}
.add-category .contract-dialog-line {
  width: 445px;
  margin-left: 45px;
}
.add-category .body-line {
  width: 440px;
  margin-left: 10px;
}
.add-category .icourt {
  width: 25px;
  position: relative;
  top: 2px;
  margin-left: 10px;
}
.add-category .import-select {
  margin-right: 10px;
  font-size: 12px;
  line-height: 1;
  color: #a9a9a9;
}
.add-category .import-select i {
  position: relative;
  top: 3px;
  right: 3px;
}
.add-category .change-mark {
  background: #fa8919;
  width: 8px;
  position: relative;
  height: 8px;
  border-radius: 8px;
  float: left;
  left: -10px;
  margin: 2px;
}
.add-category .no-change-mark {
  background-color: white;
  width: 8px;
  position: relative;
  height: 8px;
  border-radius: 8px;
  float: left;
  left: -10px;
  margin: 2px;
}
.add-category .main-btn {
  margin-bottom: 30px;
  left: 50%;
  margin-left: -50px;
  position: relative;
}
.add-category .firm-dialog-body {
  border-radius: 10px;
  padding: 50px 38px 20px 38px;
}
.add-category .firm-dialog-body .body-header {
  margin-bottom: 10px;
  width: inherit;
  margin-left: 10px;
}
.add-category .firm-dialog-body .scroll-div {
  padding-right: 40px;
  margin-left: 10px;
  width: 480px;
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.add-category .firm-dialog-body .scroll-div .info {
  float: left;
}
.add-category .firm-dialog-body .scroll-div .operation {
  float: right;
  margin-right: -15px;
}
.add-category .firm-dialog-body .contract-dialog-list {
  padding: 15px;
  width: 440px;
  height: 60px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.add-category .firm-dialog-body .contract-dialog-list .contract-name {
  width: 300px;
  margin-top: -5px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-category .firm-dialog-body .contract-dialog-list .contract-count {
  width: 160px;
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
}
.add-category .firm-dialog-body .contract-dialog-list .add-btn {
  width: 60px;
  height: 28px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0);
  border: solid 1px #d7d7d7;
  font-size: 12px;
  line-height: 1.33;
  text-align: center;
  color: #a9a9a9;
}
.add-category .firm-dialog-body .contract-dialog-list .add-btn:hover {
  background-color: rgba(0, 0, 0, 0);
  border: solid 1px #fa8919;
  color: #fa8919;
}
.add-category .firm-dialog-body .contract-dialog-list .delete-btn {
  width: 60px;
  height: 28px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0);
  border: solid 1px #f72b44;
  font-size: 12px;
  color: #f72b44;
}
.add-category .firm-dialog-body .contract-dialog-list .added-btn {
  width: 60px;
  border: 1px solid #fa8919;
  height: 28px;
  border-radius: 3px;
  background-color: #fa8919;
  font-size: 12px;
  color: #ffffff;
}

.expand {
  padding-bottom: 50px;
}
.expand .expand-inner {
  overflow: hidden;
}
.expand .orange {
  visibility: visible !important;
  color: #ed6c00 !important;
}
.expand .download a,
.expand .download span {
  color: #a9a9a9;
  cursor: pointer;
}
.expand .hover-always .expand-date.right {
  visibility: visible !important;
}
.expand .expand-block {
  width: 220px;
  height: 200px;
  margin: 0px 0px 0px 24px;
  float: left;
}
.expand .expand-block .img-div {
  border-radius: 2px;
  height: 130px;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19);
  border: solid 4px #ffffff;
}
.expand .expand-block .img {
  width: 212px;
  height: 128px;
}
.expand .expand-block .expand-name {
  margin: 10px 0px 0px 5px;
  width: 140px;
  height: 22px;
  font-size: 14px;
  display: inline-block;
}
.expand .expand-block .expand-name span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expand .expand-block .expand-date {
  margin-top: 13px;
  margin-bottom: 15px;
  padding-left: 5px;
  padding-right: 5px;
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.expand .expand-block .expand-date.right {
  display: inline-flex;
  cursor: pointer;
}
.expand .expand-block .expand-date.right .ibass-download {
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.expand .expand-block .dcw-expand-date-right {
  width: 58px;
  position: relative;
}
.expand .expand-block .dcw-expand-date-right .dcw-expand-span {
  position: absolute;
  right: 0px;
  width: 64px;
  text-align: right;
}
.expand .expand-block .expand-date.right:hover {
  color: #ed6c00;
}
.expand .expand-page-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.expand .expand-page-url {
  display: inline-block !important;
  text-align: center!important;
}
.expand-popover-item {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 1.7rem 0 0.875rem;
  margin: 0 -1.7rem 0 -0.875rem;
}
.expand-popover-item span {
  display: inline-block;
  max-width: 100%;
}
.expand-down-modal .firm-dialog-body {
  padding: 0px 38px;
  font-size: 14px;
  line-height: 1.57;
  color: #737373;
  text-align: center;
  min-height: 100px;
}
.expand-down-modal .firm-dialog-body .ibass-info {
  display: block;
  font-size: 30px;
  color: #cdc9c5;
}
.expand-down-modal .firm-dialog-body .desc {
  display: block;
}
.expand-down-modal .modal-footer {
  margin-top: 38px;
  font-size: 14px;
  color: #737373;
  width: 538px;
  height: 76px;
  border-radius: 10px;
  background-color: #f8f8f9;
}
.expand-down-modal .modal-footer select {
  color: #737373;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.expand-down-modal .modal-footer .version {
  margin-left: 10px;
  width: 60px;
}
.expand-down-modal .modal-footer .version label {
  margin-left: 10px;
}
.expand-down-modal .modal-footer .format {
  width: 100px;
  margin-left: 10px;
}
.expand-down-modal .modal-footer .format label {
  margin-left: 10px;
}
.expand-down-modal .modal-footer .download-title {
  margin-left: 43px;
  margin-right: 20px;
}
.expand-down-modal .main-btn {
  margin: 20px 0px 20px 34px;
  width: 100px;
  display: inline-block;
}
.expand-down-modal .title {
  width: 450px;
  margin: 30px auto;
}
.expand-down-modal .title .header {
  margin-bottom: 5px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
}
.expand-down-modal .title .time {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.ns-expand-market .ns-popover-tooltip {
  width: 130px;
}
.ns-expand-market .ns-popover-items {
  margin-top: 10px;
}
.ns-expand-market .hover-always .expand-date.right {
  visibility: visible;
}

.select-sort-history {
  width: 110px !important;
}
.select-sort-history .ns-popover-tooltip {
  width: 100%;
}
.select-sort-history .ns-popover-items {
  max-height: inherit;
}
.history-tip {
  text-align: left !important;
}
.history-container-view {
  padding: 0 24px;
}
.history-container-view .history-header {
  height: 86px;
  line-height: 86px;
  border-bottom: 1px solid #EBEBEB;
}
.history-container-view .history-header .left .ibass {
  color: #CDC9C5;
  font-size: 17px;
  position: relative;
  top: 2px;
}
.history-container-view .history-header .left .title {
  height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.history-container-view .history-header .right {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  cursor: pointer;
}
.history-container-view .history-header .right .active {
  color: #ed6c00;
}
.history-container-view .history-layout {
  display: flex;
  width: 100%;
  min-height: 800px;
}
.history-container-view .history-layout .empty {
  text-align: center;
  margin-top: 200px;
}
.history-container-view .history-layout .empty img {
  width: 64px;
  height: 40px;
}
.history-container-view .history-layout .empty div {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 22px;
}
.history-container-view .history-layout .layout-left {
  width: 146px;
  border-right: 1px solid #EBEBEB;
  padding-top: 21px;
}
.history-container-view .history-layout .layout-left .menu-item {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #232323;
  letter-spacing: 2px;
  cursor: pointer;
  width: 124px;
  height: 36px;
  line-height: 32px;
  border-radius: 20px;
  text-align: center;
}
.history-container-view .history-layout .layout-left .menu-item .ibass-arrow-right {
  position: relative;
  top: 2px;
}
.history-container-view .history-layout .layout-left .menu-item.active {
  background: #F8F8F9;
}
.history-container-view .history-layout .layout-left .menu-item.active .ibass-arrow-right {
  color: #ed6c00;
}
.history-container-view .history-layout .layout-right {
  width: 775px;
  padding: 0 14px;
}
.history-container-view .history-layout .layout-right .history-table {
  width: 100%;
}
.history-container-view .history-layout .layout-right .history-table .table-header {
  line-height: 52px;
  height: 52px;
  background: #FFFFFF;
  box-shadow: 0px 1px 0px 0px #F0F0F0;
}
.history-container-view .history-layout .layout-right .history-table .table-header .search-no {
  width: 40px;
}
.history-container-view .history-layout .layout-right .history-table .table-header .search-title {
  width: 350px;
}
.history-container-view .history-layout .layout-right .history-table .table-header .search-opt {
  text-align: right;
}
.history-container-view .history-layout .layout-right .history-table .table-header td {
  font-size: 14px;
  font-weight: 400;
  color: #737373;
  text-align: left;
}
.history-container-view .history-layout .layout-right .history-table .table-header td .ibass-info {
  position: relative;
  top: 2px;
  left: 4px;
  cursor: pointer;
}
.history-container-view .history-layout .layout-right .history-table .table-header td .sort-by-position {
  position: relative;
  top: -2px;
  cursor: pointer;
}
.history-container-view .history-layout .layout-right .history-table .table-header td .sort-by-position .ibass-arrow-down {
  position: relative;
  top: 2px;
  left: 4px;
}
.history-container-view .history-layout .layout-right .history-table .table-header button {
  width: 76px;
  position: relative;
  top: -2px;
  height: 24px;
  background: #ED6C00;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border: none;
}
.history-container-view .history-layout .layout-right .history-table .table-content {
  box-shadow: 0px 1px 0px 0px #F0F0F0;
}
.history-container-view .history-layout .layout-right .history-table .table-content:hover {
  color: #ED6C00;
}
.history-container-view .history-layout .layout-right .history-table .table-content:hover td {
  background: #F8F8F9;
}
.history-container-view .history-layout .layout-right .history-table .table-content:hover td .ibass-delete {
  color: #ED6C00;
}
.history-container-view .history-layout .layout-right .history-table .table-content:hover td .no-content {
  background: white;
}
.history-container-view .history-layout .layout-right .history-table .table-content .search-time,
.history-container-view .history-layout .layout-right .history-table .table-content .search-rule {
  font-size: 13px;
  color: #666666!important;
}
.history-container-view .history-layout .layout-right .history-table .table-content td {
  padding: 16px 20px 16px 0;
  border: 0;
  vertical-align: top;
}
.history-container-view .history-layout .layout-right .history-table .table-content td a {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  cursor: pointer;
}
.history-container-view .history-layout .layout-right .history-table .table-content td a:hover {
  color: #ed6c00;
}
.history-container-view .history-layout .layout-right .history-table .table-content .search-no {
  width: 40px;
  text-align: center;
}
.history-container-view .history-layout .layout-right .history-table .table-content .search-no .no-content {
  margin-left: 10px;
  text-align: center;
  width: 22px;
  height: 22px;
  background: #F8F8F9;
  border-radius: 2px;
}
.history-container-view .history-layout .layout-right .history-table .table-content .search-title {
  width: 350px;
}
.history-container-view .history-layout .layout-right .history-table .table-content .search-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 350px;
  font-size: 14px;
}
.history-container-view .history-layout .layout-right .history-table .table-content .search-title a.search-method {
  margin-top: 8px;
  color: #737373;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 350px;
}
.history-container-view .history-layout .layout-right .history-table .table-content .search-title a.search-method:hover {
  color: #ed6c00;
}
.history-container-view .history-layout .layout-right .history-table .table-content .search-title .no-search-method {
  color: #737373;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 8px;
  overflow: hidden;
  width: 350px;
}
.history-container-view .history-layout .layout-right .history-table .table-content .search-opt {
  text-align: center;
}

.iLaw {
  padding: 60px 190px 0 190px;
}
.iLaw .iLaw-title {
  text-align: center;
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 35px;
  color: #1a1a1a;
  margin-bottom: 40px;
}
.iLaw .iLaw-searchTip {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #a9a9a9;
  margin-left: 22px;
  margin-top: 12px;
}
.iLaw .iLaw-search {
  width: 618px;
  height: 48px;
  line-height: 50px;
  border-radius: 45px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.iLaw .iLaw-search .iLaw-search-con {
  width: 548px;
  height: 48px;
  border: none;
  border-radius: 45px;
  padding-left: 21px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #4a4a4a;
  background: transparent;
}
.iLaw .iLaw-search .iLaw-search-btn {
  width: 60px;
  height: 36px;
  border: none;
  border-radius: 20px;
  background-color: #fefeff;
  margin-right: 7px;
  margin-top: 6px;
  position: relative;
  right: -3px;
}
.iLaw .iLaw-search .iLaw-search-btn i {
  font-size: 14px;
  color: #cdc9c5;
  line-height: 35px;
  margin-right: -1px;
}
.iLaw .iLaw-alpha-search {
  height: 61px;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 24px;
  position: relative;
}
.iLaw .iLaw-alpha-search span:nth-child(1) {
  display: inline-block;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 33.5px;
  border: solid 1px #ede7e7;
  font-size: 14px;
  text-align: center;
  color: #4a4a4a;
  cursor: pointer;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
.iLaw .iLaw-alpha-search span:nth-child(1):hover {
  background-color: #f8f8f9;
  color: #ed6c00;
  border: solid 1px #ede7e7;
}
.iLaw .iLaw-alpha-search span:nth-child(1).hover {
  background-color: #fa8919;
  color: #ffffff;
  border: 1px solid #fa8919;
}
.iLaw .iLaw-alpha-search span:nth-child(2) {
  line-height: 36px;
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 15px;
}
.iLaw .iLaw-alpha-search span:nth-child(3) {
  position: absolute;
  left: 50%;
  top: 40px;
  width: 84px;
  height: 40px;
  background-color: #fff;
  color: #a9a9a9;
  line-height: 40px;
  margin-left: -42px;
  text-align: center;
}
.iLaw .iLaw-search-hover {
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
}
.iLaw .iLaw-search-hover .iLaw-search-btn {
  border: none;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-right: 7px;
  margin-top: 6px;
}
.iLaw .iLaw-search-hover .iLaw-search-btn i {
  font-size: 14px;
  color: #ffffff;
  line-height: 35px;
  margin-right: -1px;
}
.iLaw .iLaw-searchResult {
  margin-top: 27px;
}
.iLaw .iLaw-searchResult p {
  padding-bottom: 15px;
  height: 36px;
}
.iLaw .iLaw-searchResult p span {
  display: inline-block;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 33.5px;
  border: solid 1px #ede7e7;
  margin-right: 10px;
  font-size: 14px;
  text-align: center;
  color: #4a4a4a;
  cursor: pointer;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
.iLaw .iLaw-searchResult p span:last-child {
  margin-right: 0;
}
.iLaw .iLaw-searchResult p span:hover {
  background-color: #f8f8f9;
  color: #ed6c00;
  border: solid 1px #ede7e7;
}
.iLaw .iLaw-searchResult p span.hover {
  background-color: #fa8919;
  color: #ffffff;
  border: 1px solid #fa8919;
}
.iLaw .iLaw-searchHistory {
  margin-top: 50px;
}
.iLaw .iLaw-searchHistory .iLaw-searchBtn {
  overflow: hidden;
  height: 22px;
}
.iLaw .iLaw-searchHistory .iLaw-searchBtn i {
  width: 47px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 16px;
  color: #cdc9c5;
}
.iLaw .iLaw-searchHistory .iLaw-searchBtn span {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
}
.iLaw .iLaw-searchHistory .iLaw-historyRecord {
  margin-top: 21px;
}
.iLaw .iLaw-searchHistory .iLaw-historyRecord .iLaw-historyRecord-iteam {
  margin-bottom: 19px;
}
.iLaw .iLaw-searchHistory .iLaw-historyRecord .iLaw-historyRecord-iteam .iLaw-iteam-first {
  overflow: hidden;
  height: 20px;
}
.iLaw .iLaw-searchHistory .iLaw-historyRecord .iLaw-historyRecord-iteam .iLaw-iteam-first i {
  width: 47px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #cdc9c5;
}
.iLaw .iLaw-searchHistory .iLaw-historyRecord .iLaw-historyRecord-iteam .iLaw-iteam-first span {
  height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.iLaw .iLaw-searchHistory .iLaw-historyRecord .iLaw-historyRecord-iteam .iLaw-iteam-last {
  padding-left: 47px;
  height: 17px;
}
.iLaw .iLaw-searchHistory .iLaw-historyRecord .iLaw-historyRecord-iteam .iLaw-iteam-last a {
  margin-right: 5px;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: #737373;
}
.iLaw .iLaw-searchHistory .iLaw-historyRecord .iLaw-historyRecord-iteam .iLaw-iteam-last a:hover {
  text-decoration: underline;
}
.practice {
  padding: 61px 28px 0 64px;
  overflow: hidden;
}
.practice .practice-div {
  width: 200px;
  height: 180px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
  line-height: 180px;
  text-align: center;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  color: #4a4a4a;
  cursor: pointer;
}
.practice .practice-div:hover {
  background-color: #f8f8f9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  color: #ed6c00;
}

.my-upload-container {
  width: 800px;
  margin: 0 auto;
}
.my-upload-container .upload-header {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 12px;
}
.my-upload-container .upload-header .search-container {
  flex: 1;
}
.my-upload-container .upload-header .search-container .m-input-group {
  position: relative;
  width: auto;
  padding-top: -2px;
  height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  box-sizing: border-box;
  display: inline-block;
}
.my-upload-container .upload-header .search-container .m-input-group .m-input-group-input {
  font-size: 12px;
  line-height: 14px;
  margin-left: 5px;
  width: 80px;
  transition: width 0.3s ease;
  margin-right: 40px;
}
.my-upload-container .upload-header .search-container .m-input-group input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.my-upload-container .upload-header .search-container .m-input-group input::-moz-placeholder {
  color: #a9a9a9;
}
.my-upload-container .upload-header .search-container .m-input-group input:-moz-placeholder {
  color: #a9a9a9;
}
.my-upload-container .upload-header .search-container .m-input-group input:-ms-input-placeholder {
  color: #a9a9a9;
}
.my-upload-container .upload-header .search-container .m-input-group .doc-search-new-tip {
  transform: scale(0.9);
  float: left;
  background-color: #f4f4f4;
  padding: 1px 5px 0px 5px;
  font-size: 10px;
  border-radius: 4px;
  height: 20px;
  border: 1px solid #ededed;
}
.my-upload-container .upload-header .search-container .m-input-group .doc-search-new-tip span {
  display: inline-block;
  width: 43px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777777;
  text-align: center;
  vertical-align: top;
}
.my-upload-container .upload-header .search-container .m-input-group .doc-search-new-tip i {
  font-size: 10px;
  margin-left: 2px;
  color: #c6c6c6;
}
.my-upload-container .upload-header .search-container .m-input-group .doc-search-new-tip .is-show-filename {
  bottom: 0px;
}
.my-upload-container .upload-header .search-container .m-input-group .m-input-group-icon {
  padding-top: 1px;
}
.my-upload-container .upload-header .search-container .m-input-group .ibass-back {
  position: absolute;
  right: 10px;
  font-size: 12px;
  line-height: 1.33;
  color: #4a4a4a;
  cursor: pointer;
  margin-right: -2px;
}
.my-upload-container .upload-header .search-container .m-input-group .ibass-back:before {
  color: #cdc9c5;
  padding-right: 4px;
  vertical-align: middle;
}
.my-upload-container .upload-header .button-container {
  width: 200px;
  text-align: right;
}
.my-upload-container .upload-header .button-container .search-button {
  height: 30px;
  line-height: 1;
  box-sizing: border-box;
  padding-bottom: 2px;
}
.my-upload-container .upload-header .button-container .search-button i {
  position: relative;
  top: 2px;
}
.my-upload-container .upload-table-header {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #ebebeb;
  margin-top: 12px;
  margin-bottom: 10px;
}
.my-upload-container .upload-table-header .left-container {
  flex: 1;
}
.my-upload-container .upload-table-header .left-container .case-type {
  display: inline-block;
  color: #737373;
  text-align: center;
  font-weight: normal;
  padding: 0 10px;
  height: 36px;
  box-sizing: border-box;
  line-height: 34px;
  border-bottom: 2px solid transparent;
}
.my-upload-container .upload-table-header .left-container .case-type i {
  color: #cdc9c5;
  position: relative;
  top: 2px;
  padding-left: 3px;
}
.my-upload-container .upload-table-header .left-container .case-type.msg-info {
  padding: 0px;
}
.my-upload-container .upload-table-header .left-container .share-case {
  margin-left: 22px;
}
.my-upload-container .upload-table-header .left-container .current-type {
  color: #ed6c00;
  font-weight: 600;
  border-bottom: 2px solid #ed6c00;
}
.my-upload-container .upload-table-header .left-container .current-type i {
  color: #ed6c00;
}
.my-upload-container .upload-table-header .right-container {
  flex: 1;
  text-align: right;
  height: 36px;
  line-height: 36px;
}
.my-upload-container .upload-table-header .right-container .upload-modal {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.my-upload-container .upload-table-header .right-container .upload-modal .new-func-dot {
  background: #d0021b;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  top: 6px;
  right: -7px;
}
.my-upload-container .upload-table-header .right-container .option-item {
  display: inline-block;
  margin-left: 36px;
  color: #4a4a4a;
}
.my-upload-container .upload-table-header .right-container .option-item i {
  position: relative;
  top: 2px;
  padding-right: 3px;
  color: #cdc9c5;
}
.my-upload-container .upload-table-header .right-container .option-item:hover {
  color: #fa8919;
}
.my-upload-container .upload-table-header .right-container .option-item:hover i {
  color: #fa8919;
}
.my-upload-container .upload-table-header .button-container {
  padding-left: 20px;
  text-align: right;
  height: 20px;
}
.my-upload-container .upload-table-header .button-container .search-button {
  height: 30px;
  line-height: 1;
  box-sizing: border-box;
  position: relative;
  top: -5px;
}
.my-upload-container .upload-table-header .button-container .search-button i {
  position: relative;
  top: 2px;
}
.my-upload-container .file-path .path-item {
  display: inline-block;
  color: #ed6c00;
  cursor: pointer;
}
.my-upload-container .file-path .path-item:first-child .path-name {
  padding-left: 0;
}
.my-upload-container .file-path .path-item .path-name {
  padding: 0 10px;
}
.my-upload-container .file-path .path-item.current-item {
  color: #4a4a4a;
  cursor: auto;
}
.my-upload-container #lns-table-basis {
  position: relative;
}
.my-upload-container .upload-msg {
  display: flex;
  flex-wrap: nowrap;
}
.my-upload-container .upload-msg img {
  width: 14px;
  position: relative;
  top: 2px;
}
.my-upload-container .upload-msg .upload-status {
  padding-right: 20px;
  display: flex;
  flex-wrap: nowrap;
}
.my-upload-container .upload-msg .upload-status progress {
  position: relative;
  top: 2px;
  margin-left: 10px;
  margin-right: 10px;
}
.my-upload-container .upload-table-container.upload-status-container {
  max-height: 300px;
  overflow: auto;
}
.my-upload-container .upload-table-container .file-table.upload-table {
  margin-bottom: 20px;
}
.my-upload-container .upload-table-container .file-table.upload-table .list-type-header {
  background: #f1f1f1;
}
.my-upload-container .upload-table-container .file-table.upload-table .icon-td {
  width: 20px;
}
.my-upload-container .upload-table-container .file-table.upload-table .title-td {
  color: #4a4a4a;
}
.my-upload-container .upload-table-container .file-table.upload-table .size-td {
  width: 100px;
}
.my-upload-container .upload-table-container .file-table.upload-table .status-td {
  width: 110px;
}
.my-upload-container .upload-table-container .file-table.upload-table .status-td .loading-status img {
  width: 14px;
  position: relative;
  top: 2px;
}
.my-upload-container .upload-table-container .file-table.upload-table .options-td {
  width: 20px;
}
.my-upload-container .upload-table-container .file-table {
  border-collapse: collapse;
  width: 100%;
}
.my-upload-container .upload-table-container .file-table tr {
  border-bottom: 1px solid #ebebeb;
}
.my-upload-container .upload-table-container .file-table td {
  padding: 15px 5px 13px;
}
.my-upload-container .upload-table-container .file-table .file-title {
  width: 400px;
  color: #4a4a4a;
}
.my-upload-container .upload-table-container .file-table .file-title span {
  display: inline-block;
  max-width: 395px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.my-upload-container .upload-table-container .file-table .upload-time {
  width: 140px;
}
.my-upload-container .upload-table-container .file-table thead {
  color: #4a4a4a;
  font-size: 12px;
}
.my-upload-container .upload-table-container .file-table thead .file-title {
  color: #4a4a4a;
}
.my-upload-container .upload-table-container .file-table thead i {
  color: #cdc9c5;
  position: relative;
  top: 2px;
  padding-left: 3px;
}
.my-upload-container .upload-table-container .file-table thead i.ibass-checkbox,
.my-upload-container .upload-table-container .file-table thead i.ibass-checked {
  padding-left: 0;
  font-size: 16px;
}
.my-upload-container .upload-table-container .file-table thead i.ibass-checked {
  color: #fa8919;
}
.my-upload-container .upload-table-container .file-table thead i.current-sort {
  color: #fa8919;
}
.my-upload-container .upload-table-container .file-table thead i.ibass-trig-down:hover {
  color: #fa8919;
}
.my-upload-container .upload-table-container .file-table tbody {
  color: #737373;
}
.my-upload-container .upload-table-container .file-table tbody i {
  color: #cdc9c5;
  position: relative;
  top: -1px;
  font-size: 16px;
}
.my-upload-container .upload-table-container .file-table tbody .result-status i {
  position: relative;
  top: 3px;
  padding-right: 5px;
}
.my-upload-container .upload-table-container .file-table tbody .result-status i.ibass-done {
  color: #2bb162;
}
.my-upload-container .upload-table-container .file-table tbody .result-status i.ibass-info {
  color: #fc3458;
}
.my-upload-container .upload-table-container .file-table tbody i.ibass-checked {
  color: #fa8919;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-ppt {
  color: #d04424;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-pdf {
  color: #e3574d;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-image {
  color: #07cfda;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-text {
  color: #000;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-doc {
  color: #0a96e5;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-excel {
  color: #1c7044;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-zip {
  color: #9d7120;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-music {
  color: #a7d638;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-video {
  color: #d94ff5;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-default {
  color: #cdc9c5;
}
.my-upload-container .upload-table-container .file-table tbody .ibass-filetype-folder {
  color: #07cfda;
}
.my-upload-container .upload-table-container .file-table tbody tr .checkbox-container {
  display: none;
}
.my-upload-container .upload-table-container .file-table tbody tr:hover {
  background: #f3f3f3;
}
.my-upload-container .upload-table-container .file-table tbody tr:hover .checkbox-container {
  display: inline-block;
}
.my-upload-container .upload-table-container .file-table tbody tr:hover .file-type {
  display: none;
}
.my-upload-container .upload-table-container .file-table tbody tr .selected-mode .checkbox-container {
  display: inline-block;
}
.my-upload-container .upload-table-container .file-table tbody tr .selected-mode .file-type {
  display: none;
}
.my-upload-container .upload-table-container .file-table tbody tr.add-new-floder input {
  width: 280px;
  padding: 7px 10px;
  font-size: 12px;
  border-radius: 2px;
  border: 1px solid #cdc9c5;
  margin-right: 15px;
}
.my-upload-container .upload-table-container .file-table tbody tr.add-new-floder button {
  border: 0;
  outline: none;
  text-align: center;
  cursor: pointer;
  width: 50px;
  border-radius: 20px;
  height: 30px;
  line-height: 22px;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #4a4a4a;
}
.my-upload-container .upload-table-container .pagination-container .files-count {
  padding: 20px;
  text-align: center;
  color: #9e9e9e;
}
.my-upload-container .empty-container {
  margin: 100px auto 0;
  width: 160px;
}
.my-upload-container .empty-container.not-all-function {
  width: 270px;
}
.my-upload-container .empty-container .empty-img {
  text-align: center;
}
.my-upload-container .empty-container .empty-info {
  color: #9e9e9e;
  text-align: center;
}
.my-upload-container .empty-container .empty-info .upload-guide {
  text-align: center;
  color: #fa8919;
  cursor: pointer;
}
.ngdialog-theme-default.big-data-download.my-upload-share .ngdialog-content {
  overflow: hidden;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-title {
  width: auto;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.share-description {
  padding: 10px 50px 30px;
  line-height: 26px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.share-description .share-detail {
  padding-top: 20px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.img-modal-container {
  padding: 10px 20px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.img-modal-container .img-des {
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.img-modal-container img {
  width: 100%;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.myupload-status-track-container {
  padding: 10px 30px 30px 30px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.myupload-status-track-container .success-container {
  padding: 20px 0 20px;
  width: 300px;
  text-align: center;
  border-bottom: 1px solid #9e9e9e;
  margin: 0 auto;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.myupload-status-track-container .success-container.no-bottom-border {
  border-bottom: none;
  padding-bottom: 0;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.myupload-status-track-container .error-container {
  padding-top: 20px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.myupload-status-track-container .error-container .error-title {
  text-align: center;
  padding-bottom: 20px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.myupload-status-track-container .error-container table {
  width: 100%;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.myupload-status-track-container .error-container table span {
  display: inline-block;
  overflow: hidden;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.myupload-status-track-container .error-container table i {
  position: relative;
  top: -2px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.myupload-status-track-container .error-container table .title-td span {
  padding-left: 5px;
  display: inline-block;
  max-width: 390px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-footer {
  text-align: center;
}
.ngdialog-theme-default.big-data-download.my-upload-share .main-btn {
  margin: 0 7px 30px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .main-btn.default-btn {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #4a4a4a;
}
.ngdialog-theme-default.big-data-download.my-upload-share .input-container {
  padding-right: 40px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .input-container input {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.ngdialog-theme-default.big-data-download.my-upload-share.myupload-rename .input-container {
  position: relative;
}
.ngdialog-theme-default.big-data-download.my-upload-share.myupload-rename .input-container input {
  padding-right: 40px;
}
.ngdialog-theme-default.big-data-download.my-upload-share.myupload-rename .input-container .count {
  position: absolute ;
  right: 44px;
  font-size: 12px;
  top: 8px;
}
.ns-popover-tooltip-theme.my-upload-item-options {
  width: 178px;
  margin-left: -160px;
  margin-top: 3px;
}
.ns-popover-tooltip-theme.my-upload-item-options .item-options-container .ns-popover-tooltip {
  color: #212121;
  width: 100%;
  border-radius: 4px !important;
}
.ns-popover-tooltip-theme.my-upload-files {
  width: 140px;
}
.ns-popover-tooltip-theme.my-upload-files .triangle {
  border-bottom-color: #3d3d3d;
}
.ns-popover-tooltip-theme.my-upload-files .triangle::after {
  border-bottom-color: #3d3d3d !important;
}
.ns-popover-tooltip-theme.my-upload-files .ns-popover-tooltip.ns-popover-tooltip-option {
  margin-left: -6px;
}
.ns-popover-tooltip-theme.my-upload-files .ns-popover-tooltip {
  width: 100%;
}
.ns-popover-tooltip-theme.my-upload-files .ns-popover-items {
  width: 100%;
}

.practice-menu {
  padding: 21px 25px;
  min-height: 1146px;
  width: 1000px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.practice-menu .practice-header {
  position: relative;
  height: 57px;
  border-bottom: solid 1px #ebebeb;
}
.practice-menu .practice-header .header-detail {
  position: relative;
  color: #4a4a4a;
}
.practice-menu .practice-header .header-detail .go-back {
  font-size: 14px;
  cursor: pointer;
}
.practice-menu .practice-header .header-detail .go-back i.ibass-arrow-left {
  color: #fdba78;
  font-size: 24px;
}
.practice-menu .practice-header .header-detail .go-back span {
  position: relative;
  top: -7px;
}
.practice-menu .practice-header .header-detail .book-title {
  font-size: 20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.practice-menu .practice-search-box {
  height: 227px;
  padding: 65px 165px 30px;
  box-sizing: border-box;
}
.practice-menu .practice-search-box .search-input-box {
  height: 50px;
  width: 630px;
  border-radius: 45px;
  background-color: #fefefe;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.practice-menu .practice-search-box .search-input-box .search-icon {
  display: inline-block;
  font-size: 16px;
  color: #a9a9a9;
  padding-left: 20px;
  position: relative;
  top: 3px;
}
.practice-menu .practice-search-box .search-input-box .input-box {
  width: 540px;
  height: 50px;
  border: none;
  border-radius: 45px;
  padding-left: 12px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  background: transparent;
}
.practice-menu .practice-search-box .search-input-box .input-box::-webkit-input-placeholder {
  color: #a9a9a9;
}
.practice-menu .practice-search-box .search-button-box {
  padding-top: 30px;
  text-align: center;
}
.practice-menu .practice-search-box .search-button-box .search-button {
  cursor: pointer;
  display: inline-block;
  width: 132px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  line-height: 36px;
  font-size: 12px;
  text-align: left;
}
.practice-menu .practice-search-box .search-button-box .search-button .search-title {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 76px;
  text-align: center;
}
.practice-menu .practice-search-box .search-button-box .search-button i.ibass-search {
  padding-left: 14px;
}
.practice-menu-detail {
  min-height: 300px;
}
.practice-menu-detail .menu-tab-box {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: solid 1px #ebebeb;
}
.practice-menu-detail .menu-tab-box .menu-tab-title {
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  width: 100px;
  color: #737373;
  text-align: center;
  cursor: pointer;
}
.practice-menu-detail .menu-tab-box .menu-tab-title.tab-current {
  color: #ed6c00;
  box-shadow: inset 0 -2px 0 0 #ed6c00;
}
.practice-menu-detail .menu-tab-detail-box {
  padding-bottom: 30px;
}
.practice-menu-detail .menu-tab-detail-box .clear-fix::after {
  content: "";
  display: block;
  clear: both;
}
.practice-menu-detail .menu-tab-detail-box .high-light-hover:hover {
  color: #ed6c00 !important;
}
.practice-menu-detail .menu-tab-detail-box .high-light-hover:hover .ibass-icon {
  color: #ed6c00 !important;
}
.practice-menu-detail .menu-tab-detail-box .menu-tab-detail {
  display: none;
  min-height: 700px;
}
.practice-menu-detail .menu-tab-detail-box .menu-tab-detail.tab-current {
  display: block;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro {
  text-align: justify;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .practice-intro-container {
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 12px;
  position: relative;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box {
  height: 23px;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box .expand-box {
  color: #a9a9a9;
  cursor: pointer;
  font-weight: normal;
  font-size: 14px;
  padding-top: 6px;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box .expand-box:hover {
  color: #ed6c00;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box .expand-box:hover .ibass-icon {
  color: #ed6c00;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box .expand-box .ibass-icon {
  color: #cdc9c5;
  padding-right: 7px;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box .expand-box {
  float: right;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box::after {
  content: "";
  display: block;
  clear: both;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .practice-intro-box {
  overflow: hidden;
  max-height: 166px;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .practice-intro-box.expand-intro-box {
  max-height: none;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .content-intro {
  padding-top: 20px;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .content-intro .title {
  font-size: 14px;
  font-weight: 600;
  color: #4a4a4a;
}
.practice-menu-detail .menu-tab-detail-box .tab-intro .content-intro .content {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
}
.practice-menu-detail .menu-tab-detail-box .tab-case {
  padding-bottom: 20px;
}
.practice-menu-detail .menu-tab-detail-box .tab-case .case-item {
  border-bottom: solid 1px #ebebeb;
  padding-top: 20px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.practice-menu-detail .menu-tab-detail-box .tab-case .case-item .title {
  cursor: pointer;
  display: inline-block;
  padding-left: 25px;
  position: relative;
  width: 590px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.practice-menu-detail .menu-tab-detail-box .tab-case .case-item .title span {
  width: 565px;
  display: inline-block;
}
.practice-menu-detail .menu-tab-detail-box .tab-case .case-item .title i.ibass-dot {
  position: absolute;
  color: #cdc9c5;
  left: 5px;
}
.practice-menu-detail .menu-tab-detail-box .tab-case .case-item .eff-date-box {
  padding-left: 15px;
}
.practice-menu-detail .menu-tab-detail-box .tab-case .case-item .source {
  padding: 5px 0 0 25px;
  font-size: 14px;
  color: #a9a9a9;
}
.practice-menu-detail .menu-tab-detail-box .tab-case .case-get-more {
  cursor: pointer;
  margin: 30px auto 90px;
  width: 150px;
  height: 36px;
  border-radius: 20px;
  background-color: #f8f8f9;
  font-size: 12px;
  line-height: 36px;
  text-align: center;
  color: #4a4a4a;
}
.practice-menu-detail .menu-tab-detail-box .tab-comment {
  padding-top: 20px;
}
.practice-menu-detail .menu-tab-detail-box .intro-menu.tab-comment {
  padding-top: 17px;
}
.practice-menu-detail .menu-tab-detail-box .tab-chart {
  padding-top: 20px;
}
.practice-menu-detail .menu-tab-detail-box .menu-title-content {
  display: inline-block;
  text-align: left;
  max-width: 515px;
}
.practice-menu-detail .menu-tab-detail-box .ibass-icon {
  float: left;
}
.practice-menu-detail .menu-tab-detail-box .menu-title::after {
  content: '';
  display: block;
  clear: both;
}
.practice-menu-detail .menu-tab-detail-box .menu-first-level {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.practice-menu-detail .menu-tab-detail-box .menu-first-level > li:not(:first-child) {
  padding-top: 10px;
}
.practice-menu-detail .menu-tab-detail-box .menu-first-level .ibass-icon {
  padding-right: 10px;
  color: #cdc9c5;
}
.practice-menu-detail .menu-tab-detail-box .menu-first-level .ibass-icon.ibass-pic {
  font-size: 16px;
  position: relative;
  top: -2px;
}
.practice-menu-detail .menu-tab-detail-box .menu-second-level {
  display: none;
  padding-left: 25px;
  font-size: 14px;
  line-height: 2.14;
  color: #4a4a4a;
  font-weight: normal;
}
.practice-menu-detail .menu-tab-detail-box .menu-second-level .ibass-icon {
  font-size: 14px;
  color: #cdc9c5;
  padding-right: 10px;
}
.practice-menu-detail .menu-tab-detail-box .menu-second-level .menu-second-title {
  color: #4a4a4a;
}
.practice-menu-detail .menu-tab-detail-box .display-block {
  display: block;
}
.practice-menu-detail .menu-tab-detail-box .title-pointer {
  cursor: pointer;
}

.practice-list {
  padding: 0 27px 0 5px;
}
.practice-list .practice-list-box::after {
  content: "";
  display: block;
  clear: both;
}
.practice-list .practice-list-box .book-box {
  float: left;
  display: block;
  width: 220px;
  height: 180px;
  padding-left: 22px;
}
.practice-list .practice-list-box .book-box .img-box {
  width: 220px;
  height: 148px;
  box-sizing: border-box;
  padding: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  border: 1px solid transparent;
  cursor: pointer;
}
.practice-list .practice-list-box .book-box .img-box .book-cover {
  top: 3px;
  left: 3px;
  width: 212px;
  height: 140px;
}
.practice-list .practice-list-box .book-box .img-box:hover {
  box-shadow: 0 1px 3px #ed6c00;
  border: 1px solid #ed6c00;
}

.update-guide-container .update-guide-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
.update-guide-container .close-btn {
  position: fixed;
  right: 40px;
  top: 40px;
  z-index: 100000;
}
.update-guide-container .close-btn i {
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.update-guide-container .close-btn i:hover {
  color: #fa8919;
}
.update-guide-container .upadte-guide-content {
  position: absolute;
  z-index: 10000;
  left: -100px;
  min-width: 1200px;
  width: 1200px;
  height: 100vh;
  top: 52px;
}
.update-guide-container .update-item {
  position: absolute;
}
.update-guide-container .update-item .item-background {
  position: absolute;
  left: 100px;
  width: 1000px;
}
.update-guide-container .update-item .item-background img {
  border-radius: 10px;
  width: 100%;
}
.update-guide-container .update-item .update-item-conetnt {
  position: absolute;
}
.update-guide-container .update-item .update-icon-container {
  position: relative;
  display: inline-block;
  padding: 2px;
  border: 1px dashed #bbb;
  outline-color: rgba(0, 0, 0, 0.6);
  outline-width: 10000px;
  outline-style: groove;
  overflow: hidden;
}
.update-guide-container .update-item .update-icon {
  width: 120px;
  height: 32px;
  box-shadow: 4px 4px 14px 2px rgba(0, 0, 0, 0.6), -4px -4px 14px 2px rgba(0, 0, 0, 0.6);
  background: transparent;
  border-radius: 4px;
}
.update-guide-container .update-item .update-arrow {
  position: relative;
  z-index: 100000;
  left: 249px;
}
.update-guide-container .update-item .update-arrow.update-arrow-up {
  position: relative;
  width: 10px;
}
.update-guide-container .update-item .update-arrow.update-arrow-up .line {
  background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, 0));
  width: 2px;
  height: 88px;
}
.update-guide-container .update-item .update-arrow.update-arrow-up .blink {
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 2px;
  margin-left: -1px;
}
.update-guide-container .update-item .update-arrow.update-arrow-down {
  position: relative;
  width: 10px;
}
.update-guide-container .update-item .update-arrow.update-arrow-down .line {
  background: linear-gradient(360deg, #ffffff, rgba(255, 255, 255, 0));
  width: 2px;
  height: 88px;
}
.update-guide-container .update-item .update-arrow.update-arrow-down .blink {
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 2px;
  margin-left: -1px;
}
.update-guide-container .update-item .update-arrow.update-arrow-right .line {
  background: linear-gradient(270deg, #ffffff, rgba(255, 255, 255, 0));
  width: 88px;
  height: 2px;
  display: inline-block;
}
.update-guide-container .update-item .update-arrow.update-arrow-right .blink {
  width: 4px;
  height: 4px;
  background: #fff;
  vertical-align: -1px;
  border-radius: 2px;
  display: inline-block;
  margin-left: -5px;
}
.update-guide-container .update-item .update-arrow.update-arrow-left .line {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0));
  width: 88px;
  height: 2px;
  display: inline-block;
}
.update-guide-container .update-item .update-arrow.update-arrow-left .blink {
  width: 4px;
  height: 4px;
  background: #fff;
  vertical-align: -1px;
  border-radius: 2px;
  display: inline-block;
  margin-right: -5px;
}
.update-guide-container .update-item .update-detail {
  position: relative;
  color: #fff;
  font-size: 22px;
  z-index: 100000;
  width: 500px;
  text-align: justify;
}
.update-guide-container .update-item .update-detail .step-container .step {
  display: inline-block;
}
.update-guide-container .update-item .update-detail .step-container .next-step,
.update-guide-container .update-item .update-detail .step-container .pre-step,
.update-guide-container .update-item .update-detail .step-container .now-todo {
  float: right;
  cursor: pointer;
  text-decoration: underline;
  margin-left: 10px;
}
.update-guide-container .update-item .update-detail .step-container .next-step:hover,
.update-guide-container .update-item .update-detail .step-container .pre-step:hover,
.update-guide-container .update-item .update-detail .step-container .now-todo:hover {
  color: #fa8919;
}
.update-guide-container .upadte-guide-content.special-content .update-item .update-arrow.update-arrow-down {
  margin-top: -4px;
}
.update-guide-container .upadte-guide-content.special-content .update-item .update-arrow.update-arrow-down .line {
  width: 1px;
  box-sizing: border-box;
  height: 60px;
  border-left: 1px dashed #fff;
}
.update-guide-container .upadte-guide-content.special-content .update-item .update-detail {
  background: #ff953c;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
}
.update-guide-container .upadte-guide-content.special-content .update-item .update-detail .des {
  padding: 10px 10px 0;
}
.update-guide-container .upadte-guide-content.special-content .update-item .update-detail.has-left-icon {
  display: flex;
  flex-wrap: nowrap;
}
.update-guide-container .upadte-guide-content.special-content .update-item .update-detail.has-left-icon .left-icon {
  width: 118px;
  position: relative;
}
.update-guide-container .upadte-guide-content.special-content .update-item .update-detail.has-left-icon .left-icon img {
  position: absolute;
  width: 128px;
  bottom: -10px;
  left: -10px;
}
.update-guide-container .upadte-guide-content.special-content .update-item .update-detail.has-left-icon .right-content {
  flex: 1;
}
.update-guide-container .upadte-guide-content.special-content .update-item .step-container {
  padding-left: 10px;
  padding-top: 20px;
}
.update-guide-container .upadte-guide-content.special-content .update-item .step-container .step {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
}
.update-guide-container .upadte-guide-content.special-content .update-item .step-container .step-item {
  border-radius: 4px;
  border: solid 1px #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  padding: 0 10px;
}
.update-guide-container .upadte-guide-content.special-content .update-item .step-container .step-item:hover {
  color: #fff;
}

.web-notification-all-list {
  width: 360px;
  height: 100%;
  box-sizing: border-box;
  background-color: #f8f8f8;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.web-notification-all-list .header {
  display: flex;
  justify-content: space-between;
  height: 40px;
  align-items: center;
  padding: 0 10px;
}
.web-notification-all-list .header .types {
  position: relative;
  padding-left: 8px;
  cursor: pointer;
}
.web-notification-all-list .header .types > span {
  font-size: 12px;
  color: #212121;
}
.web-notification-all-list .header .types .trig-down {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  background: no-repeat url('webNotification/images/trig-down.svg');
}
.web-notification-all-list .header .operation {
  width: 50px;
  display: flex;
  color: #a9a9a9;
  justify-content: flex-end;
}
.web-notification-all-list .header .operation > .ibass-more {
  font-size: 16px;
  padding-top: 1px;
  margin-right: 3px;
}
.web-notification-all-list .header .operation > .ibass-close {
  color: #a9a9a9;
}
.web-notification-all-list .header .operation i {
  position: relative;
}
.web-notification-all-list .notification-overview-detail-box {
  height: calc(100% - 48px);
  padding: 0 10px;
  overflow-y: auto;
}
.web-notification-all-list .notification-overview .notification-item {
  margin-bottom: 8px;
  font-size: 12px;
  background-color: #ffffff;
  border-radius: 6px;
}
.web-notification-all-list .notification-overview .notification-item:hover {
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.web-notification-all-list .notification-overview .notification-item .item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  border-bottom: 1px solid #f2f2f2;
}
.web-notification-all-list .notification-overview .notification-item .item-top .remind {
  display: flex;
  align-items: center;
  width: calc(100% - 100px);
  padding: 5px 0;
}
.web-notification-all-list .notification-overview .notification-item .item-top .remind .common-icon {
  width: 16px;
  vertical-align: middle;
  font-size: 16px;
  color: #07cfda;
}
.web-notification-all-list .notification-overview .notification-item .item-top .remind .remind-type {
  box-sizing: border-box;
  padding-left: 4px;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.web-notification-all-list .notification-overview .notification-item .item-top .message-operation {
  margin-left: 8px;
  font-size: 16px;
  color: #a9a9a9;
}
.web-notification-all-list .notification-overview .notification-item .item-content {
  padding: 10px 16px;
}
.web-notification-all-list .notification-overview .notification-item .item-content .message-title {
  font-size: 14px;
  font-weight: 500;
  color: #212121;
}
.web-notification-all-list .notification-overview .notification-item .item-content .message-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.web-notification-all-list .notification-overview .notification-item .item-content .message-overview {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.web-notification-all-list .notification-overview .notification-item .item-content .message-overview .brief {
  width: 266px;
  font-size: 13px;
  color: #4a4a4a;
}
.web-notification-all-list .notification-overview .notification-item .item-content .message-overview .brief span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.web-notification-all-list .notification-overview .notification-item .item-content .message-overview .amount {
  min-width: 18px;
  border-radius: 10px;
  background-color: #ff1744;
  text-align: center;
}
.web-notification-all-list .notification-overview .notification-item .item-content .message-overview .amount > span {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
}
.web-notification-all-list .notification-overview .notification-item .notification-mark-item-read {
  color: #a9a9a9!important;
}
.web-notification-all-list .notification-overview .notification-delete-item-animate {
  height: 0;
  opacity: 0;
  display: none;
  overflow: hidden;
}
.web-notification-all-list .notification-overview .none-notification-wrap {
  text-align: center;
}
.web-notification-all-list .notification-overview .none-notification-wrap .none-notification-emoji {
  margin-top: 135px;
  font-size: 110px;
  color: #efeded;
  line-height: 1;
}
.web-notification-all-list .notification-overview .none-notification-wrap .none-notification-text {
  color: #4a4a4a;
  font-size: 14px;
}
.web-notification-all-list .notification-more {
  width: 128px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin: 32px auto;
  border-radius: 4px;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  color: #212121;
  cursor: pointer;
}
.web-notification-all-list .notification-more span {
  font-size: 14px;
}
.web-notification-all-list .notification-more:hover {
  color: #fff;
  background-color: #fa8919;
}
.web-notification-all-list .notification-overview-detail-wrap {
  height: 100%;
  position: absolute;
  left: 360px;
  top: 0;
  background-color: #fff;
  transition: left .3s;
}
.web-notification-all-list .notification-animate-right-to-left {
  left: 0;
}
.web-notification-all-list .popup-location-bottom-right {
  left: -10px !important;
  top: 100%!important;
}
.web-notification-all-list .popup-location-bottom-right .triangle {
  left: 41px!important;
}
.web-notification-all-list .popup-location-bottom-left {
  left: -92px !important;
  top: 100%!important;
}
.web-notification-all-list .popup-location-bottom-left .triangle {
  left: 100px!important;
}
.web-notification-all-list .popup-location-operation-ibass-more {
  left: 100%!important;
  top: calc(100% - 10px) !important;
  transform: translateX(-100%);
}
.web-notification-all-list .popup-location-operation-ibass-more .triangle {
  left: 100px!important;
}

.notification-at-list {
  width: 360px;
  height: 100%;
  box-sizing: border-box;
  background-color: #f8f8f8;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.notification-at-list .at-list-header .header {
  display: flex;
  justify-content: space-between;
  height: 40px;
  align-items: center;
}
.notification-at-list .at-list-header .header .types {
  position: relative;
  padding-left: 8px;
  cursor: pointer;
}
.notification-at-list .at-list-header .header .types i {
  color: #a9a9a9;
}
.notification-at-list .at-list-header .header .types > span {
  font-size: 12px;
  color: #212121;
}
.notification-at-list .scroll-wrapper {
  height: calc(100% - 20px);
  overflow-y: auto;
  padding: 10px;
  padding-top: 20px;
}
.notification-at-list .at-item-wrapper .at-item {
  margin-bottom: 8px;
  padding: 16px;
  font-size: 12px;
  background-color: #ffffff;
  border-radius: 6px;
}
.notification-at-list .at-item-wrapper .at-item:hover {
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.notification-at-list .at-item-wrapper .at-item .avatar {
  width: 30px;
  height: 30px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  margin-right: 8px;
}
.notification-at-list .at-item-wrapper .at-item .avatar img {
  width: 30px;
  height: 30px;
  border-radius: 16px;
}
.notification-at-list .at-item-wrapper .at-item .avatar .none-pic {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 16px;
  display: inline-block;
  color: #fff;
  background: #fa8919;
}
.notification-at-list .at-item-wrapper .at-item .at-content {
  width: calc(100% - 40px);
}
.notification-at-list .at-item-wrapper .at-item .at-content .at-name-time {
  display: flex;
  justify-content: space-between;
}
.notification-at-list .at-item-wrapper .at-item .at-content .at-name-time .name {
  width: calc(100% - 36);
  font-size: 14px;
  color: #212121;
  word-break: break-all;
}
.notification-at-list .at-item-wrapper .at-item .at-content .at-name-time .time {
  font-size: 12px;
  color: #a9a9a9;
}
.notification-at-list .at-item-wrapper .at-item .at-content .at-text {
  width: 272px;
  font-size: 13px;
  color: #4a4a4a;
  margin: 8px 0;
  word-break: break-all;
}
.notification-at-list .at-item-wrapper .at-item .at-content .files {
  width: 250px;
  border-radius: 4px;
  background-color: #f8f8f8;
  padding: 11px;
  display: flex;
  align-items: center;
}
.notification-at-list .at-item-wrapper .at-item .at-content .files .files-item {
  display: flex;
}
.notification-at-list .at-item-wrapper .at-item .at-content .files .files-item i::before {
  color: #07cfda;
}
.notification-at-list .at-item-wrapper .at-item .at-content .files .files-item span {
  margin-left: 8px;
  color: #4a4a4a;
  word-break: break-all;
}
.notification-at-list .at-item-wrapper .none-notification-wrap {
  text-align: center;
}
.notification-at-list .at-item-wrapper .none-notification-wrap .none-notification-emoji {
  margin-top: 135px;
  font-size: 110px;
  color: #efeded;
  line-height: 1;
}
.notification-at-list .at-item-wrapper .none-notification-wrap .none-notification-text {
  color: #4a4a4a;
  font-size: 14px;
}
.notification-at-list .notification-at-more {
  width: 128px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin: 32px auto;
  border-radius: 4px;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  color: #212121;
  cursor: pointer;
}
.notification-at-list .notification-at-more span {
  font-size: 14px;
}
.notification-at-list .notification-at-more:hover {
  color: #fff;
  background-color: #fa8919;
}

.notification-notification-detail {
  width: 360px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.notification-notification-detail .common-header-top {
  display: flex;
  height: 48px;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 8px;
  padding: 0 15px;
}
.notification-notification-detail .common-header-top .name {
  display: flex;
  justify-content: center;
  width: calc(100% - 50px);
}
.notification-notification-detail .common-header-top .name span {
  max-width: calc(100% - 30px);
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.notification-notification-detail .common-header-top i {
  color: #a9a9a9;
  cursor: pointer;
}
.notification-notification-detail .common-header-content {
  margin: 0 8px;
  padding: 15px;
  background-color: #f8f8f8;
  border-radius: 6px;
}
.notification-notification-detail .common-header-content .content-item {
  margin-bottom: 10px;
}
.notification-notification-detail .common-header-content .content-item .content-item-info {
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 2px;
}
.notification-notification-detail .common-header-content .content-item:last-child {
  margin-bottom: 0;
}
.notification-notification-detail .item-wrapper {
  flex-grow: 1;
  overflow-y: auto;
}
.notification-notification-detail .notification-detail-item {
  padding: 24px 15px 0;
}
.notification-notification-detail .notification-detail-item .dividing-line {
  position: relative;
  border-top: 1px solid #eee;
  margin-top: 6px;
  margin-bottom: 30px;
}
.notification-notification-detail .notification-detail-item .dividing-line span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 0 10px;
}
.notification-notification-detail .common-time {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.notification-notification-detail .common-time i {
  display: inline-block;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  margin-right: 8px;
  background-color: #07cfda;
}
.notification-notification-detail .common-time i.has-read {
  background-color: #a9a9a9;
}
.notification-notification-detail .common-detail-item-body {
  display: flex;
  margin-left: 18px;
}
.notification-notification-detail .common-detail-item-body .avatar {
  width: 24px;
  height: 24px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-right: 16px;
}
.notification-notification-detail .common-detail-item-body .avatar img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.notification-notification-detail .common-detail-item-body .avatar .none-pic {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background: #fa8919;
}
.notification-notification-detail .common-detail-item-body .content {
  padding-top: 3px;
}
.notification-notification-detail .common-detail-item-body .content .content-title,
.notification-notification-detail .common-detail-item-body .content .content-reason {
  word-break: break-all;
}
.notification-notification-detail .notification-detail-more {
  width: 128px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin: 32px auto;
  border-radius: 4px;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  color: #212121;
  cursor: pointer;
}
.notification-notification-detail .notification-detail-more span {
  font-size: 14px;
}
.notification-notification-detail .notification-detail-more:hover {
  color: #fff;
  background-color: #fa8919;
}

.notification-permission {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fa8919;
  opacity: .7;
}
.notification-permission .tips {
  color: #ffffff;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.notification-permission .tips .open-remind {
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
}
.notification-permission .tips > .ibass-close {
  position: fixed;
  right: 10px;
  color: #ffffff;
  cursor: pointer;
}
.notification-permission__open-chrome {
  padding: 40px 50px 40px;
}
.notification-permission__open-chrome .title {
  width: 100%;
  font-size: 30px;
  line-height: 50px;
  color: #4a4a4a;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8ecf1;
}
.notification-permission__open-chrome .description {
  display: flex;
  align-items: center;
  height: 30px;
  margin-top: 20px;
  color: #494949;
  font-weight: 700;
}
.notification-permission__open-chrome .step-body {
  padding-top: 10px;
}
.notification-permission__open-chrome .step-title {
  display: flex;
  align-items: center;
  height: 30px;
  color: #e36c09;
  font-weight: 700;
}
.notification-permission__open-chrome img {
  margin: 20px 0;
  width: 80%;
}

.notification-side-bar {
  position: fixed;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  width: 0px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  z-index: 100;
}
.notification-side-bar .side-bar {
  width: 100%;
}
.notification-side-bar .side-panel {
  position: fixed;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: 360px;
  overflow: auto;
  background-color: #f8f8f8;
}
.notification-side-bar .side-panel .panel-content {
  height: calc(100% - 40px);
}
.notification-side-bar .panel-tab {
  position: relative;
  display: flex;
  height: 40px;
  padding-left: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.notification-side-bar .panel-tab .tab-item {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.notification-side-bar .panel-tab .is-current {
  border-bottom: 2px solid #fa8919;
}
.notification-side-bar .panel-tab .close-panel {
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.notification-side-bar .block-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.notification-side-bar .block-wrapper .icon-wrapper {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  cursor: pointer;
}
.notification-side-bar .block-wrapper .icon-wrapper .at-dot {
  position: absolute;
  left: -4px;
  top: 14px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #ff1744;
  z-index: 1;
}
.notification-side-bar .block-wrapper .icon-wrapper .notification-num {
  position: absolute;
  left: -9px;
  top: 9px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 8px;
  background-color: #ff1744;
  z-index: 1;
}
.notification-side-bar .block-wrapper .icon-wrapper .notification-num-more {
  width: 24px;
  left: -13px;
}
.notification-side-bar .block-wrapper .icon-wrapper .common-desc {
  display: none;
}
.notification-side-bar .block-wrapper .icon-wrapper .common-desc .desc-content {
  position: absolute;
  top: 8px;
  right: 45px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  white-space: nowrap;
  padding: 0 8px;
}
.notification-side-bar .block-wrapper .icon-wrapper .common-desc .desc-content::after {
  content: "";
  display: block;
  border-width: 5px;
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid dashed dashed;
  border-color: transparent transparent rgba(0, 0, 0, 0.8);
  font-size: 0;
  line-height: 0;
  transform: translate(100%, -50%) rotate(90deg);
}
.notification-side-bar .block-wrapper .icon-wrapper:hover {
  background-color: #f8f8f8;
}
.notification-side-bar .block-wrapper .icon-wrapper:hover .common-desc {
  display: block;
}
.notification-side-bar .block-wrapper .icon-wrapper.cur {
  background-color: #fa8919;
}
.notification-side-bar .block-wrapper .icon-wrapper.cur i,
.notification-side-bar .block-wrapper .icon-wrapper.cur .ibass-sidebar-timer,
.notification-side-bar .block-wrapper .icon-wrapper.cur .ibass-sidebar-timer-stop {
  color: #fff;
}
.notification-side-bar .block-wrapper i {
  font-size: 24px;
  color: #8590a6;
}
.notification-side-bar .block-wrapper .ibass-sidebar-timer,
.notification-side-bar .block-wrapper .ibass-sidebar-timer-stop {
  font-size: 24px;
  color: #8590a6;
}
.notification-side-bar .block-wrapper .break-border {
  width: 24px;
  height: 1px;
  background-color: #eee;
  margin-bottom: 8px;
}
.notification-side-bar .clock-container {
  z-index: 100;
  position: relative!important;
  bottom: 0!important;
  right: 0!important;
  width: 100%;
  height: 100%;
  text-align: center;
}
.notification-side-bar .clock-container .task-clock {
  margin-bottom: 0;
}
.notification-side-bar .clock-container .clock-excessively-long-timing {
  width: 160px;
  height: 85px;
  background: #3D3D3D;
  position: absolute;
  z-index: 10;
  right: 50px;
  left: auto;
  top: 20px;
  transform: translateY(-50%);
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  color: #FFFFFF;
}
.notification-side-bar .clock-container .clock-excessively-long-timing::after {
  content: '';
  border: 5px solid #3d3d3d;
  border-top-color: transparent;
  border-left-color: transparent;
  position: absolute;
  bottom: 40px;
  right: 13px;
  transform: translateX(185%) rotate(-45deg);
}
.notification-side-bar .side-bar-clock-navigation .time-desc,
.notification-side-bar .side-bar-clock-navigation .time-no {
  display: none;
}
.notification-side-bar .side-bar-clock-navigation:hover .time-desc,
.notification-side-bar .side-bar-clock-navigation:hover .time-no {
  display: block;
}
.notification-side-bar .side-bar-clock-navigation .time-desc,
.notification-side-bar .side-bar-clock-navigation .time-no {
  position: absolute;
  top: 8px;
  right: 45px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  white-space: nowrap;
  padding: 0 8px;
}
.notification-side-bar .side-bar-clock-navigation .time-desc {
  height: 24px;
  border-radius: 12px;
}
.notification-side-bar .side-bar-clock-navigation .time-desc .date {
  color: rgba(255, 255, 255, 0.6);
}
.notification-side-bar .side-bar-clock-navigation .time-no::after {
  content: "";
  display: block;
  border-width: 5px;
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid dashed dashed;
  border-color: transparent transparent rgba(0, 0, 0, 0.8);
  font-size: 0;
  line-height: 0;
  transform: translate(100%, -50%) rotate(90deg);
}
.notification-side-bar .clock-location-up:before,
.notification-side-bar .clock-location-up:after {
  content: "";
  display: block;
  border-width: 15px;
  position: absolute;
  bottom: 50%;
  right: -30px;
  border-style: solid dashed dashed;
  border-color: transparent transparent #c3c3c3;
  font-size: 0;
  line-height: 0;
  transform: translate(0, 50%) rotate(90deg);
}
.notification-side-bar .clock-location-up:after {
  border-color: transparent transparent #FFF;
}
.notification-side-bar .clock-location-up {
  right: 60px;
  top: 20px;
  bottom: auto;
  transform: translate(0, -50%);
}

.sharelink .share-link-content {
  width: 100%;
  height: 100% !important;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  display: block;
  background: #f8f8f8;
}
.sharelink .share-link-content .ibass-filetype-folder {
  color: #07cfda;
}
.sharelink .share-link-content .error {
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 12px;
  color: #f72b44;
}
.sharelink .share-link-content .ibass-filetype-ppt {
  color: #d04424;
}
.sharelink .share-link-content .ibass-filetype-pdf {
  color: #e3574d;
}
.sharelink .share-link-content .ibass-filetype-ppt {
  color: #e3574d;
}
.sharelink .share-link-content .ibass-filetype-image {
  color: #07cfda;
}
.sharelink .share-link-content .ibass-filetype-doc {
  color: #0a96e5;
}
.sharelink .share-link-content .ibass-filetype-excel {
  color: #1c7044;
}
.sharelink .share-link-content .ibass-filetype-zip {
  color: #9d7120;
}
.sharelink .share-link-content .ibass-filetype-music {
  color: #a7d638;
}
.sharelink .share-link-content .ibass-filetype-video {
  color: #d94ff5;
}
.sharelink .share-link-content .ibass-filetype-default {
  color: #cdc9c5;
}
.sharelink .share-link-content .center-content {
  margin: 110px auto;
  width: 360px;
  height: 240px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
}
.sharelink .share-link-content .center-content .title {
  margin-top: 40px;
  margin-left: 124px;
  width: 112px;
  height: 29px;
  font-size: 16px;
  line-height: 1.81;
  color: #4a4a4a;
}
.sharelink .share-link-content .center-content .password-input {
  cursor: pointer;
  height: 50px;
  width: 260px;
  border-bottom: solid 2px #fa8919;
  margin-top: 20px;
  padding: 0 10px;
  margin-left: 40px;
  line-height: 50px;
  background-color: #fefeff;
  font-size: 14px;
  color: #737373;
  position: relative;
}
.sharelink .share-link-content .center-content .password-input span {
  display: inline-block;
  max-width: 350px;
}
.sharelink .share-link-content .center-content .password-input span input {
  margin-left: 30px;
  border: none;
  width: 220px;
  color: #4a4a4a;
  font-color: #4a4a4a;
  letter-spacing: 20px;
}
.sharelink .share-link-content .center-content .button-into {
  width: 150px;
  margin-top: 50px;
  margin-left: 105px;
}
.sharelink .share-link-content .center-content2 {
  margin: 110px auto;
  max-width: 400px;
  width: auto;
  height: 340px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada;
}
.sharelink .share-link-content .center-content2 .icon {
  margin-top: 50px;
  text-align: center;
}
.sharelink .share-link-content .center-content2 .icon i {
  font-size: 60px;
  width: 64px;
  height: 80px;
}
.sharelink .share-link-content .center-content2 .text {
  margin: auto;
  text-align: center;
  width: 200px;
  height: 29px;
  font-size: 16px;
  color: #4a4a4a;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sharelink .share-link-content .center-content2 .sub-text {
  text-align: center;
  max-width: 400px;
  width: auto;
  height: 29px;
  font-size: 12px;
  color: #a9a9a9;
}
.sharelink .share-link-content .center-content2 .button-download {
  width: 150px;
  margin: 40px auto;
}
@media screen and (max-width: 600px) {
  .sharelink .share-link-content .center-content2-1 {
    margin: 20px 0px;
    width: auto;
    min-height: 830px;
    height: auto;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    border-bottom: solid 1px #dadada;
  }
  .sharelink .share-link-content .center-content2-1 .icon {
    margin-top: 50px;
    margin-left: 169px;
  }
  .sharelink .share-link-content .center-content2-1 .icon i {
    font-size: 60px;
    width: 64px;
    height: 80px;
  }
  .sharelink .share-link-content .center-content2-1 .icon .ibass-filetype-folder {
    color: #cdc9c5;
  }
  .sharelink .share-link-content .center-content2-1 .icon .error {
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 12px;
    color: #f72b44;
  }
  .sharelink .share-link-content .center-content2-1 .title {
    width: auto;
    height: 70px;
    border-bottom: solid 1px #f0f0f0;
  }
  .sharelink .share-link-content .center-content2-1 .title .text {
    padding: 15px 20px 0px 20px;
    height: 20px;
    font-size: 14px;
    min-width: 430px;
    font-weight: 500;
    color: #4a4a4a;
  }
  .sharelink .share-link-content .center-content2-1 .title .text .download {
    cursor: pointer;
    float: right;
    margin-right: 20px;
    right: 20px;
    padding-right: 20px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
  }
  .sharelink .share-link-content .center-content2-1 .title .text .download .Adaptive {
    visibility: hidden;
  }
  .sharelink .share-link-content .center-content2-1 .title .sub-text {
    padding-top: 0px;
    padding-left: 20px;
    font-size: 12px;
    color: #a9a9a9;
  }
  .sharelink .share-link-content .center-content2-1 .button-download {
    width: 150px;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    width: auto;
    border-collapse: collapse;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr .icongroup i {
    display: none;
    color: #fa8919;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr th {
    height: 36px;
    border-bottom: solid 1px #ebebeb;
    font-size: 12px;
    color: #4a4a4a;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr td {
    max-width: 188px;
    word-wrap: break-word;
    height: 42px;
    border-bottom: solid 1px #ebebeb;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr .iupdatetm {
    display: none;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr .iupdatetmtitle {
    display: none;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr:hover,
  .sharelink .share-link-content .center-content2-1 .content-table table .active {
    cursor: pointer;
    background: #f8f8f9;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr:hover {
    cursor: pointer;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr:hover .icongroup {
    text-align: right;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr:hover .icongroup i {
    visibility: visible;
    color: #fdba78;
    margin-right: 12px;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr:hover .icongroup i:hover {
    color: #fa8919;
  }
  .sharelink .share-link-content .center-content3 {
    margin: 90px auto;
    width: auto;
    min-height: 296px;
    height: auto;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dadada;
  }
  .sharelink .share-link-content .center-content3 .text {
    width: auto;
    word-wrap: break-word;
    font-size: 16px;
    color: #4a4a4a;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
  }
  .sharelink .share-link-content .center-content3 .sub-text {
    padding-left: 20px;
    padding-top: 2px;
    font-size: 12px;
    color: #a9a9a9;
    padding-right: 20px;
  }
  .sharelink .share-link-content .center-content3 .box {
    margin-left: 5px;
    padding-left: -3px;
    margin-top: 18px;
    width: auto;
    height: 220px;
    border-radius: 2px;
    background-color: #f8f8f9;
    position: relative;
  }
  .sharelink .share-link-content .center-content3 .box .icon {
    padding-top: 48px;
    margin-left: 44%;
  }
  .sharelink .share-link-content .center-content3 .box .icon i {
    font-size: 50px;
    width: 42.9px;
    height: 49.1px;
    color: #efeae6;
  }
  .sharelink .share-link-content .center-content3 .box .text-file {
    margin-top: 10px;
    width: 100px;
    height: 16px;
    font-size: 12px;
    color: #a9a9a9;
    padding-top: 20px;
    padding-left: 210px;
  }
  .sharelink .share-link-content .center-content3 .box .button-upload {
    font-size: 12px;
    width: 126px;
    margin-top: 28px;
    margin-left: 34%;
  }
  .sharelink .share-link-content .center-content3 .box .button-upload i {
    padding-right: 8px;
    display: inline-block;
    width: 12px;
    height: 12px;
    white-space: nowrap;
    letter-spacing: -1em;
    color: #FFFFFF;
  }
  .sharelink .share-link-content .center-content3 .upload-progress {
    margin-left: 20px;
    padding-bottom: 20px;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .title {
    float: left;
    width: 200px;
    height: 20px;
    font-weight: 500;
    color: #4a4a4a;
    padding-top: 20px;
    font-size: 12px;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .cancel {
    margin-right: 15px;
    margin-top: 12px;
    font-size: 12px;
    float: right;
    text-align: center;
    line-height: 28px;
    width: 84px;
    height: 28px;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #cfc7c1;
    cursor: pointer;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .progress {
    display: none;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .files-progress {
    padding-bottom: 0px;
    height: 40px;
    line-height: 40px;
    min-width: 250px;
    width: 95%;
    font-size: 14px;
    font-color: #4a4a4a;
    border-bottom: 1px solid #f0f0f0;
    display: inline-block;
    position: relative;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .files-progress .msize {
    float: left;
    width: 73px;
    color: #a9a9a9;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .files-progress .name {
    float: left;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 110px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 600px) and screen and (max-width: 600px) {
  .sharelink .share-link-content .center-content2-1 .title .text {
    min-width: 500px;
  }
}
@media screen and (min-width: 600px) {
  .sharelink .share-link-content .center-content2-1 {
    margin: 20px auto;
    min-width: 500px;
    width: 1000px;
    min-height: 830px;
    height: auto;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    border-bottom: solid 1px #dadada;
  }
  .sharelink .share-link-content .center-content2-1 .icon {
    margin-top: 50px;
    margin-left: 169px;
  }
  .sharelink .share-link-content .center-content2-1 .icon i {
    font-size: 60px;
    width: 64px;
    height: 80px;
  }
  .sharelink .share-link-content .center-content2-1 .icon .ibass-filetype-folder {
    color: #cdc9c5;
  }
  .sharelink .share-link-content .center-content2-1 .icon .error {
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 12px;
    color: #f72b44;
  }
  .sharelink .share-link-content .center-content2-1 .title {
    width: auto;
    height: 70px;
    border-bottom: solid 1px #f0f0f0;
  }
  .sharelink .share-link-content .center-content2-1 .title .text {
    padding: 15px 20px 0px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
  }
  .sharelink .share-link-content .center-content2-1 .title .text .download {
    cursor: pointer;
    float: right;
    right: 20px;
    padding-right: 20px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
  }
  .sharelink .share-link-content .center-content2-1 .title .sub-text {
    padding-top: 0px;
    padding-left: 20px;
    width: 400px;
    width: 500px;
    font-size: 12px;
    color: #a9a9a9;
  }
  .sharelink .share-link-content .center-content2-1 .button-download {
    width: 150px;
    margin-top: 40px;
    margin-left: 130px;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table {
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 20px;
    width: auto;
    border-collapse: collapse;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr .icongroup i {
    visibility: hidden;
    margin-right: 12px;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr th {
    height: 36px;
    border-bottom: solid 1px #ebebeb;
    font-size: 12px;
    color: #4a4a4a;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr td {
    word-wrap: break-word;
    max-width: 700px;
    height: 42px;
    border-bottom: solid 1px #ebebeb;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr:hover,
  .sharelink .share-link-content .center-content2-1 .content-table table .active {
    cursor: pointer;
    background: #f8f8f9;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr:hover {
    cursor: pointer;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr:hover .icongroup i {
    visibility: visible;
    color: #fdba78;
    margin-right: 12px;
  }
  .sharelink .share-link-content .center-content2-1 .content-table table tr:hover .icongroup i:hover {
    color: #fa8919;
  }
  .sharelink .share-link-content .center-content3 {
    margin: 90px auto;
    width: 500px;
    min-height: 296px;
    height: auto;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dadada;
  }
  .sharelink .share-link-content .center-content3 .text {
    width: auto;
    word-wrap: break-word;
    font-size: 16px;
    color: #4a4a4a;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
  }
  .sharelink .share-link-content .center-content3 .sub-text {
    padding-left: 20px;
    padding-top: 2px;
    font-size: 12px;
    color: #a9a9a9;
    padding-right: 20px;
  }
  .sharelink .share-link-content .center-content3 .box {
    margin-left: 5px;
    padding-left: -3px;
    margin-top: 18px;
    width: 490px;
    height: 220px;
    border-radius: 2px;
    background-color: #f8f8f9;
    position: relative;
  }
  .sharelink .share-link-content .center-content3 .box .icon {
    padding-top: 48px;
    margin-left: 218px;
  }
  .sharelink .share-link-content .center-content3 .box .icon i {
    font-size: 50px;
    width: 42.9px;
    height: 49.1px;
    color: #efeae6;
  }
  .sharelink .share-link-content .center-content3 .box .text-file {
    margin-top: 10px;
    width: 100px;
    height: 16px;
    font-size: 12px;
    color: #a9a9a9;
    padding-top: 20px;
    padding-left: 210px;
  }
  .sharelink .share-link-content .center-content3 .box .button-upload {
    font-size: 12px;
    width: 126px;
    margin-top: 28px;
    margin-left: 182px;
  }
  .sharelink .share-link-content .center-content3 .box .button-upload i {
    padding-right: 8px;
    display: inline-block;
    width: 12px;
    height: 12px;
    white-space: nowrap;
    letter-spacing: -1em;
    color: #FFFFFF;
  }
  .sharelink .share-link-content .center-content3 .upload-progress {
    margin-left: 20px;
    padding-bottom: 20px;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .title {
    float: left;
    width: 56px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    padding-top: 20px;
    font-size: 12px;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .cancel {
    margin-right: 15px;
    margin-top: 12px;
    font-size: 12px;
    float: right;
    text-align: center;
    line-height: 28px;
    width: 84px;
    height: 28px;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #cfc7c1;
    cursor: pointer;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .files-progress {
    padding-bottom: 0px;
    height: 40px;
    line-height: 40px;
    width: 460px;
    font-size: 14px;
    font-color: #4a4a4a;
    border-bottom: 1px solid #f0f0f0;
    display: inline-block;
    position: relative;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .files-progress .msize {
    float: left;
    width: 73px;
    color: #a9a9a9;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .files-progress .name {
    float: left;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 190px;
    padding-right: 5px;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .files-progress .close {
    margin: 0 0 0 10px;
  }
  .sharelink .share-link-content .center-content3 .upload-progress .files-progress .progress {
    margin: 0 0 0 10px;
  }
}
.sharelink .download-title {
  width: 100%;
  height: auto;
  background-color: #ffffff;
}
.sharelink .download-title .text {
  padding-top: 15px;
  padding-left: 20px;
  width: 300px;
  word-wrap: break-word;
  min-height: 40px;
  height: auto;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  color: var(--greyish-brown);
}
.sharelink .sharelink-footer {
  width: 100%;
  margin-bottom: 50px;
  position: relative;
}
.sharelink .sharelink-footer .logo {
  bottom: 30px;
  text-align: center;
}
.sharelink .sharelink-footer .logo .img {
  font-size: 38px;
  color: #ed6c00;
  height: 50px;
}
.sharelink .sharelink-footer .logo .desc {
  font-size: 12px;
  color: #a9a9a9;
}
.sharelink .share-tooltip {
  max-width: 200px;
  word-break: break-all;
  text-align: left;
}

.fcn-verify-wrap {
  position: relative;
  padding-bottom: 20px;
}
.fcn-verify-header {
  position: relative;
  margin-top: 40px;
  height: 22px;
  text-align: center;
}
.fcn-verify-line {
  background-color: #ebebeb;
  position: absolute;
  left: 5%;
  top: 10px;
  width: 90%;
  height: 1px;
}
.fcn-verify-title {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -61px;
  width: 122px;
  background-color: #fff;
  color: #4a4a4a;
  font-size: 16px;
}

.notification-set-wrap {
  width: 464px;
  padding: 20px 30px 20px 20px;
  margin: 60px 0 0 136px;
}
.notification-set-wrap .notification-wrap-left {
  line-height: 18px;
}
.notification-set-wrap .notification-wrap-left .notification-tip {
  font-size: 12px;
  color: #a6a6a6;
}
.notification-set-wrap .notification-wrap-right .animation-toggle {
  top: 15px;
  left: 46px;
}

.slider-switch {
  width: 22px;
  height: 2px;
  position: relative;
  background-color: #e2e2e2;
  color: #e2e2e2;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
}
.slider-switch:before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: -5px;
  left: -1px;
  border-radius: 6px;
  background-color: #fff;
  border: solid 2px #d6d6d6;
}
.slider-switch:checked {
  color: #fa8919;
  background-color: #fa8919;
}
.slider-switch:checked:before {
  left: 10px;
  background: #fa8919;
  border-color: #fa8919;
}
.slider-switch.slider-switch-anim {
  transition: border ease 0.2s;
}
.slider-switch.slider-switch-anim:before {
  transition: left 0.1s, background-color ease 0.1s;
}
.slider-switch.slider-switch-anim:checked {
  transition: border ease 0.2s, background-color ease 0.2s;
}
.slider-switch.slider-switch-anim:checked:before {
  transition: left 0.3s;
}
.reset-task-dialog {
  margin-top: 170px;
}
.reset-task-dialog .tle {
  width: 250px;
  padding: 20px 0;
  height: 60px;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
}
.reset-task-dialog .tle .ctn {
  background: #fff;
  padding: 0 4px;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  color: #4a4a4a;
  line-height: 60px;
  position: relative;
  z-index: 1;
}
.reset-task-dialog .tle .cutoff {
  position: relative;
  top: -30px;
  z-index: 0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  height: 0;
}
.reset-task-dialog .body {
  padding: 30px;
}
.reset-task-dialog .body .reset-tip {
  margin-bottom: 10px;
  font-size: 14px;
}
.reset-task-dialog .body .btn-group {
  text-align: center;
  margin-top: 40px;
}
.reset-task-dialog .body .normal-btn,
.reset-task-dialog .body .main-btn {
  display: inline-block;
  width: 100px;
}
.reset-task-dialog .body .normal-btn {
  background: #f8f8f9;
  border-color: #f8f8f9;
  margin-right: 20px;
}
.synchronize-calendar-dialog .tle {
  width: 420px;
  margin: 0 auto;
  margin-top: 30px;
  font-weight: bold;
  text-align: center;
}
.synchronize-calendar-dialog .tle .ctn {
  display: inline-block;
  width: 184px;
  background: #fff;
  padding: 9px 4px;
  font-size: 16px;
  text-align: center;
  color: #4a4a4a;
  position: relative;
  z-index: 1;
}
.synchronize-calendar-dialog .tle .cutoff {
  position: relative;
  top: -22px;
  z-index: 0;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
}
.synchronize-calendar-dialog .body {
  padding: 20px 45px;
}
.synchronize-calendar-dialog .body .method-list li {
  margin-bottom: 20px;
}
.synchronize-calendar-dialog .body .method-list li .link {
  display: inline-block;
  font-weight: bold;
}
.synchronize-calendar-dialog .body .method-list li .num {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
.synchronize-calendar-dialog .body .method-list li .download-btn {
  width: 80px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  border: 1px solid #e8e8e8;
  border-radius: 13px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.synchronize-calendar-dialog .body .method-list .copy-link {
  margin-top: 10px;
  font-size: 0px;
}
.synchronize-calendar-dialog .body .method-list .copy-link .copy-row {
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
  height: 35px;
  line-height: 35px;
  vertical-align: top;
}
.synchronize-calendar-dialog .body .method-list .copy-link .link-inner {
  padding: 7px 6px;
  width: 378px;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset;
}
.synchronize-calendar-dialog .body .method-list .copy-link .link-inner .link-value {
  padding: 0 4px;
  font-size: 14px;
  line-height: 20px;
  color: #a9a9a9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.synchronize-calendar-dialog .body .method-list .copy-link .link-inner .link-value:hover {
  background: #feefb1;
}
.synchronize-calendar-dialog .body .method-list .copy-link .copy {
  width: 50px;
  background: #f8f8f9;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.synchronize-calendar-dialog .body .method-list .description {
  padding: 10px 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 17px;
  color: #999999;
}
.synchronize-calendar-dialog .body .method-list .description .resetUrl {
  color: #ed6c00;
  cursor: pointer;
}
.synchronize-calendar-dialog .body .method-help {
  margin-top: 40px;
  font-size: 12px;
  color: #666666;
  cursor: pointer;
}
.synchronize-calendar-dialog .body .method-help .ibass-faq {
  display: inline-block;
  vertical-align: middle;
}
.synchronize-calendar-dialog .body .method-help span {
  vertical-align: middle;
}
.setting-container {
  width: 464px;
  margin: 0 auto;
  padding: 60px 0;
}
.setting-container .slider-switch {
  position: relative;
  top: 22px;
}
.setting-container .setting-ul .setting-li {
  line-height: 50px;
  padding: 0 20px;
}
.setting-container .setting-ul .setting-li .name {
  display: inline-block;
}
.setting-container .setting-ul .setting-li .oper {
  float: right;
  cursor: pointer;
  display: inline-block;
}
.setting-container .setting-ul .setting-li .switch {
  position: relative;
  top: 22px;
}
.setting-container .setting-ul .setting-li .active {
  color: #ed6c00;
}
.setting-container .setting-ul .no-height {
  height: 0px;
  overflow: hidden;
}
.setting-container .setting-ul .oper-container {
  padding: 0 40px 0 50px;
  border-top: 1px solid #e2e2e2;
  background: #fcfcfb;
}
.setting-container .setting-ul .oper-container::after {
  content: ' ';
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
}
.setting-container .setting-ul .oper-container .oper-li {
  float: left;
  line-height: 20px;
  padding: 15px 0;
  width: 100%;
  position: relative;
}
.setting-container .setting-ul .oper-container .oper-li > .name {
  position: relative;
  display: inline-block;
}
.setting-container .setting-ul .oper-container .oper-li > .name:before {
  content: "-";
  color: #a9a9a9;
  position: absolute;
  top: 0px;
  left: -20px;
}
.setting-container .setting-ul .oper-container .selection {
  display: inline-block;
  text-align: right;
  position: relative;
  float: right;
  cursor: pointer;
  color: #999;
}
.setting-container .setting-ul .oper-container .selection:after {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  position: absolute;
  font-size: 12px;
  right: -15px;
  top: 2px;
}
.setting-container .setting-ul .oper-container .selection .ns-popover-tooltip {
  width: 180px;
  margin-left: 0px;
}
.setting-container .setting-ul .oper-container .selection .ns-popover-tooltip-theme {
  margin-top: 6px;
  width: 180px;
  text-align: left;
  color: #4a4a4a;
}
.setting-container .setting-ul .oper-container .selection .ns-popover-tooltip-theme:hover {
  background: #fff;
}
.setting-container .setting-ul .oper-container .selection .ns-popover-tooltip-theme .ns-popover-item {
  padding: 0 8px;
}
.setting-container .setting-ul .oper-container .selection .ns-popover-tooltip-theme .ns-popover-item .icon {
  font-size: 16px;
  margin-right: 7px;
  color: #cdc9c5;
  vertical-align: sub;
}
.setting-container .setting-ul .oper-container .selection .ns-popover-tooltip-theme .ns-popover-item .active {
  color: #fa8919;
}
.setting-container .setting-ul .oper-container .remainder {
  line-height: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
}

.wxqcharge-work {
  padding: 0 20px 20px 20px;
}
.wxqcharge-work .matter {
  padding: 0px 160px;
}
.wxqcharge-work div.input-large {
  position: relative;
  display: inline-block;
}
.wxqcharge-work button.main-btn {
  text-align: center;
  display: block;
  margin: 110px auto 0;
}
.wxqcharge-work .ibass-trig-down {
  right: 0 !important;
}
.wxqcharge-work .hr-member-selecte {
  width: 400px;
  max-width: 400px !important;
  margin-top: 2px !important;
}
.wxqcharge-work .hr-member-selecte .ibass-done {
  color: #ed6c00;
  float: right;
  right: 10px;
  position: relative;
}
.wxqcharge-work .hr-member-selecte .ibass-done:before {
  color: #ed6c00 !important;
}
.wxqcharge-work .hr-empty-tips {
  text-align: center;
}
.wxqcharge-work .hr-empty-tips span {
  display: inline-block;
}
.wxqcharge-work .hr-empty-tips .empty-tips-content {
  height: 80px;
  line-height: 80px;
  color: #a9a9a9;
}
.wxqcharge-work .hr-empty-tips .empty-botton-content {
  height: 60px;
  line-height: 44px;
  color: #ed6c00;
  cursor: pointer;
}
.wxqcharge-work .hr-member-selecte .hr-clean-rank {
  border-top: 1px solid #f5f5f5;
  color: #a9a9a9;
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  cursor: pointer;
  margin-bottom: 10px;
}
.wxqcharge-work .hr-member-selecte .hr-clean-rank .ibass-close {
  font-size: 14px;
  color: #a9a9a9;
  float: left;
  margin-right: 10px;
}
.wxqcharge-work .hr-member-selecte .hr-clean-rank span {
  font-size: 14px;
  color: #a9a9a9;
  margin-right: 10px;
  float: left;
}
.wxqcharge-work .hr-member-selecte .hr-rank-name {
  width: 180px;
  display: inline-block;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  text-align: left;
}
.wxqcharge-work .hr-member-selecte .hr-rank-level {
  color: #9b9b9b;
}
.wxqcharge-work .ns-popover-item {
  width: 100%;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding: 0 1.7rem 0 0.875rem;
}
.wxqcharge-work .ns-popover-item span {
  float: left;
}


.weekly-mem-line {
  padding: 40px 0;
  height: 130px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  position: relative;
}
.weekly-mem-div {
  color: #737373;
  font-size: 14px;
  position: relative;
  display: inline-block;
  margin-right: 90px;
  float: left;
}
.weekly-mem-div a {
  color: #737373;
  font-size: 14px;
}
.weekly-mem-div img {
  height: 100px;
  width: 100px;
  border-radius: 50px;
  float: left;
}
.weekly-mem-div .member-title {
  font-size: 20px;
  margin: 10px 0;
  color: #4a4a4a;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.not-standard {
  border-top: solid 1px #f72b44;
}
.weekly-not-standard {
  width: 74px;
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  color: #4a4a4a;
  position: absolute;
  left: 50%;
  top: -10px;
  background-color: #fff;
  text-align: center;
  line-height: 20px;
  margin-left: -37px;
}


.view-export-file {
  padding: 0 20px;
  text-align: center;
}
.view-export-file .view-export-file-head {
  margin-top: 50px;
  padding-bottom: 35px;
  position: relative;
  border-top: solid 1px #f0f0f0;
}
.view-export-file .view-export-file-head .title {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  margin-top: -11px;
  width: 100px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.view-export-file .view-export-file-head .content {
  padding-top: 40px;
  padding-bottom: 20px;
  text-align: center;
  color: #737373;
}
.view-export-file .view-export-file-head .select-range {
  text-align: center;
}
.view-export-file .view-export-file-head .select-range input {
  width: 150px;
  height: 36px;
  border-radius: 3px;
  padding-left: 9px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.view-export-file .view-export-file-head .select-range .line {
  margin: 5px;
}
.view-export-file .view-export-file-body {
  padding: 5px 45px 0 45px;
  font-size: 14px;
  color: #4a4a4a;
}
.view-export-file .view-export-file-body .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.view-export-file .view-export-file-body .choose-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.view-export-file .view-export-file-body .choose-item .name {
  width: 100px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
  flex-shrink: 0;
}
.view-export-file .view-export-file-body .choose-item .items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule {
  position: relative;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module {
  top: 100%!important;
  left: 0%!important;
  width: 400px;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list {
  margin-top: 0;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  width: 400px;
  max-width: 400px;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project {
  padding: 0 15px;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project .ns-popover-project {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 42px;
  border-bottom: 1px solid #f0f0f0;
  padding-right: 5px;
  font-size: 14px;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project .ns-popover-project em {
  font-style: normal;
  color: #f72341;
  background-color: #fffbc4;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project .ns-popover-project .project-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px 5px 0;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project .ns-popover-project .project-name i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 8px;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project .ns-popover-project .project-name .ibass-project-type1 {
  color: #ff6c7e;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project .ns-popover-project .project-name .ibass-project-type2 {
  color: #83d198;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project .ns-popover-project .project-name .ibass-project-type3 {
  color: #98c2f1;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project .ns-popover-project .project-name .ibass-project-type4 {
  color: #ffc18d;
}
.view-export-file .view-export-file-body .choose-item .items #projectListModule .project-list-select-module .ns-popover-time-export-project-list .ns-popover-item-project .ns-popover-project:hover {
  background-color: #f8f8f9;
}
.view-export-file .view-export-file-body .choose-item .items .item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 15px;
  min-width: 80px;
  cursor: pointer;
}
.view-export-file .view-export-file-body .choose-item .items .item .ibass-trig-down {
  color: #cdc9c5;
}
.view-export-file .view-export-file-body .choose-item .items .item a {
  display: inline-flex;
}
.view-export-file .view-export-file-body .choose-item .items .item .ibass-checkbox span,
.view-export-file .view-export-file-body .choose-item .items .item .ibass-checked span {
  display: inline-flex;
  margin-left: 4px;
  color: #4a4a4a;
}
.view-export-file .view-export-file-body .choose-item .items .item .ibass-checked {
  color: #fa8919;
}
.view-export-file .view-export-file-body .choose-item .items .item .ibass-checkbox {
  color: #cdc9c5;
}
.view-export-file .view-export-file-body .choose-item .items .item .responsible-add-image-many {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.view-export-file .view-export-file-body .choose-item .items .item .responsible-add-image-many .multiple-choice-user {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  top: 0;
  padding-right: 0;
}
.view-export-file .view-export-file-body .choose-item .items .item .time-range-item {
  height: 32px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  /*.e-s-time-fast-select{
                            height: 20px;
                            color: #a9a9a9;
                            text-align: center;
                            padding-right: 7px;
                        }
                        .e-s-time-start-stop{
                            height: 20px;
                            color: #4a4a4a;
                            padding: 0 9px;
                            border-left: 1px solid #ececec;
                        }*/
}
.view-export-file .view-export-file-body .choose-item .items .item .time-range-item .time-range-container {
  height: 100%;
}
.view-export-file .view-export-file-body .choose-item .items .item .time-range-item .time-range {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 10px;
  position: relative;
}
.view-export-file .view-export-file-body .choose-item .items .item .time-range-item .time-range-text-select {
  padding: 0 10px 0 0;
  line-height: 1;
  height: auto;
}
.view-export-file .view-export-file-body .choose-item .items .item .time-range-item .time-range-start-stop {
  height: auto;
}
.view-export-file .view-export-file-body .choose-item .items .work-type-checkbox {
  width: 100%;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.view-export-file .view-export-file-body .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.view-export-file .view-export-file-body .content {
  margin-bottom: 30px;
  color: #737373;
}
.view-export-file .view-export-file-body .select-type {
  padding-bottom: 53px;
}
.view-export-file .view-export-file-body .select-type div {
  width: 90px;
  height: 100px;
  border-radius: 5px;
  padding-top: 26px;
  text-align: center;
  display: inline-block;
}
.view-export-file .view-export-file-body .select-type div .icon {
  font-size: 48px;
  margin-left: 6px;
}
.view-export-file .view-export-file-body .select-type div .name {
  margin-top: 10px;
}
.view-export-file .view-export-file-body .select-type div:hover {
  background-color: #f8f8f9;
}
.view-export-file .view-export-file-body .select-type div.selected {
  background-color: #f8f8f9;
}
.view-export-file .view-export-file-body .select-type .select-excel .icon {
  color: #1c7044;
}
.view-export-file .view-export-file-body .select-type .select-pdf .icon {
  color: #e3574d;
}
.view-export-file .export-button {
  width: 130px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 30px;
  margin-top: 30px;
  background-color: #fa8919;
  display: inline-block;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.view-export-file .export-button span {
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
}
.ns-popover-time-export-project-list {
  width: 500px;
  max-width: 500px;
}
.ns-popover-time-export-project-list .ns-popover-search-module {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.ns-popover-time-export-project-list .ns-popover-search-module .ibass-close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  vertical-align: middle;
}
.ns-popover-time-export-project-list .ns-popover-items {
  margin-top: 0;
  max-height: 100px;
  overflow: auto;
}
.ns-popover-time-export-project-list .ns-popover-items .ns-popover-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}
.ns-popover-time-export-project-list .ns-popover-items .ns-popover-pc {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
.ns-popover-time-export-project-list .ns-popover-items .ns-popover-pc .ns-popover-p,
.ns-popover-time-export-project-list .ns-popover-items .ns-popover-pc .ns-popover-c {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.ns-popover-time-export-project-list .ns-popover-items .ns-popover-pc .ns-popover-c {
  padding-left: 30px;
}
.ns-popover-time-export-project-list .ns-popover-items .checked-icon-module {
  width: 30px;
  flex-shrink: 0;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.ns-popover-time-export-project-list .ns-popover-items .checked-icon-module .checked-icon {
  font-size: 14px;
  color: #fa8919;
}
.ns-popover-time-export-project-list .ns-popover-end-btn {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
}
.ns-popover-time-export-project-list .ns-popover-end-btn i {
  font-size: 14px;
}
.ns-popover-time-export-project-list i {
  vertical-align: middle;
}

.project-principle {
  padding: 23px 0 0 41px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.project-principle .close-project-principle i {
  color: #cdc9c5;
  margin-right: 6px;
}
.project-principle .close-project-principle span {
  font-size: 18px;
}
.project-principle .describe {
  margin: 8px 0 47px 27px;
}
.project-principle .auth-list {
  margin-bottom: 35px;
}
.project-principle .auth-list .list-row {
  margin-bottom: 5px;
}
.project-principle .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.project-principle .auth-list .list-row span {
  color: #fa8919;
}
.project-principle .auth-list .list-content {
  margin-left: 27px;
}
.project-principle .auth-list .list-content li {
  width: 454px;
  height: 35px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.project-principle .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.project-principle .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.project-principle .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.project-principle .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.project-principle .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.manage-admin-btns {
  float: right;
  margin-top: 8px;
  margin-right: 30px;
  color: #737373;
  font-size: 14px;
  cursor: pointer;
}
.manage-admin-btns:hover .ibass-edit {
  color: #fa8919;
}
.manage-admin-btns .ibass-edit {
  margin-right: 4px;
  color: #cdc9c5;
  vertical-align: middle;
}

.auth-approval-role .ibass-approve-flow {
  font-size: 20px;
  color: #fdba78;
  vertical-align: sub;
  margin-right: 10px;
}

.auth-approval-role .ibass-approve-flow {
  font-size: 20px;
  color: #fdba78;
  vertical-align: sub;
  margin-right: 10px;
}

.project-principle {
  padding: 23px 0 0 41px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.project-principle .close-project-principle i {
  color: #cdc9c5;
  margin-right: 6px;
}
.project-principle .close-project-principle span {
  font-size: 18px;
}
.project-principle .describe {
  margin: 8px 0 47px 27px;
}
.project-principle .auth-list {
  margin-bottom: 35px;
}
.project-principle .auth-list .list-row {
  margin-bottom: 5px;
}
.project-principle .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.project-principle .auth-list .list-row span {
  color: #fa8919;
}
.project-principle .auth-list .list-content {
  margin-left: 27px;
}
.project-principle .auth-list .list-content li {
  width: 454px;
  height: 35px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.project-principle .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.project-principle .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.project-principle .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.project-principle .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.project-principle .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.hr-ul i {
  color: #cdc9c5;
}
.hr-ul li:hover .ibass-task-check {
  color: #ed6c00;
}
.hr-ul .ibass-done {
  color: #ed6c00;
}
.hr-ul span {
  font-size: 12px;
  vertical-align: top;
  margin-left: 10px;
}

.auth-project-role-cl .auth-project-role-title {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.auth-project-role-cl .auth-project-role-title .ibass-process {
  font-size: 20px;
  color: #fdba78;
  vertical-align: sub;
  margin-right: 10px;
}
.auth-project-role-cl .title-in-cl {
  font-size: 16px;
  color: #fa8919;
  width: 120px;
  padding: 0 0 10px 0;
  text-align: center;
  border-bottom: 2px solid #fa8919;
}
.auth-project-role-cl .authtable tr:first-child td {
  border-top: none;
}
.auth-project-role-cl .admin-role-action-part {
  display: flex;
  padding: 0 0 10px 0px;
  justify-content: space-between;
}
.auth-project-role-cl .admin-set-action-part {
  margin: 30px 0;
}
.auth-project-role-cl .admin-set-action-part > p {
  text-align: center;
  margin: 30px 0;
  padding: 22px 0;
  border-radius: 2px;
  background-color: #f8f8f9;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content {
  margin: 0 10px;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .set-open-part,
.auth-project-role-cl .admin-set-action-part .cl-set-content .set-rang-part {
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
  justify-content: space-between;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .inline {
  display: inline-block;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .animation-toggle .line {
  width: 30px;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .animation-toggle .circle {
  width: 10px;
  height: 10px;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .animation-toggle-opened .circle {
  left: 20px;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .select-range {
  margin: 20px 0;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .select-range > span {
  position: relative;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .select-range > span:last-of-type {
  width: 90%;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .disabled.checkbox-active:before {
  color: #c0c0c0;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .set-detail-part {
  margin: 20px 0;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .set-detail-part .item-part {
  display: inline-block;
  width: 25%;
  line-height: 35px;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .set-detail-part .item-part > div {
  cursor: pointer;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .set-detail-part .item-part > div .ibass-info {
  color: #a9a9a9;
  vertical-align: sub;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .set-detail-part > p {
  color: #a9a9a9;
  font-size: 13px;
  margin: 5px 0 20px;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .filter-item-label,
.auth-project-role-cl .admin-set-action-part .cl-set-content .radio-no-active:before,
.auth-project-role-cl .admin-set-action-part .cl-set-content .radio-active:before {
  margin-right: 8px;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .filter-item {
  position: relative;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .filter-item .popover-id {
  display: inline-block;
}

.project-principle {
  padding: 23px 0 0 41px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.project-principle .close-project-principle i {
  color: #cdc9c5;
  margin-right: 6px;
}
.project-principle .close-project-principle span {
  font-size: 18px;
}
.project-principle .describe {
  margin: 8px 0 47px 27px;
}
.project-principle .auth-list {
  margin-bottom: 35px;
}
.project-principle .auth-list .list-row-adjust {
  margin-bottom: 15px;
}
.project-principle .auth-list .list-row-border {
  border-bottom: 1px solid #f0f0f0;
}
.project-principle .auth-list .list-row {
  margin-bottom: 5px;
}
.project-principle .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.project-principle .auth-list .list-row span {
  color: #fa8919;
}
.project-principle .auth-list .list-content {
  margin-left: 27px;
}
.project-principle .auth-list .list-content li {
  width: 454px;
  height: 35px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.project-principle .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.project-principle .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.project-principle .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.project-principle .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.project-principle .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}

.project-principle {
  padding: 23px 0 0 41px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.project-principle .close-project-principle i {
  color: #cdc9c5;
  margin-right: 6px;
}
.project-principle .close-project-principle span {
  font-size: 18px;
}
.project-principle .describe {
  margin: 8px 0 47px 27px;
}
.project-principle .auth-list {
  margin-bottom: 35px;
}
.project-principle .auth-list .list-row {
  margin-bottom: 5px;
}
.project-principle .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.project-principle .auth-list .list-content {
  margin-left: 27px;
}
.project-principle .auth-list .list-content li {
  width: 454px;
  height: 35px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.project-principle .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.project-principle .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.project-principle .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.project-principle .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.project-principle .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.auth-role-department-list .list {
  margin-top: 18px;
}
.auth-role-department-list .list .list-role-nav {
  width: 100%;
  height: 41px;
  line-height: 41px;
  padding-left: 13px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.auth-role-department-list .list .list-role-nav i {
  color: #07cfda;
  margin-right: 13px;
  cursor: pointer;
}
.auth-role-department-list .list .list-role-nav span {
  display: inline-block;
  height: 36px;
  border-bottom: 3px solid #fa8919;
}
.auth-role-department-list .list .list-role-content {
  position: relative;
  width: 430px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #d8d8d8;
}
.auth-role-department-list .list .list-role-content i {
  font-size: 20px;
  color: #07cfda;
  margin: 0 8px 0 15px;
  vertical-align: middle;
}
.auth-role-department-list .list .list-role-content .role-name {
  display: inline-block;
}
.auth-role-department-list .list .list-role-content .role-name-adjust {
  width: auto ;
  padding-right: 0 ;
}
.auth-role-department-list .list .list-role-content .describe {
  color: #737373;
}
.auth-role-department-list .list .list-role-content .namebox {
  float: left;
  cursor: default;
}
.auth-role-department-list .list .list-role-content .namebox .describe {
  width: 390px!important;
  min-width: initial !important;
  padding-right: 120px !important;
}
.auth-role-department-list .list .list-role-content .namebox .inputbox {
  width: 200px;
  float: left;
}
.auth-role-department-list .list .list-role-content .namebox .inputbox .cursorbox {
  cursor: pointer;
}
.auth-role-department-list .list .list-role-content .oper .confirmDelBtn {
  width: 76px;
  height: 24px;
  margin-top: 13px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  color: #ffffff!important;
  display: inline-block;
  line-height: 24px;
  cursor: pointer;
  text-align: center;
  padding: 0!important;
}
.auth-role-department-list .list .list-role-content .more {
  position: absolute;
  right: -264px;
  color: #737373;
}
.departRoleTitle {
  margin: 10px 0;
  overflow: hidden;
}
.departRoleTitle .totalcount {
  float: left;
  color: #737373;
  font-size: 14px;
  line-height: 36px;
  vertical-align: middle;
}
.departRoleTitle button {
  float: right;
}
.departRoleTitle button span {
  line-height: 36px;
}
.departRoleDetail {
  max-height: 600px;
  overflow-y: auto;
}
.departRoleDetail .auth-list {
  margin-bottom: 0px !important;
  max-width: 100% !important;
}
.departRoleDetail .auth-list .list-content {
  margin-left: 0 !important;
}
.departRoleDetail .auth-list .list-content li {
  width: 100% !important;
  border: 0 !important;
  line-height: 26px !important;
}
.departRoleDetail .auth-list .list-content .hasChild {
  min-height: 26px !important;
}
.departRoleDetail .left-container,
.departRoleDetail .right-container {
  display: inline-block;
  float: left;
}
.departRoleDetail .left-container {
  width: 320px;
  overflow: hidden;
}
.departRoleDetail .scroll-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
}
.departRoleDetail .left-container-sticky {
  overflow: visible!important;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fff;
}
.departRoleDetail .right-container-sticky {
  overflow: visible!important;
}
.departRoleDetail .container-hastitle {
  max-width: 320px !important;
}
.departRoleDetail .right-container {
  overflow-x: auto;
  max-width: 420px;
}
.departRoleDetail .right-container::-webkit-scrollbar {
  display: none;
}
.departRoleDetail .right-container .role-name {
  padding: 0 !important;
  min-width: 400px;
}
.departRoleDetail .right-container .role-name li {
  padding-left: 28px;
}
.departRoleDetail .right-container .role-name li span {
  text-align: left !important;
  background: #fff !important;
  display: inline-block !important;
  max-width: 115px !important;
  padding: 12px 10px 12px 0;
  position: relative;
}
.departRoleDetail .right-container .role-name li span .more {
  display: none;
  color: #fa8919;
  position: absolute;
  right: 4px;
  top: 12px;
}
.departRoleDetail .right-container .role-name li span:hover {
  background: #f8f8f9 !important;
}
.departRoleDetail .right-container .role-name li span:hover .more {
  display: inline-block;
}
.departRoleDetail .right-container .role-name li span i {
  position: relative;
}
.departRoleDetail .right-container .role-name li .role-oper {
  top: 20px !important;
  left: -92px !important;
}
.departRoleDetail .right-container .role-name li .rolename {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100px;
  vertical-align: top;
  text-align: left;
  height: 26px;
  max-width: 100px;
}
.departRoleDetail .right-container .auth-list {
  display: inline-block;
  min-width: 430px;
  max-width: none !important;
}
.departRoleDetail .right-container .auth-list .list-content:not(:first-child) {
  padding-top: 0px;
  padding-bottom: 0px;
}
.departRoleDetail .right-container .auth-list .paddingtop {
  padding-top: 12px;
}
.departRoleDetail .right-container .auth-list .paddingbottom {
  padding-bottom: 12px;
}
.departRoleDetail .right-container .ibass-checkbox {
  color: #cdc9c5;
}
.departRoleDetail .right-container .ibass-checkbox:hover {
  color: #fa8919;
}
.departRoleDetail .right-container li {
  display: block;
}
.departRoleDetail .right-container li span:nth-of-type(odd) {
  background: #f8f8f9;
}
.departRoleDetail .right-container .ibass-checked {
  color: #fa8919 !important;
}
.departRoleDetail .right-container .ibass-checked:before {
  content: "\EA32" !important;
}
.departRoleDetail .right-container .ibass-minus-square {
  color: #fa8919 !important;
}
.departRoleDetail .auth-list .ibass-arrow-down,
.departRoleDetail .auth-list .ibass-arrow-right,
.departRoleDetail .auth-list .ibass-minus-round,
.departRoleDetail .auth-list .ibass-add-round,
.departRoleDetail .auth-list .ibass-dot {
  color: #cdc9c5 !important;
  vertical-align: middle;
  margin-right: 5px;
}
.departRoleDetail .auth-list .list-row {
  color: #fa8919;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 0;
  margin: 0px !important;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
}
.departRoleDetail .auth-list .close-child {
  color: #4a4a4a !important;
}
.departRoleDetail .auth-list .open-child {
  color: #fa8919 !important;
}
.departRoleDetail .auth-list .list-pretend {
  height: 46px;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}
.departRoleDetail .auth-list .list-content {
  padding: 12px 0;
  padding-left: 28px;
  line-height: 26px;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
}
.departRoleDetail .auth-list .list-content li {
  line-height: 26px;
  white-space: nowrap;
}
.departRoleDetail .auth-list .list-content li p {
  height: 26px;
}
.departRoleDetail .auth-list .list-content li .icon {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 125px;
  vertical-align: top;
  text-align: center;
  height: 26px;
  max-width: 125px;
}
.departRoleDetail .auth-list .list-content li .icon i {
  cursor: pointer;
}
.departRoleDetail .auth-list .list-content-child {
  padding-left: 22px;
  box-sizing: border-box;
  line-height: 26px;
}
.departRoleDetail .head {
  overflow: hidden;
}
.departRoleDetail .head li {
  float: left;
  display: inline-block;
  width: 100px;
}
.tip-con {
  max-width: 150px;
  white-space: normal;
}

.project-principle {
  padding: 23px 0 0 41px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.project-principle .close-project-principle i {
  color: #cdc9c5;
  margin-right: 6px;
}
.project-principle .close-project-principle span {
  font-size: 18px;
}
.project-principle .describe {
  margin: 8px 0 47px 27px;
}
.project-principle .auth-list {
  margin-bottom: 35px;
}
.project-principle .auth-list .list-row {
  margin-bottom: 5px;
}
.project-principle .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.project-principle .auth-list .list-content {
  margin-left: 27px;
}
.project-principle .auth-list .list-content li {
  width: 454px;
  height: 35px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.project-principle .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.project-principle .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.project-principle .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.project-principle .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.project-principle .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.auth-role-department-list .list {
  margin-top: 18px;
}
.auth-role-department-list .list .list-role-nav {
  width: 100%;
  height: 41px;
  line-height: 41px;
  padding-left: 13px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.auth-role-department-list .list .list-role-nav i {
  color: #07cfda;
  margin-right: 13px;
  cursor: pointer;
}
.auth-role-department-list .list .list-role-nav span {
  display: inline-block;
  height: 36px;
  border-bottom: 3px solid #fa8919;
}
.auth-role-department-list .list .list-role-content {
  position: relative;
  width: 430px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #d8d8d8;
}
.auth-role-department-list .list .list-role-content i {
  font-size: 20px;
  color: #07cfda;
  margin: 0 8px 0 15px;
  vertical-align: middle;
}
.auth-role-department-list .list .list-role-content .role-name {
  display: inline-block;
}
.auth-role-department-list .list .list-role-content .role-name-adjust {
  width: auto ;
  padding-right: 0 ;
}
.auth-role-department-list .list .list-role-content .describe {
  color: #737373;
}
.auth-role-department-list .list .list-role-content .namebox {
  float: left;
  cursor: default;
}
.auth-role-department-list .list .list-role-content .namebox .describe {
  width: 390px!important;
  min-width: initial !important;
  padding-right: 120px !important;
}
.auth-role-department-list .list .list-role-content .namebox .inputbox {
  width: 200px;
  float: left;
}
.auth-role-department-list .list .list-role-content .namebox .inputbox .cursorbox {
  cursor: pointer;
}
.auth-role-department-list .list .list-role-content .oper .confirmDelBtn {
  width: 76px;
  height: 24px;
  margin-top: 13px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  color: #ffffff!important;
  display: inline-block;
  line-height: 24px;
  cursor: pointer;
  text-align: center;
  padding: 0!important;
}
.auth-role-department-list .list .list-role-content .more {
  position: absolute;
  right: -264px;
  color: #737373;
}
.departRoleTitle {
  margin: 10px 0;
  overflow: hidden;
}
.departRoleTitle .totalcount {
  float: left;
  color: #737373;
  font-size: 14px;
  line-height: 36px;
  vertical-align: middle;
}
.departRoleTitle button {
  float: right;
}
.departRoleTitle button span {
  line-height: 36px;
}
.departRoleDetail {
  max-height: 600px;
  overflow-y: auto;
}
.departRoleDetail .auth-list {
  margin-bottom: 0px !important;
  max-width: 100% !important;
}
.departRoleDetail .auth-list .list-content {
  margin-left: 0 !important;
}
.departRoleDetail .auth-list .list-content li {
  width: 100% !important;
  border: 0 !important;
  line-height: 26px !important;
}
.departRoleDetail .auth-list .list-content .hasChild {
  min-height: 26px !important;
}
.departRoleDetail .left-container,
.departRoleDetail .right-container {
  display: inline-block;
  float: left;
}
.departRoleDetail .left-container {
  width: 320px;
  overflow: hidden;
}
.departRoleDetail .scroll-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
}
.departRoleDetail .left-container-sticky {
  overflow: visible!important;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fff;
}
.departRoleDetail .right-container-sticky {
  overflow: visible!important;
}
.departRoleDetail .container-hastitle {
  max-width: 320px !important;
}
.departRoleDetail .right-container {
  overflow-x: auto;
  max-width: 420px;
}
.departRoleDetail .right-container::-webkit-scrollbar {
  display: none;
}
.departRoleDetail .right-container .role-name {
  padding: 0 !important;
  min-width: 400px;
}
.departRoleDetail .right-container .role-name li {
  padding-left: 28px;
}
.departRoleDetail .right-container .role-name li span {
  text-align: left !important;
  background: #fff !important;
  display: inline-block !important;
  max-width: 115px !important;
  padding: 12px 10px 12px 0;
  position: relative;
}
.departRoleDetail .right-container .role-name li span .more {
  display: none;
  color: #fa8919;
  position: absolute;
  right: 4px;
  top: 12px;
}
.departRoleDetail .right-container .role-name li span:hover {
  background: #f8f8f9 !important;
}
.departRoleDetail .right-container .role-name li span:hover .more {
  display: inline-block;
}
.departRoleDetail .right-container .role-name li span i {
  position: relative;
}
.departRoleDetail .right-container .role-name li .role-oper {
  top: 20px !important;
  left: -92px !important;
}
.departRoleDetail .right-container .role-name li .rolename {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100px;
  vertical-align: top;
  text-align: left;
  height: 26px;
  max-width: 100px;
}
.departRoleDetail .right-container .auth-list {
  display: inline-block;
  min-width: 430px;
  max-width: none !important;
}
.departRoleDetail .right-container .auth-list .list-content:not(:first-child) {
  padding-top: 0px;
  padding-bottom: 0px;
}
.departRoleDetail .right-container .auth-list .paddingtop {
  padding-top: 12px;
}
.departRoleDetail .right-container .auth-list .paddingbottom {
  padding-bottom: 12px;
}
.departRoleDetail .right-container .ibass-checkbox {
  color: #cdc9c5;
}
.departRoleDetail .right-container .ibass-checkbox:hover {
  color: #fa8919;
}
.departRoleDetail .right-container li {
  display: block;
}
.departRoleDetail .right-container li span:nth-of-type(odd) {
  background: #f8f8f9;
}
.departRoleDetail .right-container .ibass-checked {
  color: #fa8919 !important;
}
.departRoleDetail .right-container .ibass-checked:before {
  content: "\EA32" !important;
}
.departRoleDetail .right-container .ibass-minus-square {
  color: #fa8919 !important;
}
.departRoleDetail .auth-list .ibass-arrow-down,
.departRoleDetail .auth-list .ibass-arrow-right,
.departRoleDetail .auth-list .ibass-minus-round,
.departRoleDetail .auth-list .ibass-add-round,
.departRoleDetail .auth-list .ibass-dot {
  color: #cdc9c5 !important;
  vertical-align: middle;
  margin-right: 5px;
}
.departRoleDetail .auth-list .list-row {
  color: #fa8919;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 0;
  margin: 0px !important;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
}
.departRoleDetail .auth-list .close-child {
  color: #4a4a4a !important;
}
.departRoleDetail .auth-list .open-child {
  color: #fa8919 !important;
}
.departRoleDetail .auth-list .list-pretend {
  height: 46px;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}
.departRoleDetail .auth-list .list-content {
  padding: 12px 0 12px 28px;
  line-height: 26px;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
}
.departRoleDetail .auth-list .list-content li {
  line-height: 26px;
  white-space: nowrap;
}
.departRoleDetail .auth-list .list-content li p {
  height: 26px;
}
.departRoleDetail .auth-list .list-content li .icon {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 125px;
  vertical-align: top;
  text-align: center;
  height: 26px;
  max-width: 125px;
}
.departRoleDetail .auth-list .list-content li .icon i {
  cursor: pointer;
}
.departRoleDetail .auth-list .list-content-child {
  padding-left: 22px;
  box-sizing: border-box;
  line-height: 26px;
}
.departRoleDetail .head {
  overflow: hidden;
}
.departRoleDetail .head li {
  float: left;
  display: inline-block;
  width: 100px;
}
.tip-con {
  max-width: 150px;
  white-space: normal;
}
.list-no-right-tip {
  padding: 14px 11px;
  text-align: left;
}
.list-no-right-info {
  vertical-align: middle;
}
.list-no-right-info:hover {
  color: #fdba78;
}

.ngdialog-close {
  top: 5.4px !important;
  right: 5.4px !important;
  background-color: #cdc9c5;
}
.ngdialog-content {
  border-radius: 10px !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5 !important;
}
.auth-role-dialog .tle {
  width: 542px;
  padding: 20px 0 23px;
  height: 60px;
  margin: 0 auto;
  text-align: center;
}
.auth-role-dialog .tle .ctn {
  background: #fff;
  padding: 0 4px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  line-height: 60px;
  position: relative;
  z-index: 1;
}
.auth-role-dialog .tle .cutoff {
  position: relative;
  top: -30px;
  z-index: 0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  height: 0;
}
.auth-role-dialog .body {
  width: 400px;
  margin: -10px auto 0;
}
.auth-role-dialog .body .psetting-setting {
  width: 100%;
  height: auto;
}
.auth-role-dialog .body .psetting-setting .matter {
  text-align: center;
  padding: 30px 0;
  padding-top: 30px;
}
.auth-role-dialog .body .psetting-setting .matter .member-line .box {
  position: relative;
  display: inline-block;
}
.auth-role-dialog .body .psetting-setting .matter .member-line .box .label-noactive {
  top: 30px;
}
.auth-role-dialog .body .psetting-setting .matter .member-line .box .label-active {
  position: absolute;
  left: 0px;
  color: #cccccc;
  top: 10px !important;
  display: block;
}
.auth-role-dialog .body .psetting-setting .matter .member-line .box .label-active {
  top: 10px;
  font-size: 12px;
}
.auth-role-dialog .body .psetting-setting .matter .inputbox {
  background: none;
  box-shadow: none;
  border-bottom: 1px solid #f0f0f0;
  min-height: 30px;
  text-align: left;
  -webkit-user-modify: read-write-plaintext-only;
  user-modify: read-write-plaintext-only;
  margin-top: 30px;
  color: #000;
  position: relative;
  z-index: 2;
  word-break: break-all;
}
.auth-role-dialog .body .psetting-setting .matter .selectbox {
  cursor: pointer ;
  position: relative;
}
.auth-role-dialog .body .psetting-setting .matter .selectbox .ibass-arrow-down {
  position: absolute;
  right: 0;
  top: 35px;
}
.auth-role-dialog .body .psetting-setting .matter .saveCreate {
  margin-top: 56.9px;
}
.auth-role-dialog .ng-invalid .saveCreate,
.auth-role-dialog .ng-invalid-role-name .saveCreate {
  background: #ebebee;
  border-color: #ebebee;
  color: #a9a9a9;
}
.role-type-choose-style,
.role-type-choose-style2 {
  z-index: 10000 !important;
}
.role-type-choose-style .ns-popover-tooltip,
.role-type-choose-style2 .ns-popover-tooltip {
  width: 400px;
  border-radius: 10px;
  background-color: #fff !important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  margin-top: 10px !important;
  padding-top: 8px !important;
  overflow: hidden;
  max-width: none !important;
  border: none !important;
}
.role-type-choose-style .ns-popover-tooltip .ns-popover-item,
.role-type-choose-style2 .ns-popover-tooltip .ns-popover-item {
  font-size: 12px;
  color: #000;
  padding: 0 0.7rem 0 0.875rem !important;
}
.role-type-choose-style .ns-popover-tooltip .ns-popover-item:hover,
.role-type-choose-style2 .ns-popover-tooltip .ns-popover-item:hover {
  background: #f8f8f9 !important;
  color: #000 !important;
}
.role-type-choose-style .ns-popover-tooltip .ns-popover-item .ibass,
.role-type-choose-style2 .ns-popover-tooltip .ns-popover-item .ibass {
  color: #fa8919 !important;
  padding-right: 10px;
  font-size: 14px !important;
  position: relative;
  top: 2px;
}
.role-type-choose-style {
  top: 66px !important;
  left: 0 !important;
}

.askleave-box {
  width: 100%;
  height: 168px;
  background-color: #ffffff;
}
.askleave-box .askleave-body {
  width: 400px;
  margin: 50px auto;
}
.askleave-box .askleave-body .ctn {
  font-size: 14px;
  color: #4a4a4a;
  text-align: center;
}
.askleave-box .askleave-footer {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
.askleave-box .askleave-footer .confirm-yes {
  display: inline-block;
  width: 104px;
  height: 32px;
  line-height: 31px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.askleave-box .askleave-footer .confirm-no {
  display: inline-block;
  width: 104px;
  height: 32px;
  line-height: 31px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9 !important;
  border-color: #f8f8f9 !important;
  color: #000;
  cursor: pointer;
}
.askleave-box-style .ngdialog-content {
  overflow: hidden;
}

.auth-role-delete-dialog .tle {
  width: 396px;
  padding: 20px 0 23px;
  height: 60px;
  margin: 0 auto;
  text-align: center;
}
.auth-role-delete-dialog .tle .ctn {
  background: #fff;
  padding: 0 14px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  line-height: 60px;
  position: relative;
  z-index: 1;
}
.auth-role-delete-dialog .tle .cutoff {
  position: relative;
  top: -30px;
  z-index: 0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  height: 0;
}
.auth-role-delete-dialog .body {
  width: 283px;
  margin: 29px auto 0;
  text-align: center;
  padding-bottom: 30px;
}
.auth-role-delete-dialog .body .warning {
  text-align: left;
  width: 283px;
  height: 71px;
  border-radius: 5px;
  background-color: #f8f8f9;
  box-sizing: border-box;
  padding: 20.2px 0 0 16.2px;
}
.auth-role-delete-dialog .body .warning .ibass-warning {
  width: 17.5px;
  height: 17.5px;
  color: #fdba78;
  font-size: 17.5px;
  float: left;
}
.auth-role-delete-dialog .body .warning .ctn {
  font-size: 14px;
  color: #4a4a4a;
  float: right;
  width: 225px;
  margin-right: 18px;
}
.auth-role-delete-dialog .body .checkbox {
  text-align: left;
}
.auth-role-delete-dialog .body .checkbox .tle {
  text-align: left;
  width: 300px;
  font-size: 14px;
  color: #4a4a4a;
}
.auth-role-delete-dialog .body .checkbox .tle .name {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: 17px;
  vertical-align: sub;
}
.auth-role-delete-dialog .body .checkbox .item {
  cursor: pointer;
  font-size: 14px;
  overflow: hidden;
}
.auth-role-delete-dialog .body .checkbox .item .ibass-task-check {
  color: #bebebf;
}
.auth-role-delete-dialog .body .checkbox .item .ctn {
  padding-left: 3px;
  color: #4a4a4a;
  float: left;
  line-height: 18px;
  width: 250px;
}
.auth-role-delete-dialog .body .checkbox .item .ibass-done {
  color: #ed6c00;
}
.auth-role-delete-dialog .body .checkbox .item:before {
  float: left;
}
.auth-role-delete-dialog .body .checkbox .item:hover:before {
  color: #ed6c00;
}
.auth-role-delete-dialog .body .saveCreate {
  display: inline-block;
  margin-top: 54.1px;
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  color: #ffffff;
}

.finance-role .finance-current-role {
  height: 50px;
  line-height: 50px;
  width: 80px;
  border-bottom: 2px solid #ed6c00;
  text-align: center;
  margin: 10px 0;
}
.finance-role .finance-mode-tip {
  margin-top: 18px;
  padding: 16px 18px 16px 36px;
  border-radius: 5px;
  background: #f8f8f9;
  color: #737373;
  font-size: 12px;
  position: relative;
}
.finance-role .finance-mode-tip .finance-mode-tip-warning {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 18px;
  top: 15px;
  color: #fdba78;
}
.finance-role .finance-mode-choose {
  display: flex;
  flex-direction: column;
}
.finance-role .finance-mode-choose .finance-mode-choose-type {
  height: 66px;
  margin: 14px 30px 14px 0;
}
.finance-role .finance-mode-choose .finance-mode-choose-type > div > span {
  font-weight: 700;
  font-size: 14px;
}
.finance-role .finance-mode-choose .finance-mode-choose-type > p {
  line-height: 20px;
  margin-left: 26px;
  padding: 10px 14px;
  font-size: 12px;
  background-color: #f8f8f9;
}
.finance-role .finance-mode-choose .finance-mode-choose-type:hover {
  border-color: #ffb387;
}
.finance-role .finance-mode-choose .finance-mode-choose-active {
  border-color: #ffb387;
}
.finance-role .finance-mode-choose .finance-mode-choose-active .ibass-checkmark {
  color: #fa8919;
  margin-left: 6px;
}
.finance-role .finance-role-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.finance-role .finance-role-list .finance-role-add {
  overflow: hidden;
  color: #cdc8c5;
  display: inline-block;
  cursor: pointer;
  margin-top: 5px;
}
.finance-role .finance-role-list .finance-role-add span {
  color: #ed6c00;
  display: inline-block;
  height: 21px;
  line-height: 21px;
  vertical-align: text-bottom;
}

.project-principle {
  padding: 23px 0 0 41px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.project-principle .close-project-principle i {
  color: #cdc9c5;
  margin-right: 6px;
}
.project-principle .close-project-principle span {
  font-size: 18px;
}
.project-principle .describe {
  margin: 8px 0 47px 27px;
}
.project-principle .auth-list {
  margin-bottom: 35px;
}
.project-principle .auth-list .list-row {
  margin-bottom: 5px;
}
.project-principle .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.project-principle .auth-list .list-row span a {
  color: #fa8919;
}
.project-principle .auth-list .list-content {
  margin-left: 27px;
}
.project-principle .auth-list .list-content li {
  width: 454px;
  height: 35px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.project-principle .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.project-principle .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.project-principle .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.project-principle .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.project-principle .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.hr-ul i {
  color: #cdc9c5;
}
.hr-ul li:hover .ibass-task-check {
  color: #ed6c00;
}
.hr-ul .ibass-done {
  color: #ed6c00;
}
.hr-ul span {
  font-size: 12px;
  vertical-align: top;
  margin-left: 10px;
}
.auth-rank-role .authtable tr:first-child td {
  border-top: 1px solid #fff;
}
.auth-rank-role .auth-rank-title {
  font-size: 16px;
  margin: 0 0 20px 8px;
  border-bottom: 1px solid #ebebeb;
}
.auth-rank-role .auth-rank-title i.icon.ibass-lawyer {
  color: #fdba78;
  font-size: 20px;
  vertical-align: sub;
  margin-right: 10px;
}
.auth-rank-role .auth-rank-title .nav {
  font-size: 14px;
  color: #737373;
  cursor: pointer;
  width: 80px;
  box-sizing: border-box;
  margin-top: 24px;
  text-align: center;
  display: inline-block;
}
.auth-rank-role .auth-rank-title .nav:hover {
  border-bottom: 2px solid #fa8919;
}
.auth-rank-role .auth-rank-title .active {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.auth-rank-role .auth-rank-title .ibass-add {
  display: inline-block;
  margin-top: 7px;
}
.auth-rank-role .organization-role .authtable .ibass-arrow-down {
  color: #737373;
  font-size: 12px;
  margin-left: 5px;
}

.auth-project-role.finance-role.istration-role .finance-mode-choose-type i {
  cursor: pointer;
}
.auth-project-role.finance-role.istration-role .wrapper-title {
  margin-top: 15px;
  height: 40px;
  line-height: 40px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
}
.auth-project-role.finance-role.istration-role .wrapper-title .name {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  box-shadow: inset 0 -3px 0 0 #fa8919;
}
.auth-project-role.finance-role.istration-role .wrapper-title .add-btn {
  float: right;
  width: 86px;
  height: 30px;
  margin-top: 3px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
.auth-project-role.finance-role.istration-role .wrapper-title .add-btn i {
  vertical-align: middle;
}
.auth-project-role.finance-role.istration-role .wrapper-content .jump-toself-define {
  text-align: center;
  margin: 40px auto;
  color: #a9a9a9;
  cursor: pointer;
}
.auth-project-role.finance-role.istration-role .wrapper-content .loading {
  padding: 0;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row {
  height: 50px;
  padding: 0 9px;
  line-height: 50px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  overflow: hidden;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row i {
  font-size: 16px;
  color: #cdc9c5;
  vertical-align: middle;
  cursor: pointer;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row i:hover {
  color: #fa8919;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row:hover {
  background-color: #f8f8f9;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row:hover i,
.auth-project-role.finance-role.istration-role .wrapper-content .row:hover .ibass-edit {
  visibility: visible;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name,
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit {
  float: left;
  margin-left: 9px;
  width: 360px;
  height: 100%;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name.invoice-tax,
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit.invoice-tax {
  width: 420px;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name .ibass-edit,
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit .ibass-edit {
  margin-left: 3px;
  float: left;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name .sign-of-precent,
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit .sign-of-precent {
  position: absolute;
  right: 120px;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name i {
  visibility: hidden;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit,
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn {
  position: relative;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit input,
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn input {
  width: 360px;
  height: 100%;
  padding-right: 130px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
  border: none;
  background: transparent;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit input.invoice-input,
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn input.invoice-input {
  width: 200px;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit input.invoice-input.invoice-input-name,
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn input.invoice-input.invoice-input-name {
  padding-right: 0 !important;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit .save-btn,
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn .save-btn,
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit .ibass-close,
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn .ibass-close {
  position: absolute;
  bottom: 0;
  height: 100%;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit .save-btn,
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn .save-btn {
  float: right;
  right: 39px;
  bottom: 10px;
  width: 76px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit .ibass-close,
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn .ibass-close {
  right: 10px;
  font-size: 14px;
  color: #cdc9c5;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .name-edit .ibass-close:hover,
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn .ibass-close:hover {
  color: #fa8919;
}
.auth-project-role.finance-role.istration-role .wrapper-content .row .btn {
  float: right;
  height: 100%;
}
.auth-project-role.finance-role.istration-role .wrapper-content .name span {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.auth-project-role.finance-role.istration-role .wrapper-content .status-closed .name {
  color: #a9a9a9;
}
.auth-project-role.finance-role.istration-role .wrapper-content .status-open .name {
  color: #4a4a4a;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel {
  margin-top: 10px;
  width: 100%;
  border-radius: 4px;
  background-color: #f8f8f9;
  border: solid 1px #ebebeb;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel.basic-panel {
  border: none;
  padding: 20px;
  box-sizing: border-box;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel.basic-panel .basic-setting {
  color: #a9a9a9;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel.basic-panel .basic-setting.ibass-edit {
  cursor: pointer;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel.basic-panel .basic-setting.ibass-edit:hover {
  color: #fa8919;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel.basic-panel .basic-setting label {
  font-size: 14px;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel.basic-panel .basic-setting p {
  font-size: 16px;
  color: #4a4a4a;
  line-height: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel.basic-panel .basic-setting:nth-of-type(3) p {
  color: #a9a9a9;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel.basic-panel .basic-setting:last-of-type p {
  border-bottom: none;
  color: #a9a9a9;
  margin-bottom: 0;
  word-break: break-all;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .header {
  height: 44px;
  line-height: 44px;
  box-shadow: inset 0 -1px 0 0 #ebebeb;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .header .ibass-delete,
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .header .ibass-edit {
  float: right;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .header .ibass-edit {
  margin-right: 15px;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content {
  padding: 0 5px 19px;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col {
  margin-top: 14px;
  position: relative;
  width: 128px;
  display: inline-block;
  vertical-align: top;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .img,
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .name,
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .more {
  width: 100px;
  text-align: center;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .img {
  height: 32px;
  line-height: 32px;
  font-size: 32px;
  color: #e8e8e8;
  position: relative;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .img img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .img .remove-node {
  position: absolute;
  top: -4px;
  right: 28px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-color: #e8263e;
  border-radius: 50%;
  text-align: center;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .img .remove-node i {
  color: #ffffff;
  font-size: 10px;
  vertical-align: super;
  cursor: pointer;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .name {
  margin-top: 5px;
  max-height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .more {
  line-height: 16px;
  font-size: 12px;
  color: #737373;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .more .edit {
  cursor: pointer;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .more .edit:hover {
  color: #fa8919;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .direction {
  width: 32px;
  position: absolute;
  top: 11px;
  right: 0;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .col .direction img {
  width: 100%;
  vertical-align: top;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .add-btn .img {
  width: 32px;
  height: 32px;
  margin-left: 34px;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 16px;
  cursor: pointer;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .add-btn .img i {
  color: #cdc9c5;
  vertical-align: middle;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .add-btn .img:hover i {
  color: #fa8919;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .content .add-btn .name {
  color: #737373;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .footer {
  margin: 0;
  padding: 0;
  background: transparent;
  height: 40px;
  width: 100%;
  box-shadow: inset 0 1px 0 0 #ebebeb;
  font-size: 14px;
  line-height: 40px;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .footer .numbering-fill-person-title {
  margin-left: 34px;
  color: #a9a9a9;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .footer .numbering-fill-person-cur {
  margin-left: 6px;
  color: #4a4a4a;
  cursor: pointer;
}
.auth-project-role.finance-role.istration-role .wrapper-content .flow-panel .footer .numbering-fill-person-cur::before {
  float: right;
  color: #a9a9a9;
}
.auth-project-role.finance-role.istration-role .wrapper-content .none-data {
  height: 95px;
  min-height: 95px;
  line-height: 95px;
  font-size: 14px;
  text-align: center;
  color: #a9a9a9;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .row:hover .ibass-edit {
  visibility: visible;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .row .ibass-edit {
  margin-left: 3px;
  visibility: hidden;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-title {
  display: flex;
  color: #737373;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-title:hover {
  background-color: #fff;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-title .ibass-info {
  color: #cdc9c5;
  margin-left: 5px;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-name {
  display: inline-block;
  width: 250px;
  padding-left: 10px;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .code-wrapper {
  display: inline-block;
  width: 280px;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .auto-number-wrapper {
  display: inline-block;
  width: 100px;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .name {
  width: 250px;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code {
  float: left;
  width: 280px;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code span {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-auto-number {
  float: left;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-auto-number .ibass-checked {
  color: #fa8919;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .add-doc-type,
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code-edit {
  position: relative;
  margin-left: 24px;
  margin-right: 72px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .add-doc-type input,
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code-edit input {
  width: 248px;
  height: 100%;
  padding-right: 20px;
  border: none;
  background: transparent;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .add-doc-type input:first-of-type,
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code-edit input:first-of-type {
  width: 245px;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .add-doc-type .save-btn,
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code-edit .save-btn,
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .add-doc-type .ibass-close,
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code-edit .ibass-close {
  position: absolute;
  bottom: 0;
  height: 100%;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .add-doc-type .save-btn,
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code-edit .save-btn {
  float: right;
  right: 39px;
  bottom: 10px;
  width: 76px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .add-doc-type .ibass-close,
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code-edit .ibass-close {
  right: 10px;
  font-size: 14px;
  color: #cdc9c5;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .add-doc-type .ibass-close:hover,
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code-edit .ibass-close:hover {
  color: #fa8919;
}
.auth-project-role.finance-role.istration-role .wrapper-content.doc-approval .doc-appro-code-edit {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  padding-right: 120px;
}
.auth-project-role.finance-role.istration-role .none-data {
  height: 95px;
  min-height: 95px;
  line-height: 95px;
  font-size: 14px;
  text-align: center;
  color: #a9a9a9;
}
.auth-project-role.finance-role.istration-role .del-confirm {
  display: inline-block;
  width: 60px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}

.project-principle {
  padding: 23px 0 0 41px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.project-principle .close-project-principle i {
  color: #cdc9c5;
  margin-right: 6px;
}
.project-principle .close-project-principle span {
  font-size: 18px;
}
.project-principle .describe {
  margin: 8px 0 47px 27px;
}
.project-principle .auth-list {
  margin-bottom: 35px;
}
.project-principle .auth-list .list-row {
  margin-bottom: 5px;
}
.project-principle .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.project-principle .auth-list .list-row span {
  color: #fa8919;
}
.project-principle .auth-list .list-content {
  margin-left: 27px;
}
.project-principle .auth-list .list-content li {
  width: 454px;
  height: 35px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.project-principle .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.project-principle .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.project-principle .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.project-principle .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.project-principle .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.default-role-admin .close-default-role-admin .cursor:hover {
  color: #07cfda;
}

.tabs {
  height: 50px;
  line-height: 50px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
  margin-bottom: 10px;
  position: relative;
}
.tabs .tab-item {
  font-size: 14px;
  color: #737373;
  display: inline-block;
  height: 100%;
  padding: 0 15px;
  cursor: pointer;
}
.tabs .tab-item.tab-active {
  color: #fa8919;
  /*border-bottom:2px solid #fa8919;*/
  box-shadow: inset 0 -3px 0 0 #fa8919;
  font-weight: bold;
}
.tabs ~ div .approval-admin-page {
  border-top: 0;
}
.tabs .type-btn-groups {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.tabs .type-btn-groups .btn {
  height: 50px;
}
.tabs .type-btn-groups .btn i {
  vertical-align: middle;
  color: #fdba78;
}
.tabs .type-btn-groups .btn,
.tabs .type-btn-groups .new-project-type {
  display: inline-block;
}
.auth-project-principle {
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.auth-project-principle .close-project-principle .ibass-arrow-left {
  padding-right: 6px;
  color: #cdc9c5;
}
.auth-project-principle .close-project-principle .ibass-arrow-left:hover {
  color: #07cfda;
}
.auth-project-principle .close-project-principle span {
  font-size: 18px;
}
.auth-project-principle .describe {
  margin: 8px 72px 47px 27px;
  word-break: break-all;
}
.auth-project-principle .auth-list {
  margin-bottom: 35px;
  max-width: 90%;
}
.auth-project-principle .auth-list .list-row {
  margin-bottom: 5px;
}
.auth-project-principle .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.auth-project-principle .auth-list .list-row span {
  color: #fa8919;
}
.auth-project-principle .auth-list .list-content {
  margin-left: 27px;
}
.auth-project-principle .auth-list .list-content li {
  width: 650px;
  line-height: 36px;
  border-bottom: solid 1px #f0f0f0;
}
.auth-project-principle .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  width: 225px;
}
.auth-project-principle .auth-list .list-content li .ibass-checkbox {
  color: #cdc9c5;
}
.auth-project-principle .auth-list .list-content li .ibass-checkbox:hover {
  color: #fa8919;
}
.auth-project-principle .auth-list .list-content li .ibass-checked {
  color: #fa8919;
}
.auth-project-principle .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-right: 22px;
  cursor: pointer;
}
.auth-project-principle .auth-list .list-content li .edititem {
  cursor: pointer;
  max-width: 362px;
  display: inline-block;
  line-height: 17px;
}
.auth-project-principle .auth-list .list-content .hasChild {
  border-bottom: none;
  width: 650px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
  min-height: 32px;
}
.auth-project-principle .auth-list .list-content .hasChild .tle {
  cursor: pointer;
  width: 225px;
  margin: 3px 0;
}
.auth-project-principle .auth-list .list-content .hasChild .tle .tleicon {
  padding-left: 5px;
  position: relative;
  top: 2px;
}
.auth-project-principle .auth-list .list-content .hasChild .child-level2-list {
  margin: -10px 0 0 15px;
}
.auth-project-principle .auth-list .list-content .hasChild .child-level2-list .list .listTle {
  width: 210px;
}
.auth-project-principle .auth-list .list-content .hasChild .child-level2-list .list .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-right: 22px;
  cursor: pointer;
}
.auth-project-principle .auth-list .list-content .hasChild .child-level2-list .list .edititem {
  cursor: pointer;
  max-width: 362px;
  display: inline-block;
  line-height: 17px;
}
.auth-project-principle .auth-list .list-content .hasChild .child-level2-list .no-borderbtm {
  border-bottom: none;
}
.auth-project-principle .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.auth-project-principle .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.auth-project-principle .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  border-color: #f8f8f9 ;
  color: #000 ;
  cursor: pointer;
}
.auth-project-role {
  color: #4a4a4a;
  font-size: 14px;
  padding: 0;
  width: 730px;
}
.auth-project-role .auth-project-role-title {
  margin-left: 8px;
  font-size: 16px;
}
.auth-project-role .create-role {
  float: right;
  margin: -28px 4px 0 0;
}
.auth-project-role .create-role i {
  font-size: 16px;
  color: #fa8919;
  margin-right: 8px;
  vertical-align: middle;
}
.auth-project-role .auth-project-role-list {
  margin-top: 43px;
  margin-left: 13px;
  cursor: pointer;
  width: 520px;
}
.auth-project-role .auth-project-role-list li:first-of-type {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding-left: 45px;
  margin-bottom: 5px;
  border-bottom: solid 1px #f0f0f0;
}
.auth-project-role .auth-project-role-list li:first-of-type span:nth-child(1) {
  margin-right: 140px;
}
.auth-project-role .auth-project-role-list li:first-of-type span:nth-child(2) {
  margin-right: 145px;
}
.auth-project-role .auth-project-role-list .list-project-role-content {
  width: 726px;
  height: 40px;
}
.auth-project-role .auth-project-role-list .list-project-role-content .item {
  width: 520px;
  line-height: 40px;
  float: left;
  border-bottom: 1px solid #f0f0f0;
}
.auth-project-role .auth-project-role-list .list-project-role-content .item i {
  font-size: 20px;
  color: #07cfda;
  margin: 0 8px 0 15px;
  vertical-align: middle;
}
.auth-project-role .auth-project-role-list .list-project-role-content .item .role-name {
  display: inline-block;
  width: 170px;
}
.auth-project-role .auth-project-role-list .list-project-role-content .item .describe {
  color: #737373;
}
.auth-project-role .auth-project-role-list .list-project-role-content .more {
  float: right;
  background: none;
  border: none;
  color: #fdba78;
}
.auth-role-pro-detail-edit-style .ns-popover-tooltip {
  width: auto !important;
  border-radius: 9px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
}
.auth-role-pro-detail-edit-style .ns-popover-tooltip .ns-popover-item {
  cursor: pointer;
  font-size: 12px;
  height: 26px;
  color: #d9d9d9;
  padding: 0 0.7rem 0 0.875rem !important;
}
.auth-role-pro-detail-edit-style .ns-popover-tooltip .ns-popover-item .ibass-checkbox,
.auth-role-pro-detail-edit-style .ns-popover-tooltip .ns-popover-item .ibass-checked {
  color: #cdc9c5;
  padding: 0 5px 0 4px;
  padding-right: 10px;
  font-size: 13.7px !important;
  position: relative;
  top: 2px;
}
.auth-role-pro-detail-edit-style .ns-popover-tooltip .ns-popover-item .ibass-checkbox:hover,
.auth-role-pro-detail-edit-style .ns-popover-tooltip .ns-popover-item .ibass-checked:hover {
  color: #fa8919;
}
.auth-role-pro-detail-edit-style .ns-popover-tooltip .ns-popover-item .ibass-checked {
  color: #fa8919;
}
.auth-role-pro-detail-edit-style .ns-popover-tooltip .ns-popover-item .ctn {
  font-size: 14px;
  color: #4a4a4a;
  padding-left: 6px;
}
.auth-role-pro-detail-edit-style .ns-popover-tooltip .ns-popover-item:hover {
  background: none !important;
}
.auth-role-pro-detail-edit-style .ns-popover-tooltip .ns-popover-item:hover .ibass-checkbox {
  color: #fa8919;
}
.auth-role-pro-adjust table {
  margin-top: 45px;
}
.auth-role-pro-adjust table thead td {
  font-size: 12px;
}
.auth-role-pro-adjust table td {
  line-height: 45px;
  font-size: 14px;
}
.auth-role-pro-adjust table td .ibass-user {
  font-size: 16px;
  display: inline-block;
  color: #07cfda;
  padding: 0 14px;
  margin: 0;
  float: left;
}
.auth-role-pro-adjust table tbody td.name .clickbox {
  cursor: pointer;
}
.auth-role-pro-adjust table tbody td.desp span {
  display: inherit;
  max-width: 288px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.type-select .ns-popover-items {
  margin-top: 10px;
}

.check-conflict-dialog {
  padding: 0 20px 40px 20px;
  min-height: 200px;
}
.check-conflict-dialog .check-conflict-title {
  height: 40px;
  border-bottom: 1px solid #f5f5f5;
  text-align: center;
  line-height: 74px;
  margin-bottom: 10px;
}
.check-conflict-dialog .check-conflict-title span {
  padding: 0 20px;
  font-size: 16px;
  background-color: #fff;
}
.check-conflict-dialog .conflict-content-label {
  margin-bottom: 10px;
}
.check-conflict-dialog .conflict-content-label h4 {
  margin: 0;
}
.check-conflict-dialog .conflict-content-label span {
  font-size: 12px;
  color: #a9a9a9;
}
.check-conflict-dialog .check-conflict-list .conflict-list-bar {
  height: 40px;
  line-height: 40px;
  box-shadow: 0 1px #f0f0f0;
}
.check-conflict-dialog .check-conflict-list .conflict-list-bar a {
  padding: 0 20px;
  font-size: 14px;
  display: inline-block;
  line-height: 38px;
}
.check-conflict-dialog .check-conflict-list .conflict-list-bar a:hover {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.check-conflict-dialog .check-conflict-list .conflict-list-bar .active {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.check-conflict-dialog .check-conflict-list .conflict-list-bar .download {
  border-radius: 20px;
  background-color: #f8f8f8;
  font-size: 12px;
  height: 34px;
  line-height: 33px;
  padding: 0px 20px;
}
.check-conflict-dialog .check-conflict-list .conflict-list-bar .download .ibass-download {
  position: relative;
  top: 2px;
  color: #fdba78;
}
.check-conflict-dialog .check-conflict-list .conflict-list-bar .download:hover {
  background-color: #fa8919;
  color: #fff;
}
.check-conflict-dialog .check-conflict-list .conflict-list-bar .download:hover .ibass-download {
  color: #fff;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-thead {
  height: 50px;
  border-bottom: 1px solid #f5f5f5;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-thead span {
  display: inline-block;
  font-size: 12px;
  color: #737373;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-tbody .conflict-tbody-tr {
  height: 40px;
  border-bottom: 1px solid #f5f5f5;
  vertical-align: middle;
  display: flex;
  align-items: center;
  position: relative;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-tbody .conflict-tbody-tr span {
  display: inline-block;
  font-size: 12px;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-tbody .conflict-tbody-tr .conflict-info {
  position: absolute;
  right: 50px;
  color: #cdc9c5;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-pic {
  width: 40px;
  text-align: center;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-pic i {
  font-size: 14px;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-pic .ibass-company {
  color: #ffca96;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-pic .ibass-user {
  color: #cdc9c5;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-name {
  width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-name em {
  font-style: normal;
  color: #ed6c00;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-matter-num {
  width: 200px;
}
.check-conflict-dialog .check-conflict-list .conflict-list .conflict-matter-num i {
  position: relative;
  top: 2px;
  margin-left: 10px;
  color: #ed6c00;
}
.check-conflict-dialog .conflict-matter-list {
  background-color: #f8f8f9;
  padding-left: 30px;
}
.check-conflict-dialog .conflict-matter-list li {
  vertical-align: middle;
  display: flex;
  align-items: center;
  height: 44px;
  box-shadow: 0 1px #f0f0f0;
  font-size: 12px;
  position: relative;
}
.check-conflict-dialog .conflict-matter-list li span {
  display: inline-block;
}
.check-conflict-dialog .conflict-matter-list li .conflict-matter-pic {
  position: relative;
  top: 2px;
  width: 30px;
  font-size: 16px;
}
.check-conflict-dialog .conflict-matter-list li .conflict-matter-name {
  width: 300px;
}
.check-conflict-dialog .conflict-matter-list li .conflict-matter-status {
  border: 1px solid #e5e5e5;
  padding: 0 10px;
}
.check-conflict-dialog .conflict-matter-list li .conflict-matter-info {
  position: absolute;
  right: 50px;
  font-size: 16px;
  color: #cdc9c5;
}
.check-conflict-dialog .check-matter-list-page {
  display: flex;
}

.contract-detail-dialog {
  min-height: 500px;
}
.contract-detail-dialog .contract-remark {
  min-height: 0;
}
.contract-detail-cards .contract-detail-card {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  margin-bottom: 15px;
}
.contract-detail-cards .contract-detail-card .half-width {
  width: 48%;
  display: inline-block;
}
.contract-detail-cards .contract-detail-card .three-width {
  width: 32%;
  display: inline-block;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header {
  height: 45px;
  box-sizing: border-box;
  padding: 15px 10px 10px 10px;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header span {
  font-weight: 700;
  color: #4a4a4a;
  font-size: 14px;
  position: absolute;
  top: 14px;
  left: 30px;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header .icon {
  color: #fa8919;
  font-size: 16px;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header .ibass-checkbox {
  color: #ddd !important;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header .ibass-checked {
  color: #fa8919 !important;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header .ibass-checked:before {
  content: "\EA32" !important;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header .vc-icon:before {
  display: inline-block;
  font-family: icon-bass;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header .vc-icon-approve-reimburse:before {
  content: "\EB65";
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header .vc-icon-percent:before {
  content: "\EB74";
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .header .vc-icon-clock:before {
  content: "\EA23";
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .body {
  padding: 0 10px;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .body > div {
  box-sizing: content-box;
  margin: 10px 0 0 0;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .body > div div {
  box-shadow: none;
  height: 45px;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .body > div div.pay-condition-div {
  height: auto;
  min-height: 45px;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .body > div span {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.contract-detail-cards .contract-detail-card .contract-detail-sigle .body > div span.pay-condition {
  height: auto;
  min-height: 40px;
  text-overflow: unset;
  white-space: normal;
  word-break: break-all;
}
.contract-detail-cards .timing-charge {
  left: 100px !important;
  font-weight: normal !important;
  width: 150px;
  border-bottom: 1px solid #ebebeb;
}

.custom-form-show {
  display: flex;
  flex-wrap: wrap;
}
.custom-form-show > div {
  width: 50%;
  padding-right: 15px;
  margin-top: 10px;
}
.custom-form-show > div .label {
  font-size: 12px;
  color: #a8a8a8;
}
.custom-form-show > div .value {
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #ebebeb;
}
.custom-form-show > div .value span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-form-show > div .value .tooltip {
  max-width: 330px !important;
}
.custom-form-show > div .money-show {
  font-size: 12px;
  color: #a8a8a8;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-form-show .single-line {
  width: 100%;
}
.custom-form-show .value-attachment > div span {
  font-size: 14px;
}
.custom-form-show .value-textarea textarea {
  width: 100%;
  padding: 4px 6px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  resize: none;
  height: 80px;
  font-size: 14px;
}

.process-detail-dialog {
  pointer-events: none;
}
.process-detail-dialog .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
}
.process-detail-dialog .case-name.detail-v {
  width: fit-content;
  background: #f5f6f7;
  position: relative;
  border-radius: 20px;
  font-size: 12px;
  padding: 0 20px 0 10px;
  line-height: 23px;
  max-width: 100%;
}
.process-detail-dialog .case-name.detail-v i.ibass-close {
  font-size: 12px;
  position: absolute;
  top: 1px;
  right: 5px;
}

.custom-edit-for-others .title {
  width: 100%;
  height: 28px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
}
.custom-edit-for-others .title > span {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.custom-edit-for-others .content {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
}
.custom-edit-for-others .content > div {
  box-sizing: border-box;
  margin-bottom: 6px;
  width: 50%;
  padding-right: 10px;
}
.custom-edit-for-others .content .single-line {
  width: 100%;
}

.approval-seal-operation {
  position: relative;
}
.approval-seal-operation span {
  color: #fa8919;
}

.approval-fees-list {
  width: 100%;
}

.approval-fees-list {
  width: 100%;
}

.show-custom-fields {
  width: 100%;
  display: inline-block;
}
.show-custom-fields .file-common-attachments {
  height: auto!important;
  min-height: 20px;
  width: 96%!important;
}
.show-custom-fields .detail-icon {
  position: relative;
  top: 2px;
  color: #ccc;
}
.show-custom-fields .ibass-rdefault-selected {
  color: #fa8919;
}
.show-custom-fields .approval-detail-s {
  display: inline-block;
  height: 64px;
  padding: 6px 0;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  margin: 0 1% 18px 1%;
  box-sizing: border-box;
  vertical-align: top;
}
.show-custom-fields .approval-detail-s .tooltip {
  max-width: 340px;
  word-break: break-all;
}
.show-custom-fields .approval-detail-s .detail-t {
  display: block;
  font-size: 12px;
  color: #a8a8a8;
}
.show-custom-fields .approval-detail-s .detail-v {
  height: 23px;
  width: 100%;
  margin-top: 4px;
  padding-right: 50px;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.show-custom-fields .approval-detail-s .detail-v.money {
  font-size: 12px;
  color: #a8a8a8;
  height: 12px;
  line-height: 12px;
  margin-top: 15px;
}
.show-custom-fields .approval-detail-s .detail-charge-mode {
  margin-top: 4px;
  font-size: 14px;
  margin-right: 10px;
}
.show-custom-fields .approval-detail-s .detail-charge-mode i {
  color: #a9a9a9;
  position: relative;
  top: 2px;
}
.show-custom-fields .approval-detail-s .detail-charge-mode .ibass-checked {
  color: #fa8919;
}
.show-custom-fields .approval-detail-s .member-pic {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.show-custom-fields .approval-detail-s .member-pic img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.show-custom-fields .approval-detail-s .member-detail {
  display: inline-block;
}
.show-custom-fields .approval-detail-s .ibass-info {
  position: absolute;
  right: 10px;
  top: 20px;
  color: #f72b44;
}

.cust-conflict-detail {
  padding: 30px 20px;
}
.cust-conflict-detail-h {
  width: 630px;
  margin: 0 auto;
}
.cust-conflict-detail-c ul {
  position: relative;
}
.cust-conflict-detail-c ul:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #f0f0f0;
}
.cust-conflict-detail-c li {
  float: left;
  padding: 0 12px;
  line-height: 34px;
  border-bottom: 2px solid transparent;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.cust-conflict-detail-c li:hover,
.cust-conflict-detail-c li.active {
  color: #ed6c00;
  border-bottom: 2px solid #fa8919;
}
.cust-conflict-detail-c li .count {
  color: #a9a9a9;
}
.cust-conflict-detail-c ul a {
  float: right;
  padding: 0 16px;
  border-radius: 20px;
  line-height: 34px;
  font-size: 12px;
  background: #f8f8f9;
  position: relative;
  top: -4px;
  cursor: pointer;
}
.cust-conflict-detail-c ul a i {
  color: #fdba78;
  margin-right: 3px;
  position: relative;
  top: 2px;
  font-size: 14px;
}
.cust-conflict-detail-c ul a:hover,
.cust-conflict-detail-c ul a:hover i {
  color: #fa8919;
}
.cust-conflict-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.cust-conflict-table th {
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
  color: #a9a9a9;
  font-weight: normal;
  line-height: 40px;
  text-align: left;
}
.cust-conflict-table th:first-child,
.cust-conflict-table td:first-child {
  padding-left: 12px;
}
.cust-conflict-table td {
  border-bottom: 1px solid #ebebeb;
}
.cust-conflict-table td span {
  display: block;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cust-conflict-table td em {
  font-style: normal;
  color: #ed6c00;
}
.cust-conflict-table.table1 th:nth-child(1),
.cust-conflict-table.table1 td:nth-child(1) span {
  width: 400px;
}
.cust-conflict-table.table1 th:nth-child(2),
.cust-conflict-table.table1 td:nth-child(2) span {
  width: 170px;
}
.cust-conflict-table.table1 th:nth-child(3),
.cust-conflict-table.table1 td:nth-child(3) span {
  width: 180px;
}
.cust-conflict-table.table1 th:nth-child(4),
.cust-conflict-table.table1 td:nth-child(4) span {
  width: 170px;
}
.cust-conflict-table.table2 th:nth-child(1),
.cust-conflict-table.table2 td:nth-child(1) span {
  width: 380px;
}
.cust-conflict-table.table2 th:nth-child(2),
.cust-conflict-table.table2 td:nth-child(2) span {
  width: 340px;
}
.cust-conflict-table.table2 th:nth-child(3),
.cust-conflict-table.table2 td:nth-child(3) span {
  width: 220px;
}
.cust-conflict-table.table3 th:nth-child(1),
.cust-conflict-table.table3 td:nth-child(1) span {
  width: 380px;
}
.cust-conflict-table.table3 th:nth-child(2),
.cust-conflict-table.table3 td:nth-child(2) span {
  width: 340px;
}
.cust-conflict-table.table3 th:nth-child(3),
.cust-conflict-table.table3 td:nth-child(3) span {
  width: 220px;
}
.cust-conflict-detail-f .i-pagination {
  text-align: center;
}
.cust-conflict-detail-f .i-pagination li {
  float: none;
  display: inline-block;
}
.cust-conflict-detail-f .i-pagination li:first-child,
.cust-conflict-detail-f .i-pagination li:last-child {
  display: none;
}
.cust-conflict-detail-empty {
  margin-top: 80px;
  color: #ddd9d6;
  text-align: center;
  font-size: 16px;
}
.cust-conflict-detail-empty i {
  font-size: 60px;
}

.conflict-search-input-w {
  position: relative;
}
.conflict-search-input {
  border: 1px solid #d5d5d5;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background: #fefeff;
  height: 50px;
  border-radius: 45px;
  display: flex;
  margin-bottom: 40px;
}
.conflict-search-input.focus {
  border: 1px solid #ffb387;
}
.conflict-search-input > i {
  color: #cdc9c5;
  font-size: 20px;
  margin: 0 10px 0 20px;
  position: relative;
  top: 10px;
}
.conflict-search-input input {
  flex: 1;
  margin-right: 20px;
  outline: none;
  border: none;
  background: transparent;
  color: #4a4a4a;
}
.conflict-search-input-w button {
  display: block;
  margin: 0 auto;
  width: 128px;
  height: 36px;
  border-radius: 20px;
  background: #fa8919;
  color: #fff;
  outline: none;
  border: none;
}
.conflict-search-input-w button i {
  position: relative;
  top: 2px;
}
.conflict-search-input button {
  margin: 7px 9px 0 0;
}
.conflict-search-history {
  position: absolute;
  top: 52px;
  width: calc(80%);
  left: 35px;
  padding: 10px 0;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  background: #fff;
  border: 1px solid #e5e5e5;
  line-height: 34px;
}
.conflict-search-history-h {
  padding: 0 12px;
}
.conflict-search-history-h a {
  float: right;
  color: #a9a9a9;
  cursor: pointer;
}
.conflict-search-history-h span {
  color: #a9a9a9;
}
.conflict-search-history-i {
  padding: 0 12px;
  cursor: pointer;
}
.conflict-search-history-i.active,
.conflict-search-history-i:hover {
  background: #f8f8f9;
}

.iradar-search-company-span {
  display: block;
  height: 1100px;
  border-radius: 10px;
  width: 1000px;
  position: relative;
  padding: 25px;
}
.iradar-search-company-wrapper {
  padding: 25px;
}
.iradar-search-company-header {
  position: relative;
}
.iradar-search-company-title {
  position: relative;
  margin-bottom: 24px;
}
.iradar-search-company-name {
  height: 28px;
  margin-bottom: 16px;
  width: 800px;
  float: left;
}
.iradar-search-company-name i {
  width: 20px;
  height: 20px;
  font-size: 20px;
  text-align: left;
  color: #fdba78;
  vertical-align: middle;
}
.iradar-search-company-name span {
  display: inline-block;
  height: 28px;
  font-size: 20px;
  text-align: left;
  color: #4a4a4a;
  line-height: 28px;
}
.iradar-search-company-state span {
  display: inline-block;
  height: 20px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #ed6c00;
  border-radius: 20px;
  border: solid 1px #fdba78;
  margin-left: 10px;
}
.iradar-search-company-totalCount {
  float: right;
  height: 30px;
}
.iradar-search-company-totalCount-title {
  display: inline-block;
  height: 28px;
  text-align: center;
  color: #737373;
  margin-right: 12px;
  vertical-align: middle;
}
.iradar-search-company-totalCount-count {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: #5f5f5f;
}
.iradar-search-company-state {
  display: inline-block;
  position: absolute;
  top: 5px;
}
.iradar-search-company-close,
.iradar-search-company-star {
  display: inline-block;
  width: 33px;
  height: 25px;
  line-height: 25px;
  font-size: 20px;
  text-align: center;
  margin-left: 10px;
}
.iradar-search-company-star i,
.iradar-search-company-close i {
  color: #cdc9c5;
}
.iradar-search-company-star i {
  padding-right: 15px;
  border-right: solid 1px #ededed;
}
.iradar-search-company-star:hover i {
  color: #ed6c00;
}
.iradar-search-company-close:hover i {
  color: #ed6c00;
}
.irader-search-company-content-list li {
  float: left;
  width: 100px;
  height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  padding: 7px 0px 9px;
  cursor: pointer;
}
.iradar-search-company-info-item a span {
  cursor: pointer;
}
.irader-search-company-content-list-wrapper {
  position: relative;
}
.irader-search-company-content-list-wrapper .add-customer {
  position: absolute;
  right: 0px;
  bottom: 69px;
  cursor: pointer;
  box-sizing: border-box;
  height: 32px;
  padding: 8px 24px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  background-color: #fa8919;
  border-radius: 32px;
  margin-left: 10px;
  margin-top: 31px;
}
.irader-search-company-content-list-wrapper .add-customer i {
  vertical-align: center;
  position: relative;
  top: 1px;
  margin-right: 6px;
}
.irader-search-company-content-list span {
  padding: 0 22px 0 0;
  margin-left: 22px;
}
.irader-search-company-content-list span:hover {
  color: #fa8919;
}
.irader-search-company-content-list .irader-search-company-content-list-last span {
  border-left: 0px ;
}
.irader-search-company-content-list {
  margin-left: 70px;
}
.irader-search-company-content-list li.current {
  background-color: #ffffff;
  box-shadow: inset 0 1px 0 0 #d8d8d8, inset 1px 0 0 0 #d8d8d8, inset -1px 0 0 0 #d8d8d8;
  border-right: 0px;
  border-bottom: 1px solid #fff;
  border-radius: 3px 3px 0 0;
}
.irader-search-company-content-list .irader-search-company-content-list-selected span {
  border-right: 0px;
}
.irader-search-company-content-list-line {
  border-top: 1px solid #ebebeb;
  margin-top: -2px;
  z-index: -1;
}

.iradar-search-list-company {
  width: 630px;
  margin: 0 auto;
  padding-top: 40px;
}
.iradar-search-company-list {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 -50px;
  padding: 0 100px;
  position: relative;
}
.iradar-search-company-list-header {
  height: 150px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 15px;
}
.iradar-search-company-list-header-close {
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}
.iradar-search-company-totalCount-number {
  color: #fa8919;
}
.iradar-search-company-list-header-close:hover i {
  color: #fa8919;
}
.iradar-search-company-list-wrapper {
  min-height: 1200px;
  width: 1200px;
  position: relative;
  padding: 20px 39px 20px 22px;
  box-sizing: border-box;
  width: 100%;
}
.iradar-search-company-list-item {
  padding-bottom: 22px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
}
.iradar-search-company-list-header-wrapper {
  line-height: 28px;
}
.iradar-search-company-list-title {
  display: inline-block;
  font-size: 20px;
}
.iradar-search-company-list-title .name {
  cursor: pointer;
}
.iradar-search-company-list-title .name:hover {
  color: #ed6c00;
}
.iradar-search-company-list-title .state {
  font-size: 16px;
  color: #9b9b9b;
  margin-left: 20px;
}
.iradar-search-company-list-issue-item {
  display: inline-block;
}
.iradar-search-company-case-count {
  display: inline-block;
  width: 125px;
  line-height: 28px;
  font-family: Futura;
  font-size: 20px;
  font-weight: 500;
  text-align: right;
  color: #5f5f5f;
  margin-left: 20px;
  float: right;
}
.iradar-search-company-list-detail {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  text-align: left;
  color: #a9a9a9;
  margin: 10px 0;
}
.iradar-search-company-list-detail span {
  margin-right: 50px;
}
.iradar-search-company-list-issue span {
  display: inline-block;
  border-radius: 20px;
  background-color: #ffffff;
  border: solid 1px #ebe8e6;
  font-size: 12px;
  text-align: center;
  color: #4a4a4a;
  padding: 3px 6px 3px 7px;
  margin-right: 20px;
}
.iradar-search-company-list-page {
  width: 970px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.iradar-search-company-list-empty {
  margin-top: 80px;
  color: #ddd9d6;
  text-align: center;
  font-size: 16px;
}
.iradar-search-company-list-empty i {
  font-size: 60px;
}
.iradar-search-company-list-pag.al-page {
  display: inline-block;
}
.company-list-page {
  overflow: hidden;
  text-align: center;
  clear: both;
  padding-top: 10px;
}
.company-list-page .i-pagination {
  display: inline-block;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.iradar-city-selector {
  display: inline-block;
  position: relative;
  top: -2px;
}
.iradar-city-selector a {
  cursor: pointer;
  position: relative;
}
.iradar-city-selector a .ibass-trig-down {
  color: #cdc9c5;
  position: relative;
  top: 2px;
  font-size: 16px;
  margin-left: 5px;
}
.iradar-city-selector a:hover {
  color: var(--default);
}
.iradar-city-selector a:hover .ibass-trig-down {
  color: var(--default);
}
.iradar-city-selector-popover > div {
  height: 300px;
  padding: 8px 0;
  margin: 6px 0;
  overflow: auto;
}
.iradar-city-selector-popover > div .iradar-tree-label:hover {
  color: var(--default);
}
.iradar-city-selector-popover > div .iradar-tree-label-selected {
  color: var(--default);
}
.ns-popover-tooltip-theme .ns-popover-tooltip .iradar-tree-ul {
  margin: 0;
}
.ns-popover-tooltip-theme .ns-popover-tooltip .iradar-tree-ul li {
  padding: 0 0 0 10px;
}

.iradar-overview {
  padding-bottom: 30px;
  border-bottom: solid 1px #ebebeb;
  display: flex;
  justify-content: space-between;
}
.iradar-overview .col {
  width: 25%;
  flex-shrink: 0;
}
.iradar-overview .col .title {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
}
.iradar-overview .col .desc {
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
}
.iradar-overview .col .chart {
  padding-top: 10px;
  height: 60px;
}
.iradar-overview .col .chart .i-chart {
  display: flex;
  flex-direction: column ;
  align-items: center;
}
.iradar-overview .col .percent {
  margin-top: 10px;
  color: #a9a9a9;
  text-align: center;
}
.iradar-overview .col .percent .value {
  color: #00c853;
}
.iradar-overview .col .percent .increase {
  color: #dd2c00;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.iradar-search {
  background: #fff;
  border-radius: 10px;
  box-shadow: var(--default-box-shadow);
}
.iradar-search-header {
  padding: 25px;
  height: 24px;
  border-bottom: 1px solid #ebebeb;
  background: transparent;
  transition: background 0.25s ease;
}
.iradar-search-header .wrapper {
  position: relative;
}
.sticky .iradar-search-header {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  padding: 0;
  border-bottom: none;
}
.sticky .iradar-search-header .wrapper {
  width: 1160px;
  margin: 0 auto;
  padding: 10px 20px 15px;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
}
.sticky .iradar-search-content {
  padding-top: 90px;
}
.sticky .iradar-search-close {
  display: none;
}
.iradar-search-region {
  float: left;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #ebebeb;
}
.iradar-search-region > span {
  position: relative;
  top: -2px;
  color: #737373;
}
.iradar-search-trade {
  float: left;
}
.iradar-search-trade > span {
  position: relative;
  top: -2px;
  color: #737373;
}
.iradar-search-submit {
  float: left;
  position: relative;
  top: -5px;
  margin-left: 20px;
}
.iradar-search-submit button {
  background: var(--default);
  border: 1px solid var(--default);
}
.iradar-search-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.iradar-search-close .ibass-close {
  font-size: 20px;
}
.iradar-search-close:hover .ibass-close {
  color: var(--default);
}
.iradar-search-content {
  min-height: 1000px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.iradar-search-content-left {
  background: #f8f8f9;
  border-right: 1px solid #ececec;
  min-height: 1000px;
  border-radius: 0 0 0 10px;
}
.iradar-search-content-left > div {
  width: 259px;
  box-sizing: border-box;
}
.iradar-search-content-right {
  min-height: 1000px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.iradar-trade-selector-popover {
  width: 258px;
}
.iradar-trade-selector {
  display: inline-block;
  position: relative;
  top: -2px;
}
.iradar-trade-selector a {
  cursor: pointer;
  position: relative;
}
.iradar-trade-selector a .ibass-trig-down {
  color: #cdc9c5;
  position: relative;
  top: 2px;
  font-size: 16px;
  margin-left: 5px;
}
.iradar-trade-selector a:hover {
  color: var(--default);
}
.iradar-trade-selector a:hover .ibass-trig-down {
  color: var(--default);
}
.iradar-trade-grade {
  padding: 10px 0;
}
.iradar-trade-grade-tit {
  padding: 0 0 8px 10px;
  color: #939393;
  border-bottom: solid 1px #f1f1f1;
  cursor: default;
}
.iradar-trade-grade-i {
  padding: 10px;
  color: #4a4a4a;
}
.iradar-trade-grade-i i {
  float: right;
  color: #cdc9c5;
}
.iradar-trade-grade-i:hover {
  cursor: pointer;
  background: #f1f1f1;
}
.iradar-trade-selector-t {
  position: relative;
  color: #4a4a4a;
  margin-bottom: 10px;
  border-radius: 9px 9px 0 0;
}
.iradar-trade-selector-t-span {
  display: inline-block;
  cursor: pointer;
  width: 128px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #f8f8f8;
  color: #999999;
  font-size: 12px;
}
.iradar-trade-selector-t-span:hover {
  color: var(--default);
}
.iradar-trade-selector-t a {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  text-align: center;
  color: #cdc9c5;
  cursor: pointer;
}
.iradar-trade-selector-t a i {
  position: relative;
  top: 9px;
}
.iradar-trade-selector-t a:hover {
  color: var(--default);
}
.iradar-trade-selector-i {
  padding: 6px 50px 6px 16px;
  color: #4a4a4a;
  position: relative;
  cursor: pointer;
}
.iradar-trade-selector-i i {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #cdc9c5;
  margin-top: -10px;
}
.iradar-trade-selector-i i.ibass-checked {
  color: var(--default);
}
.iradar-trade-selector-i:hover {
  background: #f8f8f8;
}
.iradar-trade-selector-i:hover span {
  color: var(--default);
}
.iradar-trade-selector-i:hover i {
  color: var(--default);
}
.iradar-trade-tree-i > div {
  position: relative;
  width: 100%;
  min-height: 32px;
  padding-left: 16px;
  box-sizing: border-box;
}
.iradar-trade-tree-i span {
  line-height: 32px;
  display: inline-block;
  width: 142px;
}
.iradar-trade-tree-i div:hover span {
  color: var(--default);
}
.iradar-trade-tree-i div:hover i {
  color: var(--default);
}
.iradar-trade-tree-i div:hover {
  background: #f8f8f8;
}
.iradar-trade-tree-i .iradar-trade-tree-i {
  padding-right: 16px;
}
.iradar-trade-tree-i .iradar-trade-tree-i div:hover {
  background: #f8f8f8;
}
.iradar-trade-tree-i .iradar-trade-tree-i div:hover span {
  color: var(--default);
}
.iradar-trade-tree-i .add-minus {
  cursor: pointer;
  color: #cdc9c5;
  margin-right: 5px;
  position: relative;
  top: 5.5px;
  float: left;
}
.iradar-trade-tree-i .select {
  float: right;
  margin-top: 6px;
  color: #cdc9c5;
}
.iradar-trade-tree-i .select:hover {
  color: var(--default);
}
.iradar-trade-tree-i .select .ibass-checked {
  color: var(--default);
}
.iradar-trade-tree-i span {
  color: #4a4a4a;
  cursor: default;
}
.iradar-trade-selector-w-c {
  height: 357px;
  overflow: auto;
}
.iradar-trade-selector-w {
  display: none;
}
.iradar-trade-selector-f {
  padding: 8px 0 6px;
  text-align: right;
  border-top: solid 1px #f1f1f1;
  cursor: default;
}
.iradar-trade-selector-f button {
  font-size: 12px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  width: 80px;
  min-width: 80px;
  margin-right: 88px;
  background: var(--default);
  border: 1px solid var(--default);
}
.iradar-trade-selector-f a {
  float: left;
  font-size: 12px;
  color: #999999;
  margin-left: 15px;
  line-height: 32px;
}
.iradar-trade-selector-f a:hover {
  color: var(--default);
}
.isSelected {
  color: var(--default);
  background: #fff;
}

.cust-detail-h {
  padding: 20px;
}
.cust-detail-h-l {
  float: left;
  width: 710px;
  word-break: break-all;
}
.cust-detail-h-r {
  font-size: 0;
  float: right;
  width: 220px;
  margin-top: 10px;
  text-align: right;
}
.cust-detail-star,
.cust-detail-del {
  display: inline-block;
  font-size: 22px;
  color: #cdc9c5;
  cursor: pointer;
  margin-right: 15px;
  height: 24px;
}
.cust-detail-star i,
.cust-detail-del i {
  position: relative;
}
.cust-detail-star:hover,
.cust-detail-del:hover {
  color: #fa8919;
}
.cust-detail-star i {
  top: -1px;
}
.cust-detail-star.fill {
  color: #fa8919;
}
.cust-detail-name {
  font-size: 20px;
}
.cust-detail-name .ibass-company,
.cust-detail-name .ibass-user,
.cust-detail-name .ibass-user-female {
  color: #fdba78;
  font-size: 24px;
  position: relative;
  top: 4px;
  margin-right: 5px;
}
.cust-detail-member-w {
  font-size: 0;
  display: inline-block;
  padding-left: 15px;
  border-left: 1px solid #d8d8d8;
}
.cust-detail-member {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 100%;
  margin-left: 5px;
  cursor: pointer;
  line-height: 23px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.cust-detail-member.count {
  background: #fa8919;
  float: right;
}
.cust-detail-member.count0 {
  background: #fff;
  color: #4a4a4a;
  width: auto;
  border-radius: 20px;
  border: 1px solid #cdcdcd;
  padding: 0 8px;
}
.cust-detail-member.count0:hover {
  color: #fa8919;
  border: 1px solid #fa8919;
}
.cust-detail-member img {
  width: 24px;
  height: 24px;
}
.cust-detail-tab {
  margin: 10px 20px 0;
  border-bottom: 1px solid #d8d8d8;
}
.cust-detail-tab li {
  float: left;
  cursor: pointer;
  padding: 8px 20px 6px;
  position: relative;
  border: 1px solid transparent;
  border-radius: 3px 3px 0 0;
  bottom: -1px;
}
.cust-detail-tab li:hover {
  color: #fa8919;
}
.cust-detail-tab li:before {
  position: absolute;
  content: "";
  right: -2px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: #d8d8d8;
}
.cust-detail-tab li:first-child {
  margin-left: 70px;
}
.cust-detail-tab li:last-child:before {
  display: none;
}
.cust-detail-tab li.current {
  border: 1px solid #d8d8d8;
  border-bottom: 1px solid transparent;
}
.cust-detail-tab li.current:before {
  display: none;
}
.cust-detail-tab li.current:after {
  position: absolute;
  content: "";
  left: 0px;
  right: 0px;
  bottom: -1px;
  height: 1px;
  background: #fff;
}
.cust-detail-no-permission {
  text-align: center;
  padding-top: 60px;
  font-size: 20px;
  color: #898989;
}

.keywordtpl-template {
  z-index: 10000 !important;
}

.evidence-detail .ngdialog-overlay {
  background: none;
}
.evidence-detail .ngdialog-content {
  height: 0px;
  border: 0px !important;
  animation: none !important;
  z-index: 99999;
}
.evidence-detail .assistant-container {
  position: fixed;
  width: 350px;
  height: 470px;
  border-radius: 2px;
}
.evidence-detail .assistant-container .assistant-content {
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.09);
  width: 100%;
  height: 100%;
  margin-left: 15px;
  position: relative;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  padding: 30px 0px 0px 21.6px;
}
.evidence-detail .assistant-container .assistant-content:before {
  content: "";
  border-left: 0px;
  border-right: 13px solid #ffffff;
  border-top: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  height: 0px;
  width: 0px;
  display: inline-block;
  filter: drop-shadow(-3px 0px 2px rgba(0, 0, 0, 0.3));
  top: 33px;
  left: -12px;
  position: absolute;
}
.evidence-detail .assistant-container .assistant-content .item-time {
  text-align: left;
  font-size: 14px;
}
.evidence-detail .assistant-container .assistant-content .item-time:nth-child(2n) {
  margin-top: 15px;
}
.evidence-detail .assistant-container .assistant-content .item-time:last-child {
  margin-top: 13px;
}
.evidence-detail .assistant-container .assistant-content .item-time:nth-last-child(4) {
  margin-top: 10px;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label {
  height: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #a9a9a9;
  font-size: 14px;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label i {
  position: relative;
  top: 1px;
  font-size: 12px;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label .restore {
  position: relative;
  right: 22px;
  float: right;
  cursor: pointer;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label .restore i {
  font-size: 16px;
  color: #a9a9a9;
  line-height: 20px;
  top: 3px;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label .keyword-tag {
  border: 1px solid #ebe8e6;
  padding: 0px 0px 0px 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 12px;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label .keyword-tag span {
  display: inline-block;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  color: #4a4a4a;
  font-size: 12px;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label .keyword-tag i {
  float: right;
  margin-right: 5px;
  transform: scale(0.67);
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label .keyword-tag:hover i {
  color: #fa8919;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label .add-keyword {
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-label .add-keyword:hover {
  color: #fa8919;
}
.evidence-detail .assistant-container .assistant-content .item-time .add-item-label {
  overflow: auto;
  height: 40px;
  margin-right: 21.6px;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-input {
  margin-top: 5px;
  width: 304px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  border: 0px;
  padding: 8px;
  color: #4a4a4a;
}
.evidence-detail .assistant-container .assistant-content .item-time .item-textarea {
  margin-top: 5px;
  padding: 8px;
  border: 0px;
  width: 304px;
  height: 84px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  resize: none;
  color: #4a4a4a;
}
.evidence-detail .assistant-container .assistant-content .item-time input::-webkit-input-placeholder,
.evidence-detail .assistant-container .assistant-content .item-time textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  width: 280px;
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
}
.evidence-detail .assistant-container .assistant-content .item-time input:-moz-placeholder,
.evidence-detail .assistant-container .assistant-content .item-time textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  width: 280px;
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
}
.evidence-detail .assistant-container .assistant-content .item-time input::-moz-placeholder,
.evidence-detail .assistant-container .assistant-content .item-time textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  width: 280px;
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
}
.evidence-detail .assistant-container .assistant-content .item-time input:-ms-input-placeholder,
.evidence-detail .assistant-container .assistant-content .item-time textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  width: 280px;
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
}
.evidence-detail .assistant-container .assistant-content .item-time .scan-img {
  position: absolute;
  left: 5px;
  top: 34px;
  width: 294px;
}
.evidence-detail .assistant-container .assistant-content .item-time .text-center {
  position: absolute;
  cursor: pointer;
  left: 100px;
  top: 55px;
  width: 88px;
  height: 28px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  z-index: 99;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9a9a9a;
  padding: 3px 14px 3px 14px;
}
.evidence-detail .assistant-container .assistant-content .item-footer {
  margin-left: 11%;
}
.evidence-detail .assistant-container .assistant-content .item-footer button:last-child {
  border: 0px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  margin-left: 10px;
}
.evidence-detail .assistant-container .assistant-content .item-footer button:first-child {
  border: 0px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  margin-right: 10px;
}
.evidence-detail .assistant-container .assistant-content .item-footer button:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.evidence-detail .assistant-container .assistant-content .item-footer button:active {
  position: relative;
  top: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  transition: top box-shadow 0.2s;
}
.evidence-detail .assistant-container .assistant-content-down:before {
  top: 326px;
}
#Evidence_Detail_button {
  border: 0px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  position: fixed;
  z-index: 100000;
  transition: all 0.3s ease-out;
}
.keyword-tag-tooltip {
  z-index: 100000 !important;
}
.auto-complate-object {
  z-index: 10000 !important;
  width: 290px;
}
.auto-complate-object .auto-complate-object-template {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.09);
  background: #ffffff;
  padding: 3px 5px;
  border-radius: 3px;
  width: 280px;
  max-height: 125px;
  overflow: auto;
}
.auto-complate-object .auto-complate-object-template .item {
  cursor: pointer;
  padding: 2px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.auto-complate-object .auto-complate-object-template .item:hover {
  background-color: #ecebeb;
  border-radius: 3px;
}
.auto-complate-object .auto-complate-object-template .active-item {
  background-color: #ecebeb;
  border-radius: 3px;
}

.checkbox-delete-tip {
  margin-bottom: 30px;
  width: 100%;
  height: 100%;
  padding: 0px 50px;
}
.checkbox-delete-tip .delete-line {
  margin: 50px  0px;
  border: 0.5px solid #ebebeb;
}
.checkbox-delete-tip .delete-center-content {
  display: inline-block;
  height: 22px;
  font-size: 16px;
  line-height: 22px;
  color: #4a4a4a;
  background-color: #ffffff;
  text-align: center;
  position: absolute;
  top: 39px;
  font-family: PingFangSC-Medium;
  left: 50%;
  transform: translateX(-50%);
  padding: 0px 10px;
}
.checkbox-delete-tip .delete-text {
  margin-top: 30.5px;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Regular;
  color: #999999;
  margin-bottom: 40px;
}
.checkbox-delete-tip .delete-footer-checkbox {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  width: 100%;
}
.checkbox-delete-tip .delete-footer-checkbox .new-delete-btn {
  height: 32px;
  line-height: 32px;
  min-width: 100px;
  float: right;
}
.checkbox-delete-tip .delete-footer-checkbox span {
  font-family: PingFangSC-Regular;
  color: #999999;
}
.checkbox-delete-tip .delete-footer-checkbox i {
  vertical-align: -1px;
  color: #999999;
  cursor: pointer;
}
.checkbox-delete-tip .delete-footer-checkbox .ibass-checked {
  color: #fa8919;
}
.checkbox-delete-tip .delete-footer {
  margin-top: 3px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  width: 100%;
}
.checkbox-delete-tip .delete-footer .new-delete-btn {
  height: 32px;
  line-height: 32px;
  min-width: 100px;
  float: right;
}
.checkbox-delete-tip .delete-footer .cancel-btn {
  float: left;
  background-color: #f8f8f9;
  color: #4a4a4a;
  border: 1px solid #f8f8f9;
}

.cover-page-template .cover-page {
  margin: 40px 50px;
}
.cover-page-template .cover-page .item {
  display: inline-block;
  width: 132px;
  height: 188px;
  position: relative;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  margin: 4.5px;
}
.cover-page-template .cover-page .item img {
  width: 130px;
  position: absolute;
  width: 100%;
}
.cover-page-template .cover-page .item .select-item-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #fa8919;
  box-sizing: border-box;
  color: #fa8919;
  z-index: 1;
}
.cover-page-template .cover-page .item .select-item-cover i {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 15px;
  line-height: 15px;
  width: 15px;
}
.cover-page-template .cover-footer {
  text-align: center;
  padding-bottom: 30px;
}
.cover-page-template .cover-footer .export-num-checked {
  font-size: 14px;
  color: #9b9b9b;
  margin-right: 40px;
}
.cover-page-template .cover-footer .export-num-checked i {
  vertical-align: -2px;
  margin-right: 4px;
  cursor: pointer;
}
.cover-page-template .cover-footer .export-num-checked .ibass-checked {
  color: #fa8919;
}
.cover-page-template .cover-footer button {
  padding: 0px 50px;
  height: 35px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 0px;
  color: #ffffff;
  vertical-align: 1px;
  transition: all 0.3s ease-in;
}
.cover-page-template .cover-footer button:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.cover-page-template .cover-footer button:active {
  position: relative;
  top: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  transition: top box-shadow 0.2s;
}
.cover-page-template .dialog-page-title {
  position: relative;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin: 40px 50px;
}
.cover-page-template .dialog-page-title .dialog-page-title-line {
  position: absolute;
  top: 11px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.cover-page-template .dialog-page-title .dialog-page-title-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}

.evidence-edit-create {
  width: 600px;
  height: 270px;
}
.evidence-edit-create .dialog-page-content form .info {
  margin: 40.5px 49px 0px;
  border: 0px;
  box-shadow: none;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0px;
  position: relative;
  padding-bottom: 8px;
}
.evidence-edit-create .dialog-page-content form .info input {
  padding: 0px;
  font-weight: 600;
}
.evidence-edit-create .dialog-page-content form .info input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-weight: normal;
  color: #a9a9a9;
}
.evidence-edit-create .dialog-page-content form .info input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-weight: normal;
  color: #a9a9a9;
}
.evidence-edit-create .dialog-page-content form .info input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-weight: normal;
  color: #a9a9a9;
}
.evidence-edit-create .dialog-page-content form .info input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-weight: normal;
  color: #a9a9a9;
}
.evidence-edit-create .dialog-page-content form .info .require-symbol {
  color: red;
  position: absolute;
  right: 0px;
  bottom: 5px;
}
.evidence-edit-create .diaglo-page-bottom-btn {
  padding-top: 53px;
}

ev-loading {
  position: absolute;
  right: 9px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-color: #fa8919;
}
.ev-loading {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.ev-loading .left-box {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  background: #f99f45;
  z-index: 1;
}
.ev-loading .right-box {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  background: #ffffff;
  z-index: 1;
}
.ev-loading .left-round {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(left, #ffffff 50%, #f99f45 50%);
  transition: transform 0.1s linear;
}
.ev-loading .center-round {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
  height: 65%;
  background: #fa8919;
  border-radius: 50%;
  z-index: 2;
}

.edit-remark-manage .ngdialog-overlay {
  background: none;
}
.edit-remark-manage .ngdialog-content {
  height: 0px;
  border: 0px !important;
  z-index: 99999;
}
.edit-remark-manage .assistant-container {
  border: 12px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.edit-remark-manage .assistant-container .assistant-content {
  padding: 30px 20px 22px;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.edit-remark-manage .assistant-container .assistant-content .item-time {
  text-align: left;
  font-size: 14px;
}
.edit-remark-manage .assistant-container .assistant-content .item-time:nth-child(2n) {
  margin-top: 20px;
}
.edit-remark-manage .assistant-container .assistant-content .item-time:last-child {
  margin-top: 13px;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-label {
  height: 20px;
  font-family: PingFangSC;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
  font-size: 14px;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-label i {
  position: relative;
  top: 1px;
  font-size: 12px;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-label .keyword-tag {
  border: 1px solid #ebe8e6;
  padding: 0px 0px 0px 8px;
  border-radius: 10px;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 12px;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-label .keyword-tag span {
  display: inline-block;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  color: #4a4a4a;
  font-size: 12px;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-label .keyword-tag i {
  float: right;
  margin-right: 5px;
  transform: scale(0.67);
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-label .keyword-tag:hover i {
  color: #fa8919;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-label .add-keyword {
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-label .add-keyword:hover {
  color: #fa8919;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .add-item-label {
  overflow: auto;
  height: 40px;
  margin-right: 21.6px;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-input {
  margin-top: 5px;
  width: 100%;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  border: 0px;
  padding: 8px;
  color: #4a4a4a;
}
.edit-remark-manage .assistant-container .assistant-content .item-time .item-textarea {
  margin-top: 5px;
  padding: 8px;
  border: 0px;
  width: 100%;
  height: 60px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  resize: none;
  color: #4a4a4a;
}
.edit-remark-manage .assistant-container .assistant-content .item-time input::-webkit-input-placeholder,
.edit-remark-manage .assistant-container .assistant-content .item-time textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  width: 280px;
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
}
.edit-remark-manage .assistant-container .assistant-content .item-time input:-moz-placeholder,
.edit-remark-manage .assistant-container .assistant-content .item-time textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  width: 280px;
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
}
.edit-remark-manage .assistant-container .assistant-content .item-time input::-moz-placeholder,
.edit-remark-manage .assistant-container .assistant-content .item-time textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  width: 280px;
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
}
.edit-remark-manage .assistant-container .assistant-content .item-time input:-ms-input-placeholder,
.edit-remark-manage .assistant-container .assistant-content .item-time textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  width: 280px;
  height: 20px;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999999;
}
.edit-remark-manage .assistant-container .assistant-content .item-footer {
  margin-top: 9px;
  margin-left: 24%;
}
.edit-remark-manage .assistant-container .assistant-content .item-footer button:last-child {
  margin-left: 15px;
  border: 0px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.edit-remark-manage .assistant-container .assistant-content .item-footer button:first-child {
  border: 0px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
}
#Evidence_Detail_button {
  border: 0px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  position: fixed;
  z-index: 100000;
  transition: all 0.5s ease-out 0.1s;
}
.keyword-tag-tooltip {
  z-index: 100000 !important;
}

.common-matter-customer-selection .drop-menu-popover {
  position: relative !important;
}
.common-matter-customer-selection .common-matter-customer-selection-popover {
  top: 0!important;
}
.common-matter-customer-selection .ns-popover-list-select {
  width: 240px;
}
.common-matter-customer-selection .drop-menu-check-add i {
  font-size: 12px;
  margin-right: 3px!important;
}
.common-matter-customer-selection .drop-menu-check .drop-menu-show-wrapper {
  max-height: 110px;
  overflow: auto;
}
.common-matter-customer-selection .drop-menu-check .drop-menu-show-wrapper .drop-menu-show {
  margin-bottom: 8px;
}

.fee-card-wrapper.contract-payment-detail .nfim-input-common label {
  position: absolute;
}
.fee-card-wrapper.contract-payment-detail .equity-amount {
  clear: both;
  padding-top: 20px;
}
.fee-card-wrapper.contract-payment-detail .fee-card-wrapper {
  margin-top: 20px;
}
.fee-card-wrapper.contract-payment-detail .common-card {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
  margin-bottom: 20px;
}
.fee-card-wrapper.contract-payment-detail .card-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.fee-card-wrapper.contract-payment-detail .card-title .ibass-approve-reimburse {
  position: relative;
  top: 2px;
  color: #fa8919;
}
.fee-card-wrapper.contract-payment-detail .card-content {
  display: flex;
  flex-wrap: wrap;
}
.fee-card-wrapper.contract-payment-detail .one-time-card .card-content {
  justify-content: space-between;
}
.fee-card-wrapper.contract-payment-detail .one-time-card .nfim-input-common {
  width: 48%;
}
.fee-card-wrapper.contract-payment-detail .staged-charge .pay-date {
  width: 30%;
  margin-right: 5%;
}
.fee-card-wrapper.contract-payment-detail .staged-charge .amount {
  width: 30%;
  margin-right: 5%;
}
.fee-card-wrapper.contract-payment-detail .staged-charge .is-met {
  width: 30%;
}
.fee-card-wrapper.contract-payment-detail .risk-charge .base-amount,
.fee-card-wrapper.contract-payment-detail .risk-charge .risk-amount,
.fee-card-wrapper.contract-payment-detail .risk-charge .reference,
.fee-card-wrapper.contract-payment-detail .risk-charge .reference-amount {
  width: 30%;
  margin-right: 5%;
}
.fee-card-wrapper.contract-payment-detail .risk-charge .is-met,
.fee-card-wrapper.contract-payment-detail .risk-charge .risk-rate {
  width: 30%;
}
.fee-card-wrapper.contract-payment-detail .risk-charge .risk-rate .risk-rate-symbol {
  position: absolute;
  top: 25px;
  right: 0;
  color: #a9a9a9;
}
.fee-card-wrapper.contract-payment-detail .time-charge {
  margin-bottom: 0;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-title {
  display: flex;
  align-content: center;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-title .ibass-approve-reimburse {
  top: 0;
  margin-right: 5px;
  line-height: 30px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-title span {
  line-height: 30px;
  margin-right: 10px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-title .nfim-input-common.time-charge-type {
  height: 30px;
  padding-top: 0px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-title .nfim-input-common.time-charge-type input {
  height: 30px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-title .nfim-input-common.time-charge-type i {
  top: 4px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .time-charge-type {
  width: 150px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-title {
  margin-bottom: 10px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-content {
  display: block;
  font-size: 14px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-content .nfim-input-common.no-padding {
  width: 150px;
  height: 30px;
  padding-top: 0px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-content .nfim-input-common.no-padding input {
  height: 30px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .card-content .nfim-input-common.no-padding i {
  top: 4px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .body-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.fee-card-wrapper.contract-payment-detail .time-charge .table-header {
  color: #a9a9a9;
}
.fee-card-wrapper.contract-payment-detail .time-charge .table-header,
.fee-card-wrapper.contract-payment-detail .time-charge .content-wrapper {
  display: flex;
  width: calc(100% - 42px);
}
.fee-card-wrapper.contract-payment-detail .time-charge .table-header span,
.fee-card-wrapper.contract-payment-detail .time-charge .content-wrapper span {
  flex: 1;
}
.fee-card-wrapper.contract-payment-detail .pay-term {
  width: 100%;
  height: auto;
  min-height: 55px;
}
.fee-card-wrapper.contract-payment-detail .remark {
  padding: 10px 0;
  word-break: break-all;
}
.fee-card-wrapper.contract-payment-detail .common-card .card-content {
  margin-bottom: 20px;
}
.fee-card-wrapper.contract-payment-detail .common-card .card-content:first-child {
  margin-bottom: 0;
}

.ns-popover-tooltip-multiple {
  width: 160px;
  color: #4a4a4a;
  font-size: 14px;
  margin-top: 0px;
}
.ns-popover-tooltip-multiple .ns-popover-item-multiple {
  justify-content: space-between;
  align-content: center;
  padding: 0 0.875rem!important;
}
.ns-popover-tooltip-multiple .ns-popover-item-multiple .ibass-checked {
  color: #ed6c00;
}
.ns-popover-tooltip-multiple .ns-popover-item-multiple .name {
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drop-menu-multiple {
  width: 100%;
  display: flex;
  align-content: center;
}
.drop-menu-multiple .drop-menu-name {
  height: 28px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drop-menu-multiple .drop-menu-check {
  word-wrap: break-word;
}
.drop-menu-multiple .drop-menu-check .drop-menu-show {
  font-size: 12px;
  zoom: 1;
  padding: 0 6px 0 10px;
  background: #f1f1f1;
  height: 24px;
  margin: 0 4px 4px 4px;
  border-radius: 4px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.drop-menu-multiple .drop-menu-check .drop-menu-show .ibass-close {
  font-size: 12px;
  float: right;
}
.drop-menu-multiple .drop-menu-check .drop-menu-show span {
  width: 70px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-default,
.drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-add {
  display: flex;
  align-items: center;
}
.drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-default .ibass-trig-down,
.drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-add .ibass-trig-down {
  margin-top: 5px;
}
.drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-default .ibass-add-round,
.drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-add .ibass-add-round {
  margin-top: 2px;
  margin-right: 7px;
}
.drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-default {
  color: #a9a9a9;
}
.drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-add {
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  margin: 4px;
  line-height: 24px;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  justify-content: center;
}

.financial-customer-selection .drop-menu-popover {
  position: relative !important;
}

.financial__department-selector-wrapper {
  display: inline-block;
}
.financial__department-selector-wrapper .no-active {
  color: #a4a4a4;
}
.financial__department-selector-wrapper .item-detail-show {
  margin-right: 10px;
  zoom: 1;
  position: relative;
}
.financial__department-selector-wrapper .item-detail-show .user-list {
  display: inline-block;
  font-size: 14px;
}
.financial__department-selector-wrapper .item-detail-show .user-list .inline-li {
  display: inline-block;
  margin-right: 10px;
  max-width: 200px;
  box-sizing: border-box;
}
.financial__department-selector-wrapper .item-detail-show .user-list > .li {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
}
.financial__department-selector-wrapper .item-detail-show .user-list > .li:after {
  display: block;
  content: '';
  visibility: none;
  clear: both;
  height: 0;
}
.financial__department-selector-wrapper .item-detail-show .user-list > .li .user-name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial__department-selector-wrapper .item-detail-show .user-list > .li .user-role {
  float: left;
  color: #909090;
  background: #fff;
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  margin-top: 3px;
  cursor: pointer;
}
.financial__department-selector-wrapper .item-detail-show .user-list > .li .user-role .user-role-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.financial__department-selector-wrapper .item-detail-show .user-list > .li .user-role .user-role-name > span {
  max-width: 90px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial__department-selector-wrapper .item-detail-show .user-list > .li .user-role .user-role-name i {
  vertical-align: middle;
  font-size: 10px;
  margin-left: 2px;
  color: #a9a9a9;
}
.financial__department-selector-wrapper .item-detail-show .user-list > .li .close {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
  transform: scale(0.666667);
}
.financial__department-selector-wrapper .item-detail-show .money {
  width: 70px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  background: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: none;
}
.financial__department-selector-wrapper .item-detail-show .money.error {
  border-color: #f72b44;
}
.financial__department-selector-wrapper .item-detail-show .money-line {
  margin: 0 10px;
  width: 16px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border: solid 1px #a2a2a2;
}
.financial__department-selector-wrapper .drop-menu-check-default,
.financial__department-selector-wrapper .drop-menu-check-add {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.financial__department-selector-wrapper .drop-menu-check-default .ibass-trig-down,
.financial__department-selector-wrapper .drop-menu-check-add .ibass-trig-down {
  margin-top: 5px;
}
.financial__department-selector-wrapper .drop-menu-check-default .ibass-add-round,
.financial__department-selector-wrapper .drop-menu-check-add .ibass-add-round {
  margin-top: 2px;
  margin-right: 7px;
}
.financial__department-selector-wrapper .item-add-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.financial__department-selector-wrapper .drop-menu-check-default {
  color: #a9a9a9;
}
.financial__department-selector-wrapper .drop-menu-check-add {
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  margin: 4px;
  line-height: 24px;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  justify-content: center;
}
.financial__department-selector-wrapper .single-selection-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
}
.financial__department-selector-wrapper .single-selection-wrapper .default-label {
  color: #a9a9a9;
}
.financial__department-selector-wrapper .single-selection__name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial__department-selector-wrapper .single-selection__name span {
  display: inline-block;
  max-width: 230px;
}
.financial__department-selector {
  width: 340px;
  margin-top: 0px;
}
.financial__department-selector .ns-popover-items {
  max-height: none;
}
.financial__department-selector .ns-popover-items .null-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 66px;
  color: #efeded;
  min-height: 180px;
}
.financial__department-selector .ns-popover-items .null-data span {
  font-size: 14px;
  color: #949494;
}
.financial__department-selector .ns-popover-items li:hover {
  background: #fff;
}
.financial__department-selector .ns-popover-items .tree-ul {
  margin: 0;
}
.financial__department-selector .ns-popover-items .tree-ul .tree-leaf {
  padding-left: 15px;
}
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-branch-head,
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-leaf-head {
  padding: 0;
  margin-right: 5px;
}
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
}
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-label .dep-icon {
  padding: 0 15px;
}
.financial__department-selector .ns-popover-items .tree-ul ul {
  float: initial;
}
.financial__department-selector .ns-popover-items .nav-tree {
  max-height: 254px;
  overflow-y: auto;
  float: left;
  width: 100%;
}
.financial__department-selector .ns-popover-items .nav-tree .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: auto;
}
.financial__department-selector .ns-popover-items .nav-tree .tree-label span {
  flex-grow: 1;
  width: auto;
  max-width: none;
}
.financial__department-selector .ns-popover-items .nav-tree ul li {
  float: initial;
}
.financial__department-selector .ns-popover-items .nav-tree .dep-icon {
  float: right;
}
.financial__department-selector .ns-popover-items .nav-tree .dep-icon.ibass-checked {
  color: #fa8919;
}

.financial-matter-selection .drop-menu-popove {
  position: relative;
}
.financial-matter-selection .financial-matter-selection-directive input::placeholder {
  font-size: 12px;
}
.financial-matter-selection .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  line-height: normal;
  height: 44px;
  padding: 5px 1.7rem 5px 0.875rem;
}
.financial-matter-selection .content-wrapper {
  display: flex;
  width: calc(100% - 25px);
  flex-wrap: wrap;
  font-size: 12px;
}
.financial-matter-selection .no {
  width: 96%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #a9a9a9;
}
.financial-matter-selection .ibass-done {
  height: 34px;
  line-height: 34px;
}
.financial-matter-selection .no-matter {
  display: flex;
  height: 34px;
  align-items: center;
  font-size: 12px;
}
.financial-matter-selection .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  position: initial;
  padding-right: 0;
}
.financial-matter-selection .ns-popover-tooltip .ns-popover-items .ns-popover-item i {
  position: static;
  margin-right: 10px;
}

.financial___status-selector {
  display: inline-block;
}
.financial___status-selector .selected-status {
  max-width: 150px;
  color: #9a9a9a;
}
.financial___status-selector .ibass-trig-down {
  font-size: 12px;
  padding-left: 5px;
  color: #a9a9a9;
  position: relative;
  top: 1px;
}

.financial__user-and-dep-selection-popup {
  width: 340px;
  margin-top: 0px;
}
.financial__user-and-dep-selection-popup .ns-popover-items {
  max-height: none;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tab-container {
  padding: 0 60px;
  text-align: center;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tab-container .tab {
  display: inline-block;
  margin: 0 20px;
  color: #737373;
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
  box-shadow: inset 0 -2px 0 0 #ffffff;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tab-container .tab:hover {
  color: #ed6c00;
  box-shadow: inset 0 -2px 0 0 #ed6c00;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tab-container .active {
  color: #ed6c00;
  box-shadow: inset 0 -2px 0 0 #ed6c00;
}
.financial__user-and-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-items {
  max-height: 254px;
  overflow-y: auto;
}
.financial__user-and-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item {
  overflow: hidden;
  cursor: pointer;
  padding: 0 15px;
}
.financial__user-and-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item .nohover:hover {
  background-color: #fff;
}
.financial__user-and-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item .pic {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: inline-block;
  margin-right: 8px;
}
.financial__user-and-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item .name {
  display: inline-block;
  color: #4a4a4a;
  overflow: hidden;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  vertical-align: text-bottom;
}
.financial__user-and-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item i {
  cursor: pointer;
  float: right;
  color: #cdc9c5;
}
.financial__user-and-dep-selection-popup .ns-popover-items .personmat-container .ns-popover-item .ibass-checked {
  color: #fa8919;
}
.financial__user-and-dep-selection-popup .ns-popover-items .null-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 66px;
  color: #efeded;
  min-height: 180px;
}
.financial__user-and-dep-selection-popup .ns-popover-items .null-data span {
  font-size: 14px;
  color: #949494;
}
.financial__user-and-dep-selection-popup .ns-popover-items li:hover {
  background: #fff;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tree-ul {
  margin: 0;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tree-ul .tree-leaf {
  padding-left: 15px;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-branch-head,
.financial__user-and-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-leaf-head {
  padding: 0;
  margin-right: 5px;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-label .dep-icon {
  padding: 0 15px;
}
.financial__user-and-dep-selection-popup .ns-popover-items .tree-ul ul {
  float: initial;
}
.financial__user-and-dep-selection-popup .ns-popover-items .nav-tree {
  max-height: 254px;
  overflow-y: auto;
  float: left;
  width: 100%;
}
.financial__user-and-dep-selection-popup .ns-popover-items .nav-tree .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: auto;
}
.financial__user-and-dep-selection-popup .ns-popover-items .nav-tree .tree-label span {
  flex-grow: 1;
  width: auto;
  max-width: none;
}
.financial__user-and-dep-selection-popup .ns-popover-items .nav-tree ul li {
  float: initial;
}
.financial__user-and-dep-selection-popup .ns-popover-items .nav-tree .dep-icon {
  float: right;
}
.financial__user-and-dep-selection-popup .ns-popover-items .nav-tree .dep-icon.ibass-checked {
  color: #fa8919;
}
.financial__user-and-dep-selection .item-detail-show {
  margin-right: 10px;
  zoom: 1;
  position: relative;
}
.financial__user-and-dep-selection .item-detail-show .user-list {
  display: inline-block;
  font-size: 14px;
}
.financial__user-and-dep-selection .item-detail-show .user-list .inline-li {
  display: inline-block;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.financial__user-and-dep-selection .item-detail-show .user-list > .li {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
}
.financial__user-and-dep-selection .item-detail-show .user-list > .li:after {
  display: block;
  content: '';
  visibility: none;
  clear: both;
  height: 0;
}
.financial__user-and-dep-selection .item-detail-show .user-list > .li .user-name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial__user-and-dep-selection .item-detail-show .user-list > .li .user-role {
  float: left;
  color: #909090;
  background: #fff;
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  margin-top: 3px;
  cursor: pointer;
}
.financial__user-and-dep-selection .item-detail-show .user-list > .li .user-role .user-role-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.financial__user-and-dep-selection .item-detail-show .user-list > .li .user-role .user-role-name > span {
  max-width: 90px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial__user-and-dep-selection .item-detail-show .user-list > .li .user-role .user-role-name i {
  vertical-align: middle;
  font-size: 10px;
  margin-left: 2px;
  color: #a9a9a9;
}
.financial__user-and-dep-selection .item-detail-show .user-list > .li .close {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
  transform: scale(0.666667);
}
.financial__user-and-dep-selection .item-add {
  display: inline-flex;
  justify-content: center;
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  font-size: 14px;
  cursor: pointer;
}
.financial__user-and-dep-selection .item-add:before {
  margin-right: 4px;
  color: #909090;
  display: inline-block;
  font-size: 12px;
  font-family: "icon-bass";
  content: "\EA25";
  vertical-align: middle;
}

.financial-user-selector ul.ns-popover-items li.ns-popover-item img.pic {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: inline-block;
  margin-right: 8px;
}
.financial-user-selector ul.ns-popover-items li.ns-popover-item .name {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: inline-block;
  margin-right: 8px;
}
.financial-user-selector ul.ns-popover-items li.ns-popover-item i.right {
  cursor: pointer;
  float: right;
  color: #cdc9c5;
}
.financial-user-selector ul.ns-popover-items li.ns-popover-item i.ibass-done {
  color: #fa8919;
}

.ns-popover-list-select {
  width: 260px;
  color: #4a4a4a;
  font-size: 14px;
  margin-top: 0px;
}
.ns-popover-list-select .list-search-show-all {
  padding: 5px 14px;
  font-size: 12px;
  color: #909090;
}
.ns-popover-list-select .ns-popover-list-select-item {
  justify-content: space-between;
  align-content: center;
  padding: 0 0.875rem!important;
}
.ns-popover-list-select .ns-popover-list-select-item .ibass-done {
  color: #ed6c00;
}
.ns-popover-list-select .ns-popover-list-select-item .name {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.i-financial-text-input {
  position: relative;
}
.i-financial-text-input .err-msg {
  color: red;
  font-size: 12px;
  position: absolute;
  top: -12px;
}
.i-financial-text-input input {
  width: 248px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  background: #fff;
  padding: 0 10px;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  outline: none;
  color: #4a4a4a;
}
.i-financial-text-input ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
}
.i-financial-text-input :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
  font-size: 12px;
}
.i-financial-text-input ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
  font-size: 12px;
}
.i-financial-text-input :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
  font-size: 12px;
}

.i-matter-selection {
  display: inline-block;
}
.i-matter-selection .item-detail-show {
  margin-right: 10px;
  zoom: 1;
  position: relative;
}
.i-matter-selection .item-detail-show .user-list {
  display: inline-block;
  font-size: 14px;
}
.i-matter-selection .item-detail-show .user-list .inline-li {
  display: inline-block;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.i-matter-selection .item-detail-show .user-list > .li {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
}
.i-matter-selection .item-detail-show .user-list > .li:after {
  display: block;
  content: '';
  visibility: none;
  clear: both;
  height: 0;
}
.i-matter-selection .item-detail-show .user-list > .li .user-name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-matter-selection .item-detail-show .user-list > .li .user-role {
  float: left;
  color: #909090;
  background: #fff;
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  margin-top: 3px;
  cursor: pointer;
}
.i-matter-selection .item-detail-show .user-list > .li .user-role .user-role-name {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.i-matter-selection .item-detail-show .user-list > .li .user-role .user-role-name > span {
  max-width: 90px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-matter-selection .item-detail-show .user-list > .li .user-role .user-role-name i {
  vertical-align: middle;
  font-size: 10px;
  margin-left: 2px;
  color: #a9a9a9;
}
.i-matter-selection .item-detail-show .user-list > .li .close {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
  transform: scale(0.666667);
}
.i-matter-selection .item-detail-show .money {
  width: 70px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  background: #fefeff;
  resize: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: none;
}
.i-matter-selection .item-detail-show .money.error {
  border-color: #f72b44;
}
.i-matter-selection .item-detail-show .money-line {
  margin: 0 10px;
  width: 16px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border: solid 1px #a2a2a2;
}
.i-matter-selection .drop-menu-check-default,
.i-matter-selection .drop-menu-check-add {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.i-matter-selection .drop-menu-check-default .ibass-trig-down,
.i-matter-selection .drop-menu-check-add .ibass-trig-down {
  margin-top: 5px;
}
.i-matter-selection .drop-menu-check-default .ibass-add-round,
.i-matter-selection .drop-menu-check-add .ibass-add-round {
  margin-top: 2px;
  margin-right: 7px;
}
.i-matter-selection .drop-menu-check-default {
  color: #a9a9a9;
}
.i-matter-selection .drop-menu-check-add {
  width: 72px;
  height: 24px;
  color: #4a4a4a;
  margin: 4px;
  line-height: 24px;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  justify-content: center;
}
.i-matter-selection .single-selection__name {
  float: left;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-matter-selection .single-selection__name span {
  display: inline-block;
  max-width: 230px;
}
.financial__department-selector {
  width: 340px;
  margin-top: 0px;
}
.financial__department-selector .ns-popover-items {
  max-height: none;
}
.financial__department-selector .ns-popover-items .null-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 66px;
  color: #efeded;
  min-height: 180px;
}
.financial__department-selector .ns-popover-items .null-data span {
  font-size: 14px;
  color: #949494;
}
.financial__department-selector .ns-popover-items li:hover {
  background: #fff;
}
.financial__department-selector .ns-popover-items .tree-ul {
  margin: 0;
}
.financial__department-selector .ns-popover-items .tree-ul .tree-leaf {
  padding-left: 15px;
}
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li {
  padding-left: 15px;
}
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-branch-head,
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-leaf-head {
  padding: 0;
  margin-right: 5px;
}
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
}
.financial__department-selector .ns-popover-items .tree-ul .bigdata-result-tree-li .tree-label .dep-icon {
  padding: 0 15px;
}
.financial__department-selector .ns-popover-items .tree-ul ul {
  float: initial;
}
.financial__department-selector .ns-popover-items .nav-tree {
  max-height: 254px;
  overflow-y: auto;
  float: left;
  width: 100%;
}
.financial__department-selector .ns-popover-items .nav-tree .tree-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: auto;
}
.financial__department-selector .ns-popover-items .nav-tree .tree-label span {
  flex-grow: 1;
  width: auto;
  max-width: none;
}
.financial__department-selector .ns-popover-items .nav-tree ul li {
  float: initial;
}
.financial__department-selector .ns-popover-items .nav-tree .dep-icon {
  float: right;
}
.financial__department-selector .ns-popover-items .nav-tree .dep-icon.ibass-checked {
  color: #fa8919;
}

.financial-list-select .drop-menu-check-add i {
  font-size: 12px;
  margin-right: 3px!important;
}
.ns-popover-list-select {
  width: 260px;
  color: #4a4a4a;
  font-size: 14px;
  margin-top: 0px;
}
.ns-popover-list-select .list-search-show-all {
  padding: 5px 14px;
  font-size: 12px;
  color: #909090;
}
.ns-popover-list-select .ns-popover-list-select-item {
  justify-content: space-between;
  align-content: center;
  padding: 0 0.875rem !important;
}
.ns-popover-list-select .ns-popover-list-select-item .ibass-done {
  color: #ed6c00;
}
.ns-popover-list-select .ns-popover-list-select-item .name {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sum-filter {
  margin-top: 3px;
}
.sum-filter .sum-filter-show {
  position: relative;
  display: flex;
  align-items: center;
}
.sum-filter .sum-filter-show .sum-filter-money {
  width: 81px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  background: #fff;
  resize: none;
  font-size: 12px;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  outline: none;
  color: #4a4a4a;
  margin-right: 10px;
}
.sum-filter .sum-filter-show .sum-filter-line {
  margin: 0 10px;
  width: 16px;
  height: 0px;
  vertical-align: middle;
  display: inline-block;
  border: solid 1px #a2a2a2;
}
.sum-filter .sum-filter-show .sum-filter-warning {
  position: absolute;
  top: 25px;
  left: 3px;
  color: #f72b44;
  font-size: 12px;
}
.sum-filter .sum-filter-show .error {
  border-color: #f72b44;
}
.sum-filter .sum-filter-show ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
}
.sum-filter .sum-filter-show :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
  font-size: 12px;
}
.sum-filter .sum-filter-show ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
  font-size: 12px;
}
.sum-filter .sum-filter-show :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
  font-size: 12px;
}

.finance-timer-select .time-range-has-close:after {
  top: 4px;
}
.finance-timer-select .time-range-container {
  display: flex;
  align-items: center;
  height: 28px;
  float: none;
}
.finance-timer-select .drop-menu-check {
  width: 21px;
}
.finance-timer-select .time-range {
  display: flex;
  align-items: center;
  padding: 0;
  position: relative;
  width: auto;
  height: 100%;
  cursor: pointer;
}
.finance-timer-select-show {
  border: 1px solid #e4e4e4;
  background-color: #fff;
  padding-left: 8px;
  font-size: 12px!important;
}

.financial-allocation-list .financial-filter-more-container {
  margin-top: 0 !important;
}
.financial-allocation-list .financial-filter-single .time-range {
  position: relative;
  width: auto;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
}
.financial-allocation-list .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-allocation-list .financial-filter-single .time-range-start-stop {
  display: inline-block;
}
.financial-allocation-list .financial-allocation-table .pay,
.financial-allocation-list .financial-allocation-table .table-td0 {
  width: 17%;
}
.financial-allocation-list .financial-allocation-table .income,
.financial-allocation-list .financial-allocation-table .table-td1 {
  width: 13%;
}
.financial-allocation-list .financial-allocation-table .income-date,
.financial-allocation-list .financial-allocation-table .invoice-status,
.financial-allocation-list .financial-allocation-table .charge-status,
.financial-allocation-list .financial-allocation-table .table-td2,
.financial-allocation-list .financial-allocation-table .table-td5,
.financial-allocation-list .financial-allocation-table .table-td6 {
  width: 10%;
}
.financial-allocation-list .financial-allocation-table .income-date,
.financial-allocation-list .financial-allocation-table .income {
  cursor: pointer;
}
.financial-allocation-list .financial-allocation-table .income-date:hover i,
.financial-allocation-list .financial-allocation-table .income:hover i {
  color: #ED6C00;
}
.financial-allocation-list .financial-allocation-table .matter,
.financial-allocation-list .financial-allocation-table .table-td3 {
  width: 20%;
}
.financial-allocation-list .financial-allocation-table .matter span,
.financial-allocation-list .financial-allocation-table .table-td3 span {
  display: flex;
}
.financial-allocation-list .financial-allocation-table .client,
.financial-allocation-list .financial-allocation-table .table-td4 {
  width: 20%;
}
.financial-allocation-list .financial-allocation-table .financial-table-header {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  margin-top: 20px;
}
.financial-allocation-list .financial-allocation-table .financial-table-header .common-span {
  font-size: 12px;
  color: #737373;
  display: inline-flex;
  word-break: break-all;
}
.financial-allocation-list .financial-allocation-table .financial-table-body .financial-table-tr {
  position: relative;
  padding: 10px 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  font-size: 0;
  cursor: pointer;
}
.financial-allocation-list .financial-allocation-table .financial-table-body .financial-table-tr .common-span {
  box-sizing: border-box;
  padding: 10px 10px 10px 0;
  font-size: 12px;
  word-break: break-all;
}
.financial-allocation-list .financial-allocation-table .financial-table-body .financial-table-tr .tool-hover {
  display: none;
}
.financial-allocation-list .financial-allocation-table .financial-table-body .financial-table-tr .matter-no {
  color: #a9a9a9;
}
.financial-allocation-list .financial-allocation-table .financial-table-body .financial-table-tr:hover {
  background-color: #fafafa;
}
.financial-allocation-list .financial-allocation-table .financial-table-body .financial-table-tr:hover .tool-hover {
  display: block;
  position: absolute;
  color: #ED6C00;
  width: 94px;
  background-color: #fafafa;
  right: 0;
  font-size: 12px;
}
.financial-allocation-list .financial-allocation-table .financial-table-body .no-data-list {
  justify-content: center;
  height: 40px;
}
.financial-allocation-list .financial-allocation-table .financial-table-body .no-data-list span {
  font-size: 12px;
}

.financial-allocation-plan .financial-allocation-plan-top {
  height: 40px;
  line-height: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f5f5f5;
}
.financial-allocation-plan .financial-allocation-plan-top .plan-top-title {
  font-size: 16px;
  color: #4a4a4a;
}
.financial-allocation-plan .financial-allocation-plan-top .add-plan {
  float: right;
  width: 98px;
  height: 34px;
  padding-left: 20px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 32px;
  text-align: left;
  cursor: pointer;
}
.financial-allocation-plan .financial-allocation-plan-top .ibass-add:before {
  position: relative;
  top: 1.5px;
}
.financial-allocation-plan .financial-allocation-content .allocation-plan-table-header {
  margin-top: 10px;
  padding: 14px 0;
  border-bottom: 1px solid #f5f5f5;
  font-size: 12px;
}
.financial-allocation-plan .financial-allocation-content .allocation-plan-table-header .plan-title {
  color: #737373;
}
.financial-allocation-plan .financial-allocation-content .financial-allocation-plan-table {
  font-size: 12px;
}
.financial-allocation-plan .financial-allocation-content .financial-allocation-plan-table .allocation-plan-list {
  padding: 14px 0;
  border-bottom: 1px solid #f5f5f5;
}
.financial-allocation-plan .financial-allocation-content .financial-allocation-plan-table .allocation-plan-list:hover {
  background-color: #f5f5f5;
}
.financial-allocation-plan .financial-allocation-content .plan-common {
  display: inline-block;
}
.financial-allocation-plan .financial-allocation-content .plan-title {
  width: 70%;
}
.financial-allocation-plan .financial-allocation-content .plan-tool {
  width: 28%;
}
.financial-allocation-plan .financial-allocation-content .plan-tool span {
  color: #a9a9a9;
}
.financial-allocation-plan .financial-allocation-content .plan-tool .ibass-edit {
  position: relative;
  top: 2px;
  color: #cdc9c5;
  font-size: 14px;
}
.financial-allocation-plan .financial-allocation-content .plan-tool .ibass-delete {
  position: relative;
  top: 2px;
  color: #cdc9c5;
  font-size: 14px;
}
.financial-allocation-plan .financial-allocation-content .plan-tool > span:hover span {
  color: #fa8919;
}
.financial-allocation-plan .financial-allocation-content .plan-tool > span:hover i {
  color: #fa8919;
}
.financial-allocation-plan .financial-allocation-content .delete-icon {
  margin-left: 10px;
}
.financial-allocation-plan .no-data-list {
  height: 20px;
  text-align: center;
}

.i-financial-dialog {
  display: inline-block;
  padding: 0 30px;
  position: relative;
  width: 1000px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -15px;
  box-sizing: border-box;
}
.i-financial-dialog .financial-dialog-body {
  padding-bottom: 20px;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-status .nfim-operation-wrap-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-status .nfim-operation-wrap-right .ibass-ellipses,
.i-financial-dialog .financial-dialog-body .financial-dialog-status .nfim-operation-wrap-right .nfim-more-operation {
  margin-left: 15px;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-contract-income {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-contract-income .nfim-input-common {
  margin-right: 5%;
  width: 30%;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-contract-income .nfim-input-common:nth-child(3n) {
  margin-right: 0;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-message {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-matter .financial-dialog-ul,
.i-financial-dialog .financial-dialog-body .financial-dialog-contract .financial-dialog-ul,
.i-financial-dialog .financial-dialog-body .financial-dialog-file .financial-dialog-ul,
.i-financial-dialog .financial-dialog-body .financial-dialog-stamp .financial-dialog-ul {
  width: 100%;
  display: inline-flex;
  position: relative;
  justify-content: space-between;
  flex-wrap: wrap;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-matter .financial-dialog-ul li,
.i-financial-dialog .financial-dialog-body .financial-dialog-contract .financial-dialog-ul li,
.i-financial-dialog .financial-dialog-body .financial-dialog-file .financial-dialog-ul li,
.i-financial-dialog .financial-dialog-body .financial-dialog-stamp .financial-dialog-ul li {
  width: 30%;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-matter .finance-contarct-checked-icon,
.i-financial-dialog .financial-dialog-body .financial-dialog-contract .finance-contarct-checked-icon,
.i-financial-dialog .financial-dialog-body .financial-dialog-file .finance-contarct-checked-icon,
.i-financial-dialog .financial-dialog-body .financial-dialog-stamp .finance-contarct-checked-icon {
  margin-right: 8px;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-matter .finance-contarct-checked-icon .ibass-checked,
.i-financial-dialog .financial-dialog-body .financial-dialog-contract .finance-contarct-checked-icon .ibass-checked,
.i-financial-dialog .financial-dialog-body .financial-dialog-file .finance-contarct-checked-icon .ibass-checked,
.i-financial-dialog .financial-dialog-body .financial-dialog-stamp .finance-contarct-checked-icon .ibass-checked {
  color: #fa8919;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-matter .contract-pay-no-edit,
.i-financial-dialog .financial-dialog-body .financial-dialog-contract .contract-pay-no-edit,
.i-financial-dialog .financial-dialog-body .financial-dialog-file .contract-pay-no-edit,
.i-financial-dialog .financial-dialog-body .financial-dialog-stamp .contract-pay-no-edit {
  height: 55px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-stamp {
  display: flex;
  justify-content: space-between;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-remark {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-remark .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-remark .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-remark .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-remark .remark-exceeded {
  color: #f72b44;
}
.i-financial-dialog .financial-dialog-body .drop-down-lists .ddl-list .ddl-list-name {
  width: calc(64%);
}
.i-financial-dialog .financial-dialog-body .drop-down-lists .selected-by-index {
  background: #fff;
}
.i-financial-dialog .financial-dialog-body .nfim-input-common {
  position: relative;
}
.i-financial-dialog .financial-dialog-body .nfim-input-common .financial-dialog-contract-edit {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fa8919;
}
.i-financial-dialog .financial-dialog-body .noedit-color {
  color: #a9a9a9;
}
.i-financial-dialog .approve-flow-title {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
}
.i-financial-dialog .financial-dialog-title {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  height: 40px;
  text-align: center;
  margin-bottom: 20px;
}
.i-financial-dialog .financial-dialog-title .financial-dialog-contract-method {
  position: absolute;
  right: 0px;
  top: 10px;
}
.i-financial-dialog .financial-dialog-title .financial-dialog-contract-method i {
  font-size: 18px;
  color: #cdc9c5;
  font-weight: 600;
  margin-left: 10px;
}
.i-financial-dialog .financial-dialog-title .financial-dialog-contract-method .ibass-close {
  position: static;
}
.i-financial-dialog .financial-dialog-title span {
  color: #4a4a4a;
  font-size: 16px;
  padding: 0 10px;
  background-color: #fff;
  line-height: 74px;
}
.i-financial-dialog .financial-dialog-info {
  display: inline-block;
}
.i-financial-dialog .nfim-input-common {
  height: 55px;
}
.i-financial-dialog .nfim-input-common .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 0;
  cursor: pointer;
  color: #cdc9c5;
}
.i-financial-dialog .ibass-checked {
  color: #fa8919;
}
.i-financial-dialog .financial-margin-right {
  margin-right: 20px;
}
.i-financial-dialog .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.i-financial-dialog .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.i-financial-dialog .financial-input-title {
  position: absolute;
  top: 10px!important;
}
.i-financial-dialog .financial-dialog-label {
  border-bottom: 1px solid #ebebeb;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin: 10px 0;
  clear: both;
}
.i-financial-dialog .financial-dialog-label .i-dialog-label {
  color: #4a4a4a;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 30px;
}
.i-financial-dialog .financial-dialog-label .add-financial-detailed {
  float: right;
  color: #a9a9a9;
}
.i-financial-dialog .financial-dialog-label .add-financial-detailed i {
  position: relative;
  top: 2px;
}
.i-financial-dialog .financial-dialog-label .add-financial-detailed:hover {
  color: #fa8919;
}
.i-financial-dialog .financial-detailed-table {
  font-size: 0;
  margin-bottom: 20px;
}
.i-financial-dialog .financial-detailed-table .financial-header {
  display: inline-block;
  font-size: 12px;
  color: #737373;
}
.i-financial-dialog .financial-detailed-table .financial-detailed-tr {
  height: 50px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
}
.i-financial-dialog .financial-detailed-table .financial-detailed-body span {
  font-size: 12px;
  display: inline-block;
}
.i-financial-dialog .financial-detailed-table .financial-detailed-body:hover {
  background-color: #f5f5f5;
}
.i-financial-dialog .financial-detailed-table .financial-detailed-body:hover .cost-tool {
  visibility: visible;
}
.i-financial-dialog .financial-detailed-table .cost-amount {
  width: 150px;
}
.i-financial-dialog .financial-detailed-table .cost-type {
  width: 120px;
}
.i-financial-dialog .financial-detailed-table .cost-date {
  width: 100px;
}
.i-financial-dialog .financial-detailed-table .matter-info {
  width: 200px;
}
.i-financial-dialog .financial-detailed-table .sub-department {
  width: 200px;
}
.i-financial-dialog .financial-detailed-table .enclosure {
  width: 100px;
}
.i-financial-dialog .financial-detailed-table .cost-tool {
  visibility: hidden;
  width: 80px;
}
.i-financial-dialog .financial-detailed-table .cost-tool i {
  margin-right: 10px;
  color: #a9a9a9;
  cursor: pointer;
}
.i-financial-dialog .financial-detailed-table .cost-tool i:hover {
  color: #fa8919;
}
.i-financial-dialog .nfim-remark-wrap {
  position: relative;
  width: 100%;
  height: 140px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 20px;
}
.i-financial-dialog .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.i-financial-dialog .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.i-financial-dialog .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.financial-dialog-matter-message {
  background-color: #f8f8f9;
  font-size: 0;
  height: 80px;
  margin: 5px 0 18px;
}
.financial-dialog-matter-message > div {
  display: inline-block;
  width: 25%;
  text-align: center;
  padding-top: 19px;
  box-sizing: content-box;
}
.financial-dialog-matter-message > div .money {
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #4a4a4a;
  font-weight: 200;
  font-family: AppleSDGothicNeo;
  border-right: solid 1px #ebebeb;
}
.financial-dialog-matter-message > div > span {
  font-size: 12px;
  display: block;
  width: 100%;
  padding: 0 6px;
}
.financial-dialog-matter-message > div .name {
  font-size: 12px;
  color: #a9a9a9;
  border-right: solid 1px #ebebeb;
}
.financial-dialog-matter-message > div:last-child span.money,
.financial-dialog-matter-message > div:last-child span.name {
  border-right: none;
}
.financial-dialog-matter-tooltip {
  max-width: 300px;
}
.financial-contract-receive-amount .nfim-content {
  font-size: 12px;
}
.financial-contract-receive-amount .nfim-content .nfim-title .ibass-close {
  position: absolute;
  display: inline-block;
  line-height: 14px;
  cursor: pointer;
  top: 18px;
  right: 0px;
}
.financial-contract-receive-amount .nfim-content .nfim-head {
  padding: 10px 25px;
}
.financial-contract-receive-amount .nfim-content .nfim-head .allocation-mode {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.financial-contract-receive-amount .nfim-content .nfim-head .btn-content {
  max-height: 80px;
  min-height: 27px;
  text-align: center;
}
.financial-contract-receive-amount .nfim-content .nfim-head .btn-content button {
  display: inline-block;
}
.financial-contract-receive-amount .nfim-content .nfim-head .edit-allocation-timing-wrap {
  position: absolute;
  top: 209px;
  bottom: 115px;
  width: 100%;
  z-index: 100;
}
.financial-contract-receive-amount .nfim-content .nfim-content {
  font-size: 13px;
  padding: 10px 25px;
}
.financial-contract-receive-amount .nfim-content .nfim-content .nfim-content-table {
  border-collapse: collapse;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  width: 100%;
}
.financial-contract-receive-amount .nfim-content .nfim-content .nfim-content-table thead > tr > th {
  color: #737373;
  width: 16%;
  text-align: center;
  line-height: 33px;
}
.financial-contract-receive-amount .nfim-content .nfim-content .nfim-content-table tbody > tr > td {
  height: 33px;
  position: relative;
  border-top: 1px solid #f6f6f6;
  padding-top: 10px;
  text-align: center;
  word-break: break-all;
}
.financial-contract-receive-amount .nfim-content .nfim-content .nfim-content-table .tree-input {
  border-color: transparent;
  width: 80%;
  border-bottom: 1px solid #ebebeb;
}
.financial-contract-receive-amount .nfim-content .nfim-content .nfim-content-table .tree-input:focus {
  border-bottom: 1px solid #fa8919;
}

.financial__expense__my .no-data-list {
  height: 40px;
}
.financial__expense__my .expense-list__header {
  display: flex;
  padding: 5px 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
}
.financial__expense__my .expense-list__header .tool-select {
  position: relative;
  top: 1px;
}
.financial__expense__my .expense-list__header .item {
  display: flex;
  color: #737373;
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.financial__expense__my .expense-list__header .show-filter .icon {
  visibility: visible;
  color: #ED6C00;
}
.financial__expense__my .expense-list__header .ibass-trig-up,
.financial__expense__my .expense-list__header .ibass-trig-down {
  color: #a9a9a9;
}
.financial__expense__my .body__row-item {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
}
.financial__expense__my .body__row-item:hover {
  background-color: #f5f5f5;
}
.financial__expense__my .body__row-item .common-span {
  box-sizing: border-box;
  padding: 10px 10px 10px 0;
  font-size: 12px;
  word-break: break-all;
}
.financial__expense__my .body__row-item .tool-select-wrapper {
  width: 30px;
}
.financial__expense__my .body__row-item .amount {
  width: 130px;
}
.financial__expense__my .body__row-item .fee-type {
  width: 120px;
}
.financial__expense__my .body__row-item .fee-date {
  width: 130px;
}
.financial__expense__my .body__row-item .handler-name {
  width: 95px;
}
.financial__expense__my .body__row-item .current-user {
  width: 95px;
}
.financial__expense__my .body__row-item .matter-name {
  width: 203px;
  display: inline-flex;
  flex-direction: column;
}
.financial__expense__my .body__row-item .matter-name .matter-no {
  color: #a9a9a9;
}
.financial__expense__my .body__row-item .department-name {
  width: 190px;
}
.financial__expense__my .body__row-item .file-size {
  width: 40px;
}
.financial__expense__my .body__row-item .appro-status {
  width: 85px;
}
.financial__expense__my .body__row-item.feeManage .reimburse-type {
  width: 95px;
}
.financial__expense__my .body__row-item.feeManage .matter-name {
  width: 220px;
}
.financial__expense__my .body__row-item.feeManage .department-name {
  width: 220px;
}
.financial__expense__my .body__row-item.feeManage .fee-source {
  width: 120px;
}
.financial__expense__my .body__row-item:hover {
  background-color: #fafafa;
}
.financial__expense__my .list-empty {
  justify-content: center;
}
.financial__expense__my .financial-page-module {
  display: flex;
}
.financial__expense__my .financial-page-module .show-page {
  position: relative;
  float: left;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
}
.financial__expense__my .financial-page-module .show-page i {
  padding: 10px 5px;
  color: #ED6C00;
}
.financial__expense__my .no-selected {
  user-select: none;
}
.financial__expense__my .tool-select {
  font-size: 16px;
  color: #c7d1da;
  cursor: pointer;
}
.financial__expense__my .tool-select:hover {
  color: #ED6C00;
}
.financial__expense__my .ibass-checked {
  color: #ED6C00;
}
.financial__expense__my .fee-list-tr span {
  display: inline-block;
  max-width: 100%;
}

.financial-income__associate-dialog {
  position: relative;
  min-height: 500px;
  padding: 30px 20px 30px 20px;
}
.financial-income__associate-dialog .body__income-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  padding: 0 20px 20px 20px;
  background-color: #f8f8f9;
}
.financial-income__associate-dialog .body__income-info .nfim-input-common {
  width: 306px;
  margin-right: 20px;
}
.financial-income__associate-dialog .body__income-info .nfim-input-common:nth-child(3n) {
  margin-right: 0;
}
.financial-income__associate-dialog .body__income-info .nfim-input-common .label-noactive {
  position: absolute;
  top: 30px;
}
.financial-income__associate-dialog .body__income-info .nfim-input-common .label-active {
  position: absolute;
}
.financial-income__associate-dialog .associate__title {
  margin-bottom: 30px;
}
.financial-income__associate-dialog .associate__title i {
  position: absolute;
  right: 15px;
  top: 10px;
}
.financial-income__associate-dialog .associate__title .content {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
}
.financial-income__associate-dialog .balance {
  margin-bottom: 10px;
}
.financial-income__associate-dialog .associate-invoice__filter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.financial-income__associate-dialog .associate-invoice__filter .filter-item {
  display: inline-flex;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 10px;
  align-items: center;
}
.financial-income__associate-dialog .associate-invoice__filter .filter-item .label {
  margin-right: 10px;
}
.financial-income__associate-dialog .associate-invoice__filter .filter-item.read-only {
  background-color: #f5f5f5;
  pointer-events: none;
}
.financial-income__associate-dialog .associate-invoice__filter .filter-item.read-only input {
  background-color: #f5f5f5;
}
.financial-income__associate-dialog .associate-invoice__filter .filter-item.open-date {
  width: 90%;
}
.financial-income__associate-dialog .associate-invoice__filter .filter-item.no-margin-right {
  margin-right: 0;
}
.financial-income__associate-dialog .associate-invoice__filter .invoice-amount {
  width: 60%;
}
.financial-income__associate-dialog .associate-invoice__filter .search-item {
  cursor: pointer;
  width: 57px;
  text-align: center;
  color: #fa8919;
}
.financial-income__associate-dialog .associate-invoice__filter .clear-item {
  cursor: pointer;
  color: #fa8919;
}
.financial-income__associate-dialog .associate-invoice__filter input {
  flex-grow: 1;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
}
.financial-income__associate-dialog .associate-invoice .financial-dialog-label {
  display: flex;
}
.financial-income__associate-dialog .associate-invoice .financial-dialog-label .ibass-info {
  display: inline-flex;
  margin-left: 10px;
  color: #a9a9a9;
}
.financial-income__associate-dialog .associate-invoice__table {
  font-size: 12px;
}
.financial-income__associate-dialog .associate-invoice__table .table-header {
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.financial-income__associate-dialog .associate-invoice__table .table-body .tr-item {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 3px 10px 0;
  box-sizing: border-box;
  word-break: break-all;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr {
  display: flex;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-invoice-title {
  width: 150px;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-invoice-number {
  width: 100px;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-custom-name {
  width: 180px;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-custom-name span {
  display: inline-block;
  word-break: break-all;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-matter-name {
  width: 80px;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-invoice-date {
  width: 80px;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-invoice-value {
  width: 133px;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-invoice-unincome-amount {
  width: 80px;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-relate-value {
  width: 80px;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-relate-btn {
  width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fa8919;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-relate-btn .relate-btn {
  padding-right: 0;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .item-relate-btn .cancel-relate-btn {
  padding-right: 0;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .nfim-input-common {
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 0;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .nfim-input-common input {
  position: static;
  height: auto;
  text-align: center;
  padding-right: 0;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr .nfim-input-common input.readonly {
  background-color: #f8f8f9;
  pointer-events: none;
}
.financial-income__associate-dialog .associate-invoice__table .body-tr.no-invoice {
  justify-content: center;
  align-items: center;
  height: 60px;
  color: #a9a9a9;
}
.financial-income__associate-dialog .associate__footer {
  display: flex;
  justify-content: center;
}
.financial-income__associate-dialog .associate__footer .nfim-save-button {
  margin: 26px;
}
.financial-income__associate-dialog .associate__footer .nfim-save-button.register {
  width: 170px;
}

.finacial-income__claim-income-dialog {
  padding: 20px 0;
}
.finacial-income__claim-income-dialog .ns-popover-tooltip-theme {
  width: 100%;
}
.finacial-income__claim-income-dialog .dialog-content {
  padding: 0 50px;
}
.finacial-income__claim-income-dialog .dialog-title {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.finacial-income__claim-income-dialog .dialog-title .ibass-close {
  position: absolute;
  right: 15px;
}
.finacial-income__claim-income-dialog .claim-item {
  display: inline-flex;
  width: 500px;
  min-height: 32px;
  margin-bottom: 10px;
}
.finacial-income__claim-income-dialog .claim-item .popover-id {
  position: relative;
  width: 330px;
}
.finacial-income__claim-income-dialog .claim-item-label {
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
  width: 130px;
  text-align: right;
}
.finacial-income__claim-income-dialog .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.finacial-income__claim-income-dialog .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.finacial-income__claim-income-dialog .cursor.ibass-trig-down {
  position: absolute;
  right: 0;
  color: #a9a9a9;
  top: 25px;
}
.finacial-income__claim-income-dialog .nfim-input-common .required-icon {
  right: -10px;
}
.finacial-income__claim-income-dialog .body__remark {
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 30px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 20px;
}
.finacial-income__claim-income-dialog .body__remark .claim-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.finacial-income__claim-income-dialog .body__remark .remark-count-prompt {
  color: #737373;
}
.finacial-income__claim-income-dialog .body__remark .remark-red {
  color: #f72b44;
}
.finacial-income__claim-income-dialog .ns-popover-item {
  padding-right: 30px;
  display: flex;
}
.finacial-income__claim-income-dialog .ns-popover-item span {
  display: inline-block;
  width: 100%;
}
.finacial-income__claim-income-dialog .ns-popover-item .check-flag {
  color: #fa8919;
  position: absolute;
  right: 7px;
}
.finacial-income__claim-income-dialog .select-box-list {
  display: inline-block;
}
.finacial-income__claim-income-dialog .select-box-list span {
  display: inline-block;
}
.finacial-income__claim-income-dialog .nfim-input-common.no-select-bgc label {
  z-index: 2;
}
.finacial-income__claim-income-dialog .nfim-input-common.no-select-bgc input {
  background-color: #f8f8f9;
  height: 30px;
}
.finacial-income__claim-income-dialog .nfim-input-common.no-select-bgc .required-icon {
  z-index: 3;
}
.finacial-income__claim-income-dialog .claim-select-matter-name-tpl .matter-list {
  max-height: 185px;
}
.finacial-income__claim-income-dialog .claim-select-matter-name-tpl .matter-list li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.finacial-income__claim-income-dialog .claim-select-matter-name-tpl .matter-list .content-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
}
.finacial-income__claim-income-dialog .claim-select-matter-name-tpl .matter-list .content-wrapper .matter-name,
.finacial-income__claim-income-dialog .claim-select-matter-name-tpl .matter-list .content-wrapper .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.finacial-income__claim-income-dialog .claim-select-matter-name-tpl .matter-list .content-wrapper .matter-no {
  color: #a9a9a9;
}
.finacial-income__claim-income-dialog .claim-select-matter-name-tpl .matter-list .ibass-done {
  height: 44px;
  line-height: 44px;
}
.finacial-income__claim-income-dialog .claim-dialog-person-select .person-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.financial__income-detail {
  position: relative;
  width: 1000px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -15px;
  padding: 0 25px 20px;
  box-sizing: border-box;
}
.financial__income-detail .income-detail__title .title__oparation {
  position: absolute;
  top: 15px;
  right: 0;
}
.financial__income-detail .income-detail__title .title__oparation i {
  position: static;
  display: inline-block;
  padding: 0 20px;
  color: #cdc9c5;
  border-right: 1px solid #cdc9c5;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
}
.financial__income-detail .income-detail__title .title__oparation i::before {
  cursor: pointer;
}
.financial__income-detail .income-detail__title .title__oparation .ibass-close {
  border-right: none;
  padding-right: 0;
}
.financial__income-detail .income-detail__body .body__income-status {
  display: flex;
  justify-content: space-between;
}
.financial__income-detail .income-detail__body .body__income-status .ibass-clock {
  color: #a9a9a9;
  position: relative;
  top: 2px;
}
.financial__income-detail .income-detail__body .body__income-status .opr {
  display: flex;
  align-items: flex-end;
  margin-left: 20px;
}
.financial__income-detail .income-detail__body .body__income-status .opr-btn {
  color: #fa8919;
  margin-right: 5px;
  cursor: pointer;
}
.financial__income-detail .income-detail__body .body__income-status .opr-btn span {
  position: relative;
  top: -2px;
}
.financial__income-detail .income-detail__body .financial-dialog-label {
  margin: 20px 0 10px 0;
}
.financial__income-detail .income-detail__body .body__income-overview .card-wrapper {
  display: inline-block;
  width: 47%;
}
.financial__income-detail .income-detail__body .body__income-overview .income-associate {
  margin-right: 50px;
}
.financial__income-detail .income-detail__body .body__income-overview .card {
  display: flex;
  padding: 10px;
  background-color: #f8f8f9;
}
.financial__income-detail .income-detail__body .body__income-overview .card .card-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #f0f0f0;
}
.financial__income-detail .income-detail__body .body__income-overview .card .last {
  border-right: none;
}
.financial__income-detail .income-detail__body .item-input.has-error {
  border-color: #f72b44 !important;
}
.financial__income-detail .income-detail__body .body__income-info {
  display: flex;
  flex-wrap: wrap;
}
.financial__income-detail .income-detail__body .body__income-info .ns-popover-tooltip-theme {
  width: 100%;
}
.financial__income-detail .income-detail__body .body__income-info .nfim-input-common {
  width: 302px;
  margin-right: 20px;
}
.financial__income-detail .income-detail__body .body__income-info .nfim-input-common:nth-child(3n) {
  margin-right: 0;
}
.financial__income-detail .income-detail__body .info-view .info-list {
  display: flex;
  flex-wrap: wrap;
}
.financial__income-detail .income-detail__body .info-view .info-item {
  margin-right: 20px;
}
.financial__income-detail .income-detail__body .body__project-info--view .no-item {
  pointer-events: none;
  color: #a9a9a9;
}
.financial__income-detail .income-detail__body .body__project-info--view .no-item.no-matter--edit {
  width: 100%;
  pointer-events: unset;
  text-align: center;
  color: #fa8919;
  cursor: pointer;
}
.financial__income-detail .income-detail__body .invoice-associate-label .balance {
  display: inline-block;
  margin-left: 10px;
  color: #a9a9a9;
}
.financial__income-detail .income-detail__body .invoice-associate-label .add-associate {
  display: inline-block;
  color: #fa8919;
  margin-left: 40px;
}
.financial__income-detail .income-detail__body .body__associate .table-header {
  display: flex;
}
.financial__income-detail .income-detail__body .body__associate .body-row {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #e5e5e5;
}
.financial__income-detail .income-detail__body .body__associate .body-row .customer-names {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.financial__income-detail .income-detail__body .body__associate .body-row span {
  box-sizing: border-box;
  padding-right: 10px;
  word-break: break-all;
}
.financial__income-detail .income-detail__body .body__associate .ibass-delete {
  color: #cdc9c5;
  font-size: 18px;
}
.financial__income-detail .income-detail__body .body__associate.view {
  font-size: 12px;
}
.financial__income-detail .income-detail__body .body__associate.view .customer-names {
  width: 150px !important;
}
.financial__income-detail .income-detail__body .body__associate.view .matter-name {
  width: 140px !important;
}
.financial__income-detail .income-detail__body .body__associate.view .invoice-date {
  width: 100px !important;
}
.financial__income-detail .income-detail__body .no-associate-invoice {
  color: #fa8919;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 0;
}
.financial__income-detail .income-detail__body .no-associate-invoice-no-edit {
  color: #a9a9a9;
  font-size: 14px;
  padding: 10px 0;
}
.financial__income-detail .income-detail__body .no-associate-invoice.view {
  color: #a9a9a9;
  text-align: left;
}
.financial__income-detail .income-detail__body .no-matter-has-claimState {
  margin-left: 50px;
}
.financial__income-detail .income-detail__body .no-matter-has-claimState .opr-btn {
  color: #fa8919;
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
}
.financial__income-detail .income-detail__body .no-matter-has-claimState .claim-date {
  margin-bottom: 10px;
}
.financial__income-detail .income-detail__body .no-matter-has-claimState .claim-member {
  margin-bottom: 10px;
}
.financial__income-detail .income-detail__body .no-matter-has-claimState .claim-remark {
  display: flex;
}
.financial__income-detail .income-detail__body .no-matter-has-claimState .claim-remark .claim-remark-label {
  width: 70px;
}
.financial__income-detail .income-detail__body .no-matter-has-claimState .claim-remark .body__remark {
  width: 830px;
  color: #4a4a4a;
}
.financial__income-detail .income-detail__body .body__attachments--readonly {
  color: #a9a9a9;
}
.financial__income-detail .income-detail__body .nfim-input-common .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 0px;
  cursor: pointer;
  color: #cdc9c5;
}
.financial__income-detail .income-detail__body .nfim-input-common .ibass-trig-down.need-right-value {
  right: 15px;
}
.financial__income-detail .income-detail__body .income-input-title {
  position: absolute;
  top: 10px !important;
}
.financial__income-detail .income-detail__body .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.financial__income-detail .income-detail__body .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.financial__income-detail .body__remark {
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 30px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.financial__income-detail .body__remark .income-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
  color: #4a4a4a;
}
.financial__income-detail .body__remark .remark-count-prompt {
  color: #737373;
}
.financial__income-detail .body__remark .remark-red {
  color: #f72b44;
}
.financial__income-detail .body__income-info.read-only {
  pointer-events: none;
}
.financial__income-detail .income-detail__body.save-success {
  margin: 0 -25px;
  padding: 0 25px 1px 25px;
  background-color: #f8f8f9;
  pointer-events: none;
}
.financial__income-detail .income-detail__body.save-success .body__remark {
  margin-bottom: 20px;
}
.financial__income-detail .income-detail__body.save-success textarea {
  background-color: #f8f8f9;
}
.financial__income-detail .nfim-foot .nfim-save-button {
  width: 126px;
  height: 34px;
  display: block;
  border: none;
  margin: 26px auto 0;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 20px;
}
.financial__income-detail .nfim-foot .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
}
.financial__income-detail .nfim-foot .nfim-just-comments .right {
  line-height: 22px;
}
.financial__income-detail .nfim-dynamic-and-comments {
  height: auto;
  padding: 20px 25px 0;
  background: #f8f8f9;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
  margin-top: 20px;
}
.financial__income-detail .nfim-none-style {
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  margin-bottom: 20px;
  line-height: 22px;
  font-size: 14px;
}
.financial__income-detail .associate-invoice .financial-dialog-label {
  display: flex;
}
.financial__income-detail .associate-invoice .financial-dialog-label .ibass-info {
  display: inline-flex;
  margin-left: 10px;
  color: #a9a9a9;
}
.financial__income-detail .no-matter-no-claimState {
  text-align: center;
  padding: 10px 0;
  color: #fa8919;
}
.financial__income-detail .no-matter-no-claimState.view {
  text-align: left;
  color: #a9a9a9;
}
.financial__income-detail .matter-info-wrapper.has-matter {
  display: flex;
  flex-wrap: wrap;
}
.financial__income-detail .matter-info-wrapper.has-matter .nfim-input-common {
  margin-right: 20px;
}
.financial__income-detail .matter-info-wrapper.has-matter .nfim-input-common:nth-child(3n) {
  margin-right: 0;
}
.financial__income-detail .associate-invoice__filter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.financial__income-detail .associate-invoice__filter .filter-item {
  display: inline-flex;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 10px;
  align-items: center;
}
.financial__income-detail .associate-invoice__filter .filter-item .label {
  margin-right: 10px;
}
.financial__income-detail .associate-invoice__filter .filter-item.read-only {
  background-color: #f5f5f5;
  pointer-events: none;
}
.financial__income-detail .associate-invoice__filter .filter-item.read-only input {
  background-color: #f5f5f5;
}
.financial__income-detail .associate-invoice__filter .filter-item.open-date {
  width: 91%;
}
.financial__income-detail .associate-invoice__filter .filter-item.no-margin-right {
  margin-right: 0;
}
.financial__income-detail .associate-invoice__filter .search-item {
  cursor: pointer;
  width: 57px;
  text-align: center;
  color: #fa8919;
}
.financial__income-detail .associate-invoice__filter .clear-item {
  cursor: pointer;
  color: #fa8919;
}
.financial__income-detail .associate-invoice__filter input {
  flex-grow: 1;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
}
.financial__income-detail .associate-invoice__table .table-header {
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.financial__income-detail .associate-invoice__table .table-body .tr-item {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 3px 10px 0;
  box-sizing: border-box;
}
.financial__income-detail .associate-invoice__table .body-tr {
  display: flex;
}
.financial__income-detail .associate-invoice__table .body-tr .item-invoice-title {
  width: 130px;
}
.financial__income-detail .associate-invoice__table .body-tr .item-invoice-number {
  width: 100px;
}
.financial__income-detail .associate-invoice__table .body-tr .item-custom-name {
  width: 150px;
}
.financial__income-detail .associate-invoice__table .body-tr .item-custom-name span {
  display: inline-block;
  word-break: break-all;
}
.financial__income-detail .associate-invoice__table .body-tr .item-matter-name {
  width: 120px;
}
.financial__income-detail .associate-invoice__table .body-tr .item-invoice-date {
  width: 100px;
}
.financial__income-detail .associate-invoice__table .body-tr .item-invoice-value {
  width: 133px;
  text-align: center;
}
.financial__income-detail .associate-invoice__table .body-tr .item-invoice-unincome-amount {
  width: 80px;
  text-align: center;
}
.financial__income-detail .associate-invoice__table .body-tr .item-relate-value {
  width: 80px;
}
.financial__income-detail .associate-invoice__table .body-tr .item-relate-value input {
  width: 80px;
  box-sizing: border-box;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
}
.financial__income-detail .associate-invoice__table .body-tr .item-relate-btn {
  color: #fa8919;
  width: 70px;
  text-align: center;
}
.financial__income-detail .associate-invoice__table .body-tr .item-relate-btn span {
  cursor: pointer;
  display: block;
}
.financial__income-detail .associate-invoice__table .body-tr .item-relate-btn .associate-btn {
  margin-bottom: 10px;
}
.financial__income-detail .associate-invoice__table .body-tr.no-invoice {
  justify-content: center;
  align-items: center;
  height: 60px;
  color: #a9a9a9;
}
.financial__income-detail .unknown-register .financial-dialog-label {
  display: flex;
}
.financial__income-detail .unknown-register .financial-dialog-label .ibass-info {
  display: inline-flex;
  margin-left: 10px;
  color: #a9a9a9;
}
.financial__income-detail .unknown-register__range .ibass-checked {
  color: #fa8919;
}
.financial__income-detail .unknown-register__range input {
  width: 200px;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
}
.financial__income-detail .unknown-register__range .range-item {
  display: flex;
  margin-bottom: 10px;
}
.financial__income-detail .unknown-register__range .check-box {
  margin-right: 5px;
}
.financial__income-detail .unknown-register__range .popover-wrapper {
  position: relative;
}
.financial__income-detail .unknown-register__range label {
  display: inline-block;
  width: 140px;
  margin-bottom: 5px;
}
.financial__income-detail .btn-wrapper {
  display: flex;
  justify-content: center;
}
.financial__income-detail .btn-wrapper .nfim-save-button {
  margin: 26px 10px 26px 10px;
}
.financial__income-detail .income-create-select-matter-tpl .matter-list {
  max-height: 185px;
}
.financial__income-detail .income-create-select-matter-tpl .matter-list li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.financial__income-detail .income-create-select-matter-tpl .matter-list .content-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
}
.financial__income-detail .income-create-select-matter-tpl .matter-list .content-wrapper .matter-name,
.financial__income-detail .income-create-select-matter-tpl .matter-list .content-wrapper .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.financial__income-detail .income-create-select-matter-tpl .matter-list .content-wrapper .matter-no {
  color: #a9a9a9;
}
.financial__income-detail .income-create-select-matter-tpl .matter-list .ibass-done {
  height: 44px;
  line-height: 44px;
}
.financial__income-detail .income-create-select-matter-tpl input::placeholder {
  font-size: 12px;
}
.financial__income-detail .nfim-input-common.no-select-bgc label {
  z-index: 2;
}
.financial__income-detail .nfim-input-common.no-select-bgc input {
  background-color: #f8f8f9;
  height: 30px;
}
.financial__income-detail .nfim-input-common.no-select-bgc .required-icon {
  z-index: 3;
}

.financial-income__claim-dialog {
  position: relative;
  min-height: 500px;
  padding: 0 20px 30px 20px;
}
.financial-income__claim-dialog .body__income-status {
  display: flex;
  justify-content: space-between;
}
.financial-income__claim-dialog .body__income-status .ibass-clock {
  color: #a9a9a9;
  position: relative;
  top: 2px;
}
.financial-income__claim-dialog .body__income-status .opr {
  display: flex;
  align-items: flex-end;
  margin-left: 20px;
}
.financial-income__claim-dialog .body__income-status .opr-btn {
  color: #fa8919;
  margin-right: 5px;
  cursor: pointer;
}
.financial-income__claim-dialog .body__income-status .opr-btn span {
  position: relative;
  top: -2px;
}
.financial-income__claim-dialog .body__income-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  padding: 0 20px 20px 20px;
  background-color: #f8f8f9;
}
.financial-income__claim-dialog .body__income-info .nfim-input-common {
  width: 306px;
  margin-right: 20px;
}
.financial-income__claim-dialog .body__income-info .nfim-input-common:nth-child(3n) {
  margin-right: 0;
}
.financial-income__claim-dialog .body__income-info .nfim-input-common .label-noactive {
  position: absolute;
  top: 30px;
}
.financial-income__claim-dialog .body__income-info .nfim-input-common .label-active {
  position: absolute;
}
.financial-income__claim-dialog .body__income-info.no-bgc {
  background-color: #fff;
}
.financial-income__claim-dialog .claim__title {
  margin-bottom: 30px;
}
.financial-income__claim-dialog .claim__title i {
  position: absolute;
  right: 15px;
  top: 10px;
}
.financial-income__claim-dialog .balance {
  margin-bottom: 10px;
}
.financial-income__claim-dialog .associate-invoice__filter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.financial-income__claim-dialog .associate-invoice__filter .filter-item {
  display: inline-flex;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 10px;
  align-items: center;
}
.financial-income__claim-dialog .associate-invoice__filter .filter-item .label {
  margin-right: 10px;
}
.financial-income__claim-dialog .associate-invoice__filter .filter-item.open-date {
  width: 90%;
}
.financial-income__claim-dialog .associate-invoice__filter .filter-item.no-margin-right {
  margin-right: 0;
}
.financial-income__claim-dialog .associate-invoice__filter .search-item {
  cursor: pointer;
  width: 57px;
  text-align: center;
  color: #fa8919;
}
.financial-income__claim-dialog .associate-invoice__filter .clear-item {
  cursor: pointer;
  color: #fa8919;
}
.financial-income__claim-dialog .associate-invoice__filter input {
  flex-grow: 1;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
}
.financial-income__claim-dialog .associate-invoice .financial-dialog-label {
  display: flex;
}
.financial-income__claim-dialog .associate-invoice .financial-dialog-label .ibass-info {
  display: inline-flex;
  margin-left: 10px;
  color: #a9a9a9;
}
.financial-income__claim-dialog .associate-invoice__table {
  font-size: 12px;
}
.financial-income__claim-dialog .associate-invoice__table .table-header {
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.financial-income__claim-dialog .associate-invoice__table .table-body .tr-item {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 3px 10px 0;
  box-sizing: border-box;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr {
  display: flex;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-invoice-title {
  width: 150px;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-invoice-number {
  width: 100px;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-custom-name {
  width: 180px;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-custom-name span {
  display: inline-block;
  word-break: break-all;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-matter-name {
  width: 80px;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-invoice-date {
  width: 80px;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-invoice-value {
  width: 133px;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-invoice-unincome-amount {
  width: 80px;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-relate-value {
  width: 80px;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-relate-value input {
  width: 80px;
  box-sizing: border-box;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-relate-btn {
  color: #fa8919;
  width: 70px;
  text-align: right;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr .item-relate-btn span {
  cursor: pointer;
  display: block;
}
.financial-income__claim-dialog .associate-invoice__table .body-tr.no-invoice {
  justify-content: center;
  align-items: center;
  height: 60px;
  color: #a9a9a9;
}
.financial-income__claim-dialog .unknown-register .financial-dialog-label {
  display: flex;
}
.financial-income__claim-dialog .unknown-register .financial-dialog-label .ibass-info {
  display: inline-flex;
  margin-left: 10px;
  color: #a9a9a9;
}
.financial-income__claim-dialog .unknown-register__range .ibass-checked {
  color: #fa8919;
}
.financial-income__claim-dialog .unknown-register__range input {
  width: 200px;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
}
.financial-income__claim-dialog .unknown-register__range .range-item {
  display: flex;
  margin-bottom: 10px;
}
.financial-income__claim-dialog .unknown-register__range .range-item .icon {
  margin-right: 5px;
}
.financial-income__claim-dialog .unknown-register__range .range-item.select-department .popover-wrapper {
  position: relative;
  width: 790px;
}
.financial-income__claim-dialog .unknown-register__range label {
  display: inline-block;
  margin-bottom: 5px;
}
.financial-income__claim-dialog .body__remark {
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 30px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 20px;
}
.financial-income__claim-dialog .body__remark .notify-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.financial-income__claim-dialog .body__remark .remark-count-prompt {
  color: #737373;
}
.financial-income__claim-dialog .body__remark .remark-red {
  color: #f72b44;
}
.financial-income__claim-dialog .claim-unknown .claim-members {
  margin-bottom: 10px;
}
.financial-income__claim-dialog .claim-unknown .claim-matter {
  margin: 20px 0;
  display: flex;
  justify-content: center;
}
.financial-income__claim-dialog .claim-unknown .claim-matter .filter-item-label {
  line-height: 28px;
}
.financial-income__claim-dialog .claim-unknown .claim-matter .popover-id {
  position: relative;
}
.financial-income__claim-dialog .claim-unknown .claim-remark {
  display: flex;
}
.financial-income__claim-dialog .claim-unknown .claim-remark .claim-remark-label {
  width: 70px;
}
.financial-income__claim-dialog .claim-unknown .claim-remark .body__remark {
  margin: 0;
  width: 830px;
  flex-grow: 1;
  color: #4a4a4a;
}
.financial-income__claim-dialog .claim-unknown .claim-info .claim-user {
  margin-bottom: 10px;
}
.financial-income__claim-dialog .claim-unknown .claim-info .claim-date {
  margin-bottom: 10px;
}
.financial-income__claim-dialog .claim-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.financial-income__claim-dialog .ns-popover-tooltip-theme {
  width: 100%;
}
.financial-income__claim-dialog .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.financial-income__claim-dialog .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.financial-income__claim-dialog .cursor.ibass-trig-down {
  position: absolute;
  right: 0;
  color: #a9a9a9;
  top: 25px;
}
.financial-income__claim-dialog .nfim-input-common .required-icon {
  right: -10px;
}
.financial-income__claim-dialog #financial__unknown-registration__user-and-department .ns-popover-tooltip-theme {
  width: auto;
}
.financial-income__claim-dialog .nfim-input-common.no-select-bgc label {
  z-index: 2;
}
.financial-income__claim-dialog .nfim-input-common.no-select-bgc input {
  background-color: #f8f8f9;
  height: 30px;
}
.financial-income__claim-dialog .nfim-input-common.no-select-bgc .required-icon {
  z-index: 3;
  right: 0;
}
.financial-income__claim-dialog .unknown-select-matter-tpl .matter-list {
  max-height: 185px;
}
.financial-income__claim-dialog .unknown-select-matter-tpl .matter-list li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.financial-income__claim-dialog .unknown-select-matter-tpl .matter-list .content-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
}
.financial-income__claim-dialog .unknown-select-matter-tpl .matter-list .content-wrapper .matter-name,
.financial-income__claim-dialog .unknown-select-matter-tpl .matter-list .content-wrapper .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.financial-income__claim-dialog .unknown-select-matter-tpl .matter-list .content-wrapper .matter-no {
  color: #a9a9a9;
}
.financial-income__claim-dialog .unknown-select-matter-tpl .matter-list .ibass-done {
  height: 44px;
  line-height: 44px;
}

.financial__invoice-detail {
  padding-top: 10px;
  padding-bottom: 30px;
}
.financial__invoice-detail .invoice-detail__title .title__oparation {
  display: inline-flex;
  float: right;
  margin-top: 10px;
}
.financial__invoice-detail .invoice-detail__title .title__oparation i {
  height: 18px;
  font-size: 18px;
  color: #cdc9c5;
  font-weight: 600;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #cdc9c5;
}
.financial__invoice-detail .invoice-detail__title .title__oparation i::before {
  position: relative;
  top: -4px;
}
.financial__invoice-detail .invoice-detail__title .title__oparation .ibass-close {
  position: static;
  padding-right: 0;
  margin-right: 0;
  border: none;
}
.financial__invoice-detail .body__invoice-status {
  display: flex;
  justify-content: space-between;
}
.financial__invoice-detail .body__invoice-status .status-wrapper {
  display: flex;
}
.financial__invoice-detail .body__invoice-status .status-wrapper .claim-status,
.financial__invoice-detail .body__invoice-status .status-wrapper .invoice-status {
  margin-right: 10px;
}
.financial__invoice-detail .body__invoice-status .opr-wrapper {
  display: flex;
}
.financial__invoice-detail .body__invoice-status .ibass-clock {
  color: #a9a9a9;
  margin-right: 5px;
}
.financial__invoice-detail .body__invoice-status .opr {
  display: flex;
  align-items: flex-end;
}
.financial__invoice-detail .body__invoice-status .opr-btn {
  color: #fa8919;
  margin-left: 15px;
  cursor: pointer;
}
.financial__invoice-detail .body__invoice-status .opr-btn span {
  position: relative;
  top: -2px;
}
.financial__invoice-detail .body__invoice-status .issue-btn,
.financial__invoice-detail .body__invoice-status .restart-btn {
  color: #1ac031;
}
.financial__invoice-detail .body__invoice-status .reject-issue-btn {
  color: #f72b44;
}
.financial__invoice-detail .invoice-detail__body .readonly {
  pointer-events: none;
}
.financial__invoice-detail .invoice-detail__body .nfim-input-common .label-noactive {
  position: absolute;
  top: 30px;
}
.financial__invoice-detail .invoice-detail__body .nfim-input-common .label-active {
  position: absolute;
}
.financial__invoice-detail .invoice-detail__body .body__income-info {
  display: flex;
}
.financial__invoice-detail .invoice-detail__body .card-wrapper {
  display: inline-block;
  flex: 1;
}
.financial__invoice-detail .invoice-detail__body .card-wrapper .label {
  margin-bottom: 10px;
}
.financial__invoice-detail .invoice-detail__body .card {
  display: flex;
  padding: 20px 10px;
  background-color: #f8f8f9;
  border-radius: 6px;
}
.financial__invoice-detail .invoice-detail__body .card .card-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #f0f0f0;
}
.financial__invoice-detail .invoice-detail__body .card .last {
  border-right: none;
}
.financial__invoice-detail .invoice-detail__body .body__matter-info {
  display: flex;
  flex-wrap: wrap;
}
.financial__invoice-detail .invoice-detail__body .body__matter-info .nfim-input-common {
  width: 303px;
  margin-right: 20px;
}
.financial__invoice-detail .invoice-detail__body .body__matter-info .nfim-input-common:nth-child(3n) {
  margin-right: 0;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info {
  display: flex;
  flex-wrap: wrap;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .goverment-select {
  display: flex;
  align-items: flex-end;
  color: #a9a9a9;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .goverment-select .ibass-task-check {
  color: #a9a9a9;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .goverment-select .ibass-done {
  color: #fa8919;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .goverment-select span {
  padding: 0 0 2px 5px;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .invoice-type {
  display: flex;
  align-items: flex-end;
  margin-right: 20px;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .invoice-type .type-item {
  display: inline-block;
  margin-right: 21px;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .invoice-type label {
  position: relative;
  top: -2px;
  color: #a9a9a9;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .invoice-type .ibass-task-check {
  color: #a9a9a9;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .invoice-type .ibass-done {
  color: #fa8919;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .lawyer-amount,
.financial__invoice-detail .invoice-detail__body .body__invoice-info .vat-value {
  display: flex;
  align-items: flex-end;
  color: #a9a9a9;
  height: 55px;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .lawyer-amount {
  margin-right: 20px;
}
.financial__invoice-detail .invoice-detail__body .big-invoice,
.financial__invoice-detail .invoice-detail__body .little-invoice {
  display: flex;
  width: 100%;
}
.financial__invoice-detail .invoice-detail__body .little-invoice {
  flex-wrap: wrap;
}
.financial__invoice-detail .invoice-detail__body .little-invoice .invoice-cancel-status {
  height: 55px;
  display: flex;
  align-items: flex-end;
  color: #e74955;
}
.financial__invoice-detail .invoice-detail__body .financial-dialog-label.associate-label .ibass-edit {
  color: #fa8919;
}
.financial__invoice-detail .invoice-detail__body .income-table__header {
  display: flex;
}
.financial__invoice-detail .invoice-detail__body .income-table__body .tr {
  display: flex;
}
.financial__invoice-detail .invoice-detail__body .income-table__body .no-relation {
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
  color: #a9a9a9;
}
.financial__invoice-detail .invoice-detail__body .income-table__body input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
}
.financial__invoice-detail .invoice-detail__body .income-table__body input.has-error {
  border-bottom: 1px solid #e74955;
}
.financial__invoice-detail .invoice-detail__body .income-table__body .ibass-add-round {
  color: #fa8919;
  position: relative;
  top: 2px;
}
.financial__invoice-detail .nfim-input-common.matter-customer {
  margin-right: 20px;
  width: 303px;
}
.financial__invoice-detail .body__remark--readonly {
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 30px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.financial__invoice-detail .body__remark--readonly .invoice-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
  color: #4a4a4a;
}
.financial__invoice-detail .nfim-input-common.matter-customer.no-margin {
  margin-right: 0;
  width: 304px;
}
.financial__invoice-detail .nfim-just-comments .right {
  line-height: 22px;
}
.financial__invoice-detail .nfim-dynamic-and-comments {
  height: auto;
  padding: 20px 25px 0;
  background: #f8f8f9;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
  margin-top: 20px;
}
.financial__invoice-detail .copy-part {
  display: inline-block;
  line-height: 40px;
  border-bottom-color: #ebebeb !important;
}

.financial-invoice__issue-invoice {
  padding: 20px;
}
.financial-invoice__issue-invoice .financial-dialog-label {
  margin: 20px 0 10px 0;
}
.financial-invoice__issue-invoice .info-check {
  display: flex;
  flex-wrap: wrap;
}
.financial-invoice__issue-invoice .info-check span {
  margin-right: 40px;
}
.financial-invoice__issue-invoice .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.financial-invoice__issue-invoice .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.financial-invoice__issue-invoice .enter-invoice {
  border: 1px solid #ebebeb;
}
.financial-invoice__issue-invoice .enter-invoice .enter-item .enter-invoice__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f8f9;
  padding: 5px 20px;
  border-bottom: 1px solid #ebebeb;
}
.financial-invoice__issue-invoice .enter-invoice .enter-item .enter-invoice__title .operate {
  color: #a9a9a9;
}
.financial-invoice__issue-invoice .enter-invoice .enter-item .enter-invoice__body {
  padding: 20px;
  border-bottom: 1px solid #ebebeb;
}
.financial-invoice__issue-invoice .enter-invoice .enter-item .nfim-input-common {
  display: inline-block;
}
.financial-invoice__issue-invoice .enter-invoice .enter-item .nfim-input-common .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 0;
  cursor: pointer;
  color: #cdc9c5;
}
.financial-invoice__issue-invoice .enter-invoice .enter-item .invoice-date-input {
  margin-right: 0;
}
.financial-invoice__issue-invoice .enter-invoice .enter-item .income-input-title {
  position: absolute;
  top: 10px!important;
}
.financial-invoice__issue-invoice .enter-invoice .enter-item .attachments {
  margin-top: 15px;
}
.financial-invoice__issue-invoice .enter-overview {
  display: flex;
  justify-content: flex-end;
  padding: 10px 20px 10px 20px;
}
.financial-invoice__issue-invoice .enter-overview .enter-button {
  color: #fa8919;
  display: flex;
}
.financial-invoice__issue-invoice .enter-overview .enter-button .ibass-add-round {
  margin-right: 5px;
}
.financial-invoice__issue-invoice .enter-overview .enter-button.enter-disabled {
  color: #a9a9a9;
  pointer-events: none;
}
.financial-invoice__issue-invoice .enter-overview .enter-total .invoice-total {
  display: inline-block;
  margin-right: 20px;
}
.financial-invoice__issue-invoice .enter-overview.can-add {
  justify-content: space-between;
}
.financial-invoice__issue-invoice .issue-invoice__footer {
  display: flex;
  justify-content: center;
}
.financial-invoice__issue-invoice .issue-invoice__footer .nfim-save-button {
  margin: 26px 0;
}
.financial-invoice__issue-invoice .issue-invoice__footer .cancel-button {
  float: left;
  color: #4a4a4a;
  background-color: #f8f8f9;
  margin-right: 20px;
}

.financial-invoice__income-associate {
  padding: 0 20px 20px 20px;
  min-height: 300px;
}
.financial-invoice__income-associate .associate__title .title__oparation {
  display: flex;
  align-items: center;
  float: right;
  margin-top: 10px;
}
.financial-invoice__income-associate .associate__title .title__oparation i {
  position: static;
  display: inline-block;
  padding: 0 20px;
  color: #cdc9c5;
  border-right: 1px solid #cdc9c5;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
}
.financial-invoice__income-associate .associate__title .title__oparation i::before {
  cursor: pointer;
}
.financial-invoice__income-associate .associate__title .title__oparation .ibass-close {
  border-right: none;
  padding-right: 0;
}
.financial-invoice__income-associate .associate__body {
  font-size: 12px;
}
.financial-invoice__income-associate .associate__body .list-header {
  display: flex;
}
.financial-invoice__income-associate .associate__body .list-body .row {
  display: flex;
  padding: 5px 0;
  align-items: center;
}
.financial-invoice__income-associate .associate__body .list-body .row span {
  word-break: break-all;
  padding-right: 15px;
}
.financial-invoice__income-associate .associate__body .list-body .row .item-relate-btn {
  padding-right: 0;
}
.financial-invoice__income-associate .associate__body .list-body .row .item-relate-btn .relate-btn {
  padding-right: 0;
}
.financial-invoice__income-associate .associate__body .list-body .row .item-relate-btn .cancel-relate-btn {
  padding-right: 0;
}
.financial-invoice__income-associate .associate__body .list-body input {
  flex-grow: 1;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
}
.financial-invoice__income-associate .associate__body .list-body input.readonly {
  background-color: #f8f8f9;
  pointer-events: none;
}
.financial-invoice__income-associate .associate__body .nfim-input-common {
  height: auto;
}
.financial-invoice__income-associate .associate__body .nfim-input-common input {
  height: auto;
}
.financial-invoice__income-associate .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
}

.financial__invoice-create {
  position: relative;
  width: 1000px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -15px;
  padding: 0 25px 20px;
  box-sizing: border-box;
}
.financial__invoice-create .connect-toggle {
  margin: 0 15px;
}
.financial__invoice-create .connect-toggle .animation-toggle {
  float: none;
  display: inline;
  top: 0px;
}
.financial__invoice-create .connect-tip {
  color: #a9a9a9;
}
.financial__invoice-create .nfim-input-common .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 0;
  cursor: pointer;
  color: #cdc9c5;
}
.financial__invoice-create .nfim-input-common.no-select-bgc label {
  z-index: 2;
}
.financial__invoice-create .nfim-input-common.no-select-bgc input {
  background-color: #f8f8f9;
  height: 30px;
}
.financial__invoice-create .nfim-input-common.no-select-bgc .required-icon {
  z-index: 3;
}
.financial__invoice-create .income-input-title {
  position: absolute;
  top: 10px !important;
}
.financial__invoice-create .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.financial__invoice-create .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.financial__invoice-create .body__contract-associate .table-header {
  display: flex;
}
.financial__invoice-create .body__contract-associate .body-row {
  display: flex;
}
.financial__invoice-create .body__contract-associate .body-row span {
  display: inline-flex;
  box-sizing: border-box;
  padding-right: 10px;
  word-break: break-all;
  flex-wrap: wrap;
}
.financial__invoice-create .body__contract-associate .page {
  display: flex;
}
.financial__invoice-create .no-associate-income {
  display: flex;
  justify-content: center;
}
.financial__invoice-create .invoice-type {
  display: flex;
  align-items: flex-end;
  margin-right: 20px;
}
.financial__invoice-create .invoice-type .type-item {
  display: inline-block;
  margin-right: 21px;
}
.financial__invoice-create .invoice-type label {
  position: relative;
  top: -2px;
  color: #a9a9a9;
}
.financial__invoice-create .received-status-select {
  display: flex;
  align-items: flex-end;
}
.financial__invoice-create .received-status-select label {
  position: relative;
  top: -2px;
  color: #a9a9a9;
}
.financial__invoice-create .received-status-select .required-icon {
  margin-right: 10px;
  color: #f72b44;
}
.financial__invoice-create .ibass-task-check {
  color: #a9a9a9;
}
.financial__invoice-create .ibass-done:not(.company-status-icon) {
  color: #fa8919;
}
.financial__invoice-create .invoice-title-input .companyStatusIcon {
  color: initial;
}
.financial__invoice-create .little-invoice {
  display: flex;
  flex-wrap: wrap;
}
.financial__invoice-create .lawyer-amount,
.financial__invoice-create .vat-value {
  display: flex;
  height: 55px;
  align-items: flex-end;
  color: #a9a9a9;
  margin-right: 20px;
}
.financial__invoice-create .vat-value {
  margin-right: 50px;
}
.financial__invoice-create .no-tax-payer-id {
  width: 345px;
}
.financial__invoice-create .no-tax-payer-id label {
  z-index: 2;
}
.financial__invoice-create .no-tax-payer-id input {
  height: 31px;
  background-color: #f8f8f9;
  pointer-events: none;
}
.financial__invoice-create .goverment-select {
  display: flex;
  align-items: flex-end;
  color: #a9a9a9;
}
.financial__invoice-create .goverment-select .ibass-task-check {
  color: #a9a9a9;
}
.financial__invoice-create .goverment-select .ibass-done {
  color: #fa8919;
}
.financial__invoice-create .goverment-select span {
  padding: 0 0 2px 5px;
}
.financial__invoice-create .body__part-info {
  display: flex;
  flex-wrap: wrap;
}
.financial__invoice-create .body__part-info .ns-popover-tooltip-theme {
  width: 100%;
}
.financial__invoice-create .body__remark {
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 30px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.financial__invoice-create .body__remark .invoice-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.financial__invoice-create .body__remark .remark-count-prompt {
  color: #737373;
}
.financial__invoice-create .body__remark .remark-red {
  color: #f72b44;
}
.financial__invoice-create .body__remark--readonly {
  margin-bottom: 20px;
}
.financial__invoice-create .body__remark--readonly.no-remark {
  color: #a9a9a9;
}
.financial__invoice-create .body__attachments--readonly {
  color: #a9a9a9;
  margin-bottom: 10px;
}
.financial__invoice-create .matter-finance-select-box li {
  display: flex;
}
.financial__invoice-create .matter-finance-select-box li .matter-name {
  flex-grow: 1;
}
.financial__invoice-create .matter-finance-select-box li .check-flag {
  width: 30px;
  text-align: center;
}
.financial__invoice-create .ns-popover-tooltip.ns-popover-tooltip-no-margin .department-item,
.financial__invoice-create .ns-popover-tooltip.ns-popover-tooltip-no-margin .applicant-item,
.financial__invoice-create .ns-popover-tooltip.ns-popover-tooltip-no-margin .vat-type-item {
  display: flex;
}
.financial__invoice-create .ns-popover-tooltip.ns-popover-tooltip-no-margin .department-item span,
.financial__invoice-create .ns-popover-tooltip.ns-popover-tooltip-no-margin .applicant-item span,
.financial__invoice-create .ns-popover-tooltip.ns-popover-tooltip-no-margin .vat-type-item span {
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial__invoice-create .ns-popover-tooltip.ns-popover-tooltip-no-margin .department-item i,
.financial__invoice-create .ns-popover-tooltip.ns-popover-tooltip-no-margin .applicant-item i,
.financial__invoice-create .ns-popover-tooltip.ns-popover-tooltip-no-margin .vat-type-item i {
  position: absolute;
  right: 0;
  width: 30px;
  text-align: center;
}
.financial__invoice-create .approve-flow .approve-flow-header {
  height: 23px;
  margin-top: 20px;
}
.financial__invoice-create .approve-flow .approve-flow-header .approve-flow-title {
  padding-bottom: 5px;
  border-bottom: 2px solid #fa8919;
}
.financial__invoice-create .approval-custom-edit .custom-edit-for-others .title {
  padding-bottom: 0;
}
.financial__invoice-create .invoice-select-matter-tpl input::placeholder {
  font-size: 12px;
}
.financial__invoice-create .matter-finance-select-box.matter-list {
  max-height: 185px;
}
.financial__invoice-create .matter-finance-select-box.matter-list li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 5px 30px 5px 10px;
}
.financial__invoice-create .matter-finance-select-box.matter-list .content-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
}
.financial__invoice-create .matter-finance-select-box.matter-list .content-wrapper .matter-name,
.financial__invoice-create .matter-finance-select-box.matter-list .content-wrapper .matter-no {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.financial__invoice-create .matter-finance-select-box.matter-list .content-wrapper .matter-no {
  color: #a9a9a9;
}
.financial__invoice-create .matter-finance-select-box.matter-list .ibass-done {
  position: absolute;
  right: 0;
  height: 44px;
  line-height: 44px;
}
.financial__invoice-create .invoice-enter-select-applicant .applicant-name {
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial__invoice-create .invoice-enter-select-applicant .ibass-done {
  position: absolute;
  right: 0;
}

.check-reject-dialog {
  height: 300px;
  padding: 0 20px;
}
.check-reject-dialog .check-reject-dialog-title {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;
  margin-bottom: 20px;
  line-height: 80px;
}
.check-reject-dialog .check-reject-dialog-title span {
  padding: 0 20px;
  background-color: #fff;
  font-size: 16px;
}
.check-reject-dialog .check-textarea {
  margin: 30px 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  padding: 10px;
  border-radius: 5px;
  height: 130px;
}
.check-reject-dialog .check-textarea textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border: none;
  outline: none;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 24px;
}

.financial-invoice-quick-add-income {
  padding: 0 20px 20px 20px;
}
.financial-invoice-quick-add-income .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.financial-invoice-quick-add-income .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.financial-invoice-quick-add-income .financial-dialog-title {
  margin-bottom: 30px;
}
.financial-invoice-quick-add-income .content-tip {
  margin-bottom: 15px;
  color: #a9a9a9;
}
.financial-invoice-quick-add-income .nfim-input-common {
  position: relative;
}
.financial-invoice-quick-add-income .nfim-input-common .ibass-trig-down {
  position: absolute;
  right: 15px;
  top: 24px;
  color: #a9a9a9;
}

.cost-list-dialog {
  min-height: 600px;
  padding: 0 20px;
}
.cost-list-dialog .finance-wrap {
  padding: 0;
}
.cost-list-dialog .financial-search-container {
  height: 30px!important;
}
.cost-list-dialog .back-clean .ibass-close {
  top: -3px !important;
}
.cost-list-dialog .billStatus {
  display: none!important;
}
.cost-list-dialog .currentUserName {
  display: none!important;
}
.cost-list-dialog .cost-list-dialog-title {
  height: 50px;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  line-height: 96px;
  margin-bottom: 30px;
}
.cost-list-dialog .cost-list-dialog-title span {
  padding: 0 10px;
  background-color: #fff;
}
.cost-list-dialog .cost-list-dialog-body {
  font-size: 12px;
}
.cost-list-dialog .cost-list-dialog-body .financial-title {
  display: none;
}
.cost-list-dialog .cost-add-dialog-body .financial-expense-detail {
  padding: 0;
  box-shadow: initial;
  margin: 0;
  border-radius: 0;
  width: auto;
  min-height: 600px;
}
.cost-list-dialog .cost-add-dialog-body .financial-expense-detail__header,
.cost-list-dialog .cost-add-dialog-body .nfim-entirety-operation-wrap {
  display: none;
}
.cost-list-dialog .cost-add-dialog-body li.expense__item {
  height: 54px!important;
}
.cost-list-dialog .cost-add-dialog-body .nfim-input-common {
  width: 288px!important;
}
.cost-list-dialog .cost-add-dialog-body .financial-expense-handler {
  margin-left: 20px;
}
.cost-list-dialog .financial-expense-detail__body {
  padding: 0 20px;
}

.i-reim-dialog .reim-approval-custom-edit .custom-edit-for-others .title > span {
  line-height: 30px!important;
}
.i-reim-dialog .reim-approval-custom-edit .custom-edit-for-others .content > div {
  box-sizing: border-box;
}
.i-reim-dialog .reim-dialog-body {
  padding-bottom: 20px;
}
.i-reim-dialog .financial-status-tool .ibass-clock {
  position: relative;
  top: 2px;
  color: #a9a9a9;
}
.i-reim-dialog .financial-status-tool .ibass-approved {
  color: #1ac031;
  position: relative;
  top: 2px;
}
.i-reim-dialog .financial-status-tool .ibass-done {
  color: #1ac031;
  position: relative;
  top: 2px;
}
.i-reim-dialog .financial-status-tool .opr-btn {
  position: relative;
  display: flex;
  height: 20px;
  margin-left: 20px;
  color: #737373;
  align-items: center;
}
.i-reim-dialog .financial-status-tool .opr-btn [class^="ibass-"] {
  position: relative;
  top: 1px;
  margin-right: 3px;
}
.i-reim-dialog .financial-status-tool .opr-btn:hover span {
  color: #fa8919;
}
.i-reim-dialog .financial-status-tool .opr-btn .ibass-loop {
  color: #1ac031;
}
.i-reim-dialog .financial-status-tool .reject-settlement .ibass-reject {
  color: #f72b44;
}
.i-reim-dialog .approve-flow-title {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
}
.i-reim-dialog .reim-financial-approve-flow .approve-flow-title {
  line-height: 30px;
}
.i-reim-dialog .reim-dialog-info {
  display: inline-block;
}
.i-reim-dialog .no-fee-data {
  display: flex;
  justify-content: center;
  color: #a9a9a9;
}
.i-reim-dialog .nfim-input-common .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 15px;
  cursor: pointer;
  color: #cdc9c5;
}
.i-reim-dialog .nfim-input-common .no-long {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  display: inline-block;
}
.i-reim-dialog .reim-margin-right {
  margin-right: 20px;
}
.i-reim-dialog .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
}
.i-reim-dialog .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  display: block;
}
.i-reim-dialog .reim-input-title {
  position: absolute;
  top: 10px!important;
}
.i-reim-dialog .add-reim-detailed {
  float: right;
  color: #a9a9a9;
}
.i-reim-dialog .add-reim-detailed i {
  position: relative;
  top: 2px;
}
.i-reim-dialog .add-reim-detailed:hover {
  color: #fa8919;
}
.i-reim-dialog .reim-detailed-table {
  font-size: 0;
  margin-bottom: 20px;
}
.i-reim-dialog .reim-detailed-table .reim-header {
  display: inline-block;
  font-size: 12px;
  color: #737373;
}
.i-reim-dialog .reim-detailed-table .reim-detailed-tr {
  padding: 14px 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
}
.i-reim-dialog .reim-detailed-table .reim-detailed-body span {
  font-size: 12px;
  display: inline-block;
}
.i-reim-dialog .reim-detailed-table .reim-detailed-body:hover {
  background-color: #f5f5f5;
}
.i-reim-dialog .reim-detailed-table .reim-detailed-body:hover .cost-tool {
  visibility: visible;
}
.i-reim-dialog .reim-detailed-table .cost-amount {
  width: 13%;
}
.i-reim-dialog .reim-detailed-table .cost-type {
  width: 10%;
}
.i-reim-dialog .reim-detailed-table .cost-date {
  width: 10%;
}
.i-reim-dialog .reim-detailed-table .cost-handler {
  width: 16%;
}
.i-reim-dialog .reim-detailed-table .cost-remarks {
  width: 25%;
  word-break: break-all;
}
.i-reim-dialog .reim-detailed-table .enclosure {
  width: 14%;
  padding-left: 10px;
}
.i-reim-dialog .reim-detailed-table .enclosure .view-enclosure {
  margin-left: 20px;
  color: #a9a9a9;
  color: #fa8919;
}
.i-reim-dialog .reim-detailed-table .cost-tool {
  visibility: hidden;
  width: 10%;
}
.i-reim-dialog .reim-detailed-table .cost-tool i {
  margin-right: 10px;
  color: #a9a9a9;
  cursor: pointer;
}
.i-reim-dialog .reim-detailed-table .cost-tool i:hover {
  color: #fa8919;
}
.i-reim-dialog .nfim-remark-wrap {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 20px;
}
.i-reim-dialog .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.i-reim-dialog .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.i-reim-dialog .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.i-reim-dialog .reim-filter-department {
  position: relative;
}
.i-reim-dialog .reim-doc-list .ibass-download {
  display: none!important;
}
.i-reim-dialog .reim-doc-list li .file-name-click-preview {
  cursor: inherit!important;
}
.i-reim-dialog .nfim-dynamic-and-comments {
  height: auto;
  padding: 20px 25px 0;
  background: #f8f8f9;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
  margin-top: 20px;
}
.i-reim-dialog .reim-detailed-amount {
  height: 64px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.i-reim-dialog .reim-detailed-amount span {
  font-size: 20px;
  font-weight: bold;
}
.i-reim-dialog .reim-detailed-amount .tips {
  font-size: 12px;
  font-weight: 400;
  color: #737373;
}
.i-reim-dialog .reim-detailed-amount .amount {
  color: #fa8919;
  font-size: 26px;
}
.i-reim-dialog .financial-comments-tips {
  position: relative;
  top: 50px;
  left: 26px;
  font-size: 12px;
  color: #a9a9a9;
}
.i-reim-dialog .financial-comments-tips .ibass-info {
  font-size: 14px;
  color: #ccc;
  position: relative;
  top: 2.5px;
}
.i-reim-dialog .financial-dialog-remark p {
  word-break: break-all;
  text-indent: 20px;
}
.reim-dialog-data-files .file-icon {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.reim-dialog-data-files .ns-popover-item {
  padding-right: 40px!important;
}
.reim-dialog-data-files .reim-dialog-data-file {
  position: relative;
}
.reim-dialog-data-files .reim-dialog-data-file:hover .ibass-download {
  display: block;
}
.reim-dialog-data-files .reim-dialog-data-file .ibass-download {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #a9a9a9;
  display: none;
}
.reim-dialog-data-files .reim-dialog-data-file .ibass-download:hover {
  color: #fa8919;
}

.open-status {
  height: 100% !important;
}
.todo-wrap {
  border-radius: 4px;
  cursor: pointer;
  padding: 0 14px;
  box-shadow: 0 0 3px orange;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
}
.todo-wrap:hover {
  height: 100% !important;
  cursor: default;
}
.todo-wrap .todo-title {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
}
.todo-wrap .contract label,
.todo-wrap .invoice label,
.todo-wrap .income label {
  font-weight: 700;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}
.todo-wrap .contract div,
.todo-wrap .invoice div,
.todo-wrap .income div {
  display: flex;
  height: 40px;
  line-height: 40px;
  justify-content: space-between;
}
.todo-wrap .contract .no-remind,
.todo-wrap .invoice .no-remind,
.todo-wrap .income .no-remind {
  justify-content: center;
}
.todo-wrap .number {
  color: #fa8919;
}

.financial-common-chart .matterFilter-item-container {
  padding: 40px 0 25px 70px;
  background-color: #fbfbfb;
  border-radius: 2px;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
  width: 940px;
  margin: 0 auto;
}
.financial-common-chart .financial-info-chart-top {
  position: relative;
}
.financial-common-chart .financial-info-chart-top .time-analysis {
  float: left;
}
.financial-common-chart .financial-info-chart-top .time-analysis .time-range {
  width: auto;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
  height: 20px;
}
.financial-common-chart .financial-info-chart-top .time-analysis .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-common-chart .financial-info-chart-top .time-analysis .time-range-start-stop {
  display: inline-block;
}
.financial-common-chart .financial-info-chart-top .finic-default-screen {
  display: inline-block;
}
.financial-common-chart .financial-info-chart-top .finic-default-margin {
  margin-left: 4px;
}
.financial-common-chart .financial-info-chart-top .finic-default-line {
  display: inline-block;
  width: 1px;
  height: 20px;
  border-right: 1px solid #f5f5f5;
  margin: 0 4px;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar {
  height: 40px;
  line-height: 39px;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 10px;
  color: #737373;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .financial-table-label {
  display: inline-block;
  color: #4a4a4a;
  font-weight: 500;
  padding: 0 4px;
  border-bottom: 2px solid #fa8919;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .fin-download:hover i {
  color: #fa8919;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .fin-download:hover span {
  color: #fa8919;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .chart-nav {
  display: inline-block;
  margin-right: 10px;
  width: 84px;
  text-align: center;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .chart-nav:hover {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .barActive {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .fin-download .ibass-download {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  font-size: 16px;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .fin-download span {
  color: #a9a9a9;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .fin-download:hover {
  color: #fa8919 !important;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .select-matter-analysis {
  margin-right: 20px;
}
.financial-common-chart .financial-info-chart-content .financial-info-chart-bar .select-matter-analysis .ibass-trig-down {
  position: relative;
  top: 2px;
}
.financial-common-chart .financial-info-chart-content .financial-table-header {
  height: 50px;
  border-bottom: 1px solid #f5f5f5;
  margin-top: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.financial-common-chart .financial-info-chart-content .financial-table-header .reim-header {
  display: inline-block;
}
.financial-common-chart .financial-info-chart-content .financial-table-header span {
  display: inline-block;
  font-size: 12px;
  color: #737373;
  padding: 0 4px;
  box-sizing: border-box;
}
.financial-common-chart .financial-info-chart-content .financial-table-header span:hover .financial-head-sort {
  visibility: visible!important;
  font-size: 12px;
}
.financial-common-chart .financial-info-chart-content .financial-table-header .financial-head-sort {
  position: relative;
  top: 2px;
  left: 4px;
  visibility: hidden;
  color: #cdc9c5;
  font-size: 0;
}
.financial-common-chart .financial-info-chart-content .financial-table-header .showfilter .financial-head-sort {
  visibility: visible!important;
  font-size: 12px;
  color: #fa8919;
}
.financial-common-chart .financial-info-chart-content .financial-table-tr {
  position: relative;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  padding: 16px 0;
  font-size: 0;
  cursor: pointer;
}
.financial-common-chart .financial-info-chart-content .financial-table-tr span {
  font-size: 12px;
}
.financial-common-chart .financial-info-chart-content .financial-table-tr .common-span {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all;
  padding: 0 4px;
  box-sizing: border-box;
  vertical-align: middle;
}
.financial-common-chart .financial-info-chart-content .financial-table-tr .financial-tool {
  position: absolute;
  width: 100px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #1ac031;
  padding-left: 40px;
  background-color: #f5f5f5;
  right: 0;
  top: 0;
  display: none;
}
.financial-common-chart .financial-info-chart-content .no-data-list {
  justify-content: center;
}
.financial-common-chart .financial-info-chart-pic {
  display: inline-block;
}
.financial-common-chart .financial-info-chart-pic .financial-chart {
  border-bottom: 1px solid #ebebeb;
}
.financial-common-chart .financial-info-chart-pic .hasFrame {
  border-right: 1px solid #ebebeb;
}
.financial-common-chart .financial-info-more-container {
  min-height: 200px;
  background: #fbfbfb;
  border-radius: 2px;
  border: 1px solid #f2f2f2;
}
.financial-common-chart .financial-info-more-filter {
  padding: 20px;
}
.financial-common-chart .financial-info-more-filter .filter-item {
  display: inline-flex;
  width: 32%;
  min-height: 32px;
  margin-bottom: 10px;
}
.financial-common-chart .financial-info-more-filter .reim-filter__expenser {
  position: relative;
}
.financial-common-chart .financial-info-more-filter .filter-items-matters .drop-menu-show span {
  max-width: 150px!important;
  width: auto!important;
  margin-right: 4px;
}
.financial-common-chart .financial-info-more-filter .reim-filter__sum-filter {
  width: 48%!important;
}
.financial-common-chart .financial-info-more-filter .filter-item-label {
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
}
.financial-common-chart .financial-info-more-filter .filter-item-label span {
  display: inline-block;
  width: 85px;
  text-align: right;
}
.financial-common-chart .financial-info-more-filter .reim-filter__department {
  position: relative;
}
.financial-common-chart .financial-info-more-filter .date-filter {
  width: 48%;
}
.financial-common-chart .financial-info-more-filter .date-picker-container {
  display: flex;
  align-items: center;
  height: 28px;
}
.financial-common-chart .financial-info-more-filter .date-picker-container .finance-timer-select-show {
  display: flex;
  height: 28px;
  align-items: center;
}
.financial-common-chart .financial-info-more-filter .date-picker-container .time-range {
  display: flex;
}
.financial-common-chart .financial-info-more-filter .drop-menu-multiple .drop-menu-check .drop-menu-show span {
  width: 45px;
}
.financial-common-chart .page {
  display: flex;
}
.financial-report-filter {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid #f0f0f0;
}
.financial-report-filter .financial-derpart {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 30px;
}
.financial-report-filter .financial-filter {
  display: flex;
  align-items: center;
  color: #737373;
}
.financial-report-filter .financial-filter .financial-filter-single,
.financial-report-filter .financial-filter .financial-filter-more {
  font-size: 14px;
  display: flex;
  align-content: center;
  align-items: center;
}
.financial-report-filter .financial-filter .financial-filter-single span,
.financial-report-filter .financial-filter .financial-filter-more span {
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.financial-report-filter .financial-filter .financial-filter-single .ibass-trig-down,
.financial-report-filter .financial-filter .financial-filter-more .ibass-trig-down {
  margin-top: 3px;
  font-size: 12px;
  margin-left: 5px;
}
.financial-report-filter .financial-filter .financial-filter-single .custom-list-label,
.financial-report-filter .financial-filter .financial-filter-more .custom-list-label {
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.financial-report-filter .financial-filter .financial-filter-more-choose {
  color: #ed6c00;
}
.financial-report-filter .financial-filter .financial-filter-more-choose .ibass-trig-down {
  color: #ed6c00;
}
.financial-report-filter .financial-filter .financial-filter-line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-left: 16px;
  margin-right: 12px;
}
.financial-report-filter .financial-search {
  justify-content: flex-end;
  width: 300px;
  display: flex;
  align-items: center;
  color: #737373;
  position: relative;
}
.financial-report-filter .financial-search .back-clean {
  position: absolute;
  right: 10px;
  font-size: 12px;
  background-color: #909090;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.financial-report-filter .financial-search .back-clean .ibass-close {
  color: #fff;
  font-size: 12px;
  position: relative;
  top: -1px;
}
.financial-report-filter .financial-search .back-clean:hover {
  background-color: #ed6c00;
}
.financial-report-filter .financial-search .financial-search-container {
  position: relative;
  height: 18px;
  padding: 5px 0;
  border-radius: 20px;
  flex-grow: 1;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.financial-report-filter .financial-search .financial-search-container .financial-search-icon,
.financial-report-filter .financial-search .financial-search-container .financial-search-close {
  width: 30px;
  height: 24px;
  color: #cdc9c5;
  text-align: center;
  margin-top: 4px;
  cursor: pointer;
}
.financial-report-filter .financial-search .financial-search-container .financial-search-input {
  height: 100%;
  border: 0;
  font-size: 12px;
  background: transparent;
  flex-grow: 1;
}
.financial-report-filter .financial-search .financial-search-line {
  width: 1px;
  height: 18px;
  background: #ebebeb;
  margin: 0 15px;
}
.financial-report-filter .financial-search .financial-summary {
  width: auto;
}

.details-view-dialog {
  min-height: 400px;
  padding: 0 20px;
  font-size: 12px;
}
.details-view-dialog .details-view-dialog-title {
  height: 50px;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  line-height: 96px;
  margin-bottom: 30px;
}
.details-view-dialog .details-view-dialog-title span {
  padding: 0 10px;
  background-color: #fff;
  outline: 0px;
  font-size: 14px;
}
.details-view-dialog .details-common {
  display: inline-block;
  padding-left: 10px;
  word-break: break-all;
}
.details-view-dialog .details-view-dialog-header {
  padding: 10px 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}
.details-view-dialog .details-view-dialog-tr {
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}
.details-view-dialog .details-view-dialog-tr:hover {
  background-color: #f5f5f5;
}
.details-view-dialog .details-view-dialog-tr .view-details span {
  padding: 2px 10px;
  border: 1px solid #ccc;
  border-radius: 20px;
  cursor: pointer;
}
.details-view-dialog .details-view-dialog-tr .view-details span:hover {
  background-color: #fa8919;
  border: 1px solid #fa8919;
  color: #fff;
}

.hr-member-addedit .label-noactive {
  position: absolute;
  left: 0;
  top: 30px !important;
  line-height: 28px;
  font-size: 12px;
}
.hr-member-addedit .hr-clean-states {
  position: absolute;
  font-size: 14px;
  right: -8px;
  top: 34px;
  cursor: pointer;
}
.hr-member-addedit .label-active-with-value {
  position: absolute;
  left: 0px;
  color: #ccc;
  font-size: 12px;
  top: 10px !important;
  display: block;
}
.hr-member-addedit .input-large input {
  padding-right: 20px;
}
.hr-member-addedit .matter .edit-view {
  left: 0;
  padding: 0;
  margin: 0;
}
.hr-member-addedit .alphav2-wrap-second {
  display: block;
}
.hr-member-addedit .firm-icon-group {
  color: #a9a9a9;
}
.hr-member-addedit .matter .edit-view .m-select select {
  color: #4a4a4a;
}
.hr-member-addedit .ui-select-match-text span {
  display: inline-block;
  max-width: 246px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hr-member-addedit .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  font-size: 12px;
  display: block;
}
.hr-member-addedit .label-pulldown {
  position: absolute;
  top: 12px;
  right: 0px;
  color: #a9a9a9;
  display: block;
}
.hr-member-addedit .label-required {
  position: absolute;
  top: 30px;
  right: 0px;
  color: #a9a9a9;
  display: block;
  color: red;
}
.hr-member-addedit .ibass-minus-fill {
  position: absolute;
  right: -30px;
  top: 14px;
  color: #cdc9c5;
  font-size: 12px;
  cursor: pointer;
}
.hr-member-addedit .select-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  vertical-align: middle;
}
.hr-member-addedit .selectdept input {
  width: 246px !important;
}
.hr-member-addedit .selectrole input,
.hr-member-addedit .selectrole .ui-select-match {
  width: 120px !important;
}
.hr-member-addedit .selectrole .ui-select-match-text span {
  max-width: 110px !important;
}
.hr-member-addedit .ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #4a4a4a;
}
.hr-member-addedit .ui-select-choices-row-inner div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hr-member-addedit .main-btn:disabled {
  background: #ebebee !important;
  border-color: #ebebee !important;
  cursor: not-allowed;
}
.hr-member-addedit .text-muted {
  color: #a9a9a9;
}
.hr-member-addedit .require-dpt-desc {
  font-size: 12px;
  color: red;
  font-weight: initial;
}
.hr-member-addedit .edit-view .ibass-done:before {
  position: absolute;
  left: 100%;
  margin-left: 5px;
  top: 0;
  color: #1ac031;
}
.hr-member-addedit .verify-loading {
  position: absolute;
  top: 10px;
  width: 15px;
  height: 15px;
}
.hr-member-addedit .verify-phone-loading {
  left: 27px;
}
.hr-member-addedit .verify-email-loading {
  left: 27px;
}
.hr-member-addedit .verify-loading .loading {
  padding: 0;
}
.hr-member-addedit .verify-loading .loading .loader {
  transform: scale(0.2);
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -40px;
  margin-top: -41px;
}
.hr-member-addedit .ddl-search-input {
  padding-top: 0px !important;
  height: 34px !important;
  width: 100% !important;
  border: none !important;
  font-size: smaller !important;
  margin-left: 17px !important;
}
.hr-member-addedit .ibass-search {
  position: absolute !important;
  top: 2px !important;
  left: 11px !important;
}
.hr-member-addedit .ddl-list-selected {
  left: 15px !important;
  font-size: 16px;
}
.hr-member-addedit .ddl-list-name {
  padding-left: 30px;
}
.hr-member-addedit .ibass-checkbox {
  color: #ddd !important;
}
.hr-member-addedit .dcw-phone-box:after {
  content: '';
  display: table;
  clear: both;
  width: 0;
  height: 0;
  visibility: hidden;
}
.hr-member-addedit .dcw-phone-box .dcw-merber-ui-select {
  width: 85px;
  float: left;
}
.hr-member-addedit .dcw-phone-box .dcw-merber-ui-select .input-mid {
  width: 80px!important;
  padding-top: 17px;
}
.hr-member-addedit .dcw-phone-box .dcw-merber-ui-select .input-mid input {
  width: 80px!important;
  line-height: 48px;
}
.hr-member-addedit .dcw-phone-box .dcw-merber-ui-select .input-mid .ui-select-match {
  box-shadow: none;
  width: 80px;
  line-height: 48px;
}
.hr-member-addedit .dcw-phone-box .dcw-merber-ui-select .input-mid .ui-select-match .ui-select-toggle {
  height: inherit;
}
.hr-member-addedit .dcw-phone-box .dcw-merber-ui-select .input-mid .dcw-select-choices {
  width: 240px!important;
  left: -80px;
  top: 55px;
}
.hr-member-addedit .dcw-phone-box .dcw-merber-ui-select .dcw-label-pulldown {
  top: 30px;
}
.hr-member-addedit .dcw-phone-box .dcw-input-phone {
  width: 240px;
}
.hr-member-addedit .dcw-phone-box .dcw-input-box-phone {
  width: 315px;
  display: inline-block;
  position: relative;
  vertical-align: -13px;
}
.hr-member-addedit .dcw-phone-box .dcw-input-box-phone .dcw-input-dcw-phone {
  width: 100%!important;
}
.hr-member-addedit .dcw-phone-box .addmem-phone-zone {
  position: relative;
  display: inline-block;
  width: 85px;
  padding-top: 34px;
  height: 25px;
  border-bottom: 1px solid #F0F0F0;
  cursor: pointer;
}
.hr-member-addedit .dcw-phone-box .addmem-phone-zone .ibass-trig-down {
  float: right;
  margin-right: 10px;
}
.hr-member-addedit .phone-zone-list {
  padding: 15px 0;
}
.hr-member-addedit .phone-zone-list .active {
  background-color: #f8f8f9;
}
.hr-member-addedit .fcn-certified-text {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 12px;
}
.hr-member-addedit .fcn-certified-text .fcn-certified-icon {
  margin-left: 5px;
  vertical-align: middle;
}
.hr-member-addedit .fcn-certified-text.fcn-certified-warning {
  color: #e8263e;
}
.hr-member-addedit .fcn-certified-text.fcn-certified-info {
  color: #f5a623;
}
.hr-member-addedit .fcn-certified-text.fcn-certified-success {
  color: #417505;
}

.hr-member .hr-clean-states {
  position: absolute;
  font-size: 14px;
  right: 100px;
  top: 34px;
  cursor: pointer;
}
.hr-member .tooltip {
  max-width: 150px;
}
.hr-member .hr-line {
  height: 1px;
  border-bottom: 1px solid #f5f5f5;
  margin-top: 10px;
  width: 140px;
}
.hr-member .hr-slider-ul .ibass-dot {
  position: relative;
  top: 2px;
  color: #cdc9c5;
  vertical-align: middle;
  margin-right: 6px;
}
.hr-member .hr-slider-ul li:hover .ibass-dot {
  color: #fa8919;
}
.hr-member .hr-slider-ul .active {
  background: #f8f8f9;
  display: inline-block;
  cursor: pointer;
}
.hr-member .hr-slider-ul .active .ibass-checkmark {
  display: inline-block;
  background-color: transparent;
}
.hr-member .hr-slider-ul .active .ibass-dot {
  color: #fa8919;
}
.hr-member .hr-slider-ul-nav {
  height: 40px;
  line-height: 36px;
}
.hr-member .hr-slider-ul-nav i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  padding: 0 1px;
  font-size: 16px;
}
.hr-member .team-head .cursor:hover i {
  display: inline-block !important;
}
.hr-member .team-head i {
  color: #fa8919;
  height: 30px;
  position: relative;
  top: -4px;
}
.hr-member .team-head th:first-child {
  padding-left: 34px;
}
.hr-member .hr-slider-ul .ibass-checkmark {
  display: none;
  position: absolute;
  right: 10px;
  color: #fa8919;
  font-size: 14px;
  top: 2px;
}
.hr-member .hr-slider-ul li span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 90px;
  vertical-align: middle;
}
.hr-member .reserve-all {
  margin: 20px 0;
  padding: 0 4px;
  cursor: pointer;
  width: 110px;
}
.hr-member .left-part {
  padding: 0 0 0 10px !important;
}
.hr-member .left-part .left-rank-list {
  display: inline-block;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 0px;
}
.hr-member .max100 {
  max-width: 100px;
  min-width: 70px;
}
.hr-member .max70 {
  max-width: 70px;
  min-width: 60px;
}
.hr-member .max30 {
  min-width: 30px;
}
.hr-member .max110 {
  max-width: 110px;
  min-width: 90px;
}
.hr-member .ngdialog-content {
  padding: 20px 0 !important;
}
.hr-member .ui-select-match .btn {
  color: #4a4a4a !important;
}
.hr-member .ui-select-match-text span {
  display: inline-block;
  max-width: 246px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hr-member .matter .edit-view {
  left: 0;
  padding: 0;
  top: 0;
}
.hr-member .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  font-size: 12px;
}
.hr-member .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  font-size: 12px;
  display: block;
}
.hr-member .label-pulldown {
  position: absolute;
  top: 12px;
  right: 0px;
  color: #a9a9a9;
  display: block;
}
.hr-member .label-required {
  position: absolute;
  top: 30px;
  right: 0px;
  color: #a9a9a9;
  display: block;
  color: red;
}
.hr-member .member-line.edit-view > div {
  vertical-align: bottom;
}
.hr-member .member-line.edit-view > div div.icon-parent {
  position: relative;
  display: inline-block;
}
.hr-member .member-line.edit-view.member-icon {
  width: 500px !important;
}
.hr-member .member-line.edit-view.member-icon .span-info-tip {
  right: 100px;
}
.hr-member .member-line.edit-view.member-icon #drop-down-lists-wrap {
  width: 400px;
}
.hr-member .member-line.edit-view .fcn-certified-text {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 12px;
}
.hr-member .member-line.edit-view .fcn-certified-text .fcn-certified-icon {
  margin-left: 5px;
  vertical-align: middle;
}
.hr-member .member-line.edit-view .fcn-certified-text.fcn-certified-warning {
  color: #e8263e;
}
.hr-member .member-line.edit-view .fcn-certified-text.fcn-certified-info {
  color: #f5a623;
}
.hr-member .member-line.edit-view .fcn-certified-text.fcn-certified-success {
  color: #417505;
}
.hr-member .member-line.edit-view .editmem-phone-zone {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 60px;
  line-height: 29px;
  padding-top: 30px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
  cursor: pointer;
}
.hr-member .member-line.edit-view .editmem-phone-zone .ibass-trig-down {
  float: right;
  margin-right: 10px;
}
.hr-member .member-line.edit-view .editmem-phone-zone .editmem-phone-zone-list {
  padding: 15px 0;
}
.hr-member .member-line.edit-view .editmem-phone-zone .editmem-phone-zone-list .active {
  background-color: #f8f8f9;
}
.hr-member .member-line.edit-view .dcw-input-box-phone {
  display: inline-block;
  width: 315px!important;
  position: relative;
  vertical-align: middle;
}
.hr-member .member-line.edit-view .dcw-input-box-phone .input-large {
  width: 100%!important;
}
.hr-member .ibass-minus-fill {
  position: absolute;
  right: -30px;
  top: 14px;
  color: #cdc9c5;
  font-size: 12px;
  cursor: pointer;
}
.hr-member ::-webkit-scrollbar {
  display: none;
}
.hr-member .hr-team {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: -16px;
  padding-top: 0px;
  outline: 0;
}
.hr-member .hr-team > div {
  display: inline-block;
}
.hr-member .hr-team .mCustomScrollBox {
  width: 100% !important;
}
.hr-member .hr-slider-ul li {
  width: 140px;
  line-height: 30px;
  position: relative;
  border-radius: 20px;
  cursor: pointer;
  padding: 0 4px;
  display: inline-block;
}
.hr-member .hr-slider-ul li:first-child {
  display: inline-block !important;
  margin: 0;
}
.hr-member .slidershow li {
  display: none !important;
  line-height: 30px;
  position: relative;
  border-radius: 20px;
  width: 128px;
  padding: 0 4px;
  display: inline-block;
}
.hr-member .selectdept input {
  width: 246px !important;
}
.hr-member .selectrole input,
.hr-member .selectrole .ui-select-match {
  width: 120px !important;
}
.hr-member .selectrole .ui-select-match-text span {
  max-width: 110px !important;
}
.hr-member .ngdialog-close:before {
  z-index: 10000;
}
.hr-member .ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #4a4a4a;
}
.hr-member .ui-select-choices-row-inner div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hr-member #content:focus {
  border-color: #67aaf6;
}
.hr-member .text-muted {
  color: #a9a9a9;
}
.hr-member .require-dpt-desc {
  font-size: 12px;
  color: red;
  font-weight: initial;
}
.hr-member .edit-view .ibass-done:before {
  position: absolute;
  left: 100%;
  margin-left: 5px;
  top: 0;
  color: #1ac031;
}
.hr-member .verify-loading {
  position: absolute !important;
  top: 12px;
  width: 15px;
  height: 15px;
}
.hr-member .verify-phone-loading {
  left: 27px;
}
.hr-member .verify-email-loading {
  left: 27px;
}
.hr-member .verify-loading .loading {
  padding: 0;
}
.hr-member .verify-loading .loading .loader {
  transform: scale(0.2);
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -40px;
  margin-top: -41px;
}
.hr-member .label-top {
  top: 10px;
}
.hr-member .tooltip {
  z-index: 10001 !important;
}
.hr-member .label-noactive {
  position: absolute;
  left: 0;
  top: 30px !important;
  line-height: 28px;
  font-size: 12px;
}
.hr-member .label-active-with-value {
  position: absolute;
  left: 0px;
  color: #ccc;
  font-size: 12px;
  top: 10px !important;
  display: block;
}
.hr-member .ddl-search-input {
  padding-top: 0px !important;
  height: 34px !important;
  border: none !important;
  font-size: smaller !important;
  margin-left: 17px !important;
  width: 100% !important;
}
.hr-member .ibass-search {
  position: absolute !important;
  top: 2px !important;
  left: 11px !important;
}
.hr-member .ddl-list-name {
  padding-left: 30px;
}
.hr-member table .max-eightteen {
  margin-right: 7px;
}
.hr-member table .max-eightteen a.firm-black-font.firm-big-font {
  margin: 0 4px;
  max-width: 110px;
  display: inline-block;
  vertical-align: middle;
}
.hr-member table .max-eightteen a {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  line-height: 20px;
  display: block;
}
.hr-member treecontrol .bass-checkmark {
  position: absolute;
  right: 0px;
  font-size: 14px;
  top: 2px;
}
.hr-member treecontrol .bass-checkmark:before {
  content: "\EA87";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color: #fa8919;
}
.hr-member treecontrol li {
  border-radius: 20px;
  width: 96.5%;
  line-height: 28px;
  position: relative;
  padding: 0 0 0 4px;
}
.hr-member treecontrol li .bass-checkmark {
  display: none;
}
.hr-member treecontrol li i.tree-branch-head:hover ~ div {
  background: #f8f8f9 !important;
}
.hr-member treecontrol li.active > div.tree-label {
  background: #f8f8f9 !important;
  border-radius: 20px;
}
.hr-member treecontrol li.active > div.tree-label .ibass-dot,
.hr-member treecontrol li.active > div.tree-label .tree-branch-head {
  color: #fa8919;
}
.hr-member treecontrol li.active > div.tree-label .bass-checkmark {
  display: block;
}
.hr-member treecontrol .tree-leaf:hover > i {
  color: #fa8919 !important;
}
.hr-member treecontrol .tree-label {
  height: 28px;
  padding: 2px 0;
  display: block;
}
.hr-member treecontrol .tree-label:hover {
  display: block;
  border-radius: 20px;
  line-height: 28px;
}

.ireport-table.editok ul {
  margin: 0 20px 20px 49px;
}
.ireport-table.editok li {
  float: left;
  font-size: 14px;
  width: 100%;
  padding: 8px 10px;
  position: relative;
  border-radius: 3px;
  word-break: break-all;
}
.ireport-table.editok li > span {
  vertical-align: middle;
  width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.ireport-table.editok li > img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: inline-block;
  vertical-align: middle;
}
.ireport-table.rank-setting input[type=number]::-webkit-inner-spin-button {
  visibility: hidden;
}
.ireport-table.rank-setting .li-background {
  background-color: #f8f8f9;
}
.ireport-table.rank-setting .active {
  color: #fa8919;
}
.ireport-table.rank-setting a,
.ireport-table.rank-setting .pointer {
  cursor: pointer;
}
.ireport-table.rank-setting li:hover {
  background-color: #f8f8f9;
}
.ireport-table.rank-setting li {
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.ireport-table.rank-setting li:last-child {
  box-shadow: none;
}
.ireport-table.rank-setting .choosenItem {
  cursor: default;
}
.ireport-table.rank-setting .choosenItem > span {
  color: #9b9b9b;
}
.ireport-table.rank-setting .table-hd {
  font-size: 14px;
  font-weight: 500;
}
.ireport-table.rank-setting .table-hd .table-i {
  margin-left: 5px;
  vertical-align: middle;
}
.ireport-table.rank-setting span.table-td,
.ireport-table.rank-setting .table-hd,
.ireport-table.rank-setting .edit-line {
  width: 200px;
  display: inline-block;
  height: 42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ireport-table.rank-setting span.table-td:first-child,
.ireport-table.rank-setting .table-hd:first-child,
.ireport-table.rank-setting .edit-line:first-child {
  display: block;
  margin-left: 25px;
}
.ireport-table.rank-setting .edit-line .table-tool {
  width: 150px;
}
.ireport-table.rank-setting li.table-tool,
.ireport-table.rank-setting div.table-edited {
  width: 100%;
}
.ireport-table.rank-setting li.table-tool .more,
.ireport-table.rank-setting div.table-edited .more {
  width: 25px;
  float: left;
  height: 20px;
  color: #cdc9c5;
  cursor: pointer;
}
.ireport-table.rank-setting li.table-tool .more:hover,
.ireport-table.rank-setting div.table-edited .more:hover {
  color: #fa8919;
}
.ireport-table.rank-setting span.table-tool {
  float: right;
}
.ireport-table.rank-setting .main-btn-confirm.hr-confirm {
  width: 65px;
  height: 28px;
  line-height: 28px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  min-width: 0;
  margin: 8px 0 17px 78px;
}
.ireport-table.rank-setting .title {
  color: #737373;
  font-size: 14px;
  border-bottom: 1px solid #f0f0f0;
  padding: 3px 13px;
}
.ireport-table.rank-setting .animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  width: 20px;
  cursor: pointer;
  top: 3px;
  height: 35px;
}
.ireport-table.rank-setting .animation-toggle .line,
.ireport-table.rank-setting .animation-toggle .circle {
  position: absolute;
  top: 50%;
  transition: all .6s;
}
.ireport-table.rank-setting .animation-toggle .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.ireport-table.rank-setting .animation-toggle .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -6px;
}
.ireport-table.rank-setting .animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.ireport-table.rank-setting .animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
}
.ireport-table.rank-setting .animation-toggle-closed span {
  position: absolute;
  width: 30px;
  height: 30px;
}
.ireport-table.rank-setting .animation-toggle-opened .line {
  background-color: #fa8919;
}
.ireport-table.rank-setting .animation-toggle-opened .circle {
  left: 8px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
}
.ireport-table.rank-setting .animation-toggle-opened span {
  position: absolute;
  width: 30px;
  height: 30px;
}
.rank-popover-item > span {
  display: inline-block;
  float: left;
}
.rank-popover-item > span:first-child {
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup {
  margin-top: 0px;
  border-radius: 10px;
  width: 260px;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-search {
  margin: 15px 10px 0 10px;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-search input::-webkit-input-placeholder {
  color: #a9a9a9;
  font-weight: 200;
  font-size: 12px;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-items {
  max-height: 240px;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-items .all {
  padding: 0 16px;
  font-size: 12px;
  color: #909090;
  height: 32px;
  cursor: none;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-items .all:hover {
  background-color: #fff;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-items .ns-popover-item {
  overflow: hidden;
  cursor: pointer;
  padding: 0 15px;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-items .ns-popover-item .nohover:hover {
  background-color: #fff;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-items .ns-popover-item .name {
  display: inline-block;
  color: #4a4a4a;
  overflow: hidden;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  vertical-align: text-bottom;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-items .ns-popover-item i {
  cursor: pointer;
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.drop-menu-multiple.financial-customer-selection.istration-multi-user .multi-user-selection-popup .ns-popover-items .ns-popover-item .ibass-done {
  position: absolute;
  top: 0px;
  right: 14px;
  width: 14px;
  height: 14px;
  font-family: icon-bass;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  float: right;
}

.judcial-platform-text-input {
  position: relative;
}
.judcial-platform-text-input .err-msg {
  color: red;
  font-size: 12px;
  position: absolute;
  top: -12px;
}
.judcial-platform-text-input input {
  outline: none;
  border: none;
  border-bottom: 1px solid #f0f0f0;
  width: 180px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.judcial-platform-text-input .is-edit {
  border-bottom: 1px solid #fa8919;
}

.created-download-list {
  padding: 0 20px 50px 20px;
}
.created-download-list .created-download-list-title {
  height: 50px;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  line-height: 96px;
  margin-bottom: 30px;
}
.created-download-list .created-download-list-title span {
  padding: 0 10px;
  background-color: #fff;
  outline: 0px;
  font-size: 14px;
}
.created-download-list .created-download-list-body {
  text-align: center;
  padding: 30px 0;
  font-weight: 500;
}
.created-download-list .created-download-list-body .download-list-num {
  color: #fa8919;
}
.created-download-list .created-download-list-btn {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}
.created-download-list .created-download-list-btn .common-btn-c {
  padding: 6px 40px;
  background: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  border-radius: 20px;
  cursor: pointer;
}
.created-download-list .created-download-list-btn .confirm {
  background: #fa8919;
  color: #fff;
}
.created-download-list .created-download-list-btn .is-doing {
  background-color: #e8e8e8;
}

.created-download-list {
  padding: 0 20px 50px 20px;
}
.created-download-list .created-download-list-title {
  height: 50px;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  line-height: 96px;
  margin-bottom: 30px;
}
.created-download-list .created-download-list-title span {
  padding: 0 10px;
  background-color: #fff;
  outline: 0px;
  font-size: 14px;
}
.created-download-list .created-download-list-body {
  text-align: center;
  padding: 30px 0;
  font-weight: 500;
}
.created-download-list .created-download-list-body .download-list-num {
  color: #fa8919;
}
.created-download-list .created-download-list-btn {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}
.created-download-list .created-download-list-btn .common-btn-c {
  padding: 6px 40px;
  background: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  border-radius: 20px;
  cursor: pointer;
}
.created-download-list .created-download-list-btn .confirm {
  background: #fa8919;
  color: #fff;
}
.created-download-list .created-download-list-btn .cancle {
  margin-right: 10px;
}
.created-download-list .created-download-list-btn .is-doing {
  background-color: #e8e8e8;
}

.istration-remarks {
  padding: 0 20px 50px 20px;
}
.istration-remarks .remark-header {
  height: 50px;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  line-height: 96px;
  margin-bottom: 30px;
}
.istration-remarks .remark-header span {
  padding: 0 10px;
  background-color: #fff;
  outline: 0px;
  font-size: 14px;
}
.istration-remarks .remark-body {
  width: 610px;
  max-height: 340px;
  overflow-y: auto;
  padding: 19px 10px 0 29px;
  border-left: 2px solid #e5e5e5;
}
.istration-remarks .remark-body .remark-add {
  position: relative;
  min-height: 26px;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  margin-top: 30px;
  padding-bottom: 65px;
}
.istration-remarks .remark-body .remark-add .user-pic,
.istration-remarks .remark-body .remark-add .user-name,
.istration-remarks .remark-body .remark-add .date {
  position: relative;
  top: -30px;
  margin-left: 10px;
  color: #a9a9a9;
}
.istration-remarks .remark-body .remark-add .user-pic {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 0;
}
.istration-remarks .remark-body .remark-add textarea {
  border: none;
  top: 10px;
  width: 96%;
  height: calc(90%);
  line-height: 21px;
  word-break: break-all;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  margin: 0 2% 0 2%;
  padding: 0 0 0 0;
}
.istration-remarks .remark-body .remark-add textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.istration-remarks .remark-body .remark-add pre {
  margin: 10px 10px 0 10px;
}
.istration-remarks .remark-body .remark-add .remark-length {
  position: absolute;
  bottom: 8px;
  left: 10px;
  color: #a9a9a9;
  font-size: 0;
}
.istration-remarks .remark-body .remark-add .remark-length span {
  font-size: 12px;
}
.istration-remarks .remark-body .remark-add .remark-length .warning {
  color: #d0011b;
}
.istration-remarks .remark-body .remark-add .save {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.istration-remarks .remark-body .remark-add .cancel {
  position: absolute;
  right: 116px;
  bottom: 8px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  text-align: center;
  line-height: 32px;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.istration-remarks .remark-body .remark-list {
  margin-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
}
.istration-remarks .remark-body .remark-list:hover .remark-list-header i {
  visibility: visible;
}
.istration-remarks .remark-body .remark-list:last-child {
  border-bottom: none;
}
.istration-remarks .remark-body .remark-list .remark-list-header {
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  color: #a9a9a9;
}
.istration-remarks .remark-body .remark-list .remark-list-header img {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.istration-remarks .remark-body .remark-list .remark-list-header i {
  visibility: hidden;
  height: 20px;
  color: #cdc9c5;
  margin-right: 10px;
}
.istration-remarks .remark-body .remark-list .remark-list-header i:hover {
  color: #ed6c00;
}
.istration-remarks .remark-body .remark-list .remark-list-header span {
  margin-left: 10px;
}
.istration-remarks .remark-body .remark-list .remark-list-header .delete-confirm {
  width: 66px;
  height: 18px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
}
.istration-remarks .remark-body .remark-list .remark-list-body {
  position: relative;
  overflow: hidden;
  min-height: 26px;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  padding-bottom: 65px;
}
.istration-remarks .remark-body .remark-list .remark-list-body textarea {
  border: none;
  width: 96%;
  line-height: 21px;
  word-break: break-all;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  margin: 2% 2% 0 2%;
  padding: 0 0 25px 0;
}
.istration-remarks .remark-body .remark-list .remark-list-body textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.istration-remarks .remark-body .remark-list .remark-list-body pre {
  margin: 2% 2% 0 2%;
}
.istration-remarks .remark-body .remark-list .remark-list-body .remark-length {
  position: absolute;
  bottom: 8px;
  left: 10px;
  color: #a9a9a9;
  font-size: 0;
}
.istration-remarks .remark-body .remark-list .remark-list-body .remark-length span {
  font-size: 12px;
}
.istration-remarks .remark-body .remark-list .remark-list-body .remark-length .warning {
  color: #d0011b;
}
.istration-remarks .remark-body .remark-list .remark-list-body .save {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.istration-remarks .remark-body .remark-list .remark-list-body .cancel {
  position: absolute;
  right: 116px;
  bottom: 8px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  text-align: center;
  line-height: 32px;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.istration-remarks .remark-body .remark-list .remark-list-pre {
  position: relative;
  padding-bottom: 20px;
}
.istration-remarks .remark-body .remark-list .remark-list-pre .remark-list-text {
  display: inline;
  color: #737373;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
  margin: 0;
}
.istration-remarks .remark-body .remark-list .remark-list-pre .show-all-remark {
  color: #ed6c00;
}
.istration-remarks .remark-body .remark-list .remark-list-pre .hide-all-remark {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
  color: #a9a9a9;
}

.financial__expense__more-filter.istration-more-filter .filter-item {
  width: 24%;
}
.financial__expense__more-filter.istration-more-filter .filter-item.date-filter {
  width: 48.5%;
}

.financial-list-select .area-none-choose {
  color: #ed6c00;
}
.ns-popover-list-select {
  width: 260px;
  color: #4a4a4a;
  font-size: 14px;
  margin-top: 0px;
}
.ns-popover-list-select .list-search-show-all {
  padding: 5px 14px;
  font-size: 12px;
  color: #909090;
}
.ns-popover-list-select .ns-popover-list-select-item {
  justify-content: space-between;
  align-content: center;
  padding: 0 0.875rem!important;
}
.ns-popover-list-select .ns-popover-list-select-item .ibass-done {
  color: #ed6c00;
}
.ns-popover-list-select .ns-popover-list-select-item .name {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ns-popover-list-select .ns-popover-list-select-item .no-allow {
  cursor: not-allowed;
  color: #a9a9a9;
}

#matter-type .multi-mat-type-selection-popup {
  width: 340px;
  color: #4a4a4a;
  font-size: 14px;
  margin: 0;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-search {
  margin: 15px 10px 10px 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-search .ns-popover-search-icon {
  height: auto;
  line-height: normal;
  margin-top: 5px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-search input {
  height: 28px ;
  font-size: 12px;
  flex-grow: 1;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items {
  margin: 10px 0;
  padding: 0;
  font-size: 14px;
  color: #4a4a4a;
  max-height: 250px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items ul {
  margin: 0;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .hidden {
  display: none;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .main-work-type .other-type-li {
  position: relative;
  line-height: 36px;
  height: 36px;
  padding: 0 10px;
  cursor: pointer;
  margin: 0;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .main-work-type .other-type-li .active {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .main-work-type .type-icon {
  position: absolute;
  right: 10px;
  color: #cdc9c5;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type li {
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
  margin: 0;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li {
  position: relative;
  cursor: pointer;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .active {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .main-type-name {
  display: inline-block;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li span {
  vertical-align: middle;
  max-width: calc(80%);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 140px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .ibass-add-round,
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .ibass-minus-round {
  margin-right: 5px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li i {
  vertical-align: sub;
  color: #cdc9c5;
  cursor: pointer;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li i:hover {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .type-icon.active {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .main-type-li .type-name.active:before {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li {
  cursor: pointer;
  position: relative;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li:hover .type-name:before {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-name {
  margin-left: 20px;
  max-width: calc(58%);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-name:before {
  vertical-align: bottom;
  font-family: "icon-bass";
  margin-right: 6px;
  color: #cdc9c5;
  content: "\EA54";
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-state {
  color: #cdc9c5;
  margin-right: 18px;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-icon.active {
  color: #fa8919;
  background-color: #fff;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-name.active {
  background-color: #fff;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .sub-type-li .type-name.active:before {
  color: #fa8919;
}
#matter-type .multi-mat-type-selection-popup .ns-popover-items .sub-work-type .type-icon {
  color: #cdc9c5;
  position: absolute;
  right: 15px;
}

.project-type-dialog-content-wrap {
  display: flex;
  align-items: center;
}
.project-type-dialog-content-item-text {
  width: 50%;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  position: relative;
}
.project-type-dialog-content-item-text:hover {
  color: #ed6c00;
}
.project-type-dialog-content-item-text .ibass-trig-down:before {
  color: #cdc9c5;
  position: absolute;
  right: 0;
}
.project-type-dialog-content-item-text-disabled {
  width: 50%;
  border-bottom: 1px solid #eee;
}
.project-type-dialog-content-item-left {
  width: 45%;
  margin-right: 20px;
  border-bottom: 1px solid #eee;
}
.ngdialog-open .ns-popover-style {
  z-index: 10000;
}

.delete-contract-dialog .ibass-warning {
  color: #fa8919;
  position: relative;
  top: 2px;
}
.delete-contract-dialog .contract-firm-dialog-title {
  width: 100% !important;
}
.delete-contract-dialog .contract-dialog-line {
  width: 80%;
}
.delete-contract-dialog .firm-dialog-body div {
  padding: 10px;
  width: 300px;
  background: #f8f8fa;
  font-size: 12px;
  margin-left: 35px;
}

.edit-tree-dialog .contract-dialog-line {
  margin-left: 65px;
}
.edit-tree-dialog .angular-ui-tree-handle {
  width: 560px;
  margin-left: 10px;
}
.edit-tree-dialog .angular-ui-tree-handle .item-count.parent-item {
  margin-left: 10px;
}
.edit-tree-dialog .angular-ui-tree-handle:hover {
  background-color: #f8f8f9;
}
.edit-tree-dialog .angular-ui-tree-handle:hover input {
  background-color: #f8f8f9;
}
.edit-tree-dialog .main-btn {
  margin-bottom: 30px;
  left: 50%;
  margin-left: -50px;
  position: relative;
}
.edit-tree-dialog .firm-dialog-body {
  padding: 20px 40px;
}
.edit-tree-dialog .firm-dialog-body .item-count {
  font-size: 14px;
  color: #a9a9a9;
  padding: 10px 5px;
}
.edit-tree-dialog .firm-dialog-body .ibass-add-round {
  color: #cdc9c5;
  padding-right: 5px;
}
.edit-tree-dialog .firm-dialog-body .add-div {
  margin-left: 50px;
  font-size: 14px;
  display: flex;
  cursor: pointer;
}
.edit-tree-dialog .firm-dialog-body .add-div a {
  color: #737373;
}
.edit-tree-dialog .firm-dialog-body .delete {
  width: 66px;
  margin-top: 14px;
  display: inline-block;
  position: absolute;
  margin-left: -60px;
  cursor: pointer;
  font-size: 12px;
  background-color: #f72b44;
  border-radius: 10px;
  color: white;
  text-align: center;
}
.edit-tree-dialog .firm-dialog-body .ibass-list-add {
  margin-right: 20px;
}
.edit-tree-dialog .firm-dialog-body i:hover {
  cursor: pointer;
  color: #fa8919;
}
.edit-tree-dialog .firm-dialog-body .chapter {
  width: 90px;
  cursor: move;
  height: 20px;
  font-weight: 400;
  font-size: 14px;
  color: #737373;
  text-align: left;
  display: inline-block;
}
.edit-tree-dialog .firm-dialog-body .chapter-title {
  height: 50px;
  border: 0px;
  width: 390px;
  line-height: 50px;
  margin-left: 10px;
  font-size: 14px;
  color: #4a4a4a;
  display: inline-block;
  border-bottom: solid 1px #f0f0f0;
}
.edit-tree-dialog .firm-dialog-body .chapter-title:focus,
.edit-tree-dialog .firm-dialog-body .sub-item-chapter-title:focus {
  border-bottom: 1px solid #fa8919!important;
}
.edit-tree-dialog .firm-dialog-body .sub-item-chapter-title {
  border: 0px;
  height: 50px;
  margin-left: 55px;
  width: 360px;
  line-height: 50px;
  font-size: 14px;
  color: #4a4a4a;
  display: inline-block;
  border-bottom: solid 1px #f0f0f0;
}
.edit-tree-dialog .firm-dialog-body .sub-item-chapter {
  height: 30px;
  line-height: 30px;
  width: 30px;
  display: inline-block;
  text-align: left;
  margin-left: 55px;
  font-size: 14px;
  color: #737373;
}
.edit-tree-dialog .firm-dialog-body .label-noactive {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  top: 30px;
  display: block;
}
.edit-tree-dialog .firm-dialog-body .label-active {
  position: absolute;
  left: 0px;
  color: #a9a9a9;
  font-size: 12px;
  display: block;
}
.edit-tree-dialog .firm-dialog-body .label-pulldown {
  position: absolute;
  top: 30px;
  left: 390px;
  color: #cdc9c5;
  display: block;
}
.edit-tree-dialog .firm-dialog-body .label-required {
  position: absolute;
  top: 30px;
  left: 480px;
  display: block;
  color: red;
}
.edit-tree-dialog .firm-dialog-body .contract-name-input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  width: 500px;
  height: 60px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all 0.3s;
}
.edit-tree-dialog .firm-dialog-body .input-required {
  border-width: 0px 0px 1px;
  border-style: solid;
  border-color: #e74955;
  border-image: initial;
}
.edit-tree-dialog .firm-dialog-body .tree i {
  color: #fdba78;
}
.edit-tree-dialog .firm-dialog-body .contract-name {
  position: relative;
  left: 50px;
}
.edit-tree-dialog .firm-dialog-body .herein-added {
  width: 500px;
  height: 50px;
  margin-left: 45px;
  color: #cdc9c5;
  padding-top: 20px;
}
.edit-tree-dialog .firm-dialog-body .herein {
  cursor: pointer;
  width: 500px;
  height: 50px;
  margin-left: 50px;
  color: #cdc9c5;
  display: flex;
  padding-top: 20px;
}
.edit-tree-dialog .firm-dialog-body .herein .ibass-add {
  font-size: 14px;
}
.edit-tree-dialog .firm-dialog-body .herein span {
  font-size: 12px;
}
.edit-tree-dialog .firm-dialog-body .herein:hover {
  color: #fdba78;
}
.edit-tree-dialog .firm-dialog-body .item-list {
  min-height: 300px;
}
.edit-tree-dialog .firm-dialog-body .item-list .tree {
  margin: 10px 4px;
}

.add-self-item-dialog .navigation {
  margin-left: 50px;
  font-size: 14px;
  margin-top: 30px;
}
.add-self-item-dialog .navigation span {
  display: inline-block;
  width: 400px;
  font-size: 14px;
  color: #4a4a4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-self-item-dialog .textarea pre {
  display: none;
}
.add-self-item-dialog .import-to-sys {
  position: absolute;
  right: 46px;
  font-size: 14px;
  top: 90px;
  color: #444;
  display: flex;
}
.add-self-item-dialog .import-to-sys .ibass-checked {
  color: #fa8919;
  margin-left: 180px;
  display: flex;
}
.add-self-item-dialog .import-to-sys .ibass-checkbox {
  color: #cdc9c5;
  margin-left: 180px;
  display: flex;
}
.add-self-item-dialog .firm-dialog-body {
  overflow: hidden;
  border-radius: 10px;
  padding: 0px 24px;
}
.add-self-item-dialog .firm-dialog-body .version-content {
  width: 560px;
}
.add-self-item-dialog .comment-content-edit {
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  padding-bottom: 65px;
}
.add-self-item-dialog .comment-content-edit textarea {
  overflow: auto;
}
.add-self-item-dialog .main-btn {
  margin-bottom: 30px;
  left: 50%;
  margin-top: 10px;
  margin-left: -50px;
  position: relative;
}
.add-self-item-dialog .version-content {
  margin: 10px 20px;
  width: 510px;
  height: 170px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}

.clear {
  clear: both !important;
}
.display-flex {
  display: flex !important;
}
.width-auto {
  width: auto !important;
}
.edit-tree-dialog.ngdialog {
  z-index: 800;
}
.knowledge-contract.contract-content-right .input-btn {
  position: absolute;
  bottom: -25px;
  right: -25px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.knowledge-contract.contract-content-right .comment-option {
  margin-top: 0px;
}
.contract-content-right .knowledge-operation {
  background-color: white;
  border: 0px;
  float: right;
  width: auto;
}
.contract-content-right .knowledge-operation .ibass-filetype-default {
  margin-right: 10px;
  color: #cdc9c5;
}
.contract-content-right .knowledge-operation .ncc-top-serch {
  display: inline-flex;
  border: 0px;
  padding-top: 12px;
}
.contract-content-right .knowledge-operation .upload-items {
  cursor: pointer;
  display: inline-flex;
  width: 110px;
  font-size: 14px;
  margin-top: 8px;
  color: #737373;
  height: 20px;
}
.contract-content-right .knowledge-operation .add-btn {
  display: inline-flex;
  width: 126px;
  font-size: 12px;
  margin-left: 20px;
  border: 0px;
  height: 34px;
  line-height: 34px;
  padding: 0px;
  color: white;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.contract-content-right .knowledge-operation .add-btn .ibass-add,
.contract-content-right .knowledge-operation .add-btn .ibass-share {
  margin-left: 26px;
  margin-right: 9px;
}
.contract-content-right .knowledge-search {
  background-color: white;
  border: 0px;
  width: auto;
}
.contract-content-right .knowledge-search .ncc-top-serch {
  border: 0px;
  padding-top: 15px;
  height: 40px;
}
.contract-content-right .comment-div {
  padding-left: 20px;
  width: 570px;
  color: #737373;
}
.contract-content-right .upload-items {
  display: flex;
}
.contract-content-right .textarea.comment-input textarea {
  padding-right: 90px;
  width: 520px;
  padding-top: 12px;
  padding-bottom: 8px;
  border-radius: 4px;
  background-color: #fefeff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset;
  border: 1px solid #d5d5d5;
}
.contract-content-right .textarea {
  position: relative;
  width: 590px;
  margin: 0px 0 0 0px;
  min-height: 26px;
  word-break: break-all;
}
.contract-content-right .textarea pre {
  display: inline-block;
}
.contract-content-right .comment-content-edit {
  margin-top: 5px;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  padding-bottom: 65px;
}
.contract-content-right .comment-content {
  border-top: solid 1px #f0f0f0;
  padding: 5px 5px;
}
.contract-content-right .comment-info .delete {
  width: 66px;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  background-color: #f72b44;
  border-radius: 10px;
  color: white;
  text-align: center;
  float: right;
  right: 0px;
}
.contract-content-right .comment-info i:hover {
  color: #fa8919;
}
.contract-content-right .comment-info i {
  cursor: pointer;
}
.contract-content-right .comment-info .ibass-edit {
  padding-right: 5px;
}
.contract-content-right .ibass-checked {
  color: #fa8919;
  margin-right: 5px;
}
.contract-content-right .comment-option {
  width: 556px;
  padding: 10px 1px;
}
.contract-content-right .textarea-height textarea {
  position: relative !important;
}
.contract-content-right .comment-option span {
  font-size: 14px;
  color: #737373;
}
.contract-content-right .item-content {
  padding: 10px !important;
}
.noCount {
  text-align: center;
  padding: 50px 0 70px;
  background: #f8f8f9;
  clear: both;
  color: #a9a9a9;
  width: 710px;
  margin-left: 12px;
}
.noCount i {
  display: block;
  font-size: 60px;
  color: #ddd9d6;
}
.contact-item-add-dialog .ibass-checkbox {
  color: #cdc9c5;
  cursor: pointer;
}
.contact-item-add-dialog i {
  color: #cdc9c5;
}
.firm-dialog-body .ibass-checkbox {
  color: #cdc9c5;
  font-size: 14px;
  cursor: pointer;
}
.firm-dialog-body .ibass-checked {
  color: #fa8919 !important;
  font-size: 14px;
  cursor: pointer;
}
.knowledge-contract .all-contract .contract-content-body .delete {
  margin-left: 5px;
}
.knowledge-contract .contract-content-item .comment {
  margin: 15px 50px;
  border-left: 2px solid #e5e5e5;
}
.knowledge-contract .contract-content-item .comment-content-view {
  font-size: 14px;
  color: #737373;
  padding-left: 7px;
}
.knowledge-contract .contract-content-item .comment-info img {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  margin-bottom: -5px;
}
.knowledge-contract .all-contract .more {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.knowledge-contract .all-contract .more a {
  width: 110px;
  height: 30px;
  padding: 5px 30px;
  border-radius: 20px;
  background-color: #f8f8f9;
}
.knowledge-contract .item-bottom .cursor {
  display: flex;
}
.knowledge-contract .item-bottom .cursor i {
  font-size: 14px;
}
.knowledge-contract .item-bottom .cursor .memo {
  font-size: 12px;
  padding-left: 5px;
  color: #737373;
  padding-top: 1px;
}
.knowledge-contract .item-bottom .cursor .memo-number {
  color: #ed6c00;
  font-size: 12px;
  padding-top: 1px;
}

.contact-item-add-dialog .navigation {
  margin-left: 60px;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 5px;
  color: #4a4a4a;
}
.contact-item-add-dialog main-btn {
  margin-bottom: 30px;
  margin-top: 10px;
  left: 50%;
  margin-left: -50px;
  position: relative;
}
.contact-item-add-dialog .add-self-item {
  cursor: pointer;
  display: flex;
  position: absolute;
  left: 50px;
  margin-top: 8px;
}
.contact-item-add-dialog .add-self-item .ibass-add {
  padding-right: 10px;
  font-size: 14px;
  color: #ed6c00;
}
.contact-item-add-dialog .add-self-item span {
  font-size: 14px;
  color: #ed6c00;
}
.contact-item-add-dialog .firm-dialog-body .items-scroll-div {
  height: 400px;
  width: 610px;
  overflow: auto;
}
.contact-item-add-dialog .firm-dialog-body .noCount .ibass-search {
  font-size: 40px;
}
.contact-item-add-dialog .firm-dialog-body .contract-dialog-list {
  box-shadow: inset 0 0px 0 0 ;
}
.contact-item-add-dialog .firm-dialog-body .contract-dialog-list .ibass-checked {
  color: #fa8919;
  margin-right: 5px;
}
.contact-item-add-dialog .firm-dialog-body .contract-dialog-list .contract-item-content {
  width: 540px;
  padding: 0px 0px 25px 5px;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
  font-size: 14px;
}
.contact-item-add-dialog .firm-dialog-body .contract-dialog-list .select {
  width: 20px;
  display: inline-block;
  float: left;
  margin-top: 3px;
}
.contact-item-add-dialog .firm-dialog-body .contract-dialog-list .contract-item-content {
  margin-left: 20px;
  color: #4a4a4a;
  margin-top: 3px;
}
.contact-item-add-dialog .firm-dialog-body {
  padding: 10px 38px;
}
.contact-item-add-dialog .ibass-memo {
  font-size: 14px;
  padding-right: 5px;
}

.contract-dialog .un-uploaded .upload-info {
  height: 42px;
  text-align: center;
  line-height: 42px;
  padding-top: 51px;
}
.contract-dialog .un-uploaded .ibass-upload:hover {
  color: #e5e5e5;
}
.contract-dialog .uploading .loading {
  padding: 51px 0px 0px 0px;
  height: 42px;
  text-align: center;
  line-height: 42px;
}
.contract-dialog .uploading .loading span {
  font-size: 14px;
}
.contract-dialog .uploading .Percentage {
  display: flex;
}
.contract-dialog .uploading .Percentage.pull-right {
  float: left;
  position: absolute;
  right: -60px;
  top: -20px;
}
.contract-dialog .uploading .loading-info {
  height: 42px;
  text-align: center;
  line-height: 42px;
  padding: 51px 0px 0px 0px;
}
.contract-dialog .uploading .loading-info .progress {
  margin-left: 140px;
}
.contract-dialog .upload-success {
  background: white;
}
.contract-dialog .upload-success .success-title {
  font-size: 14px;
  color: #737373;
}
.contract-dialog .upload-success .item-number {
  color: #737373;
  font-size: 14px;
  margin-right: 10px;
}
.contract-dialog .upload-success .ibass-arrow-down,
.contract-dialog .upload-success .ibass-arrow-right,
.contract-dialog .upload-success .ibass-dot {
  color: #cdc9c5;
  margin-right: 5px;
}
.contract-dialog .upload-success .ibass-dot.parent-dot {
  margin-right: 5px;
  margin-left: 15px;
  position: relative;
  top: 2px;
}
.contract-dialog .upload-success .right {
  margin-right: 20px;
  display: flex;
}
.contract-dialog .upload-success .sub-title {
  color: #4a4a4a;
  font-size: 14px;
}
.contract-dialog .upload-success .item-list {
  min-height: 300px;
}
.contract-dialog .upload-success .item-list .ibass-arrow-down,
.contract-dialog .upload-success .item-list .ibass-arrow-right {
  cursor: pointer;
  position: relative;
  top: 2px;
  margin-left: 15px;
}
.contract-dialog .upload-success .item-list .item {
  line-height: 36px;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
}
.contract-dialog .upload-success .item-list .item .parent-name {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.contract-dialog .upload-success .item-list .item .sub {
  border-bottom: 1px solid #f1f1f1;
  padding: 5px 0px 0px 32px;
}
.contract-dialog .uploaded-fail .fail-waring {
  height: 42px;
  text-align: center;
  line-height: 42px;
  padding-top: 51px;
}
.contract-dialog .uploaded-fail .fail-info {
  height: 42px;
  text-align: center;
  line-height: 42px;
  padding-top: 30px;
}
.contract-dialog .uploaded-fail .fail-info span {
  font-size: 14px;
}
.contract-dialog .uploaded-fail .bottom {
  height: 42px;
  text-align: center;
  line-height: 42px;
  padding-top: 30px;
}
.contract-dialog .uploaded-fail .bottom .sure-btn {
  margin: 15px;
  position: relative;
}
.contract-dialog .uploaded-fail .bottom .cancel-btn {
  margin: 15px;
  position: relative;
}
.contract-dialog .main-btn {
  margin-top: 10px;
  margin-bottom: 30px;
  left: 50%;
  margin-left: -50px;
  position: relative;
}

.upload-dialog .firm-dialog-body {
  padding: 38px 50px;
}
.upload-dialog .firm-dialog-body .ibass-dot {
  margin-right: 5px;
}
.contract-upload-body {
  min-height: 220px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
.contract-upload-body .import-to-sys {
  position: absolute;
  width: 400px;
  font-size: 14px;
  display: inline-flex;
  top: 65px;
  left: 486px;
}
.contract-upload-body .ibass-upload {
  cursor: default;
  font-size: 42px;
  color: #e5e5e5;
}
.contract-upload-body .ibass-arrow-down,
.contract-upload-body .ibass-arrow-right {
  font-size: 14px;
  margin-right: 5px;
}
.contract-upload-body .sub-title {
  margin-left: -5px;
}
.contract-upload-body .sub-title .ibass-dot {
  position: relative;
  top: 2px;
  margin-left: 7px;
}
.contract-upload-body .ibass-warning {
  font-size: 32px;
  color: #f72b44;
}
.contract-upload-body .ibass-close {
  font-size: 14px;
  height: 10px;
  margin-left: 5px;
  display: -webkit-inline-box;
}
.contract-upload-body .select-file-btn {
  width: 120px;
  height: 32px;
  border: 0px;
  color: white;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.contract-upload-body a {
  color: #fa8919;
  cursor: pointer;
}
.contract-upload-body .Percentage.pull-right {
  float: left;
  position: absolute;
  right: -40px;
  top: -20px;
}
.contract-upload-body .cancel-btn {
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  color: #4a4a4a;
}
.contract-upload-body .sure-btn {
  width: 90px;
  height: 32px;
  border: 0px;
  color: white;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.contract-upload-body .notice {
  font-size: 12px;
  letter-spacing: normal;
  height: 42px;
  text-align: center;
  line-height: 42px;
  padding-top: 35px;
}
.contract-upload-body .notice span {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: normal;
  color: #737373;
}



.add-temp-model {
  color: #4a494a;
  padding: 20px;
  min-height: 500px;
}
.add-temp-model .temp-title {
  height: 50px;
  position: relative;
}
.add-temp-model .temp-title .temp-select {
  max-width: 460px;
}
.add-temp-model .temp-title .selectAll {
  float: right;
  line-height: 14px;
  position: absolute;
  right: -3px;
  top: 24px;
  cursor: pointer;
}
.add-temp-model .temp-title .selectAll i {
  position: relative;
  top: 4px;
  left: 8px;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.add-temp-model .temp-title .selectAll span {
  font-size: 12px;
  color: #cdc9c5;
}
.add-temp-model .temp-title .selectAll .ibass-checkbox {
  color: #cdc9c5;
}
.add-temp-model .temp-title .selectAll .ibass-checked {
  color: #fa8919;
}
.add-temp-model .temp-title .title {
  font-size: 18px;
}
.add-temp-model .temp-title .document-num,
.add-temp-model .temp-title .right,
.add-temp-model .temp-title .path {
  font-size: 12px;
  text-align: left;
  color: #9e9e9e;
  word-wrap: break-word;
  word-break: break-all;
}
.add-temp-model .temp-title .path-name {
  cursor: pointer;
}
.add-temp-model .temp-content {
  clear: both;
  margin-top: 10px;
  height: 400px;
  overflow-y: auto;
}
.add-temp-model .temp-content ul li {
  width: 100%;
  height: 44px;
  clear: both;
  line-height: 44px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.add-temp-model .temp-content ul li .confirm {
  height: 42px;
}
.add-temp-model .temp-content .icon {
  margin-right: 7px;
  position: relative;
  top: -14px;
  font-size: 16px;
  display: inline-block;
}
.add-temp-model .temp-content .name {
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  display: inline-block;
  width: 80%;
}
.add-temp-model .temp-content .ibass-filetype-folder {
  color: #07cfda;
}
.add-temp-model .temp-content .ibass-filetype-ppt {
  color: #d04424;
}
.add-temp-model .temp-content .ibass-filetype-pdf {
  color: #e3574d;
}
.add-temp-model .temp-content .ibass-filetype-image {
  color: #07cfda;
}
.add-temp-model .temp-content .ibass-filetype-doc {
  color: #0a96e5;
}
.add-temp-model .temp-content .ibass-filetype-excel {
  color: #1c7044;
}
.add-temp-model .temp-content .ibass-filetype-zip {
  color: #9d7120;
}
.add-temp-model .temp-content .ibass-filetype-music {
  color: #a7d638;
}
.add-temp-model .temp-content .ibass-filetype-video {
  color: #d94ff5;
}
.add-temp-model .temp-content .ibass-filetype-default {
  color: #cdc9c5;
}
.add-temp-model center {
  margin: 20px 0;
}
.add-temp-model center .save-btn {
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #fff;
  background: #fa8919;
  line-height: 34px;
  padding: 0 10px;
  min-width: 120px;
  border: 0;
  cursor: pointer;
  border: 1px solid #fa8919;
}

.add-temp-model {
  color: #4a494a;
  padding: 20px;
  min-height: 500px;
}
.add-temp-model .temp-title {
  height: 50px;
  position: relative;
}
.add-temp-model .temp-title .temp-select {
  max-width: 460px;
}
.add-temp-model .temp-title .selectAll {
  float: right;
  line-height: 14px;
  position: absolute;
  right: -3px;
  top: 24px;
  cursor: pointer;
}
.add-temp-model .temp-title .selectAll i {
  position: relative;
  top: 4px;
  left: 8px;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.add-temp-model .temp-title .selectAll span {
  font-size: 12px;
  color: #cdc9c5;
}
.add-temp-model .temp-title .selectAll .ibass-checkbox {
  color: #cdc9c5;
}
.add-temp-model .temp-title .selectAll .ibass-checked {
  color: #fa8919;
}
.add-temp-model .temp-title .title {
  font-size: 18px;
}
.add-temp-model .temp-title .document-num,
.add-temp-model .temp-title .right,
.add-temp-model .temp-title .path {
  font-size: 12px;
  text-align: left;
  color: #9e9e9e;
  word-wrap: break-word;
  word-break: break-all;
}
.add-temp-model .temp-title .path-name {
  cursor: pointer;
}
.add-temp-model .temp-content {
  clear: both;
  margin-top: 10px;
  height: 400px;
  overflow-y: auto;
}
.add-temp-model .temp-content ul li {
  width: 100%;
  height: 44px;
  clear: both;
  line-height: 44px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.add-temp-model .temp-content ul li .confirm {
  height: 42px;
}
.add-temp-model .temp-content .icon {
  margin-right: 7px;
  position: relative;
  top: -14px;
  font-size: 16px;
  display: inline-block;
}
.add-temp-model .temp-content .name {
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  display: inline-block;
  width: 80%;
}
.add-temp-model .temp-content .ibass-filetype-folder {
  color: #07cfda;
}
.add-temp-model .temp-content .ibass-filetype-ppt {
  color: #d04424;
}
.add-temp-model .temp-content .ibass-filetype-pdf {
  color: #e3574d;
}
.add-temp-model .temp-content .ibass-filetype-image {
  color: #07cfda;
}
.add-temp-model .temp-content .ibass-filetype-doc {
  color: #0a96e5;
}
.add-temp-model .temp-content .ibass-filetype-excel {
  color: #1c7044;
}
.add-temp-model .temp-content .ibass-filetype-zip {
  color: #9d7120;
}
.add-temp-model .temp-content .ibass-filetype-music {
  color: #a7d638;
}
.add-temp-model .temp-content .ibass-filetype-video {
  color: #d94ff5;
}
.add-temp-model .temp-content .ibass-filetype-default {
  color: #cdc9c5;
}
.add-temp-model center {
  margin: 20px 0;
}
.add-temp-model center .save-btn {
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #fff;
  background: #fa8919;
  line-height: 34px;
  padding: 0 10px;
  min-width: 120px;
  border: 0;
  cursor: pointer;
  border: 1px solid #fa8919;
}

.knowledge-document-template-web .file-uploading {
  width: 785px;
  height: 40px;
  margin-top: 15px;
  box-sizing: border-box;
  padding-left: 24px;
}
.knowledge-document-template-web .select-tab {
  margin: 0 23px;
}
.knowledge-document-template-web .select-tab .tips {
  display: inline;
  margin-right: 30px;
}
.knowledge-document-template-web .select-tab .tips i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.knowledge-document-template-web .select-tab .all-num {
  margin-right: 30px;
}
.knowledge-document-template-web .select-tab .all-num.no-margin-right {
  margin-right: 0;
}
.knowledge-document-template-web .select-tab .sort-time {
  float: none;
}
.knowledge-document-template-web .select-tab .sort-time i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.knowledge-document-template-web .list-head {
  margin: 0 23px;
  border-bottom: none;
}
.knowledge-document-template-web .list-head i.check-icon {
  position: relative;
  top: 10px;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.knowledge-document-template-web .list-head i.ibass-checkbox {
  color: #cdc9c5;
}
.knowledge-document-template-web .list-head i.ibass-checked {
  color: #fa8919;
}
.knowledge-document-template-web .list-head .batch-operation-wrapper {
  float: right;
  display: flex;
  align-items: center;
  padding-right: 2px;
}
.knowledge-document-template-web .list-head .select-bread {
  width: 150px;
  height: 32px;
  border-radius: 5px;
  background-color: #f8f8f9;
  line-height: 32px;
  font-size: 12px;
}
.knowledge-document-template-web .list-head .select-bread .select-num {
  margin-left: 10px;
  font-size: 12px;
  color: #ed6c00;
}
.knowledge-document-template-web .list-head .select-bread .clean-select {
  float: right;
  margin-right: 10px;
  line-height: 30px;
  cursor: pointer;
}
.knowledge-document-template-web .list-head .select-bread .clean-select i {
  font-size: 12px;
  position: relative;
  top: 1px;
}
.knowledge-document-template-web .list-head .batch-operation {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 12px;
}
.knowledge-document-template-web .list-head .batch-operation span {
  margin-left: 5px;
  color: #737373;
}
.knowledge-document-template-web .list-head .batch-operation [class*="ibass"] {
  position: relative;
  top: 1px;
  width: auto;
  font-size: 12px;
  color: #cdc9c5;
}
.knowledge-document-template-web .list-head .batch-operation span:hover {
  color: #fa8919;
}
.knowledge-document-template-web .list-head .batch-operation span:hover [class*="ibass"] {
  color: #fa9819;
}
.knowledge-document-template-web .list-head .batch-operation .batch-delete {
  position: relative;
  top: 1px;
}
.knowledge-document-template-web .tpl-list {
  margin: 0 23px;
}
.knowledge-document-template-web .tpl-list .tpl-item .content .title {
  display: flex;
  min-height: 21px;
}
.knowledge-document-template-web .tpl-list .tpl-item .content .title span {
  max-width: 370px;
}
.knowledge-document-template-web .tpl-list .tpl-item .content .template-name:hover {
  color: #fa8919;
}
.knowledge-document-template-web .tpl-list .tpl-item .content .input-wrapper {
  width: 390px;
  position: relative;
}
.knowledge-document-template-web .tpl-list .tpl-item .content .input-wrapper input {
  width: 280px;
  border: none;
  outline: none;
  border-bottom: 1px solid #cdc9c5;
}
.knowledge-document-template-web .tpl-list .tpl-item .content .input-wrapper .sure-btn {
  position: absolute;
  top: 0;
  right: 25px;
  width: 50px;
  padding: 3px 10px;
  border-radius: 25px;
  text-align: center;
  background-color: #fa9819;
  color: #fff;
}
.knowledge-document-template-web .tpl-list .tpl-item .content .input-wrapper .ibass-close {
  position: absolute;
  right: 0;
}
.knowledge-document-template-web .right-button-group {
  float: none;
  display: flex;
  justify-content: flex-end;
  width: 300px;
  box-sizing: border-box;
  align-items: flex-end;
  color: #a9a9a9;
  font-size: 12px;
}
.knowledge-document-template-web .right-button-group .remark-wrapper,
.knowledge-document-template-web .right-button-group .ibass-delete-wrapper {
  display: flex;
  align-items: center;
}
.knowledge-document-template-web .right-button-group .remark-wrapper i,
.knowledge-document-template-web .right-button-group .ibass-delete-wrapper i {
  position: relative;
  top: 1px;
  margin-right: 3px;
}
.knowledge-document-template-web .right-button-group .remark-wrapper {
  margin-right: 10px;
}
.knowledge-document-template-web .right-button-group .has-right.remark-wrapper {
  cursor: pointer;
}
.knowledge-document-template-web .right-button-group .doc-type-popover {
  display: flex;
  align-items: center;
  margin: 0 10px;
  line-height: normal;
}
.knowledge-document-template-web .right-button-group .doc-type-popover .ibass-trig-down {
  position: relative;
  top: 2px;
}
.knowledge-document-template-web .right-button-group [class*="ibass"] {
  font-size: 12px;
}
.knowledge-document-template-web .tpl-item .item-content-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 0px 14px 8px;
  min-height: 50px;
}
.knowledge-document-template-web .tpl-item .item-content-wrapper .content {
  width: calc(100% - 330px);
}
.knowledge-document-template-web .tpl-item .item-content-wrapper .content .ibass-edit {
  visibility: hidden;
}
.knowledge-document-template-web .tpl-item .has-right.doc-type-popover:hover,
.knowledge-document-template-web .tpl-item .ibass-delete-wrapper:hover,
.knowledge-document-template-web .tpl-item .has-right.remark-wrapper:hover,
.knowledge-document-template-web .tpl-item .remark-num {
  color: #fa8919;
}
.knowledge-document-template-web .tpl-item .remark-num {
  margin-left: 2px;
}
.knowledge-document-template-web .tpl-item .icon-content {
  width: 26px;
  height: 26px;
  float: none;
}
.knowledge-document-template-web .tpl-item i.checkIcon {
  position: relative;
  top: 10px;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.knowledge-document-template-web .tpl-item i.ibass-checkbox {
  color: #cdc9c5;
}
.knowledge-document-template-web .tpl-item i.ibass-checked {
  color: #fa8919;
}
.knowledge-document-template-web .tpl-item i.ibass-filetype-doc {
  float: left;
  font-size: 16px;
  color: #0a96e5;
  margin-right: 6px;
  width: 20px;
}
.knowledge-document-template-web .tpl-item i {
  color: #cdc9c5;
}
.knowledge-document-template-web .tpl-item:hover .item-content-wrapper .content .ibass-edit {
  margin-left: 10px;
  visibility: visible;
  cursor: pointer;
  color: #a9a9a9;
}
.knowledge-document-template-web .tpl-item:hover .item-content-wrapper .content .ibass-edit:hover {
  color: #fa8919;
}
.knowledge-document-template-web .document-template-remark-list {
  position: relative;
  margin: 10px 5px 0 83px;
  clear: both;
}
.knowledge-document-template-web .document-template-remark-list::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.knowledge-document-template-web .document-template-remark-list::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.knowledge-document-template-web .document-template-remark-list:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.knowledge-document-template-web .document-template-remark-list:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.knowledge-document-template-web .document-template-remark-list .remark-header {
  height: 20px;
  margin-left: 29px;
  text-align: center;
  padding-top: 10px;
}
.knowledge-document-template-web .document-template-remark-list .remark-header .line {
  width: 250px;
  margin-top: 10px;
  border-top: 1px solid #ececec;
}
.knowledge-document-template-web .document-template-remark-list .remark-header .title .ibass-memo,
.knowledge-document-template-web .document-template-remark-list .remark-header .title span {
  color: #fdba78;
}
.knowledge-document-template-web .document-template-remark-list .remark-header .title span {
  position: relative;
  top: -2px;
}
.knowledge-document-template-web .document-template-remark-list .remark-header .ibass-close {
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 14px;
  cursor: pointer;
}
.knowledge-document-template-web .document-template-remark-list .remark-header .ibass-close:hover {
  color: #fa8919;
}
.knowledge-document-template-web .document-template-remark-list .remark-body {
  width: 610px;
  max-height: 340px;
  overflow-y: auto;
  padding: 19px 10px 0 29px;
  border-left: 2px solid #e5e5e5;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add {
  position: relative;
  min-height: 26px;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  margin-top: 30px;
  padding-bottom: 65px;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add .user-pic,
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add .user-name,
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add .date {
  position: relative;
  top: -30px;
  margin-left: 10px;
  color: #a9a9a9;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add .user-pic {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 0;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add textarea {
  border: none;
  top: 10px;
  width: 96%;
  height: calc(90%);
  line-height: 21px;
  word-break: break-all;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  margin: 0 2% 0 2%;
  padding: 0 0 0 0;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add pre {
  margin: 10px 10px 0 10px;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add .remark-length {
  position: absolute;
  bottom: 8px;
  left: 10px;
  color: #a9a9a9;
  font-size: 0;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add .remark-length span {
  font-size: 12px;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add .remark-length .warning {
  color: #d0011b;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add .save {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-add .cancel {
  position: absolute;
  right: 116px;
  bottom: 8px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  text-align: center;
  line-height: 32px;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list {
  margin-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list:hover .remark-list-header i {
  visibility: visible;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list:last-child {
  border-bottom: none;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-header {
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  color: #a9a9a9;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-header img {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-header i {
  visibility: hidden;
  height: 20px;
  color: #cdc9c5;
  margin-right: 10px;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-header i:hover {
  color: #ed6c00;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-header span {
  margin-left: 10px;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-header .delete-confirm {
  width: 66px;
  height: 18px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-body {
  position: relative;
  overflow: hidden;
  min-height: 26px;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  padding-bottom: 65px;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-body textarea {
  border: none;
  width: 96%;
  line-height: 21px;
  word-break: break-all;
  background-color: transparent;
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #4a4a4a;
  margin: 2% 2% 0 2%;
  padding: 0 0 25px 0;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-body textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-body pre {
  margin: 2% 2% 0 2%;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-body .remark-length {
  position: absolute;
  bottom: 8px;
  left: 10px;
  color: #a9a9a9;
  font-size: 0;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-body .remark-length span {
  font-size: 12px;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-body .remark-length .warning {
  color: #d0011b;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-body .save {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-body .cancel {
  position: absolute;
  right: 116px;
  bottom: 8px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  text-align: center;
  line-height: 32px;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-pre {
  position: relative;
  padding-bottom: 20px;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-pre .remark-list-text {
  display: inline;
  color: #737373;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
  margin: 0;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-pre .show-all-remark {
  color: #ed6c00;
}
.knowledge-document-template-web .document-template-remark-list .remark-body .remark-list .remark-list-pre .hide-all-remark {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
  color: #a9a9a9;
}
.knowledge-document-template-web .page ul {
  display: flex;
  justify-content: center;
}
.knowledge-document-template-web .margin-left4 {
  margin-left: 4px;
}

.document-template-v2-word .file-uploading {
  width: 785px;
  height: 40px;
  margin-top: 15px;
  box-sizing: border-box;
  padding-left: 24px;
}
.document-template-v2-word .file-advanced-searchbox {
  width: 795px;
  height: 147px;
  border-radius: 4px;
  background-color: #f8f8f9;
  margin-top: 15px;
  box-sizing: border-box;
  padding: 15px 144px 15px 20px;
}
.document-template-v2-word .file-advanced-searchbox .tle {
  font-size: 14px;
  color: #4a4a4a;
  width: 70px;
  display: inline-block;
  margin-right: 6px;
  line-height: 33px;
  vertical-align: top;
}
.document-template-v2-word .file-advanced-searchbox .secondfloorbox {
  margin-top: 10px;
}
.document-template-v2-word .file-advanced-searchbox .selectBox {
  display: inline-block;
  width: 200px;
  height: 30px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
}
.document-template-v2-word .file-advanced-searchbox .selectBox .checkbox {
  border: none;
}
.document-template-v2-word .file-advanced-searchbox .selectBox .ibass-trig-down {
  line-height: 32px;
  padding-left: 20px;
  vertical-align: sub;
  color: #cdc9c5;
}
.document-template-v2-word .file-advanced-searchbox .right {
  float: right;
}
.document-template-v2-word .file-advanced-searchbox .searchbtn {
  min-width: 100px;
  height: 32px;
  margin: 14px 0 0 79px;
}
.document-template-v2-word .docment-about-popover .ns-popover-tooltip {
  width: 500px;
}
.document-template-v2-word .docment-about-popover .ns-pop-title-right .ibass-edit {
  font-size: 12px;
}
.document-template-v2-word .docment-about-popover .ibass-edit {
  font-size: 14px;
  color: #cdc9c5;
}
.document-template-v2-word .docment-about-popover .ns-pop-title-right .ibass-close {
  top: 0;
  position: relative;
  font-size: 12px;
  color: #cdc9c5;
}
.document-template-v2-word .docment-about-popover .ibass-project {
  font-size: 14px;
  color: #cdc9c5;
}
.document-template-v2-word .docment-about-popover .tags-icon {
  font-size: 16px !important;
  color: #cdc9c5;
}
.document-template-v2-word .docment-about-popover .ibass-company {
  font-size: 14px;
  color: #cdc9c5;
}
.document-template-v2-word .docment-about-popover .ibass-lawyer {
  font-size: 14px;
  color: #cdc9c5;
}
.document-template-v2-word .docment-about-popover .ibass-trig-down {
  float: right;
  font-size: 12px;
  color: #cdc9c5;
}
.document-template-v2-word .docment-about-popover .ibass-close {
  font-size: 10px;
  padding-left: 5px;
  position: relative;
  top: 2px;
}
.document-template-v2-word .docment-about-popover .ibass-add {
  float: left;
  padding-right: 5px;
  color: #cdc9c5;
}
.document-template-v2-word .docment-about-popover .ibass-task-pad {
  font-size: 29px;
  color: #f4ece3;
}
.document-template-v2-word .docment-about-popover .ibass-timer {
  font-size: 29px;
  color: #f4ece3;
}
.document-template-v2-word .docment-about-popover .ibass-star-fill {
  font-size: 29px;
  color: #f4ece3;
}
.document-template-v2-word .docment-about-popover .ibass-filetype-doc {
  font-size: 29px;
  color: #f4ece3;
}
.document-template-v2-word .docment-about-popover .ns-pop-title {
  width: 330px;
  height: 40px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  margin-left: 15px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #4a494a;
}
.document-template-v2-word .docment-about-popover .ns-pop-title-left {
  float: left;
  position: relative;
}
.document-template-v2-word .docment-about-popover .ns-pop-title-bottom {
  width: 100%;
  height: 2px;
  background-color: #fa8919;
  position: absolute;
  bottom: 0;
  left: 0;
}
.document-template-v2-word .docment-about-popover .ns-pop-title-right {
  float: right;
  font-size: 12px;
  line-height: 45px;
  color: #a9a9a9;
  padding-right: 5px;
}
.document-template-v2-word .docment-about-popover .ns-pop-title-right span {
  padding-left: 5px;
}
.document-template-v2-word .docment-about-popover .ns-popover-tooltip-theme .ns-popover-tooltip .ns-popover-heighter-items {
  margin: 20px;
}
.document-template-v2-word .docment-about-popover .ns-pop-item-title {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  color: #a9a9a9;
}
.document-template-v2-word .docment-about-popover .ns-pop-item-content {
  font-size: 14px;
  color: #4a494a;
  line-height: 18px;
  padding-bottom: 7px;
  border-bottom: 1px solid #f0f0f0;
}
.document-template-v2-word .docment-about-popover .ns-popover-save {
  width: 130px;
  height: 34px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  margin: 25px auto;
  margin-bottom: 30px;
}
.document-template-v2-word .docment-about-popover .edit-icon-bass {
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
}
.document-template-v2-word .docment-about-popover .ns-popover-items {
  padding-top: 10px;
  margin-bottom: 4px !important;
  width: 100%;
  overflow-x: hidden;
}
.document-template-v2-word .docment-about-popover .ns-popover-heighter-item {
  margin: 0 20px;
}
.document-template-v2-word .docment-about-popover .ns-popover-tips {
  padding-top: 15px;
  margin-left: 15px !important;
  overflow: auto;
}
.document-template-v2-word .docment-about-popover .tags-detail {
  height: auto;
  overflow: visible;
  word-break: break-all;
  white-space: inherit;
}
.document-template-v2-word .docment-about-popover .ns-popover-tips li {
  float: left;
  margin: 0 10px 10px 0;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 20px;
  background-color: #f8f8f9;
  display: inline-block;
  overflow: hidden;
  padding-right: 30px;
  position: relative;
}
.document-template-v2-word .docment-about-popover .ns-popover-tips li i.ibass-close {
  position: absolute;
  top: 0;
  right: 10px;
  padding-left: 5px;
}
.document-template-v2-word .docment-about-popover .ns-popover-tips .ns-pop-tips-add {
  background-color: #fff;
  font-size: 14px;
  color: #737373;
}
.document-template-v2-word .docment-about-popover .ns-pop-item-left {
  width: 115px;
  float: left;
  overflow: hidden;
}
.document-template-v2-word .docment-about-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  height: 32px;
  line-height: 32px;
  padding: 0 18px;
  cursor: auto;
}
.document-template-v2-word .docment-about-popover .ns-popover-item {
  background-color: #fff !important;
}
.document-template-v2-word .docment-about-popover .ns-popover-item .tpl-tag {
  margin-left: 15px;
  padding: 5px 15px;
  margin-top: 12px;
  display: inline-block;
  background: #f0f0f0;
  border-radius: 15px;
}
.document-template-v2-word .docment-about-popover .ns-pop-item-left span {
  float: left;
  padding-left: 10px;
  font-size: 14px;
  color: #737373;
  overflow: hidden;
}
.document-template-v2-word .docment-about-popover .ns-pop-item-right {
  width: 202px;
}
.document-template-v2-word .docment-about-popover .ns-pop-item-right span {
  font-size: 14px;
  color: #4a494a;
  width: 100%;
  padding: 0;
}
.document-template-v2-word .docment-about-popover input::-moz-placeholder {
  color: #a9a9a9;
}
.document-template-v2-word .docment-about-popover input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.document-template-v2-word .docment-about-popover inpupt:-ms-input-placeholder {
  color: #a9a9a9;
}
.document-template-v2-word .nd-body-wrap {
  width: 1000px;
  min-height: 1042px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.document-template-v2-word .nd-body-wrap .nd-header-title {
  height: 70px;
  padding: 20px 0 20px;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
  position: relative;
}
.document-template-v2-word .nd-body-wrap .nd-header-title i.nd-header-icon {
  font-size: 26px;
  color: #cdc8c5;
  position: relative;
  top: -3px;
  float: left;
  padding: 0 7px;
}
.document-template-v2-word .nd-body-wrap .nd-header-title .title {
  height: 28px;
  font-size: 20px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  width: 750px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.document-template-v2-word .nd-body-wrap .nd-header-title .button-group {
  position: absolute;
  right: 0px;
  top: 24px;
  height: 22px;
}
.document-template-v2-word .nd-body-wrap .nd-header-title .button-group i {
  padding: 0px 12px;
  font-size: 16px;
  color: #cdc9c5;
  border-right: 1px solid #ededed;
  position: relative;
  top: -1px;
  height: 22px;
  box-sizing: border-box;
}
.document-template-v2-word .nd-body-wrap .nd-header-title .button-group .ibass-close {
  padding: 0 0 0 16px;
}
.document-template-v2-word .nd-body-wrap .nd-header-title .button-group i:hover {
  color: #fa8919;
}
.document-template-v2-word .nd-body-wrap .nd-content-header {
  padding-top: 15px;
  text-align: center;
}
.document-template-v2-word .nd-body-wrap .nd-content-header .title {
  text-align: center;
  width: 72px;
  height: 36px;
  line-height: 36px;
  border-bottom: 2px solid #fff;
  color: #4a494a;
  display: inline-block;
  margin: 0 -2px;
}
.document-template-v2-word .nd-body-wrap .nd-content-header .active {
  border-bottom: 2px solid #ed6c00;
  color: #ed6c00;
}
.document-template-v2-word .nd-body-wrap .nd-content-header .disabled {
  opacity: .5;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .nd-content-top {
  padding: 0 0 15px 2px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .nd-content-top .total {
  color: #737373;
  float: left;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .nd-content-top .create {
  float: right;
  color: #fa8919;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .nd-content-top .create i {
  position: relative;
  top: 1px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .nd-content-top .create span {
  padding: 0 5px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .nd-content-top:after {
  clear: both;
  content: '.';
  visibility: hidden;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list {
  padding: 15px 0 7px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title {
  height: 45px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
  border-bottom: 1px solid #f0f0f0;
  line-height: 46px;
  overflow: hidden;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .title {
  border-bottom: 3px solid #fa8919;
  display: inline-block;
  margin-right: 10px;
  padding: 0 4px;
  max-width: 650px;
  overflow: hidden;
  float: left;
  height: 41px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title i.ibass-arrow-down,
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .ibass-arrow-right {
  font-size: 16px;
  color: #07cfda;
  position: relative;
  top: 3px;
  padding: 0 12px 0 14px;
  float: left;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .total {
  color: #a9a9a9;
  padding: 0 8px;
  border-left: 1px solid #f0f0f0;
  top: 1px;
  position: relative;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .right-button-group {
  float: right;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  display: none;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .right-button-group i {
  position: relative;
  top: 2px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .right-button-group div {
  padding-right: 12px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .right-button-group i.ibass-delete {
  padding-left: 16px;
  right: 15px;
  border-left: 1px solid #f0f0f0;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .right-button-group span {
  padding: 0 22px 0 8px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .add-button {
  display: inline-block;
  position: relative;
  top: 5px;
  font-size: 20px;
  float: right;
  padding-right: 80px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .add-button i,
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .add-button i.ibass-close {
  padding-left: 10px;
  color: #fdba78;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title .add-group {
  border: 0;
  border-bottom: 3px solid #fa8919;
  line-height: 40px;
  width: 400px;
  margin-right: 60px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-title:hover .right-button-group {
  display: inline-block;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item {
  height: 52px;
  line-height: 49px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  padding: 0 13px 0 10px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .ibass-task-check {
  float: left;
  font-size: 20px;
  color: #cdc9c5;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .title {
  width: 558px;
  float: left;
  color: #4a494a;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .title .check-list {
  float: right;
  font-size: 14px;
  color: #a9a9a9;
  width: 144px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .title .check-list .ibass-list,
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .title .check-list .ibass-attachment {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 2px;
  padding-left: 22px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .title .check-list span {
  width: 28px;
  display: inline-block;
  padding-left: 1px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .title .ibass-task-check {
  padding-right: 10px;
  width: 25px;
  text-align: center;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .attach-list {
  width: 39%;
  float: right;
  padding-left: 34px;
  box-sizing: border-box;
  color: #a9a9a9;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .attach-list .author {
  float: left;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item .attach-list i {
  float: right;
  color: #fa8919;
  display: none;
  padding-right: 2px;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item:hover {
  background-color: #f8f8f9;
}
.document-template-v2-word .nd-body-wrap .nd-content-task .task-list .task-item:hover .attach-list i {
  display: inline-block;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .nd-content-top {
  padding: 21px 0 15px 14px;
  color: #4a494a;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .nd-content-top i.cursor {
  top: 2px;
  position: relative;
  color: #cdc9c5;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .nd-content-top .ibass-filetype-folder {
  padding-right: 12px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .nd-content-top .ibass-arrow-right {
  padding: 0 8px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .nd-content-top .create {
  float: right;
  width: 105px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .nd-content-top .create i {
  position: relative;
  top: 2px;
  color: #fff;
  font-size: 12px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .nd-content-top .create span {
  padding: 0 5px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .nd-content-top:after {
  clear: both;
  content: '.';
  visibility: hidden;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list {
  padding: 15px 0 9px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item {
  border-bottom: 1px solid #f0f0f0;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner div,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item div {
  display: inline-block;
  text-align: left;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-folder,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-folder,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-checkbox,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-checkbox {
  color: #cdc9c5;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-trig-down,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-trig-down,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-more,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-more {
  color: #fa8919;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-ppt,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-ppt {
  color: #d04424;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-image,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-image {
  color: #07cfda;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-zip,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-zip {
  color: #9d7120;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-music,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-music {
  color: #a7d638;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-movie,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-movie {
  color: #d94ff5;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-duc,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-duc {
  color: #0a96e5;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-excel,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-excel {
  color: #1c7044;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .ibass-filetype-cdc9c5,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .ibass-filetype-cdc9c5 {
  color: #a7d638;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner i.left,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item i.left {
  padding: 0 15px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner i.right,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item i.right {
  padding: 0 15px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .create-time,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .create-time {
  width: 18%;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .create-time div,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .create-time div {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  width: 100%;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .create-time .date,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .create-time .date {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .modify-time {
  width: 14%;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time div,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .modify-time div {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  width: 100%;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .modify-time .date,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .modify-time .date {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .size,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .size {
  width: 16%;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .total,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .total {
  color: #a9a9a9;
  padding: 0 10px;
  border-left: 1px solid #f0f0f0;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item {
  height: 42px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .create-time,
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item .modify-time {
  padding-top: 6px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner {
  height: 36px;
  line-height: 36px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner div {
  height: 36px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .create-time {
  line-height: 34px;
  padding: 0;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-banner .create-time i {
  position: relative;
  top: 1px;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item:hover {
  background-color: #f8f8f9;
}
.document-template-v2-word .nd-body-wrap .nd-content-duc .file-list .file-item:hover .size .ibass-trig-down {
  display: inline-block;
}
.document-template-v2-word .nd-body-wrap input::-moz-placeholder {
  color: #a9a9a9;
}
.document-template-v2-word .nd-body-wrap input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.document-template-v2-word .nd-body-wrap inpupt:-ms-input-placeholder {
  color: #a9a9a9;
}
.document-template-v2-word .al-scale-8 {
  transform: scale(0.8, 0.8);
}
.document-template-v2-word .al-scale-6 {
  transform: scale(0.6, 0.6);
}
.document-template-v2-word .al-scale-12 {
  transform: scale(1.2, 1.2);
}
.document-template-v2-word .al-none-search-result {
  color: #ddd9d6;
  text-align: center;
  margin: 60px 0;
}
.document-template-v2-word .al-none-search-result p {
  font-size: 23px;
}
.document-template-v2-word .al-none-search-result .ibass-search {
  font-size: 60px !important;
}
.document-template-v2-word .al-delete-confirm {
  width: 70px;
  height: 22px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff;
  padding: 0px !important;
}
.document-template-v2-word .al-file-item .ibass-filetype-ppt {
  color: #d04424;
}
.document-template-v2-word .al-file-item .ibass-filetype-pdf {
  color: #e3574d;
}
.document-template-v2-word .al-file-item .ibass-filetype-image {
  color: #07cfda;
}
.document-template-v2-word .al-file-item .ibass-text {
  color: #000;
}
.document-template-v2-word .al-file-item .ibass-filetype-doc {
  color: #0a96e5;
}
.document-template-v2-word .al-file-item .ibass-filetype-excel {
  color: #1c7044;
}
.document-template-v2-word .al-file-item .ibass-filetype-zip {
  color: #9d7120;
}
.document-template-v2-word .al-file-item .ibass-filetype-music {
  color: #a7d638;
}
.document-template-v2-word .al-file-item .ibass-filetype-video {
  color: #d94ff5;
}
.document-template-v2-word .al-file-item .ibass-filetype-default {
  color: #cdc9c5;
}
.document-template-v2-word {
  font-family: PingFangSC;
  color: #4a494a;
  overflow: auto;
  overflow-x: hidden;
}
.document-template-v2-word .search-clear {
  position: absolute;
  right: 5px;
  top: 2px;
  font-size: 12px;
  -webkit-transition-duration: 0.1s;
  -webkit-transform: scale(1, 1);
}
.document-template-v2-word .ns-left-content {
  float: left;
  padding: 15px 0;
}
.document-template-v2-word .ns-left-content .ns-sort-box {
  font-size: 14px;
  line-height: 34px;
}
.document-template-v2-word .ns-left-content .ns-sort-box .title {
  padding-left: 22px;
  height: 37px;
  font-weight: 500;
  position: relative;
  line-height: 36px;
}
.document-template-v2-word .ns-left-content .ns-sort-box .title .search-tag {
  position: absolute;
  top: 0;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  overflow: hidden;
}
.document-template-v2-word .ns-left-content .ns-sort-box .title .search-tag i {
  position: absolute;
  left: 6px;
  top: 0;
  background: transparent !important;
}
.document-template-v2-word .ns-left-content .ns-sort-box .title .search-tag input {
  width: 110px;
  margin: 0 20px 0 10px;
  border: 0;
}
.document-template-v2-word .ns-left-content .ns-sort-box .title .search-tag .search {
  height: 28px;
  border-radius: 0 20px 20px 0;
  position: absolute;
  right: 9px;
  top: -1px;
  text-align: center;
  line-height: 30px;
  color: #4a4a4a;
  font-size: 12px;
}
.document-template-v2-word .ns-left-content .ns-sort-box .title .search-tag .search .ibass-back {
  text-indent: -2px;
  font-size: 14px;
  color: #cdc9c5;
}
.document-template-v2-word .ns-left-content .ns-sort-box .title .search-tag .search .clear-text {
  top: -2px;
  position: relative;
}
.document-template-v2-word .ns-left-content .ns-sort-box .sort-item {
  margin: 0px 0 0px 25px;
  overflow: hidden;
  width: 150px;
  border-radius: 25px;
  line-height: 30px;
  text-overflow: ellipsis;
  word-break: break-all;
  height: 34px;
  padding-right: 25px;
  position: relative;
  box-sizing: border-box;
}
.document-template-v2-word .ns-left-content .ns-sort-box .sort-item span {
  color: #4a4a4a;
}
.document-template-v2-word .ns-left-content .ns-sort-box .sort-item .active {
  color: #fa8919 !important;
}
.document-template-v2-word .ns-left-content .ns-sort-box .sort-item .ibass-checkmark {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #fa8919;
  font-size: 10px;
}
.document-template-v2-word .ns-left-content .ns-sort-box .sort-item .ibass-dot {
  padding: 0;
}
.document-template-v2-word .ns-left-content .ns-sort-box .sort-item:hover,
.document-template-v2-word .ns-left-content .ns-sort-box .sort-item.active {
  background: #f0f0f0;
}
.document-template-v2-word .ns-left-content .ns-sort-box i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  padding: 0 1px;
  font-size: 16px;
}
.document-template-v2-word .ns-left-content .ns-sort-box .clear-line {
  margin: 19px 35px;
  height: 1px;
  border-bottom: solid 1px #f0f0f0;
}
.document-template-v2-word .ns-left-content .ns-sort-box span.ibass-search {
  width: 23px;
  float: right;
  color: #cdcdcd;
  text-align: center;
  height: 23px;
  line-height: 23px;
  margin: 7px 13px;
  border-radius: 5px;
}
.document-template-v2-word .ns-left-content .ns-sort-box span.ibass-search:hover {
  color: #fff;
  background: #ffb387;
}
.document-template-v2-word .dc-right-content {
  min-height: 900px;
  border-left: 1px solid #f0f0f0;
  position: relative;
  padding-bottom: 100px;
}
.document-template-v2-word .dc-right-content .right-button-group {
  width: 100px;
  text-align: right;
  float: right;
  padding: 22px 0px;
  color: #cdc9c5;
}
.document-template-v2-word .dc-right-content .right-button-group i {
  font-size: 16px;
}
.document-template-v2-word .dc-right-content .right-button-group i.ibass-copy,
.document-template-v2-word .dc-right-content .right-button-group .ibass-info {
  margin-right: 15px;
}
.document-template-v2-word .dc-right-content .right-button-group .ibass-more {
  float: right;
  padding-left: 15px;
}
.document-template-v2-word .dc-right-content .page {
  position: absolute;
  bottom: 0;
}
.document-template-v2-word .dc-right-content .main-btn {
  min-width: 108px;
}
.document-template-v2-word .dc-right-content .ns-right-top {
  height: 72px;
  padding: 0 23px;
}
.document-template-v2-word .dc-right-content .ns-right-top .ns-top-search {
  float: left;
  margin: 18px 0 0 0;
  width: 200px;
  height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: scale(1, 1);
}
.document-template-v2-word .dc-right-content .ns-right-top .ns-top-search i {
  position: relative;
  top: 5px;
  font-size: 15px;
  left: 8px;
  color: #cdc9c5;
}
.document-template-v2-word .dc-right-content .ns-right-top .ns-top-search .search-box {
  position: relative;
  top: 2px;
  font-size: 12px;
  left: 6px;
  border: 0;
  line-height: 20px;
  width: 160px;
}
.document-template-v2-word .dc-right-content .ns-right-top .ns-top-search .w300 {
  width: 300px;
  -webkit-transition-duration: 0.32s;
  -webkit-transform: scale(1, 1);
}
.document-template-v2-word .dc-right-content .ns-right-top .focus-input {
  border-color: #ffb387 !important;
  width: 340px;
}
.document-template-v2-word .dc-right-content .ns-right-top .ns-top-create {
  float: right;
  margin: 15px 3px 0 0;
  height: 36px;
  line-height: 35px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  padding: 0 13px;
}
.document-template-v2-word .dc-right-content .ns-right-top .ns-top-create span {
  position: relative;
  top: -1px;
  left: 2px;
}
.document-template-v2-word .dc-right-content .total {
  right: 24px;
  position: absolute;
  top: 0;
  padding-top: 12px;
  color: #737373;
  font-size: 13px;
  line-height: 22px;
  box-sizing: border-box;
  padding-left: 14px;
}
.document-template-v2-word .dc-right-content .total span.sort-time {
  float: right;
}
.document-template-v2-word .dc-right-content .total i {
  float: right;
  font-size: 12px;
  color: #fa8919;
  padding: 0 2px;
}
.document-template-v2-word .dc-right-content .ns-right-main {
  padding: 0 23px;
}
.document-template-v2-word .dc-right-content .ns-right-main .list-head {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding-left: 8px;
  border-bottom: none;
}
.document-template-v2-word .dc-right-content .ns-right-main .list-head .ibass-trig-down {
  font-size: 12px;
  position: relative;
  top: 1px;
  margin-left: 4px;
}
.document-template-v2-word .dc-right-content .ns-right-main .list-head .sort-time {
  float: right;
  color: #737373;
}
.document-template-v2-word .dc-right-content .ns-right-main .list-head .allNum {
  color: #737373;
}
.document-template-v2-word .dc-right-content .ns-right-main .list-head i.checkIcon {
  position: relative;
  top: 10px;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.document-template-v2-word .dc-right-content .ns-right-main .list-head i.ibass-checkbox {
  color: #cdc9c5;
}
.document-template-v2-word .dc-right-content .ns-right-main .list-head i.ibass-checked {
  color: #fa8919;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab {
  border-bottom: 1px solid #f0f0f0;
  line-height: 35px;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .tab {
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid transparent;
  width: 95px;
  display: inline-block;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .more-copy {
  float: right;
  margin-right: 30px;
  display: flex;
  line-height: normal;
  position: relative;
  top: 9px;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .more-copy .tips {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  line-height: 26px;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .more-copy .tips span {
  color: #a9a9a9;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .more-copy .sort-time i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .more-copy.tips-wrapper {
  top: 6px;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .more-copy.no-margin-right {
  margin-right: 0;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .ibass-copy,
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .ibass-download,
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .ibass-delete {
  position: relative;
  top: 4px;
  width: 30px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  color: #cdc9c5;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .ibass-copy:hover,
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .ibass-delete:hover {
  color: #ed6c00;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .right-tab {
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid transparent;
  width: 96px;
  display: inline-block;
  float: right;
  padding-left: 5px;
  border-bottom-color: transparent !important;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .right-tab .ibass-star {
  top: 1px;
  position: relative;
  font-size: 14px;
  color: #ed6c00;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .right-tab .ibass-star-fill {
  top: 1px;
  position: relative;
  font-size: 14px;
}
.document-template-v2-word .dc-right-content .ns-right-main .do-favorite {
  color: #fa8919;
}
.document-template-v2-word .dc-right-content .ns-right-main .select-tab .active-tab {
  border-bottom-color: #fa8919;
  color: #ed6c00;
}
.document-template-v2-word .dc-right-content .batch-wrapper {
  float: right;
  display: flex;
  align-items: center;
  height: 50px;
}
.document-template-v2-word .dc-right-content .batch-wrapper .slecteBread {
  display: inline-block;
  width: 150px;
  height: 32px;
  border-radius: 5px;
  background-color: #f8f8f9;
  line-height: 32px;
  font-size: 12px;
  float: left;
}
.document-template-v2-word .dc-right-content .batch-wrapper .slecteBread .seletedNum {
  margin-left: 10px;
  font-size: 12px;
  color: #ed6c00;
}
.document-template-v2-word .dc-right-content .batch-wrapper .slecteBread .cleanSelected {
  float: right;
  margin-right: 10px;
  line-height: 30px;
  cursor: pointer;
}
.document-template-v2-word .dc-right-content .batch-wrapper .slecteBread .cleanSelected i {
  font-size: 12px;
  position: relative;
  top: 1px;
}
.document-template-v2-word .dc-right-content .batch-wrapper .more-option {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  line-height: 26px;
}
.document-template-v2-word .dc-right-content .batch-wrapper .more-option span {
  color: #737373;
}
.document-template-v2-word .dc-right-content .batch-wrapper .more-option i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.document-template-v2-word .dc-right-content .tpl-list .list-head {
  line-height: 24px;
}
.document-template-v2-word .dc-right-content .tpl-list .hover-check {
  display: none;
}
.document-template-v2-word .dc-right-content .tpl-list .icon-content {
  display: inline-block;
  float: left;
}
.document-template-v2-word .dc-right-content .tpl-list .check-block {
  display: block !important;
}
.document-template-v2-word .dc-right-content .tpl-list .icon-content:hover .hover-check {
  display: block !important;
}
.document-template-v2-word .dc-right-content .tpl-list .icon-content:hover .hover-doc {
  display: none !important;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 10px 14px 8px;
  position: relative;
  min-height: 50px;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item img {
  float: left;
  height: 24px;
  width: 24px;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item i.checkIcon {
  position: relative;
  top: 10px;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item i.ibass-checkbox {
  color: #cdc9c5;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item i.ibass-checked {
  color: #fa8919;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item i.ibass-filetype-doc {
  float: left;
  font-size: 16px;
  color: #0a96e5;
  margin-right: 6px;
  width: 20px;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .content.left70 {
  padding-left: 100px;
  display: block;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .content {
  display: block;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .content .content-tags {
  padding-top: 10px;
  font-size: 12px;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .content .content-tags span {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 0px 10px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 4px;
  color: #a9a9a9;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .content .title {
  font-size: 14px;
  font-weight: 500;
  color: #4a494a;
  padding: 2px 0 5px;
  overflow: hidden;
  word-break: break-all;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .content .desc {
  height: 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 1.33;
  color: #737373;
  padding-bottom: 5px;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .content .meta {
  height: 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .right-button-group.right24 {
  right: 24px;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .right-button-group {
  width: 100px;
  text-align: right;
  float: right;
  padding: 22px 0px;
  color: #cdc9c5;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .right-button-group i {
  font-size: 16px;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item .right-button-group .ibass-more {
  float: right;
  padding-left: 15px;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item:hover {
  background-color: #f8f8f9;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item:hover .right-button-group i {
  color: #fdba78;
}
.document-template-v2-word .dc-right-content .tpl-list .tpl-item:hover .right-button-group i:hover {
  color: #f98919;
}
.document-template-v2-word .dc-right-content .ns-right-pager {
  bottom: 43px;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 30px;
}
.document-template-v2-word .dc-right-content .ns-right-pager i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  padding: 0 10px;
  font-size: 15px;
}
.document-template-v2-word .dc-right-content .ns-right-pager .prev-page,
.document-template-v2-word .dc-right-content .ns-right-pager .next-page {
  width: 42px;
  height: 20px;
  font-size: 14px;
  color: #737373;
}
.document-template-v2-word .dc-right-content .ns-right-pager .page-num {
  width: 20px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  color: #737373;
  padding: 0 5px;
  display: inline-block;
}
.document-template-v2-word .dc-right-content .ns-right-pager .current {
  height: 30px;
  background-color: #fa8919;
  border-radius: 50%;
  color: #fff;
}
.document-template-v2-word .dc-right-content .page {
  width: 100%;
  text-align: center;
}
.document-template-v2-word .dc-right-content .page ul {
  display: inline-block;
}
.document-template-v2-word input::-moz-placeholder {
  color: #a9a9a9;
}
.document-template-v2-word input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.document-template-v2-word inpupt:-ms-input-placeholder {
  color: #a9a9a9;
}

.tooltip.info {
  padding: 3px 5px;
}
.tooltip.share-member {
  padding: 3p 5px;
}
.tooltip.favorite {
  padding: 3px 5px;
  margin-left: 7px;
}

.km-project-template-navi .ns-sort-box.tags .item {
  display: flex;
  align-items: center;
}
.km-project-template-navi .ns-sort-box.tags .item span.label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.km-project-template-navi .ns-sort-box .sort-item .ibass-checkmark {
  display: none;
}
.km-project-template-navi .ns-sort-box .sort-item .ibass-arrow-next {
  position: absolute;
  font-size: 12px;
  color: #fa8919;
  right: 8px;
  display: none;
}
.km-project-template-navi .ns-sort-box .sort-item.active .ibass-dot {
  color: #fa8919;
}
.km-project-template-navi .ns-sort-box .sort-item.active .ibass-checkmark {
  display: block;
}
.km-project-template-navi .ns-sort-box .sort-item.active .ibass-arrow-next {
  display: block;
}
.ns-body-wrap .ns-left-content .km-project-template-navi .ns-sort-box.tags .sort-item {
  height: auto;
  margin-top: 3px;
}
.ns-body-wrap .ns-left-content .km-project-template-navi .ns-sort-box.tags .sort-item .ibass-dot {
  top: 0;
  display: block;
  float: left;
}
.ns-body-wrap .ns-left-content .km-project-template-navi .ns-sort-box.tags .sort-item span {
  display: inline-block;
  width: 95px;
  margin-left: 5px;
  height: auto;
}
.ns-body-wrap .ns-left-content .km-project-template-navi .ns-sort-box.types .sort-item {
  border-radius: 0;
}
.ns-body-wrap .ns-left-content .km-project-template-navi .ns-sort-box.types .sort-item:hover {
  background: transparent;
}

.template-doc-list {
  clear: both;
}
.template-doc-list span[class*="limit"] {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.template-doc-list .limit40 {
  width: 40em;
}
.template-doc-list .limit20 {
  width: 20em;
}
.template-doc-list .limit30 {
  width: 30em;
}
.template-doc-list .newFolder {
  position: relative;
}
.template-doc-list .newFolder.create-new-folder {
  display: flex !important;
  align-items: center;
}
.template-doc-list .newFolder.create-new-folder button {
  margin-left: 15px;
}
.template-doc-list .newFolder.create-new-folder span.ng-hide {
  top: -30px;
}
.template-doc-list .newFolder span.ng-hide {
  background: #f72b44;
  position: absolute;
  padding: 0 10px;
  color: #fff;
  border-radius: 8px;
  top: -40px;
  display: inline-block !important;
}
.template-doc-list .newFolder span.ng-hide i:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 5px solid #F72B44;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.nd-content-duc {
  padding: 0 25px;
}
.nd-content-duc .nd-content-top.template-doc {
  padding: 10px 0 0 15px;
}
.nd-content-duc .nd-content-top.template-doc:after {
  display: none;
}
.nd-content-duc .nd-content-top .files-count {
  color: #a6a6a6;
  font-size: 12px;
}
.nd-content-duc .nd-content-top .main-content {
  display: flex;
  padding-top: 10px;
  justify-content: space-between;
  line-height: 38px;
}
.nd-content-duc .nd-content-top .main-content .folder-path {
  width: 550px;
}
.nd-content-duc .nd-content-top .main-content .folder-path .ibass-filetype-folder {
  font-size: 20px !important;
}
.nd-content-duc .nd-content-top .main-content .folder-path .ibass-filetype-folder.blue {
  color: #07cfda !important;
}
.nd-content-duc .nd-content-top .main-content .batch-operate .checknum {
  cursor: pointer;
  font-size: 12px;
  line-height: 32px;
  background: #f8f8f9;
  padding: 7px 0 7px 14px;
  border-radius: 18px;
}
.nd-content-duc .nd-content-top .main-content .batch-operate .checknum i {
  color: #fdba78;
  margin-right: 10px;
}
.nd-content-duc .nd-content-top .main-content .batch-operate .checknum i:hover {
  color: #fa8919;
}
.nd-content-duc .nd-content-top .main-content .main-btn {
  min-width: auto;
  padding: 0;
}
.nd-content-duc .template-document-docupload-totalnum {
  margin: 10px 0;
}
.nd-content-duc .newFolder .cancelNewFolder {
  border: 0;
  outline: none;
  text-align: center;
  cursor: pointer;
  width: 100px;
  border-radius: 20px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #4a4a4a;
}
.nd-content-duc .newFolder .saveNewFolder {
  border: 0;
  outline: none;
  text-align: center;
  cursor: pointer;
  width: 100px;
  border-radius: 20px;
  height: 30px;
  line-height: 30px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
}
.nd-content-duc .file-banner {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #f0f0f0;
}
.nd-content-duc .file-banner .title .all-check {
  color: #fa8919;
}
.nd-content-duc .file-banner .title .filename.un-editable {
  margin-left: 14px;
}
.nd-content-duc .size {
  flex-basis: 220px;
}
.nd-content-duc .file-item {
  display: flex;
  justify-content: space-between;
}
.nd-content-duc .file-item .single-check {
  color: #fa8919;
}
.nd-content-duc .file-item [class*=btn-] {
  float: right;
  visibility: hidden;
}
.nd-content-duc .file-item:hover [class*=btn-] {
  color: #fa8919;
  padding: 0 5px;
  visibility: visible;
}
.nd-content-duc .file-item i.right {
  padding-right: 0 !important;
  padding-left: 5px !important;
  margin-right: 10px;
}
.nd-content-duc .file-item .ibass-filetype-folder {
  color: #07cfda!important;
}
.nd-content-duc .file-item .ibass-filetype-ppt {
  color: #d04424;
}
.nd-content-duc .file-item .ibass-filetype-pdf {
  color: #e3574d;
}
.nd-content-duc .file-item .ibass-filetype-image {
  color: #07cfda;
}
.nd-content-duc .file-item .ibass-filetype-doc {
  color: #0a96e5;
}
.nd-content-duc .file-item .ibass-filetype-excel {
  color: #1c7044;
}
.nd-content-duc .file-item .ibass-filetype-zip {
  color: #9d7120;
}
.nd-content-duc .file-item .ibass-filetype-music {
  color: #a7d638;
}
.nd-content-duc .file-item .ibass-filetype-video {
  color: #d94ff5;
}
.nd-content-duc .file-item .ibass-filetype-default {
  color: #cdc9c5;
}
.template-doc-flex {
  display: flex;
  align-items: center;
}
.template-doc-popover-border {
  position: relative;
}
.template-doc-popover-border :after {
  content: '';
  height: 1px;
  width: 80%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background: #666;
}
.btn-trig-down {
  visibility: hidden;
}
.project-about-popover .project-template-doc-add-pop {
  padding-top: 0;
}
.upload-area {
  margin-left: 20px;
}
.upload-area:after {
  content: '';
  display: block;
  clear: both;
}
.upload-area .uploading {
  margin-left: 15px;
  margin-top: 10px;
  overflow: hidden;
  clear: both;
}
.upload-area .uploading .name {
  display: inline-block;
  word-break: break-all;
  max-width: 600px;
}

.i-project-template-import {
  padding-left: 0;
  padding-right: 0;
}
.i-project-template-import .header {
  display: flex;
  text-align: center;
  height: 30px;
  line-height: initial;
  border-bottom: 1px solid #F0F0F0;
}
.i-project-template-import .header .ahead {
  left: 20px;
  top: -8px;
  font-size: 14px;
}
.i-project-template-import .header .title {
  flex: 1;
}
.i-project-template-import .header i.ibass-close {
  position: absolute;
  right: 20px;
  top: -3px;
}
.i-project-template-import-detail .content {
  display: flex;
  justify-content: center;
}
.i-project-template-import-detail .content .i-project-template-data-choose-wrap {
  margin-top: 30px;
}
.i-project-template-import-detail .content .i-project-template-data-choose-wrap .desc {
  margin-bottom: 30px;
  color: #bcbcbc;
  font-weight: 400;
}
.i-project-template-import-detail .content .i-project-template-data-choose-wrap .button-list {
  display: flex;
  justify-content: center;
}
.i-project-template-import-detail .content .i-project-template-data-choose-wrap .button-list .btn {
  padding: 8px 40px;
  border-radius: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.i-project-template-import-detail .content .i-project-template-data-choose-wrap .button-list .confirm-btn {
  color: #fff;
  background-color: #fa8919;
}
.i-project-template-import-detail .content .i-project-template-data-choose-wrap .button-list .cancel-btn {
  color: #4a4a4a;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #e8e8e8;
}



.project-template-share-modal {
  padding: 20px 10px;
  text-align: center;
}
.project-template-share-modal .finish {
  font-size: 50px;
  margin-bottom: 20px;
  color: #fa8919;
}
.project-template-share-modal h2 {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  position: relative;
  background-color: #ffffff;
  z-index: 1;
  display: inline-block;
  padding: 0 10px;
}
.project-template-share-modal p.block {
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
  border-top: 1px solid #e1e8ed;
  padding: 50px 35px 0;
  margin-top: -25px;
}
.project-template-share-modal .loading {
  padding-bottom: 20px;
  padding-top: 0;
}
.project-template-share-modal .sa-button-container {
  margin-top: 30px;
}
.project-template-share-modal .sa-button-container div {
  display: inline-block;
}
.project-template-share-modal .sa-button-container div button {
  box-shadow: none;
  width: 100px;
  height: 36px;
  border-radius: 20px;
  border: solid 1px #cfc7c1;
  box-shadow: rgba(140, 212, 245, 0.8);
}
.project-template-share-modal .sa-button-container div button:not(:last-child) {
  margin-right: 20px;
}
.project-template-share-modal .sa-button-container div .cancel {
  color: #4a4a4a;
  background-color: #ffffff;
}
.project-template-share-modal .sa-button-container div .confirm {
  background-color: #fa8919;
  color: #ffffff;
}
.project-template-share-modal .content {
  white-space: pre-wrap;
}

.km-project-template-detail {
  padding: 40px 50px 30px;
}
.km-project-template-detail .ibass-required {
  color: #f72b44;
}
.km-project-template-detail .uneditable {
  color: #a9a9a9;
}
.km-project-template-detail .uneditable i {
  color: #a9a9a9;
}
.km-project-template-detail .ibass-checked {
  color: #fa8919;
}
.km-project-template-detail .header {
  position: relative;
  padding-top: 10px;
}
.km-project-template-detail .header .ahead {
  position: absolute;
  top: -20px;
  left: -25px;
  color: #999;
  font-size: 14px;
}
.km-project-template-detail .header .split {
  border-top: solid 1px #f0f0f0;
}
.km-project-template-detail .header .title {
  max-width: 188px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  margin: 0 auto;
  transform: translateY(-50%);
  background: white;
}
.km-project-template-detail i {
  position: relative;
  vertical-align: middle;
}
.km-project-template-detail .ns-popover-save {
  width: 130px;
  height: 34px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  margin: 25px auto 0;
}

.project-template-status .log-content {
  display: -webkit-box;
  cursor: unset;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.project-template-task .task-list {
  overflow: hidden;
}
.project-template-task .task-list .task-item {
  display: flex;
}
.project-template-task .task-list .task-item .title {
  flex-grow: 1;
}
.project-template-task .task-name {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  height: 32px;
}
.project-template-task .task-name.long {
  max-width: 700px;
}

.cursor {
  cursor: pointer;
}
.i-new-matters-list {
  display: inline-block;
  white-space: nowrap;
  position: relative;
}
.i-new-matters-list .i-new-matters-list-export {
  overflow: hidden;
  margin-top: -10px;
  margin-right: 10px;
  margin-bottom: 16px;
  font-size: 12px;
  color: #4a4a4a;
}
.i-new-matters-list .i-new-matters-list-export .btn-list-export {
  float: right;
  cursor: pointer;
}
.i-new-matters-list .i-new-matters-list-export .btn-list-export:hover {
  color: #ed6c00;
}
.i-new-matters-list .i-matters-list-left {
  width: 506px;
  display: inline-block;
  vertical-align: top;
}
.i-new-matters-list .has-scroll {
  border-right: 1px solid #efefef;
}
.i-new-matters-list .i-matter-fixed-info {
  padding-left: 10px;
}
.i-new-matters-list .approvaling-num span {
  padding-right: 2px!important;
}
.i-new-matters-list .approvaling-num i {
  position: relative;
  top: 3px;
}
.i-new-matters-list .i-matters-list-right {
  display: inline-block;
  position: relative;
  left: -5px;
  width: 640px;
  overflow-x: auto;
  overflow-y: hidden;
}
.i-new-matters-list .i-matters-list-right .i-matters-list-right-content {
  white-space: nowrap;
  vertical-align: top;
  display: inline-block;
}
.i-new-matters-list .i-matters-list-right .i-matters-list-right-content .i-matters-list-body {
  font-size: 0;
  min-width: 610px;
}
.i-new-matters-list .i-matters-list-right::-webkit-scrollbar {
  display: none;
}
.i-new-matters-list .i-matters-list-header-fixed-name {
  margin-left: 20px;
}
.i-new-matters-list .i-matters-list-header-fixed-name span {
  padding: 0!important;
}
.i-new-matters-list .i-matters-list-header-fixed-name i {
  top: 2px!important;
}
.i-new-matters-list .i-matters-list-header-fixed-name:hover i {
  color: #cdc9c5;
  visibility: visible;
}
.i-new-matters-list .i-matters-list-header {
  background-color: #f5f6f7;
  font-size: 0;
  border-bottom: 1px solid #f0f0f0;
  height: 37px;
  max-height: 37px;
  line-height: 35px;
  position: relative;
}
.i-new-matters-list .i-matters-list-header .i-matter-approval {
  position: absolute;
  left: 160px;
  top: -1px;
  color: #a9a9a9;
}
.i-new-matters-list .i-matters-list-header .i-matters-list-header-fixed:hover .i-matters-list-count {
  display: none;
}
.i-new-matters-list .i-matters-list-header .i-matters-list-header-fixed:hover .i-matter-name {
  display: inline-block;
}
.i-new-matters-list .i-matters-list-header .i-matters-list-count {
  display: inline-block;
  position: relative;
  top: 0px;
  color: #4a4a4a;
}
.i-new-matters-list .i-matters-list-header .i-matter-name {
  display: none;
}
.i-new-matters-list .i-matters-list-header .order-icon {
  vertical-align: middle;
  margin-left: 8px;
  font-size: 14px;
  visibility: hidden;
  position: relative;
  top: 1px;
}
.i-new-matters-list .i-matters-list-header .ibass-settings {
  font-size: 16px;
  position: absolute;
  left: 12px;
  top: 1px;
  color: #999999;
}
.i-new-matters-list .i-matters-list-header .ibass-settings:hover {
  color: #fa8919;
}
.i-new-matters-list .i-matters-list-header span {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 18px;
  box-sizing: border-box;
}
.i-new-matters-list .i-matters-list-header .showfilter i {
  color: #fa8919 !important;
  visibility: visible!important;
}
.i-new-matters-list .i-matters-list-header .i-matters-list-header-unfixed:hover i {
  color: #cdc9c5;
  visibility: visible;
}
.i-new-matters-list .hoverBackground {
  background-color: #f8f8f8;
}
.i-new-matters-list .hoverBackground .i-join-matter {
  display: block;
}
.i-new-matters-list .i-matter-fixed-list {
  height: 99px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  position: relative;
}
.i-new-matters-list .i-matter-fixed-list .common-star {
  width: 24px;
  position: relative;
  display: inline-block;
  color: #cdc9c5;
  font-size: 18px;
  z-index: 10;
  line-height: 18px;
  padding: 0 6px;
  cursor: pointer;
}
.i-new-matters-list .i-matter-fixed-list .common-star a {
  color: #cdc9c5;
}
.i-new-matters-list .i-matter-fixed-list .common-star .ibass-star-fill:before,
.i-new-matters-list .i-matter-fixed-list .common-star .ibass-star:before {
  font-size: 16px;
}
.i-new-matters-list .i-matter-detail-title {
  margin-bottom: 6px;
}
.i-new-matters-list .i-matter-fixed-detail {
  padding: 2px 0;
}
.i-new-matters-list .i-matter-fixed-detail .i-matter-name {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  max-width: 400px;
}
.i-new-matters-list .i-matter-fixed-detail .matter-status-name {
  display: inline-bloci-matters-list-leftk;
  vertical-align: middle;
  padding: 3px 15px 2px 15px;
  border-radius: 20px;
  font-size: 12px;
  border: solid 1px #ebe8e6;
  margin-left: 10px;
}
.i-new-matters-list .i-matter-fixed-detail .i-matter-clients {
  max-width: 480px;
  font-size: 12px;
  color: #a9a9a9;
}
.i-new-matters-list .i-matter-fixed-detail .i-matter-type {
  border-left: 1px solid #ebe8e6;
  padding-left: 20px;
  margin-left: 16px;
}
.i-new-matters-list .i-matters-list-body .i-matter-project-field {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 18px;
  color: #a9a9a9;
}
.i-new-matters-list .i-matters-list-body .i-matter-project-field .i-matter-field-span {
  max-width: 100%;
  display: inline-block;
  font-size: 12px;
}
.i-new-matters-list .i-join-matter {
  height: 99px;
  width: 80px;
  position: absolute;
  z-index: 10;
  background-color: #f8f8f8;
  font-size: 12px;
  left: 1069px;
  display: none;
}
.i-new-matters-list .i-join-matter .i-join-matter-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.i-new-matters-list .i-join-matter .i-join-matter-content .matter-star {
  position: absolute;
  right: 28px;
  top: 10px;
  width: 20px;
  font-size: 16px;
}
.i-new-matters-list .i-join-matter .i-join-matter-content .matter-join {
  position: absolute;
  left: 8px;
  top: 54px;
}
.i-new-matters-list .i-join-matter .i-join-matter-content .matter-join .is-no-join {
  display: inline-block;
  width: 60px;
  height: 28px;
  border-radius: 20px;
  text-align: center;
  line-height: 28px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border: solid 1px #cec7c0;
}
.i-new-matters-list .i-join-matter .i-join-matter-content .matter-join .is-no-join:hover {
  background-color: #fa8919;
  color: #fff;
  border-color: #fa8919;
}
.i-new-matters-list .i-join-matter .i-join-matter-content .matter-join .is-join {
  color: #a9a9a9;
  line-height: 32px;
  margin-left: 16px;
}
.i-new-matters-list .matterNo {
  width: 170px;
  min-width: 170px;
}
.i-new-matters-list .matterDynamicContent {
  width: 150px;
  min-width: 120px;
  vertical-align: top;
}
.i-new-matters-list .startMatterTime {
  width: 120px;
  min-width: 120px;
}
.i-new-matters-list .totalTiming {
  width: 108px;
  min-width: 108px;
}
.i-new-matters-list .task {
  width: 120px;
  min-width: 120px;
}
.i-new-matters-list .matterLevel {
  width: 108px;
  min-width: 108px;
}
.i-new-matters-list .endMatterTime {
  width: 120px;
  min-width: 120px;
}
.i-new-matters-list .serviceStartRangeTime {
  width: 120px;
  min-width: 120px;
}
.i-new-matters-list .serviceEndRangeTime {
  width: 120px;
  min-width: 120px;
}
.i-new-matters-list .matter-time {
  width: 120px;
  min-width: 120px;
}
.i-new-matters-list .matterOwner {
  width: 170px;
  min-width: 170px;
}
.i-new-matters-list .matterSourceLawyer {
  width: 170px;
  min-width: 170px;
}
.i-new-matters-list .matterReasonMessage {
  width: 200px;
  min-width: 200px;
}
.i-new-matter-scroll-fixed {
  position: fixed;
  z-index: 100;
  bottom: 5px;
  right: 386px;
}
.i-new-matter-scroll-absolute {
  position: absolute;
  z-index: 90;
  bottom: 0!important;
  right: 6px!important;
}
.i-new-matter-scroll-bar {
  width: 610px;
  height: 6px;
  border-radius: 6px;
  background-color: #fafafa;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.15);
  transition: height .3s ease;
}
.i-new-matter-scroll-bar .scroll-bar-body {
  width: 100%;
  height: 100%;
  position: relative;
}
.i-new-matter-scroll-bar .scroll-bar-body .selected-scroll {
  height: 100%;
  width: 162px;
  border-radius: 6px;
  background-color: #898988;
  position: absolute;
  left: 0;
}
.i-new-matter-scroll-bar:hover {
  height: 12px;
}

.matter-grade {
  width: 100%;
  height: 100%;
}
.matter-grade .mg-selecting {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.matter-grade.not-allowed .item:hover:after {
  background: #f3f3f3 !important;
  color: #A9A9A9 !important;
}
.matter-grade .item {
  float: left;
  height: 100%;
  width: calc((100% - 6px) / 4);
  position: relative;
  margin-left: 2px;
}
.matter-grade .item:nth-child(1) {
  margin-left: 0px;
}
.matter-grade .item:after {
  float: left;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 50%;
  background: #f3f3f3;
  font-size: 10px;
  color: #a9a9a9;
  line-height: 180%;
  transform: translateY(-50%);
  transition: linear 0.2s;
}
.matter-grade .item:nth-child(1):after {
  content: '\65E0';
  /** 无 */
}
.matter-grade .item:nth-child(2):after {
  content: '\4F4E';
  /** 低 */
}
.matter-grade .item:nth-child(3):after {
  content: '\4E2D';
  /** 中 */
}
.matter-grade .item:nth-child(4):after {
  content: '\9AD8';
  /** 高 */
}
.matter-grade .item:hover:after {
  background: #ffe1c4;
  color: #f9f9f9;
}
.matter-grade .item > .content {
  display: none;
}
.matter-grade .item > .content.show-style {
  display: block;
}
.matter-grade .item > .content:after {
  float: left;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 50%;
  background: #f3f3f3;
  font-size: 10px;
  color: #f9f9f9;
  line-height: 180%;
  transform: translateY(-50%);
}
.matter-grade .item:nth-child(1) > .content:after {
  content: '\65E0';
  /** 无 */
  background: #cecece;
}
.matter-grade .item:nth-child(2) > .content:after {
  content: '\4F4E';
  /** 低 */
  background: #fac598;
}
.matter-grade .item:nth-child(3) > .content:after {
  content: '\4E2D';
  /** 中 */
  background: #faae70;
}
.matter-grade .item:nth-child(4) > .content:after {
  content: '\9AD8';
  /** 高 */
  background: #fa9541;
}

.title-with-underline {
  height: 38px;
  line-height: 38px;
  width: 100%;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.twu-content {
  border-bottom: 2px solid #fc8919;
  height: calc(100% - 2px);
}
.twu-title {
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}

.choose-matter-type {
  padding: 0 38px;
}
.choose-matter-type header {
  margin-top: 13px;
  height: 50px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  line-height: 74px;
}
.choose-matter-type header .title {
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
  padding: 0 20px;
  color: #4a4a4a;
}
.choose-matter-type .types-wrappers {
  display: flex;
  flex-wrap: wrap;
  margin-top: 22px;
  margin-left: -2px;
}
.choose-matter-type .types-wrappers .search-matter {
  width: 100%;
}
.choose-matter-type .types-wrappers .search-matter > div {
  width: 200px;
  height: 30px;
  box-sizing: border-box;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  border-radius: 20px;
  padding: 4px 28px 4px 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-width: 100px;
}
.choose-matter-type .types-wrappers .search-matter > div > div {
  width: 20px;
  font-size: 14px;
  color: #cdc8c5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  flex-shrink: 0;
}
.choose-matter-type .types-wrappers .search-matter > div > input {
  border: none;
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}
.choose-matter-type .types-wrappers .search-matter > div > input::placeholder {
  font-size: 12px;
  color: #a9a9a9;
}
.choose-matter-type .types-wrappers .parent-matter-types {
  margin-top: 23px;
  width: 152px;
  border-right: 1px solid #ebebeb;
}
.choose-matter-type .types-wrappers .parent-matter-types .parent-matter-type {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
  width: 132px;
  padding: 0 8px 0 7px;
  margin-bottom: 3px;
}
.choose-matter-type .types-wrappers .parent-matter-types .parent-matter-type > .ibass-dot {
  padding-right: 5px;
}
.choose-matter-type .types-wrappers .parent-matter-types .parent-matter-type > i {
  color: #cdc9c5;
}
.choose-matter-type .types-wrappers .parent-matter-types .parent-matter-type > span {
  flex-grow: 1;
  font-size: 14px;
  color: #4a4a4a;
}
.choose-matter-type .types-wrappers .parent-matter-types .parent-matter-type:hover {
  border-radius: 25px;
  background-color: #f8f8f9;
}
.choose-matter-type .types-wrappers .parent-matter-types .parent-matter-type:hover > i {
  color: #fa8919;
}
.choose-matter-type .types-wrappers .parent-matter-types .parent-matter-type:hover > span {
  font-weight: 500;
}
.choose-matter-type .types-wrappers .parent-matter-types .active-type {
  border-radius: 25px;
  background-color: #f8f8f9;
}
.choose-matter-type .types-wrappers .parent-matter-types .active-type > i {
  color: #fa8919;
}
.choose-matter-type .types-wrappers .parent-matter-types .active-type > span {
  font-weight: 500;
}
.choose-matter-type .types-wrappers .matter-subtypes {
  margin-top: 22px;
  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 340px;
  height: 140px;
  overflow-y: scroll;
}
.choose-matter-type .types-wrappers .matter-subtypes .matter-subtype {
  width: 100px;
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  background-color: #fafafa;
  margin-bottom: 14px;
  padding: 0 5px;
}
.choose-matter-type .types-wrappers .matter-subtypes .matter-subtype:nth-child(3n+2) {
  margin-right: 10px;
}
.choose-matter-type .types-wrappers .matter-subtypes .matter-subtype:nth-child(3n+1) {
  margin-right: 10px;
}
.choose-matter-type .types-wrappers .matter-subtypes .matter-subtype > span {
  position: relative;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
}
.choose-matter-type .types-wrappers .matter-subtypes .matter-subtype:hover {
  background-color: #fff7f1;
  color: #ee7a19;
}

.pre-2-underway {
  padding: 0 25px;
}
.pre-2-underway .top {
  height: 66px;
  line-height: 66px;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
}
.pre-2-underway .top > span {
  font-size: 16px;
  font-weight: 500;
}
.pre-2-underway .pre-2-underway-content {
  display: flex;
  padding-bottom: 30px;
}
.pre-2-underway .pre-2-underway-content .left-content,
.pre-2-underway .pre-2-underway-content .right-content {
  width: 50%;
  padding: 0 40px 0 34px;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height,
.pre-2-underway .pre-2-underway-content .right-content .common-height {
  margin-top: 20px;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .pre-2-underway-remark,
.pre-2-underway .pre-2-underway-content .right-content .common-height .pre-2-underway-remark {
  position: relative;
  height: 140px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .pre-2-underway-remark .nfim-receviables-remark,
.pre-2-underway .pre-2-underway-content .right-content .common-height .pre-2-underway-remark .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .pre-2-underway-remark .nfim-receviables-remark::placeholder,
.pre-2-underway .pre-2-underway-content .right-content .common-height .pre-2-underway-remark .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .pre-2-underway-remark .remark-count-prompt,
.pre-2-underway .pre-2-underway-content .right-content .common-height .pre-2-underway-remark .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .pre-2-underway-remark .remark-exceeded,
.pre-2-underway .pre-2-underway-content .right-content .common-height .pre-2-underway-remark .remark-exceeded {
  color: #f72b44;
}
.pre-2-underway .pre-2-underway-content .left-content .operation-position,
.pre-2-underway .pre-2-underway-content .right-content .operation-position {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.pre-2-underway .pre-2-underway-content .left-content .operation-position .operation,
.pre-2-underway .pre-2-underway-content .right-content .operation-position .operation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 36px;
  border-radius: 50px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
}
.pre-2-underway .pre-2-underway-content .left-content .operation-position .operation > span,
.pre-2-underway .pre-2-underway-content .right-content .operation-position .operation > span {
  font-size: 12px;
}
.pre-2-underway .pre-2-underway-content .left-content .operation-position .submit,
.pre-2-underway .pre-2-underway-content .right-content .operation-position .submit {
  background-color: #fa8919;
  color: #ffffff;
}
.pre-2-underway .pre-2-underway-content .left-content {
  border-right: 1px solid #ebebeb;
}
.pre-2-underway .matter-processes-info .container .top {
  border-bottom: none;
  text-align: left;
}

.matter-mould-header {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 31px 0 25px 0;
  border-bottom: 1px solid #eaeaea;
  line-height: 20px;
  height: 20px;
  position: relative;
}
.matter-mould-header .mmh-skip {
  position: absolute;
  height: 20px;
  top: 31px;
  color: #a9a9a9;
  font-size: 14px;
  left: 4px;
  cursor: pointer;
}
.matter-mould-header .mmh-skip:hover {
  color: #fc8919;
}
.matter-mould-header .mmh-skip i,
.matter-mould-header .mmh-skip span {
  display: inline-block;
  vertical-align: middle;
}
.matter-mould-header .mmh-title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.matter-mould-header .mmh-close {
  position: absolute;
  height: 20px;
  top: 31px;
  color: #a9a9a9;
  font-size: 14px;
  right: 4px;
}

.matter-billing-method .red {
  color: red;
}
.matter-billing-method .header {
  height: 45px;
  box-sizing: border-box;
  padding: 15px 10px 10px 10px;
  position: relative;
  cursor: pointer;
}
.matter-billing-method .header > span {
  border-bottom: none;
}
.matter-billing-method .header .icon {
  color: #fa8919;
  font-size: 16px;
}
.matter-billing-method .header .ibass-checkbox {
  color: #ddd !important;
}
.matter-billing-method .header .ibass-checked {
  color: #fa8919 !important;
}
.matter-billing-method .header .ibass-checked:before {
  content: "\EA32" !important;
}
.matter-billing-method .header .vc-icon:before {
  display: inline-block;
  font-family: icon-bass;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.matter-billing-method .header .vc-icon-approve-reimburse:before {
  content: "\EB65";
}
.matter-billing-method .header .vc-icon-percent:before {
  content: "\EB74";
}
.matter-billing-method .header .vc-icon-clock:before {
  content: "\EA23";
}
.matter-billing-method .header .vc-icon-delete:before {
  content: "\EA58";
}
.matter-billing-method .header .delete {
  float: right;
  font-size: 14px;
  color: #cdc9c5;
  padding: 0;
  position: relative;
  top: -4px;
  background-color: transparent;
  border: none;
}
.matter-billing-method .header .delete .delete-sure {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.matter-billing-method .header .title {
  position: relative;
  top: -3px;
  font-weight: 600;
  display: inline;
  font-size: 14px;
  color: #4a494a;
  padding-left: 4px;
  border-bottom: none !important;
  line-height: 1.5em !important;
  height: 1.5em !important;
}
.matter-billing-method .header .compare {
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
  vertical-align: text-top;
}
.matter-billing-method .header .nfim-input-common {
  display: inline-block;
  width: 150px;
  position: absolute !important;
  top: -16px;
  left: 100px;
}
.matter-billing-method .header .nfim-input-common.left-in-timing {
  left: 70px;
}
.matter-billing-method .header .nfim-input-common .ibass-trig-down {
  position: absolute;
  top: 30px;
  right: 0;
  cursor: pointer;
  color: #cdc9c5;
}
.matter-billing-method .header .in-bill-total {
  float: right;
  color: #ed6c00;
  font-size: 14px;
  vertical-align: sub;
  display: inline-block;
  white-space: nowrap;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 3px;
}
.matter-billing-method .header .line-in-bill {
  border-left: 1px solid #ebebeb;
  margin: 0 6px 1px 6px;
}
.matter-billing-method .header .input-placeholder-color::-webkit-input-placeholder {
  color: red;
}
.matter-billing-method .header .input-color {
  color: red !important;
}
.matter-billing-method .method-li {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  margin: 5px 0 10px;
}
.matter-billing-method .method-li .header .nfim-input-common {
  margin-top: 4px;
}
.matter-billing-method .method-li .header i {
  margin-left: 0;
}
.matter-billing-method .method-li table {
  width: 100%;
}
.matter-billing-method .method-li table thead tr {
  line-height: 33px;
}
.matter-billing-method .method-li table thead td {
  font-size: 12px;
  min-width: 72px;
}
.matter-billing-method .method-li table thead td span {
  color: #737373;
}
.matter-billing-method .method-li table thead td:nth-child(2),
.matter-billing-method .method-li table thead td:nth-child(3) {
  text-indent: 0;
}
.matter-billing-method .method-li table thead.onlyShow td:last-child {
  text-align: right;
  padding-right: 10px;
}
.matter-billing-method .method-li table thead.onlyShow .timing-member-in-head span {
  width: 80px;
  display: block;
}
.matter-billing-method .method-li table tr {
  text-indent: 10px;
}
.matter-billing-method .method-li table tr.timing-member td:first-child,
.matter-billing-method .method-li table tr.fixed-ratio td:first-child {
  width: 218px;
}
.matter-billing-method .method-li table tr td {
  height: 33px;
  position: relative;
  border-top: 1px solid #f6f6f6;
}
.matter-billing-method .method-li table tr td.has-grep-part {
  border-top: none;
}
.matter-billing-method .method-li table tr td .long-content {
  max-width: 200px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  text-indent: 0;
}
.matter-billing-method .method-li table tr td .long-content.in-Bill {
  max-width: 150px;
}
.matter-billing-method .method-li table tr td.attend-container {
  text-align: right;
}
.matter-billing-method .method-li table tr td .right {
  padding: 8px 8px 0 0;
}
.matter-billing-method .method-li table tr td .required-icon {
  position: absolute;
  top: 25px;
  right: -20px;
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  color: #f72b44;
  font-style: normal;
}
.matter-billing-method .method-li table tr td .nfim-input-common {
  width: 110px;
}
.matter-billing-method .method-li table tr td .nfim-input-common label {
  text-indent: 0;
}
.matter-billing-method .method-li table tr td .nfim-input-common.interval-input {
  width: 130px;
  display: inline-block;
  margin-right: 0;
}
.matter-billing-method .method-li table tr td .nfim-input-common.interval-input .money-floor {
  top: 10px;
}
.matter-billing-method .method-li table tr td .nfim-input-common.interval-input:first-child {
  width: 100px;
}
.matter-billing-method .method-li table tr td .nfim-input-common.interval-input:last-child {
  margin-left: 31px;
}
.matter-billing-method .method-li table tr td .connect-line {
  width: 20px;
  display: inline-block;
  position: absolute;
  top: 25px;
}
.matter-billing-method .method-li table tr td .add-or-min-btn {
  float: right;
  margin: 18px 8px 0 0;
  color: #cdc9c5;
  font-size: 14px;
}
.matter-billing-method .method-li table tr td .add-or-min-btn i {
  cursor: pointer;
}
.matter-billing-method .method-li table tr .animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  height: 100%;
  width: 20px;
  cursor: pointer;
  left: 26px;
}
.matter-billing-method .method-li table tr .animation-toggle > .circle {
  width: 11px;
  height: 11px;
}
.matter-billing-method .method-li table tr .animation-toggle > .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.matter-billing-method .method-li table tr .animation-toggle-opened .line {
  background-color: #fa8919;
}
.matter-billing-method .method-li table tr .animation-toggle-opened .circle {
  left: 9px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
  border-radius: 50%;
  margin-top: -6px;
  position: absolute;
}
.matter-billing-method .method-li table tr .animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
  border-radius: 50%;
  margin-top: -6px;
}
.matter-billing-method .method-li table tr .animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing {
  cursor: pointer;
  text-align: left;
  color: #a9a9a9;
  font-size: 12px;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing td {
  height: 45px;
  text-align: left;
  border-top: none;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing td div {
  z-index: 1000;
  width: 388px;
  position: absolute;
  height: 45px;
  line-height: 45px;
  top: 0;
  border-top: 1px solid #f6f6f6;
  left: -2px;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing span {
  vertical-align: top;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing i {
  font-size: 14px;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing i:before {
  position: absolute;
  left: 3px;
  top: 0;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing:hover {
  color: #fa8919;
}
.matter-billing-method .method-li table tbody.onlyShow td {
  width: 50%;
  padding-top: 10px;
}
.matter-billing-method .method-li table tbody.onlyShow td:last-child {
  text-align: right;
  padding-right: 10px;
}
.matter-billing-method .method-li table tbody.not-only-show .fixed-ratio td:nth-child(1) div,
.matter-billing-method .method-li table tbody.not-only-show .fixed-amount td:nth-child(1) div {
  margin-left: 10px;
}
.matter-billing-method .method-li table tbody.not-only-show .fixed-ratio td:nth-child(2) i {
  right: -14px;
  top: 22px;
}
.matter-billing-method .method-li table tr .timing-unify:nth-child(1) {
  text-align: left !important;
}
.matter-billing-method .method-li .grey-part {
  height: 48px;
  background: #f8f8f9;
  line-height: 48px;
  font-size: 14px;
  color: #737373;
}
.matter-billing-method .method-li .grey-part span {
  display: inline-block;
  max-width: 148px;
  vertical-align: bottom;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 2px 0 28px;
}
.matter-billing-method .method-li .grey-part input {
  border: none;
  background: #fff;
  padding: 6px;
  width: 138px;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  color: #4a494a;
  font-size: 14px;
}

.matter-billing-method .red {
  color: red;
}
.matter-billing-method .header {
  height: 45px;
  box-sizing: border-box;
  padding: 15px 10px 10px 10px;
  position: relative;
  cursor: pointer;
}
.matter-billing-method .header > span {
  border-bottom: none;
}
.matter-billing-method .header .icon {
  color: #fa8919;
  font-size: 16px;
}
.matter-billing-method .header .ibass-checkbox {
  color: #ddd !important;
}
.matter-billing-method .header .ibass-checked {
  color: #fa8919 !important;
}
.matter-billing-method .header .ibass-checked:before {
  content: "\EA32" !important;
}
.matter-billing-method .header .vc-icon:before {
  display: inline-block;
  font-family: icon-bass;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.matter-billing-method .header .vc-icon-approve-reimburse:before {
  content: "\EB65";
}
.matter-billing-method .header .vc-icon-percent:before {
  content: "\EB74";
}
.matter-billing-method .header .vc-icon-clock:before {
  content: "\EA23";
}
.matter-billing-method .header .vc-icon-delete:before {
  content: "\EA58";
}
.matter-billing-method .header .delete {
  float: right;
  font-size: 14px;
  color: #cdc9c5;
  padding: 0;
  position: relative;
  top: -4px;
  background-color: transparent;
  border: none;
}
.matter-billing-method .header .delete .delete-sure {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.matter-billing-method .header .title {
  position: relative;
  top: -3px;
  font-weight: 600;
  display: inline;
  font-size: 14px;
  color: #4a494a;
  padding-left: 4px;
  border-bottom: none !important;
  line-height: 1.5em !important;
  height: 1.5em !important;
}
.matter-billing-method .header .compare {
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
  line-height: 18px;
  height: 18px;
}
.matter-billing-method .header .nfim-input-common {
  display: inline-block;
  width: 150px;
  position: absolute !important;
  top: -16px;
  left: 100px;
}
.matter-billing-method .header .nfim-input-common.left-in-timing {
  left: 70px;
}
.matter-billing-method .header .nfim-input-common .ibass-trig-down {
  position: absolute;
  top: 30px;
  right: 0;
  cursor: pointer;
  color: #cdc9c5;
}
.matter-billing-method .header .in-bill-total {
  float: right;
  color: #ed6c00;
  font-size: 14px;
  vertical-align: sub;
  display: inline-block;
  white-space: nowrap;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 3px;
}
.matter-billing-method .header .line-in-bill {
  border-left: 1px solid #ebebeb;
  margin: 0 6px 1px 6px;
}
.matter-billing-method .header .input-placeholder-color::-webkit-input-placeholder {
  color: red;
}
.matter-billing-method .header .input-color {
  color: red !important;
}
.matter-billing-method .method-li {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  margin: 5px 0 10px;
}
.matter-billing-method .method-li .header .nfim-input-common {
  margin-top: 4px;
}
.matter-billing-method .method-li .header i {
  margin-left: 0;
}
.matter-billing-method .method-li table {
  width: 100%;
}
.matter-billing-method .method-li table thead tr {
  line-height: 33px;
}
.matter-billing-method .method-li table thead td {
  font-size: 12px;
  min-width: 72px;
}
.matter-billing-method .method-li table thead td span {
  color: #737373;
}
.matter-billing-method .method-li table thead td:nth-child(2),
.matter-billing-method .method-li table thead td:nth-child(3) {
  text-indent: 0;
}
.matter-billing-method .method-li table thead.onlyShow td:last-child {
  text-align: right;
  padding-right: 10px;
}
.matter-billing-method .method-li table thead.onlyShow .timing-member-in-head span {
  width: 80px;
  display: block;
}
.matter-billing-method .method-li table tr {
  text-indent: 10px;
}
.matter-billing-method .method-li table tr.timing-member td:first-child,
.matter-billing-method .method-li table tr.fixed-ratio td:first-child {
  width: 218px;
}
.matter-billing-method .method-li table tr td {
  height: 33px;
  position: relative;
  border-top: 1px solid #f6f6f6;
}
.matter-billing-method .method-li table tr td.has-grep-part {
  border-top: none;
}
.matter-billing-method .method-li table tr td .long-content {
  max-width: 200px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  text-indent: 0;
}
.matter-billing-method .method-li table tr td .long-content.in-Bill {
  max-width: 150px;
}
.matter-billing-method .method-li table tr td.attend-container {
  text-align: right;
}
.matter-billing-method .method-li table tr td .right {
  padding: 8px 8px 0 0;
}
.matter-billing-method .method-li table tr td .required-icon {
  position: absolute;
  top: 25px;
  right: -20px;
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  color: #f72b44;
  font-style: normal;
}
.matter-billing-method .method-li table tr td .nfim-input-common {
  width: 110px;
}
.matter-billing-method .method-li table tr td .nfim-input-common label {
  text-indent: 0;
}
.matter-billing-method .method-li table tr td .nfim-input-common.interval-input {
  width: 130px;
  display: inline-block;
  margin-right: 0;
}
.matter-billing-method .method-li table tr td .nfim-input-common.interval-input .money-floor {
  top: 10px;
}
.matter-billing-method .method-li table tr td .nfim-input-common.interval-input:first-child {
  width: 100px;
}
.matter-billing-method .method-li table tr td .nfim-input-common.interval-input:last-child {
  margin-left: 31px;
}
.matter-billing-method .method-li table tr td .connect-line {
  width: 20px;
  display: inline-block;
  position: absolute;
  top: 25px;
}
.matter-billing-method .method-li table tr td .add-or-min-btn {
  float: right;
  margin: 18px 8px 0 0;
  color: #cdc9c5;
  font-size: 14px;
}
.matter-billing-method .method-li table tr td .add-or-min-btn i {
  cursor: pointer;
}
.matter-billing-method .method-li table tr .animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  height: 100%;
  width: 20px;
  cursor: pointer;
  left: 26px;
}
.matter-billing-method .method-li table tr .animation-toggle > .circle {
  width: 11px;
  height: 11px;
}
.matter-billing-method .method-li table tr .animation-toggle > .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.matter-billing-method .method-li table tr .animation-toggle-opened .line {
  background-color: #fa8919;
}
.matter-billing-method .method-li table tr .animation-toggle-opened .circle {
  left: 9px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
  border-radius: 50%;
  margin-top: -6px;
  position: absolute;
}
.matter-billing-method .method-li table tr .animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
  border-radius: 50%;
  margin-top: -6px;
}
.matter-billing-method .method-li table tr .animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing {
  cursor: pointer;
  text-align: left;
  color: #a9a9a9;
  font-size: 12px;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing td {
  height: 45px;
  text-align: left;
  border-top: none;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing td div {
  z-index: 1000;
  width: 388px;
  position: absolute;
  height: 45px;
  line-height: 45px;
  top: 0;
  border-top: 1px solid #f6f6f6;
  left: -2px;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing span {
  vertical-align: top;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing i {
  font-size: 14px;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing i:before {
  position: absolute;
  left: 3px;
  top: 0;
}
.matter-billing-method .method-li table tbody.onlyShow tr.edit-bill-timing:hover {
  color: #fa8919;
}
.matter-billing-method .method-li table tbody.onlyShow td {
  width: 50%;
  padding-top: 10px;
}
.matter-billing-method .method-li table tbody.onlyShow td:last-child {
  text-align: right;
  padding-right: 10px;
}
.matter-billing-method .method-li table tbody.not-only-show .fixed-ratio td:nth-child(1) div,
.matter-billing-method .method-li table tbody.not-only-show .fixed-amount td:nth-child(1) div {
  margin-left: 10px;
}
.matter-billing-method .method-li table tbody.not-only-show .fixed-ratio td:nth-child(2) i {
  right: -14px;
  top: 22px;
}
.matter-billing-method .method-li table tr .timing-unify:nth-child(1) {
  text-align: left !important;
}
.matter-billing-method .method-li .grey-part {
  height: 48px;
  background: #f8f8f9;
  line-height: 48px;
  font-size: 14px;
  color: #737373;
}
.matter-billing-method .method-li .grey-part span {
  display: inline-block;
  max-width: 148px;
  vertical-align: bottom;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 2px 0 28px;
}
.matter-billing-method .method-li .grey-part input {
  border: none;
  background: #fff;
  padding: 6px;
  width: 138px;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  color: #4a494a;
  font-size: 14px;
}


.edit-bill-timing #content-type > div > div.ns-popover-center-align,
.edit-bill-timing #content-type1 > div > div.ns-popover-center-align {
  top: 39px !important;
  left: -108px !important;
}
.edit-bill-timing #member > div > div.ns-popover-center-align,
.edit-bill-timing #member1 > div > div.ns-popover-center-align {
  top: 39px !important;
  left: -5px !important;
}
.edit-bill-timing .red {
  color: red;
}
.edit-bill-timing .nfim-title .ibass-close {
  position: absolute;
  display: inline-block;
  line-height: 14px;
  cursor: pointer;
  top: 18px;
  right: 0px;
}
.edit-bill-timing .nfim-content .nfim-head {
  height: auto !important;
}
.edit-bill-timing .nfim-content .nfim-head .btn-content {
  max-height: 80px;
  min-height: 27px;
  text-align: right;
}
.edit-bill-timing .nfim-content .nfim-head .btn-content button {
  display: inline-block;
}
.edit-bill-timing .nfim-content .nfim-head .edit-bill-timing-wrap {
  position: absolute;
  top: 209px;
  bottom: 115px;
  width: 100%;
  z-index: 100;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div {
  display: inline-block;
  width: 49%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money {
  float: left;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money > p {
  font-size: 14px;
  color: #a9a9a9;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money .content p span {
  font-size: 24px;
  line-height: 30px;
  display: inline-block;
  color: #8c8f92;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money .content p:first-child span {
  color: #4a4a4a;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money .content .content-content {
  max-width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money .content .tooltip {
  max-width: 75px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul {
  max-height: 215px;
  overflow: scroll;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li {
  line-height: 37px;
  border-bottom: 1px solid #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li > span {
  vertical-align: middle;
  display: inline-block;
  margin-left: 2px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li .name {
  max-width: 75px;
  width: 75px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li .time {
  max-width: 55px;
  width: 55px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li .money {
  text-align: right;
  width: 78px;
  max-width: 78px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list {
  width: 100%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper {
  overflow: hidden;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #a9a9a9;
  margin: 15px 0 0 0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper > span {
  float: right;
  cursor: pointer;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .count {
  float: left;
  line-height: 34px;
  font-size: 14px;
  color: #a9a9a9;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .add {
  margin-left: 30px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .add:before {
  content: "\EA26";
  font-size: 15px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .import {
  float: right;
  cursor: pointer;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .import:before {
  content: "\EB89";
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .add:before,
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .import:before {
  font-family: icon-bass;
  font-size: 16px;
  margin-right: 6px;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .checknum {
  font-size: 12px;
  display: inline-block;
  background: #f8f8f9;
  line-height: 14px;
  border-radius: 20px;
  color: #ed6c00;
  padding: 8px 12px;
  margin-right: 10px;
  float: left;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .checknum .oper {
  cursor: pointer;
  float: right;
  color: #a9a9a9;
  display: inline-block;
  margin-left: 16px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .checknum .oper .ibass-close {
  font-size: 12px;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .nfim-save-button {
  margin: 0;
  width: 90px;
  height: 32px;
  line-height: 32px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container .no-time {
  color: #ddd9d6;
  font-size: 40px;
  text-align: center;
  padding: 50px 0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container .no-time p {
  line-height: 12px;
  font-size: 12px;
  margin-top: 20px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table {
  width: 100%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr,
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr {
  height: 50px;
  display: block;
  border-bottom: 1px solid #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table i {
  cursor: pointer;
  color: #cdc9c5;
  font-size: 14px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table i.ibass-checked,
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table i:hover {
  color: #fa8919;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table i.no-hover:hover {
  color: #cdc9c5;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead {
  font-size: 12px;
  color: #4a4a4a;
  display: inline-block;
  width: 100%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th {
  position: relative;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th.checkbox {
  width: 18px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th.checkbox i {
  margin-right: 20px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(1) {
  width: 18px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(2) {
  width: 83px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(3) {
  width: 80px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(4) {
  width: 134px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(5) {
  width: 85px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr {
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr.background-grey {
  background: #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr.background-no {
  background: #fff;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td {
  height: 50px;
  line-height: 50px;
  display: inline-block;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.tool-hover {
  width: 40px;
  text-align: center;
  float: right;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.tool-hover > i.ibass-delete {
  display: none;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.time {
  width: 80px;
  max-width: 90px;
  padding-right: 10px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.time .item-input {
  display: block;
  min-width: 60px;
  height: 50px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.member {
  width: 70px;
  max-width: 70px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.content {
  width: 132px;
  max-width: 132px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.content-type {
  width: 80px;
  padding-right: 10px;
  max-width: 90px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .member {
  position: relative;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .drop-down-lists {
  width: 198px !important;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .item-input {
  border: none;
  width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: transparent;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td i.ibass-delete:hover {
  color: #fa8919;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .ibass-close,
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .ibass-checkmark {
  color: #fa8919;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .ibass-close {
  margin-left: 5px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td i.ibass-copy {
  color: #f72b44;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .lone-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 76px;
  display: block;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr:hover {
  background: #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr:hover td.tool-hover i {
  display: inline-block;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.page {
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.page ul {
  margin-bottom: 50px;
  margin-left: 0;
  display: inline-block;
}
.icon-work-type {
  float: left;
  margin-right: 6px;
  vertical-align: sub;
}
.icon-work-type:hover {
  color: #fa8919;
}
.main-work-type {
  margin-left: 6px;
  font-size: 14px;
  margin-top: -10px !important;
}
.dot-work-type {
  vertical-align: sub;
  color: #cdc9c5;
  margin-right: 4px;
}
.edit-bill-work-types-list {
  line-height: 30px;
}
.edit-bill-work-types-list .sub-work-type {
  margin-left: 20px;
  line-height: 30px;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-bill-work-types-list .sub-work-type:hover .dot-work-type {
  color: #fa8919 !important;
}
.edit-bill-work-types-list > div:first-child .sub-work-type {
  margin-top: -10px !important;
}
.edit-bill-content-type-list {
  width: 90%;
  text-align: center;
}

.import-bill-timing .multiple-choice-user {
  top: -7px;
}
.import-bill-timing .multiple-choice-user-tag {
  top: 0;
  color: #cdc9c5;
}
.import-bill-timing .multiple-choice-user-none span {
  font-size: 14px;
}
.import-bill-timing .nfim-title .ibass-close {
  position: absolute;
  display: inline-block;
  line-height: 14px;
  cursor: pointer;
  top: 18px;
  right: 0px;
}
.import-bill-timing .nfim-body .has-already-imported {
  text-align: center;
  margin: 30px;
}
.import-bill-timing .nfim-body .ibass-trig-down {
  top: -12px;
  right: -20px;
}
.import-bill-timing .nfim-body .work-type-checkbox-module .ibass-trig-down {
  top: 0px;
}
.import-bill-timing .nfim-body .vd-export-form-base {
  padding: 6px 0;
  margin: 0 0 10px 0;
  height: 24px;
  box-sizing: content-box;
}
.import-bill-timing .nfim-body .vd-export-form-base:last-child {
  margin: 0 0 10px;
}
.import-bill-timing .nfim-body .vd-export-form-base > .label {
  font-size: 14px;
  float: left;
  width: 70px;
  color: #4a4a4a;
  height: 24px;
  line-height: 24px;
}
.import-bill-timing .nfim-body .vd-export-form-base > .content {
  cursor: pointer;
  float: left;
  margin-left: 15px;
  width: auto;
  font-size: 14px;
}
.import-bill-timing .nfim-body .vd-export-form-base > .content .ibass-trig-down {
  color: #cdc9c5;
}
.import-bill-timing .nfim-body .vd-export-form-base > .content:hover .ibass-trig-down:before {
  color: #fa8919;
}
.import-bill-timing .nfim-body .vd-export-form-base.time .time-analysis {
  position: relative;
  min-width: 80px;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  background: #fff;
  height: 32px;
  padding: 6px 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  font-size: 14px;
  line-height: 18px;
}
.import-bill-timing .nfim-body .vd-export-form-base.time .time-analysis .time-range {
  position: relative !important;
  padding: 0 0 0 9px !important;
}
.import-bill-timing .nfim-body .vd-export-form-base.time .time-analysis .time-range-text-select {
  float: left;
}
.import-bill-timing .nfim-body .vd-export-form-base.time .time-analysis .time-range-start-stop {
  float: left;
}

.new-finance-in-matter {
  border-radius: 10px;
  box-sizing: border-box;
}
.new-finance-in-matter .approve-flow-select .ibass-trig-down {
  top: 0;
}
.new-finance-in-matter .approve-flow-select .approve-flow-name {
  margin-right: 16px;
}
.new-finance-in-matter .pointer-event-none {
  pointer-events: none;
}
.new-finance-in-matter .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 0;
  cursor: pointer;
  color: #cdc9c5;
}
.new-finance-in-matter .nfim-entirety-operation-wrap {
  display: block;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: 20px;
  top: 20px;
  color: #cdc9c5;
  font-size: 16px;
  z-index: 10;
}
.new-finance-in-matter .nfim-entirety-operation-wrap .ibass-delete:hover {
  color: #f72b44!important;
}
.new-finance-in-matter .nfim-entirety-operation-wrap .ibass-close:hover {
  color: #a9a9a9!important;
}
.new-finance-in-matter .nfim-entirety-operation-wrap .ibass-edit:hover {
  color: #fa8919!important;
}
.new-finance-in-matter .nfim-content {
  width: 100%;
  word-break: break-all;
}
.new-finance-in-matter .nfim-content .nfim-head {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  width: 550px;
  margin: 0 auto;
  height: 50px;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap {
  height: 50px;
  width: 550px;
  margin: 0 auto;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-current-status {
  line-height: 50px;
  font-size: 14px;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap {
  margin-top: 15px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #a9a9a9;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-more-operation {
  position: relative;
  display: block;
  height: 20px;
  color: #a9a9a9;
  margin-left: 16px;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-more-operation:hover {
  color: #fa8919;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-more-operation > div {
  top: 18px !important;
  left: -72px !important;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-current-operation {
  font-size: 14px;
  display: block;
  height: 20px;
  padding-right: 16px;
  border-right: 1px solid #eeeeee;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-current-operation:hover {
  color: #fa8919;
}
.new-finance-in-matter .nfim-content .nfim-body {
  width: 500px;
  margin: 0 auto;
  padding-top: 24px;
  word-break: break-all;
}
.new-finance-in-matter .nfim-content .nfim-body::after {
  content: ' ';
  display: block;
  width: 100%;
  height: 0px;
  overflow: hidden;
  clear: both;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common {
  height: 55px;
  position: relative;
  background: transparent;
  padding-top: 20px;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common label {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 16px;
  z-index: 0;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .label-active-with-value {
  top: 10px!important;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .item-input {
  outline: none;
  border: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: transparent;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  padding-right: 16px;
  font-size: 14px;
  color: #4a4a4a;
  border-bottom: 1px solid #ebebeb;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .required-icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  color: #f72b44;
  font-style: normal;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-none-border-color {
  border-bottom-color: #ebebeb!important;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-client-input-oprator {
  width: 42px;
  height: 20px;
  position: absolute;
  top: 26px;
  right: -42px;
  color: #a9a9a9;
  line-height: 20px;
  z-index: 10;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-client-input-oprator i {
  margin-right: 5px;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-client-input-oprator i:hover {
  color: #fc8919;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-company-status {
  position: absolute;
  top: 10px;
  right: 0px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-info-title-split {
  height: 45px;
  border-bottom: 1px solid #ebebeb;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-short-split-line {
  height: 1px;
  width: 200px;
  background: #ebebeb;
  clear: both;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap .remark-exceeded {
  color: #f72b44;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list {
  position: relative;
  padding: 17px 0 17px 42px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list:hover {
  background: #f8f8f9;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list:hover .ibass-close {
  visibility: visible;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-icon {
  display: block;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  left: 5px;
  top: 17px;
  height: 32px;
  width: 32px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-name {
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-size {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 12px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .ibass-close {
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete {
  position: absolute;
  top: 14px;
  right: 6px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete:hover {
  color: #f72b44;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-download {
  position: absolute;
  top: 14px;
  right: 25px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-download:hover {
  color: #fc8919;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments {
  width: 80px;
  height: 20px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments:hover i,
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments:hover span {
  color: #fa8919;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments i {
  color: #cdc9c5;
  display: block;
  height: 20px;
  width: 14px;
  font-size: 14px;
  line-height: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments span {
  height: 20px;
  font-size: 14px;
  color: #737373;
  margin-left: 10px;
  line-height: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments .triangle {
  border-bottom-color: #3D3D3D;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments .triangle::after {
  border-bottom-color: #3d3d3d!important;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments .ns-popover-tooltip {
  border-color: transparent!important;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-view-head {
  float: left;
  width: 100%;
  height: 66px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 17px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-view-head .nfim-view-title {
  margin: 0;
  height: 28px;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  color: #4a4a4a;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-view-head .nfim-view-subtitle {
  margin: 0;
  height: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #a9a9a9;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter .nfim-content .nfim-body .add-bill-method {
  color: #cdc9c5;
  font-size: 12px;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-body .popover {
  text-align: right;
}
.new-finance-in-matter .nfim-content .nfim-foot {
  overflow: hidden;
}
.new-finance-in-matter .nfim-content .nfim-foot .nfim-save-button {
  width: 126px;
  height: 34px;
  display: block;
  border: none;
  margin: 26px auto 0;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 20px;
}
.new-finance-in-matter .nfim-content .nfim-foot .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
}
.new-finance-in-matter .nfim-content .nfim-dynamic-and-comments {
  height: auto;
  padding: 20px 25px 0;
  background: #f8f8f9;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
}
.new-finance-in-matter .nfim-content .nfim-none-style {
  box-shadow: none!important;
  border: none!important;
  background: none!important;
}
.matter-finance-select-box {
  max-height: 200px;
  margin: 0!important;
  box-sizing: border-box;
  padding: 5px 0!important;
  overflow-y: scroll;
}
.matter-finance-select-box .select-box-list {
  position: relative;
  height: 36px;
  line-height: 36px;
  color: #4A4A4A!important;
  box-sizing: border-box;
  padding: 0 8px;
  width: 100%;
  cursor: pointer;
}
.matter-finance-select-box .select-box-list:hover {
  background: #f8f8f9;
}
.options-box-triggle {
  border-bottom-color: #3d3d3d!important;
}
.options-box-triggle::after {
  border-bottom-color: #3d3d3d!important;
}
.nfim-title {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  width: 550px;
  margin: 0 auto;
  height: 0px;
  padding-top: 50px;
}
.nfim-title .nfim-title-content {
  float: left;
  color: #4a4a4a;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  height: 22px;
  padding: 0 10px;
  font-size: 16px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
}
.nfim-input-common {
  height: 55px;
  position: relative;
  background: transparent;
  padding-top: 20px;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.nfim-input-common label {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 16px;
  z-index: 0;
}
.nfim-input-common .label-active-with-value {
  top: 10px!important;
}
.nfim-input-common .item-input {
  outline: none;
  border: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: transparent;
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  padding-right: 16px;
  font-size: 14px;
  color: #4a4a4a;
  border-bottom: 1px solid #ebebeb;
}
.nfim-input-common .required-icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  color: #f72b44;
  font-style: normal;
}
.nfim-input-common .nfim-none-border-color {
  border-bottom-color: #ebebeb!important;
}
.nfim-input-common .nfim-client-input-oprator {
  width: 42px;
  height: 20px;
  position: absolute;
  top: 26px;
  right: 10px;
  color: #a9a9a9;
  line-height: 20px;
  z-index: 10;
}
.nfim-input-common .nfim-client-input-oprator i {
  margin-right: 5px;
  cursor: pointer;
}
.nfim-input-common .nfim-client-input-oprator i:hover {
  color: #fc8919;
}
.nfim-input-common .nfim-company-status {
  position: absolute;
  top: 10px;
  right: 0px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.nfim-invoice-split {
  height: 45px;
  border-bottom: 1px solid #ebebeb;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}
.nfim-short-split-line {
  height: 1px;
  width: 200px;
  background: #ebebeb;
}
.nfim-attachements .nfim-attachemnt-list {
  position: relative;
  padding: 17px 0 17px 42px;
}
.nfim-attachements .nfim-attachemnt-list:hover {
  background: #f8f8f9;
}
.nfim-attachements .nfim-attachemnt-list:hover .ibass-close {
  visibility: visible;
}
.nfim-attachements .nfim-attachemnt-list .attachment-icon {
  display: block;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  left: 5px;
  top: 17px;
  height: 32px;
  width: 32px;
}
.nfim-attachements .nfim-attachemnt-list .attachment-name {
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nfim-attachements .nfim-attachemnt-list .attachment-size {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 12px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nfim-attachements .nfim-attachemnt-list .ibass-close {
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete {
  position: absolute;
  top: 14px;
  right: 6px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete:hover {
  color: #f72b44;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-download {
  position: absolute;
  top: 14px;
  right: 25px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-download:hover {
  color: #fc8919;
}
.nfim-upload-attachments {
  width: 80px;
  height: 20px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}
.nfim-upload-attachments:hover i,
.nfim-upload-attachments:hover span {
  color: #fa8919;
}
.nfim-upload-attachments i {
  color: #cdc9c5;
  display: block;
  height: 20px;
  width: 14px;
  font-size: 14px;
  line-height: 20px;
}
.nfim-upload-attachments span {
  height: 20px;
  font-size: 14px;
  color: #737373;
  margin-left: 10px;
  line-height: 20px;
}
.nfim-upload-attachments .triangle {
  border-bottom-color: #3D3D3D;
}
.nfim-upload-attachments .triangle::after {
  border-bottom-color: #3d3d3d!important;
}
.nfim-upload-attachments .ns-popover-tooltip {
  border-color: transparent!important;
}
.nfim-save-button {
  width: 126px;
  height: 34px;
  display: block;
  border: none;
  margin: 26px auto 0;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 20px;
}
.nfim-absolute-full-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ns-popover-addbillmethod {
  cursor: pointer;
  hieght: 36px;
  line-height: 36px;
  text-align: left;
  padding-left: 9px;
  font-size: 14px;
  color: #4a4a4a;
}
.ns-popover-addbillmethod:hover {
  background: #f8f8f9 !important;
}
.ns-popover-addbillmethod:first-child {
  margin-top: 15px;
}
.ns-popover-addbillmethod:last-child {
  margin-bottom: 15px;
}
.edit-bill-method .ibass-close {
  display: block;
  line-height: 14px;
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 0px;
}
.edit-bill-method .add-bill-method .ns-popover-tooltip-theme {
  top: 99px !important;
  right: 12px !important;
  left: auto !important;
}

.edit-allocation-timing .nfim-content {
  font-size: 12px;
}
.edit-allocation-timing .nfim-content .nfim-title .ibass-close {
  position: absolute;
  display: inline-block;
  line-height: 14px;
  cursor: pointer;
  top: 18px;
  right: 0px;
}
.edit-allocation-timing .nfim-content .nfim-head {
  padding: 10px 25px;
}
.edit-allocation-timing .nfim-content .nfim-head .allocation-mode {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.edit-allocation-timing .nfim-content .nfim-head .btn-content {
  max-height: 80px;
  min-height: 27px;
  text-align: center;
}
.edit-allocation-timing .nfim-content .nfim-head .btn-content button {
  display: inline-block;
}
.edit-allocation-timing .nfim-content .nfim-head .edit-allocation-timing-wrap {
  position: absolute;
  top: 209px;
  bottom: 115px;
  width: 100%;
  z-index: 100;
}
.edit-allocation-timing .nfim-content .nfim-content {
  font-size: 13px;
  padding: 10px 25px;
}
.edit-allocation-timing .nfim-content .nfim-content .nfim-content-table {
  border-collapse: collapse;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  width: 100%;
}
.edit-allocation-timing .nfim-content .nfim-content .nfim-content-table thead > tr > th {
  color: #737373;
  width: 23%;
  text-align: center;
  line-height: 33px;
}
.edit-allocation-timing .nfim-content .nfim-content .nfim-content-table thead > tr > th:last-child {
  width: 8%;
}
.edit-allocation-timing .nfim-content .nfim-content .nfim-content-table tbody > tr > td {
  height: 33px;
  position: relative;
  border-top: 1px solid #f6f6f6;
  padding-top: 10px;
  text-align: center;
  word-break: break-all;
}
.edit-allocation-timing .nfim-content .nfim-content .nfim-content-table tbody > tr > td .ibass-delete {
  color: #cdc9c5;
}
.edit-allocation-timing .nfim-content .nfim-content .nfim-content-table .tree-input {
  border-color: transparent;
  width: 80%;
  border-bottom: 1px solid #ebebeb;
}
.edit-allocation-timing .nfim-content .nfim-content .nfim-content-table .tree-input:focus {
  border-bottom: 1px solid #fa8919;
}
.allocation-mode-tooltip .ibass-checked {
  margin-right: 5px;
  color: #fa8919;
}
.allocation-select-allocation-type {
  top: 20px!important;
  left: -74px !important;
}
.allocation-add-member {
  top: 20px!important;
  left: -80px !important;
}
.add-member-pic {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.edit-bill-timing #content-type > div > div.ns-popover-center-align,
.edit-bill-timing #content-type1 > div > div.ns-popover-center-align {
  top: 39px !important;
  left: -108px !important;
}
.edit-bill-timing #member > div > div.ns-popover-center-align,
.edit-bill-timing #member1 > div > div.ns-popover-center-align {
  top: 39px !important;
  left: -5px !important;
}
.edit-bill-timing .red {
  color: red;
}
.edit-bill-timing .nfim-title .ibass-close {
  position: absolute;
  display: inline-block;
  line-height: 14px;
  cursor: pointer;
  top: 18px;
  right: 0px;
}
.edit-bill-timing .nfim-content .nfim-head {
  height: auto !important;
}
.edit-bill-timing .nfim-content .nfim-head .btn-content {
  max-height: 80px;
  min-height: 27px;
  text-align: right;
}
.edit-bill-timing .nfim-content .nfim-head .btn-content button {
  display: inline-block;
}
.edit-bill-timing .nfim-content .nfim-head .edit-bill-timing-wrap {
  position: absolute;
  top: 209px;
  bottom: 115px;
  width: 100%;
  z-index: 100;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div {
  display: inline-block;
  width: 49%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money {
  float: left;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money > p {
  font-size: 14px;
  color: #a9a9a9;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money .content p span {
  font-size: 24px;
  line-height: 30px;
  display: inline-block;
  color: #8c8f92;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money .content p:first-child span {
  color: #4a4a4a;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money .content .content-content {
  max-width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-money .content .tooltip {
  max-width: 75px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul {
  max-height: 215px;
  overflow: scroll;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li {
  line-height: 37px;
  border-bottom: 1px solid #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li > span {
  vertical-align: middle;
  display: inline-block;
  margin-left: 2px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li .name {
  max-width: 75px;
  width: 75px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li .time {
  max-width: 55px;
  width: 55px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-member-list .total-member-ul li .money {
  text-align: right;
  width: 78px;
  max-width: 78px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list {
  width: 100%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper {
  overflow: hidden;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #a9a9a9;
  margin: 15px 0 0 0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper > span {
  float: right;
  cursor: pointer;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .count {
  float: left;
  line-height: 34px;
  font-size: 14px;
  color: #a9a9a9;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .add {
  margin-left: 30px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .add:before {
  content: "\EA26";
  font-size: 15px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .import {
  float: right;
  cursor: pointer;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .import:before {
  content: "\EB89";
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .add:before,
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .import:before {
  font-family: icon-bass;
  font-size: 16px;
  margin-right: 6px;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .checknum {
  font-size: 12px;
  display: inline-block;
  background: #f8f8f9;
  line-height: 14px;
  border-radius: 20px;
  color: #ed6c00;
  padding: 8px 12px;
  margin-right: 10px;
  float: left;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .checknum .oper {
  cursor: pointer;
  float: right;
  color: #a9a9a9;
  display: inline-block;
  margin-left: 16px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .checknum .oper .ibass-close {
  font-size: 12px;
  vertical-align: middle;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list .timing-oper .nfim-save-button {
  margin: 0;
  width: 90px;
  height: 32px;
  line-height: 32px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container .no-time {
  color: #ddd9d6;
  font-size: 40px;
  text-align: center;
  padding: 50px 0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container .no-time p {
  line-height: 12px;
  font-size: 12px;
  margin-top: 20px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table {
  width: 100%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr,
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr {
  height: 50px;
  display: block;
  border-bottom: 1px solid #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table i {
  cursor: pointer;
  color: #cdc9c5;
  font-size: 14px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table i.ibass-checked,
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table i:hover {
  color: #fa8919;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table i.no-hover:hover {
  color: #cdc9c5;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead {
  font-size: 12px;
  color: #4a4a4a;
  display: inline-block;
  width: 100%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th {
  position: relative;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th.checkbox {
  width: 18px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th.checkbox i {
  margin-right: 20px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(1) {
  width: 18px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(2) {
  width: 83px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(3) {
  width: 80px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(4) {
  width: 134px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > thead > tr > th:nth-child(5) {
  width: 85px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr {
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr.background-grey {
  background: #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr.background-no {
  background: #fff;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td {
  height: 50px;
  line-height: 50px;
  display: inline-block;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.tool-hover {
  width: 40px;
  text-align: center;
  float: right;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.tool-hover > i.ibass-delete {
  display: none;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.time {
  width: 80px;
  max-width: 90px;
  padding-right: 10px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.time .item-input {
  display: block;
  min-width: 60px;
  height: 50px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.member {
  width: 70px;
  max-width: 70px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.content {
  width: 132px;
  max-width: 132px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td.content-type {
  width: 80px;
  padding-right: 10px;
  max-width: 90px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .member {
  position: relative;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .drop-down-lists {
  width: 198px !important;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .item-input {
  border: none;
  width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: transparent;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td i.ibass-delete:hover {
  color: #fa8919;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .ibass-close,
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .ibass-checkmark {
  color: #fa8919;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .ibass-close {
  margin-left: 5px;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td i.ibass-copy {
  color: #f72b44;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr > td .lone-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 76px;
  display: block;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr:hover {
  background: #f0f0f0;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.total-list > .table-container > table > tbody > tr:hover td.tool-hover i {
  display: inline-block;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.page {
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.edit-bill-timing .nfim-content .nfim-head .show-content > div.page ul {
  margin-bottom: 50px;
  margin-left: 0;
  display: inline-block;
}
.icon-work-type {
  float: left;
  margin-right: 6px;
  vertical-align: sub;
}
.icon-work-type:hover {
  color: #fa8919;
}
.main-work-type {
  margin-left: 6px;
  font-size: 14px;
  margin-top: -10px !important;
}
.dot-work-type {
  vertical-align: sub;
  color: #cdc9c5;
  margin-right: 4px;
}
.edit-bill-work-types-list {
  line-height: 30px;
}
.edit-bill-work-types-list .sub-work-type {
  margin-left: 20px;
  line-height: 30px;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-bill-work-types-list .sub-work-type:hover .dot-work-type {
  color: #fa8919 !important;
}
.edit-bill-work-types-list > div:first-child .sub-work-type {
  margin-top: -10px !important;
}
.edit-bill-content-type-list {
  width: 90%;
  text-align: center;
}

.import-bill-timing .multiple-choice-user {
  top: -7px;
}
.import-bill-timing .multiple-choice-user .multiple-choice-user-img {
  float: left;
  width: 24px;
  height: 24px;
  border: solid 2px #ffffff;
  background-size: cover;
  border-radius: 50%;
  background-color: #dadada;
  box-sizing: border-box;
}
.import-bill-timing .multiple-choice-user .multiple-choice-user-img:not(:first-child) {
  margin-left: -6px;
}
.import-bill-timing .multiple-choice-user .multiple-choice-user-num {
  background-color: #fa8919 !important;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: normal;
}
.import-bill-timing .multiple-choice-user .multiple-choice-user-num span {
  color: #ffffff;
}
.import-bill-timing .multiple-choice-user-tag {
  top: 0;
  color: #cdc9c5;
}
.import-bill-timing .multiple-choice-user-none span {
  font-size: 14px;
}
.import-bill-timing .nfim-title .ibass-close {
  position: absolute;
  display: inline-block;
  line-height: 14px;
  cursor: pointer;
  top: 18px;
  right: 0px;
}
.import-bill-timing .nfim-body .has-already-imported {
  text-align: center;
  margin: 30px;
}
.import-bill-timing .nfim-body .ibass-trig-down {
  top: -12px;
  right: -20px;
}
.import-bill-timing .nfim-body .work-type-checkbox-module .ibass-trig-down {
  top: 0px;
}
.import-bill-timing .nfim-body .vd-export-form-base {
  padding: 6px 0;
  margin: 0 0 10px 0;
  height: 24px;
  box-sizing: content-box;
}
.import-bill-timing .nfim-body .vd-export-form-base:last-child {
  margin: 0 0 10px;
}
.import-bill-timing .nfim-body .vd-export-form-base > .label {
  font-size: 14px;
  float: left;
  width: 70px;
  color: #4a4a4a;
  height: 24px;
  line-height: 24px;
}
.import-bill-timing .nfim-body .vd-export-form-base > .content {
  cursor: pointer;
  float: left;
  margin-left: 15px;
  width: auto;
  font-size: 14px;
}
.import-bill-timing .nfim-body .vd-export-form-base > .content .ibass-trig-down {
  color: #cdc9c5;
}
.import-bill-timing .nfim-body .vd-export-form-base > .content:hover .ibass-trig-down:before {
  color: #fa8919;
}
.import-bill-timing .nfim-body .vd-export-form-base.time .time-analysis {
  position: relative;
  min-width: 80px;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  background: #fff;
  height: 32px;
  padding: 6px 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  font-size: 14px;
  line-height: 18px;
}
.import-bill-timing .nfim-body .vd-export-form-base.time .time-analysis .time-range {
  position: relative !important;
  padding: 0 0 0 9px !important;
}
.import-bill-timing .nfim-body .vd-export-form-base.time .time-analysis .time-range-text-select {
  float: left;
}
.import-bill-timing .nfim-body .vd-export-form-base.time .time-analysis .time-range-start-stop {
  float: left;
}

.new-finance-in-matter {
  border-radius: 10px;
  box-sizing: border-box;
}
.new-finance-in-matter.relative {
  position: relative;
}
.new-finance-in-matter .approve-flow-select .ibass-trig-down {
  top: 0;
}
.new-finance-in-matter .approve-flow-select .approve-flow-name {
  margin-right: 16px;
}
.new-finance-in-matter .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 0;
  cursor: pointer;
  color: #cdc9c5;
}
.new-finance-in-matter .nfim-entirety-operation-wrap {
  display: block;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: 20px;
  top: 20px;
  color: #cdc9c5;
  font-size: 16px;
  z-index: 10;
}
.new-finance-in-matter .nfim-entirety-operation-wrap .ibass-delete:hover {
  color: #f72b44!important;
}
.new-finance-in-matter .nfim-entirety-operation-wrap .ibass-close {
  display: block;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.new-finance-in-matter .nfim-entirety-operation-wrap .ibass-close:hover {
  color: #a9a9a9!important;
}
.new-finance-in-matter .nfim-entirety-operation-wrap .ibass-edit:hover {
  color: #fa8919!important;
}
.new-finance-in-matter .nfim-content {
  width: 100%;
  word-break: break-all;
}
.new-finance-in-matter .nfim-content .nfim-head {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  width: calc(100% - 50px);
  margin: 0 auto;
  height: 50px;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap {
  height: 50px;
  width: 550px;
  margin: 0 auto;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-current-status {
  line-height: 50px;
  font-size: 14px;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-current-status i {
  margin-right: 12px;
  color: #a9a9a9;
  font-size: 16px;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-current-status span.left {
  margin-right: 8px;
  color: #a9a9a9;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-current-status span.nfim-current-content {
  color: #4a4a4a;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap {
  margin-top: 15px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #a9a9a9;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-more-operation {
  position: relative;
  display: block;
  height: 20px;
  color: #a9a9a9;
  margin-left: 16px;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-more-operation:hover {
  color: #fa8919;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-more-operation > div {
  top: 18px !important;
  left: -72px !important;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-current-operation {
  font-size: 14px;
  display: block;
  height: 20px;
  padding-right: 16px;
  border-right: 1px solid #eeeeee;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-current-operation:hover {
  color: #fa8919;
}
.new-finance-in-matter .nfim-content .nfim-head .nfim-status-operation-wrap .nfim-operation-wrap .nfim-current-operation i {
  margin-right: 8px;
}
.new-finance-in-matter .nfim-content .nfim-body {
  width: calc(100% - 50px);
  margin: 0 auto;
  padding-top: 24px;
  word-break: break-all;
}
.new-finance-in-matter .nfim-content .nfim-body::after {
  content: ' ';
  display: block;
  width: 100%;
  height: 0px;
  overflow: hidden;
  clear: both;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common {
  height: 55px;
  position: relative;
  background: transparent;
  padding-top: 20px;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common label {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 16px;
  z-index: 0;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .label-active-with-value {
  top: 10px!important;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .item-input {
  outline: none;
  border: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: transparent;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  padding-right: 16px;
  font-size: 14px;
  color: #4a4a4a;
  border-bottom: 1px solid #ebebeb;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .required-icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  color: #f72b44;
  font-style: normal;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-none-border-color {
  border-bottom-color: #ebebeb!important;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-client-input-oprator {
  width: 42px;
  height: 20px;
  position: absolute;
  top: 26px;
  right: -42px;
  color: #a9a9a9;
  line-height: 20px;
  z-index: 10;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-client-input-oprator i {
  margin-right: 5px;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-client-input-oprator i:hover {
  color: #fc8919;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-company-status {
  position: absolute;
  top: 10px;
  right: 0px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-company-status i {
  display: block;
  margin-right: 8px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-company-status .nfim-company-status-text {
  margin-right: 8px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-input-common .nfim-company-status .nfim-company-status-check-time {
  color: #a9a9a9;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-info-title-split {
  height: 45px;
  border-bottom: 1px solid #ebebeb;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-short-split-line {
  height: 1px;
  width: 200px;
  background: #ebebeb;
  clear: both;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-remark-wrap .remark-exceeded {
  color: #f72b44;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list {
  position: relative;
  padding: 17px 0 17px 42px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list:hover {
  background: #f8f8f9;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list:hover .ibass-close {
  visibility: visible;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-icon {
  display: block;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  left: 5px;
  top: 17px;
  height: 32px;
  width: 32px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-name {
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .attachment-size {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 12px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .ibass-close {
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete {
  position: absolute;
  top: 14px;
  right: 6px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete:hover {
  color: #f72b44;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-download {
  position: absolute;
  top: 14px;
  right: 25px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-attachements .nfim-attachemnt-list .nfim-attachment-download:hover {
  color: #fc8919;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments {
  width: 80px;
  height: 20px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments:hover i,
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments:hover span {
  color: #fa8919;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments i {
  color: #cdc9c5;
  display: block;
  height: 20px;
  width: 14px;
  font-size: 14px;
  line-height: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments span {
  height: 20px;
  font-size: 14px;
  color: #737373;
  margin-left: 10px;
  line-height: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments .triangle {
  border-bottom-color: #3D3D3D;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments .triangle::after {
  border-bottom-color: #3d3d3d!important;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-upload-attachments .ns-popover-tooltip {
  border-color: transparent!important;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-view-head {
  float: left;
  width: 100%;
  height: 66px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 17px;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-view-head .nfim-view-title {
  margin: 0;
  height: 28px;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  color: #4a4a4a;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter .nfim-content .nfim-body .nfim-view-head .nfim-view-subtitle {
  margin: 0;
  height: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #a9a9a9;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-finance-in-matter .nfim-content .nfim-body .add-bill-method {
  display: inline-block;
  color: #cdc9c5;
  font-size: 12px;
  cursor: pointer;
  width: 110px;
  height: 32px;
  border-radius: 20px;
  border: 1px solid #cec7c0;
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.05);
  line-height: 29px;
  text-align: center;
}
.new-finance-in-matter .nfim-content .nfim-body .popover {
  text-align: right;
}
.new-finance-in-matter .nfim-content .nfim-body .add-invoice-tip {
  padding: 16px 18px 16px 15px;
  border-radius: 5px;
  background: #f8f8f9;
  color: #737373;
  font-size: 12px;
}
.new-finance-in-matter .nfim-content .nfim-body .add-invoice-tip i {
  vertical-align: middle;
  color: #fdba78;
}
.new-finance-in-matter .nfim-content .nfim-body .add-invoice-tip a {
  cursor: pointer;
  padding-left: 15px;
  color: #ED6C00;
}
.new-finance-in-matter .nfim-content .nfim-body .add-invoice-tip a:first-of-type {
  color: #f72b44;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists {
  margin-top: 20px;
  font-size: 14px;
  color: #a9a9a9;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  margin-bottom: 10px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-header {
  border-bottom: 1px solid #ebebeb;
  line-height: 44px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-header .delete-sure {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-header .invoice-list-index {
  color: #4a4a4a;
  margin-right: 3px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-header .ibass {
  color: #cdc9c5;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-header .ibass-approve-Invoice {
  font-size: 16px;
  margin: 0 2px 0 10px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-header .ibass-approve-Invoice:before {
  vertical-align: bottom;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-header .ibass-delete {
  margin-right: 10px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-header .ibass-delete:before {
  vertical-align: bottom;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-body {
  margin: 0 10px 10px 30px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-body .add-scane-file {
  margin: 15px 0 15px -10px;
  font-size: 14px;
  color: #737373;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-body .add-scane-file .ibass-attachment {
  color: #cdc9c5;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .invoice-list .invoice-list-body .add-scane-file .ibass-attachment:before {
  vertical-align: bottom;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .add-invoice-list p {
  line-height: 42px;
  margin: 0 20px 0 12px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .add-invoice-list p > span:first-of-type {
  cursor: pointer;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .add-invoice-list p > span:first-of-type .add-invoice-text {
  color: #ED6C00;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .add-invoice-list p > span:first-of-type .add-invoice-text-disable {
  color: #a9a9a9;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .add-invoice-list p .right {
  margin-left: 15px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .add-invoice-list p .right span:last-of-type {
  color: #4a4a4a;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .add-invoice-list p .ibass-add {
  margin-right: 10px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-lists .add-invoice-list p .ibass-add:before {
  vertical-align: bottom;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-type {
  width: 100%;
  box-shadow: none;
  height: 45px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p span:first-child {
  color: #737373;
  font-size: 14px;
  margin-right: 7px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p label {
  color: #4a4a4a;
  font-size: 14px;
  margin-right: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p .ibass-checked:before {
  color: #fa8919;
  vertical-align: bottom;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p .ibass-checkbox:before {
  color: #cdc8c5;
  vertical-align: bottom;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p #special-invoice,
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p #regular-invoice {
  vertical-align: sub;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p #special-invoice.ibass-done,
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p #regular-invoice.ibass-done {
  position: relative;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p #special-invoice.ibass-done:before,
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p #regular-invoice.ibass-done:before {
  line-height: 0;
  font-size: 15px;
  top: 6px;
  left: -1px;
  color: #fa8919;
}
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p #special-invoice.ibass-task-check,
.new-finance-in-matter .nfim-content .nfim-body .invoice-type p #regular-invoice.ibass-task-check {
  color: #cdc8c5;
}
.new-finance-in-matter .nfim-content .nfim-body .flex-two-left {
  width: 280px;
  margin-right: 20px;
}
.new-finance-in-matter .nfim-content .nfim-body .flex-two-left-s {
  width: 245px;
  margin-right: 10px;
}
.new-finance-in-matter .nfim-content .nfim-body .flex-two-left-s-most {
  width: 225px;
  margin-right: 10px;
}
.new-finance-in-matter .nfim-content .nfim-body .flex-two-right {
  width: 200px;
  position: relative;
}
.new-finance-in-matter .nfim-content .nfim-body .flex-two-right i.ibass-trig-down {
  right: 26px;
}
.new-finance-in-matter .nfim-content .nfim-body .flex-two-right-s {
  width: 245px;
}
.new-finance-in-matter .nfim-content .nfim-body .flex-two-right-s i.ibass-trig-down {
  right: 26px;
}
.new-finance-in-matter .nfim-content .nfim-body .flex-two-right-s-most {
  width: 220px;
}
.new-finance-in-matter .nfim-content .nfim-body .flex-two-right-s-most i.ibass-trig-down {
  right: 26px;
}
.new-finance-in-matter .nfim-content .nfim-body-add-message {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 18px;
}
.new-finance-in-matter .nfim-content .nfim-body-add-message .add-bill-method-introduce {
  color: #a9a9a9;
  display: flex;
  justify-content: flex-start;
}
.new-finance-in-matter .nfim-content .nfim-body-add-message .add-bill-method-introduce .ibass-info {
  color: #a9a9a9;
}
.new-finance-in-matter .nfim-content .nfim-foot {
  overflow: hidden;
}
.new-finance-in-matter .nfim-content .nfim-foot .nfim-save-button {
  width: 126px;
  height: 34px;
  display: block;
  border: none;
  margin: 26px auto 0;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 20px;
}
.new-finance-in-matter .nfim-content .nfim-foot .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
}
.new-finance-in-matter .nfim-content .nfim-dynamic-and-comments {
  height: auto;
  padding: 20px 25px 0;
  background: #f8f8f9;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
}
.new-finance-in-matter .nfim-content .nfim-none-style {
  box-shadow: none!important;
  border: none!important;
  background: none!important;
  margin-bottom: 20px;
  line-height: 22px;
  font-size: 14px;
}
.matter-finance-select-box {
  max-height: 200px;
  margin: 0!important;
  box-sizing: border-box;
  padding: 5px 0!important;
  overflow-y: scroll;
}
.matter-finance-select-box .select-box-list {
  position: relative;
  height: 36px;
  line-height: 36px;
  color: #4A4A4A!important;
  box-sizing: border-box;
  padding: 0 8px;
  width: 100%;
  cursor: pointer;
}
.matter-finance-select-box .select-box-list:hover {
  background: #f8f8f9;
}
.options-box-triggle {
  border-bottom-color: #3d3d3d!important;
}
.options-box-triggle::after {
  border-bottom-color: #3d3d3d!important;
}
.nfim-title {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  width: calc(100% - 50px);
  margin: 0 auto;
  height: 0px;
  padding-top: 50px;
}
.nfim-title .nfim-title-content {
  float: left;
  color: #4a4a4a;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  height: 22px;
  padding: 0 10px;
  font-size: 16px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
}
.nfim-input-common {
  height: 55px;
  position: relative;
  background: transparent;
  padding-top: 20px;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.nfim-input-common label {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 16px;
  z-index: 0;
}
.nfim-input-common .label-active-with-value {
  top: 10px!important;
}
.nfim-input-common .item-input {
  outline: none;
  border: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: transparent;
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  padding-right: 16px;
  font-size: 14px;
  color: #4a4a4a;
  border-bottom: 1px solid #ebebeb;
}
.nfim-input-common .required-icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  color: #f72b44;
  font-style: normal;
}
.nfim-input-common .nfim-none-border-color {
  border-bottom-color: #ebebeb!important;
}
.nfim-input-common .nfim-client-input-oprator {
  width: 42px;
  height: 20px;
  position: absolute;
  top: 26px;
  right: 10px;
  color: #a9a9a9;
  line-height: 20px;
  z-index: 10;
}
.nfim-input-common .nfim-client-input-oprator i {
  margin-right: 5px;
  cursor: pointer;
}
.nfim-input-common .nfim-client-input-oprator i:hover {
  color: #fc8919;
}
.nfim-input-common .nfim-company-status {
  position: absolute;
  top: 10px;
  right: 0px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.nfim-input-common .nfim-company-status i {
  display: block;
  margin-right: 8px;
}
.nfim-input-common .nfim-company-status .nfim-company-status-text {
  margin-right: 8px;
}
.nfim-input-common .nfim-company-status .nfim-company-status-check-time {
  color: #a9a9a9;
}
.nfim-invoice-split {
  height: 45px;
  border-bottom: 1px solid #ebebeb;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}
.nfim-short-split-line {
  height: 1px;
  width: 200px;
  background: #ebebeb;
}
.nfim-attachements .nfim-attachemnt-list {
  position: relative;
  padding: 17px 0 17px 42px;
}
.nfim-attachements .nfim-attachemnt-list:hover {
  background: #f8f8f9;
}
.nfim-attachements .nfim-attachemnt-list:hover .ibass-close {
  visibility: visible;
}
.nfim-attachements .nfim-attachemnt-list .attachment-icon {
  display: block;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  left: 5px;
  top: 17px;
  height: 32px;
  width: 32px;
}
.nfim-attachements .nfim-attachemnt-list .attachment-name {
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nfim-attachements .nfim-attachemnt-list .attachment-size {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 12px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nfim-attachements .nfim-attachemnt-list .ibass-close {
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #a9a9a9;
  cursor: pointer;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete {
  position: absolute;
  top: 14px;
  right: 6px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-delete:hover {
  color: #f72b44;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-download {
  position: absolute;
  top: 14px;
  right: 25px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.nfim-attachements .nfim-attachemnt-list .nfim-attachment-download:hover {
  color: #fc8919;
}
.nfim-upload-attachments {
  width: 80px;
  height: 20px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}
.nfim-upload-attachments:hover i,
.nfim-upload-attachments:hover span {
  color: #fa8919;
}
.nfim-upload-attachments i {
  color: #cdc9c5;
  display: block;
  height: 20px;
  width: 14px;
  font-size: 14px;
  line-height: 20px;
}
.nfim-upload-attachments span {
  height: 20px;
  font-size: 14px;
  color: #737373;
  margin-left: 10px;
  line-height: 20px;
}
.nfim-upload-attachments .triangle {
  border-bottom-color: #3D3D3D;
}
.nfim-upload-attachments .triangle::after {
  border-bottom-color: #3d3d3d!important;
}
.nfim-upload-attachments .ns-popover-tooltip {
  border-color: transparent!important;
}
.nfim-save-button {
  width: 126px;
  height: 34px;
  display: block;
  border: none;
  margin: 26px auto 0;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 20px;
}
.nfim-absolute-full-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ns-popover-addbillmethod {
  cursor: pointer;
  hieght: 36px;
  line-height: 36px;
  text-align: left;
  padding-left: 9px;
  font-size: 14px;
  color: #4a4a4a;
}
.ns-popover-addbillmethod:hover {
  background: #f8f8f9 !important;
}
.ns-popover-addbillmethod:first-child {
  margin-top: 15px;
}
.ns-popover-addbillmethod:last-child {
  margin-bottom: 15px;
}
.edit-bill-method .ibass-close {
  display: block;
  line-height: 14px;
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 0px;
}
.edit-bill-method .add-bill-method .ns-popover-tooltip-theme {
  top: 111px !important;
  left: 5px !important;
  right: auto !important;
}
.full-width {
  width: 100%;
}
.saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
}

.project-number-sweet-alert {
  height: 300px!important;
}
.matter-information-edit {
  position: relative;
  padding: 0 50px;
}
.matter-information-edit .not-cursor {
  cursor: not-allowed;
}
.matter-information-edit .edit-input > input:-webkit-autofill,
.matter-information-edit textarea:-webkit-autofill,
.matter-information-edit select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.matter-information-edit .edit-input > input[type=text]:focus,
.matter-information-edit input[type=password]:focus,
.matter-information-edit textarea:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.matter-information-edit .dig-close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #cdc9c5;
  font-size: 20px;
  cursor: pointer;
}
.matter-information-edit .split-line {
  padding-top: 50px;
  border-bottom: solid 1px #f0f0f0;
}
.matter-information-edit .title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  transform: translateY(-50%);
}
.matter-information-edit .title span {
  padding: 0 15px;
  background: white;
}
.matter-information-edit .warn {
  position: relative;
  top: -15px;
  color: #fdba78;
  font-size: 18px;
  line-height: 50px;
}
@-webkit-keyframes fadeout {
  100% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  0% {
    opacity: 1;
  }
}
.matter-information-edit .showview {
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
}
.matter-information-edit .hideview {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 1s;
}
.matter-information-edit .rectangle {
  position: relative;
  font-size: 14px;
  color: #4a4a4a;
  padding: 19px 16px;
  width: 400px;
  margin: 0 auto;
  border-radius: 5px;
  background-color: #f8f8f9;
  overflow: hidden;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.matter-information-edit .rectangle .iknow {
  float: right;
  margin-top: 25px;
  font-size: 14px;
  color: #ed6c00;
  cursor: pointer;
}
.matter-information-edit .matteredit {
  position: relative;
  left: 0;
}
.matter-information-edit .matteredit .edit-group {
  clear: both;
  position: relative;
  display: block;
  width: 400px;
  margin: 0 auto;
}
.matter-information-edit .matteredit .edit-group:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.matter-information-edit .matteredit .edit-group .matter-item-label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  color: #a8a8a8;
  opacity: 0;
  transition: transform 0.5s ease;
  transform: scale(1.2) translateY(20px);
  transform-origin: left;
}
.matter-information-edit .matteredit .edit-group .matter-item-label-has-value {
  opacity: 1;
  transform: scale(1) translateY(12px);
}
.matter-information-edit .matteredit .edit-group .matter-ui-select .ui-select-choices {
  top: 60px;
}
.matter-information-edit .matteredit .edit-group .edit-center {
  width: 10px;
  position: relative;
  display: block;
  float: left;
}
.matter-information-edit .matteredit .edit-group .right {
  float: right!important;
}
.matter-information-edit .matteredit .edit-group .edit-input {
  position: relative;
  float: left;
}
.matter-information-edit .matteredit .edit-group .edit-input .mattertype-tip {
  position: absolute;
  right: 0;
  top: 10px;
  color: #ff5469;
  font-size: 12px;
}
.matter-information-edit .matteredit .edit-group .edit-input .mattertype-tip i {
  vertical-align: middle;
  margin-left: 4px;
}
.matter-information-edit .matteredit .edit-group .edit-input .ns-popover-tooltip-theme {
  left: 0!important;
  top: 100%!important;
  width: 400px;
}
.matter-information-edit .matteredit .edit-group .edit-input .matter-type-radio-select .triangle {
  display: none;
}
.matter-information-edit .matteredit .edit-group .edit-input .matter-type-radio-select .matter-type-container-for-location {
  left: 50% !important;
  top: 100% !important;
  transform: translateX(-50%);
}
.matter-information-edit .matteredit .edit-group .edit-input .matter-type-radio-select .matter-type-container-for-location .matter-type-select-container {
  width: 400px;
  max-width: 400px;
  margin-top: 0px;
  margin-left: 0px;
}
.matter-information-edit .matteredit .edit-group .edit-input .relevant-comment-popover {
  top: 0!important;
  left: 7px!important;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-required,
.matter-information-edit .matteredit .edit-group .edit-input .label-pulldown,
.matter-information-edit .matteredit .edit-group .edit-input .label-error {
  position: absolute;
  bottom: 0;
  line-height: 28px;
  color: red;
  font-size: 12px;
}
.matter-information-edit .matteredit .edit-group .edit-input .ibass-customer {
  right: 10px;
  color: #cdc9c5;
  cursor: pointer;
}
.matter-information-edit .matteredit .edit-group .edit-input .ibass-customer:hover {
  color: #fa8919;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-pulldown,
.matter-information-edit .matteredit .edit-group .edit-input .label-required {
  right: 10px;
  color: #a9a9a9;
  font-size: 14px;
  display: inline-block;
  width: 15px;
  text-align: center;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-required {
  color: red;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-error {
  left: 0;
  top: 60px;
  line-height: initial;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-noactive {
  position: absolute;
  left: 0;
  top: 30px !important;
  line-height: 28px;
  font-size: 12px;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-active-with-value {
  position: absolute;
  left: 0px;
  color: #ccc;
  font-size: 12px;
  top: 10px !important;
  display: block;
}
.matter-information-edit .matteredit .edit-group .label-required-alone {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 28px;
  color: red;
  font-size: 12px;
}
.matter-information-edit .matteredit .edit-group .label-addon {
  position: absolute;
  left: 390px;
  top: 30px;
  line-height: 28px;
  color: #a9a9a9;
  cursor: pointer;
  width: 100px;
}
.matter-information-edit .matteredit .edit-group .approve-flow .approve-flow-header {
  height: 35px;
  line-height: 35px;
}
.matter-information-edit .matteredit .bottom-btn {
  text-align: center;
  padding: 40px 0 30px;
}
.matter-information-edit .matteredit .bottom-btn .normal-btn {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  border: none;
}
.matter-information-edit .matteredit .matter-remark {
  width: 100%;
  height: 130px;
  padding: 10px;
  box-sizing: border-box;
  border: solid 1px #d5d5d5;
  border-radius: 4px;
  background-color: #fefeff;
  resize: none;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  outline: none;
}
.matter-information-edit .matteredit .matter-remark::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
.matter-information-edit .matteredit .edit-input > input {
  position: relative;
  padding-top: 30px;
  width: 400px;
  height: 60px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  line-height: 28px;
  padding-right: 30px;
}
.matter-information-edit .matteredit .edit-input > input .input-sm {
  width: 200px;
}
.matter-information-edit .matteredit .edit-input > input[type="text"]::-webkit-input-placeholder {
  color: #ccc !important;
}
.add-customer-in-matter-information-page {
  padding-top: 160px!important;
}
.add-customer-in-matter-information-page .ctr-ac-lineThrough {
  margin-top: 0;
}

.project-number-sweet-alert {
  height: 300px!important;
}
.new-matter-animation-left {
  display: none;
}
@keyframes left {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(-500px);
  }
}
.matter-information-edit {
  position: relative;
  padding: 0 50px;
}
.matter-information-edit .not-cursor {
  cursor: not-allowed;
}
.matter-information-edit .edit-input > input:-webkit-autofill,
.matter-information-edit textarea:-webkit-autofill,
.matter-information-edit select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.matter-information-edit .edit-input > input[type=text]:focus,
.matter-information-edit input[type=password]:focus,
.matter-information-edit textarea:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.matter-information-edit .dig-close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #cdc9c5;
  font-size: 20px;
  cursor: pointer;
}
.matter-information-edit .split-line {
  padding-top: 50px;
  border-bottom: solid 1px #f0f0f0;
}
.matter-information-edit .input-remind {
  height: 20px;
  line-height: 20px;
  font-style: normal;
  position: absolute;
  top: 33px;
  right: 0;
  z-index: 100;
}
.matter-information-edit .input-remind i {
  color: #cdc9c5;
  margin-left: 6px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  top: 2px;
}
.matter-information-edit .input-remind i:hover {
  color: #fc8919;
}
.matter-information-edit .input-remind .required-icon {
  color: #f72b44;
  cursor: default;
  font-size: 12px;
}
.matter-information-edit .input-remind .required-icon:hover {
  color: #f72b44;
}
.matter-information-edit .input-remind .ibass-trig-down {
  color: #cdc9c5;
  cursor: default;
  top: 3px;
}
.matter-information-edit .input-remind .ibass-trig-down:hover {
  color: #cdc9c5;
}
.matter-information-edit .input-remind .high-light {
  color: #fc8919!important;
}
.matter-information-edit .title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  transform: translateY(-50%);
}
.matter-information-edit .title span {
  padding: 0 15px;
  background: white;
}
.matter-information-edit .warn {
  position: relative;
  top: -15px;
  color: #fdba78;
  font-size: 18px;
  line-height: 50px;
}
@-webkit-keyframes fadeout {
  100% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  0% {
    opacity: 1;
  }
}
.matter-information-edit .showview {
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
}
.matter-information-edit .hideview {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 1s;
}
.matter-information-edit .rectangle {
  position: relative;
  font-size: 14px;
  color: #4a4a4a;
  padding: 19px 16px;
  width: 400px;
  margin: 0 auto;
  border-radius: 5px;
  background-color: #f8f8f9;
  overflow: hidden;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.matter-information-edit .rectangle .iknow {
  float: right;
  margin-top: 25px;
  font-size: 14px;
  color: #ed6c00;
  cursor: pointer;
}
.matter-information-edit .matteredit {
  position: relative;
  left: 0;
}
.matter-information-edit .matteredit .edit-group {
  clear: both;
  position: relative;
  display: block;
  width: 400px;
  margin: 0 auto;
}
.matter-information-edit .matteredit .edit-group:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.matter-information-edit .matteredit .edit-group .matter-item-label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  color: #a8a8a8;
  opacity: 0;
  transition: transform 0.5s ease;
  transform: scale(1.2) translateY(20px);
  transform-origin: left;
}
.matter-information-edit .matteredit .edit-group .matter-item-label-has-value {
  opacity: 1;
  transform: scale(1) translateY(12px);
}
.matter-information-edit .matteredit .edit-group .matter-ui-select .ui-select-choices {
  top: 60px;
}
.matter-information-edit .matteredit .edit-group .edit-center {
  width: 10px;
  position: relative;
  display: block;
  float: left;
}
.matter-information-edit .matteredit .edit-group .right {
  float: right!important;
}
.matter-information-edit .matteredit .edit-group .edit-input {
  position: relative;
  float: left;
}
.matter-information-edit .matteredit .edit-group .edit-input .mattertype-tip {
  position: absolute;
  right: 0;
  top: 10px;
  color: #ff5469;
  font-size: 12px;
}
.matter-information-edit .matteredit .edit-group .edit-input .mattertype-tip i {
  vertical-align: middle;
  margin-left: 4px;
}
.matter-information-edit .matteredit .edit-group .edit-input .ns-popover-tooltip-theme {
  left: 0!important;
  top: 100%!important;
  width: 400px;
}
.matter-information-edit .matteredit .edit-group .edit-input .matter-type-radio-select .triangle {
  display: none;
}
.matter-information-edit .matteredit .edit-group .edit-input .matter-type-radio-select .matter-type-container-for-location {
  left: 50% !important;
  top: 100% !important;
  transform: translateX(-50%);
}
.matter-information-edit .matteredit .edit-group .edit-input .matter-type-radio-select .matter-type-container-for-location .matter-type-select-container {
  width: 400px;
  max-width: 400px;
  margin-top: 0px;
  margin-left: 0px;
}
.matter-information-edit .matteredit .edit-group .edit-input .relevant-comment-popover {
  top: 0!important;
  left: 7px!important;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-required,
.matter-information-edit .matteredit .edit-group .edit-input .label-pulldown,
.matter-information-edit .matteredit .edit-group .edit-input .label-error {
  position: absolute;
  bottom: 0;
  line-height: 28px;
  color: red;
  font-size: 12px;
}
.matter-information-edit .matteredit .edit-group .edit-input .ibass-customer {
  right: 10px;
  color: #cdc9c5;
  cursor: pointer;
}
.matter-information-edit .matteredit .edit-group .edit-input .ibass-customer:hover {
  color: #fa8919;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-pulldown,
.matter-information-edit .matteredit .edit-group .edit-input .label-required {
  right: 10px;
  color: #a9a9a9;
  font-size: 14px;
  display: inline-block;
  width: 15px;
  text-align: center;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-required {
  color: red;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-error {
  left: 0;
  top: 60px;
  line-height: initial;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-noactive {
  position: absolute;
  left: 0;
  top: 30px !important;
  line-height: 28px;
  font-size: 12px;
}
.matter-information-edit .matteredit .edit-group .edit-input .label-active-with-value {
  position: absolute;
  left: 0px;
  color: #ccc;
  font-size: 12px;
  top: 10px !important;
  display: block;
}
.matter-information-edit .matteredit .edit-group .label-required-alone {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 28px;
  color: red;
  font-size: 12px;
}
.matter-information-edit .matteredit .edit-group .label-addon {
  position: absolute;
  left: 390px;
  top: 30px;
  line-height: 28px;
  color: #a9a9a9;
  cursor: pointer;
  width: 100px;
}
.matter-information-edit .matteredit .edit-group .public-prosecution-case-option {
  position: absolute;
  top: 32px;
  display: flex;
  color: #cdc9c5;
}
.matter-information-edit .matteredit .edit-group .public-prosecution-case-option i {
  margin-right: 3px;
  cursor: pointer;
}
.matter-information-edit .matteredit .edit-group .public-prosecution-case-option .ibass-done {
  color: #fc8919;
}
.matter-information-edit .matteredit .edit-group .approve-flow .approve-flow-header {
  height: 35px;
  line-height: 35px;
}
.matter-information-edit .matteredit .matter-type,
.matter-information-edit .matteredit .matter-level {
  position: relative;
}
.matter-information-edit .matteredit .matter-type .ibass-trig-down,
.matter-information-edit .matteredit .matter-level .ibass-trig-down {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #cdc8c5;
}
.matter-information-edit .matteredit .matter-msg-title {
  margin: 0 70px;
  line-height: 40px;
  height: 42px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  border-bottom: 1px solid #ebebeb;
}
.matter-information-edit .matteredit .matter-msg-title .title {
  border-bottom: solid 2px #fa8919;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  padding-bottom: 10px;
}
.matter-information-edit .matteredit .matter-msg-title .btn {
  font-size: 12px;
  color: #a9a9a9;
  cursor: pointer;
  height: 100%;
}
.matter-information-edit .matteredit .matter-msg-title .add-member-btn {
  margin-top: 7px;
  width: 70px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.matter-information-edit .matteredit .bottom-btn {
  text-align: center;
  padding: 40px 0 30px;
}
.matter-information-edit .matteredit .bottom-btn .normal-btn {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  border: none;
}
.matter-information-edit .matteredit .matter-remark {
  width: 100%;
  height: 130px;
  padding: 10px;
  box-sizing: border-box;
  border: solid 1px #d5d5d5;
  border-radius: 4px;
  background-color: #fefeff;
  resize: none;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  outline: none;
}
.matter-information-edit .matteredit .matter-remark::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
.matter-information-edit .matteredit .edit-input > input {
  position: relative;
  padding-top: 30px;
  width: 400px;
  height: 60px;
  border: 1px solid #F0F0F0;
  border-width: 0 0 1px;
  background: transparent;
  font-size: 14px;
  color: #4A4A4A;
  outline: none;
  transition: all .3s;
  line-height: 28px;
  padding-right: 30px;
}
.matter-information-edit .matteredit .edit-input > input .input-sm {
  width: 200px;
}
.matter-information-edit .matteredit .edit-input > input[type="text"]::-webkit-input-placeholder {
  color: #ccc !important;
}
.matter-information-edit .matteredit .new-matter-conflict-list li {
  position: relative;
  margin-top: 5px;
}
.matter-information-edit .matteredit .new-matter-conflict-list .input-operator {
  position: absolute;
  left: 390px;
  top: 0;
  line-height: 23px;
  color: #a9a9a9;
  cursor: pointer;
  width: 100px;
}
.matter-information-edit .matteredit .new-matter-conflict-list .input-operator i {
  margin-left: 11px;
}
.add-customer-in-matter-information-page {
  padding-top: 160px!important;
}
.add-customer-in-matter-information-page .ctr-ac-lineThrough {
  margin-top: 0;
}
.new-matter-related {
  vertical-align: top;
  display: inline-block;
  width: 150px;
  position: relative;
  cursor: pointer;
  padding-top: 30px;
}
.new-matter-related .new-matter-related-span {
  display: inline-block;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #f0f0f0;
  width: 140px;
  padding-right: 0;
  font-size: 13px;
  color: #a9a9a9;
}
.new-matter-related .ibass-trig-down {
  position: absolute;
  top: 36px;
  right: 8px;
  color: #a9a9a9;
}
.name-edit {
  position: relative;
  height: 47px;
}
.name-edit .input-edit {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-right: 80px;
  box-shadow: #fa8919 0px -1px 0px 0px inset;
  border: none;
  background: transparent;
}
.name-edit .input-noedit {
  box-shadow: #a9a9a9 0px -1px 0px 0px inset !important;
}
.name-edit .save-btn {
  position: absolute;
  right: 0px;
  bottom: 10px;
  width: 59px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.name-edit .new-matter-edit-delete {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 59px;
  height: 47px;
  display: flex;
  align-items: center;
  color: #a9a9a9;
  justify-content: space-around;
}
.name-edit .ibass-edit:hover {
  color: #fa8919;
}
.name-edit .ibass-delete:hover {
  color: #f72b44;
}

.justice-platform-dialog header {
  margin: 0 30px;
  height: 50px;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.justice-platform-dialog header > span {
  float: left;
  color: #4a4a4a;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  height: 22px;
  padding: 0 10px;
  font-size: 18px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
}
.justice-platform-dialog .judicial-platform-wrap {
  margin: 20px 30px;
}
.justice-platform-dialog .judicial-platform-footer {
  text-align: center;
}
.justice-platform-dialog .judicial-platform-footer .save {
  width: 126px;
  border: none;
  margin: 26px auto 20px;
  background: #fa8919;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 17px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.justice-platform-dialog .judicial-platform-footer .disabled {
  background: #ebebee;
  cursor: not-allowed;
}

.charts-matter-model .repott-tips span {
  color: #a9a9a9;
  font-size: 12px;
  top: -10px;
  padding-left: 25px;
  position: relative;
}
.charts-matter-model .chart-top {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.charts-matter-model .chart-top .chart-title {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.charts-matter-model .chart-top .chart-tool {
  margin-right: 10px;
  margin-top: 3px;
}
.charts-matter-model .chart-top .changeChart i {
  font-size: 16px;
}
.charts-matter-model .moreBar {
  width: 650px;
  height: 370px;
  position: absolute;
  top: 60px;
  z-index: 10;
  background-color: #fff;
}
.charts-matter-model .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.charts-matter-model .chart-dialog-title {
  position: relative;
  height: 50px;
  line-height: 50px;
  width: 700px;
  text-align: center;
}
.charts-matter-model .chart-dialog-title .title {
  position: relative;
  top: 25px;
  padding: 0 25px;
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  color: var(--greyish-brown);
  background-color: #fff;
}
.charts-matter-model .chart-content {
  width: 650px;
  height: 350px;
}
.charts-matter-model .scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.charts-matter-model .chart-dialog-line {
  width: 650px;
  height: 2px;
  margin-left: 25px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ebebeb;
}
.charts-matter-model .chart-table-detail .table-nodate {
  text-align: center;
  line-height: 42px;
  color: #737373;
}
.charts-matter-model .chart-table-detail .chart-detail {
  position: relative;
  height: 440px;
  padding: 25px;
  color: #666;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option {
  margin-top: 2px;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .date-range {
  position: relative;
  height: 30px;
  width: 263px;
  margin: 10px 0 20px 0;
  text-align: left;
  z-index: 10;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .date-range .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool {
  position: relative;
  height: 30px;
  margin-top: 8px;
  z-index: 10;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download {
  cursor: pointer;
  line-height: 24px;
  margin-left: 14px;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download i {
  cursor: pointer;
  position: relative;
  top: 3px;
  font-size: 16px;
  color: #cdc9c5;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download span {
  color: #a9a9a9;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download:hover span {
  color: #fa8919;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download:hover i {
  color: #fa8919;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .chart-option-dropdown {
  width: auto;
  margin-left: 14px;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .chart-option-dropdown::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .ibass-trig-down {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option {
  width: 117px;
  line-height: 30px;
  border-radius: 20px;
  margin-left: 14px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #cdc9c5;
  border: solid 1px #cfc7c1;
  position: relative;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p {
  width: 38px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:first-child {
  border-radius: 20px 0 0 20px;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:last-child {
  width: 37px;
  border-right: 0;
  border-radius: 0 20px 20px 0;
  text-indent: -2px;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.charts-matter-model .chart-table-detail .chart-detail .chart-option::after {
  content: '';
  display: block;
  clear: both;
}
.charts-matter-model .chart-table-detail .table-detail {
  padding: 0 25px 20px 25px;
}
.charts-matter-model .chart-table-detail .table-detail .title {
  width: 100%;
}
.charts-matter-model .chart-table-detail .table-detail .title .title-content {
  position: relative;
  display: inline-block;
  border-bottom: 2px solid #fa9819;
  padding-bottom: 10px;
}
.charts-matter-model .chart-table-detail .table-detail .title .download {
  float: right;
  position: relative;
}
.charts-matter-model .chart-table-detail .table-detail .title .download i {
  position: absolute;
  right: 62px;
  color: #cdc9c5;
  cursor: pointer;
  font-size: 16px;
}
.charts-matter-model .chart-table-detail .table-detail .title .download span {
  color: #a9a9a9;
}
.charts-matter-model .chart-table-detail .table-detail .title .download:hover span {
  color: #fa8919;
}
.charts-matter-model .chart-table-detail .table-detail .title .download:hover i {
  color: #fa8919;
}
.charts-matter-model .chart-table-detail .table-detail .table-head {
  height: 42px;
  border-bottom: solid 1px #e5e5e5;
  width: 100%;
}
.charts-matter-model .chart-table-detail .table-detail .table-col {
  line-height: 42px;
  font-size: 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.charts-matter-model .chart-table-detail .table-detail .sort {
  position: relative;
  top: 2px;
  color: #ed6c00;
}
.charts-matter-model .chart-table-detail .table-detail .table-content {
  width: 100%;
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}
.charts-matter-model .chart-table-detail .table-detail .table-content .table-ul {
  width: 100%;
  height: 42px;
  border-bottom: solid 1px #e5e5e5;
}
.charts-matter-model .chart-table-detail .table-detail .table-content .table-ul:hover {
  background-color: #f5f5f5;
}
.charts-matter-model .chart-table-detail .table-detail .table-content .table-ul:nth-child(1) {
  white-space: nowrap;
}

.matter-burnout {
  border-radius: 8px;
  margin-top: 10px;
  padding: 10px;
  width: 950px;
  position: relative;
}
.matter-burnout .chart-name {
  font-weight: 500;
  cursor: pointer;
}
.matter-burnout .proiect-unit {
  color: #9e9e9e;
}
.matter-burnout .title {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.matter-burnout .chart-title {
  cursor: pointer;
}
.matter-burnout .chart-title:hover {
  color: #ed6c00;
}
.matter-burnout .chart-count {
  height: 40px;
  font-size: 14px;
  color: #737373;
  width: 960px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.matter-burnout .chart-count span {
  margin: 0 10px;
}
.matter-burnout .customer-top {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
}
.matter-burnout .project-legend {
  text-align: center;
}
.matter-burnout .project-legend span {
  font-size: 12px;
}
.matter-burnout .project-legend i {
  position: relative;
  top: 2px;
}
.matter-burnout .project-legend .completed {
  color: #64b5f6;
}
.matter-burnout .project-legend .uncompleted {
  color: #F44336;
  margin-left: 10px;
}
.matter-burnout .chart-content {
  width: 960px;
  min-height: 330px;
}
.matter-burnout .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.i-matter-chart {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.i-matter-chart .repott-tips {
  position: absolute;
  bottom: 4px;
}
.i-matter-chart .repott-tips i {
  color: #cdc9c5!important;
  position: relative;
  top: 2px;
}
.i-matter-chart .repott-tips span {
  color: #a9a9a9;
  font-size: 12px;
}
.i-matter-chart .chart-name {
  font-weight: 500;
  cursor: pointer;
}
.i-matter-chart .proiect-unit {
  color: #9e9e9e;
}
.i-matter-chart .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.i-matter-chart .chart-content {
  width: 459px;
  height: 300px;
}
.i-matter-chart .verBars {
  width: 350px;
  height: 300px;
}
.i-matter-chart .pies {
  width: 350px;
  height: 300px;
}
.i-matter-chart .ascBars {
  width: 350px;
  height: 300px;
}
.i-matter-chart .chart-item {
  width: 459px;
  height: 350px;
  border-top: 1px solid #ebebeb;
  padding: 10px;
  padding-bottom: 30px;
  position: relative;
}
.i-matter-chart .interval {
  border-right: 1px solid #ebebeb;
}
.i-matter-chart .borderColor {
  border-bottom: 1px solid #f0f0f0;
}
.i-matter-chart .chart-reoprt-top {
  height: 40px;
}
.i-matter-chart .chart-reoprt-top .chart-title {
  width: 170px;
  line-height: 30px;
  font-size: 14px;
  cursor: pointer;
}
.i-matter-chart .chart-reoprt-top .chart-title:hover {
  color: #ed6c00;
}
.i-matter-chart .chart-reoprt-top .chart-tool {
  margin-right: 10px;
  margin-top: 3px;
}
.i-matter-chart .chart-reoprt-top .changeChart i {
  font-size: 16px;
}
.i-matter-chart .chart-count {
  height: 40px;
  font-size: 14px;
  color: #737373;
  text-align: center;
  line-height: 40px;
}
.i-matter-chart .chart-count span {
  margin: 0 10px;
}
.i-matter-chart .legend {
  position: absolute;
  font-size: 12px;
  left: 20px;
  bottom: 4px;
}
.i-matter-chart .chart-pie-top {
  height: 40px;
  line-height: 40px;
}
.i-matter-chart .chart-pie-top span:nth-child(1) {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.i-matter-chart .add-chart {
  text-align: center;
}
.i-matter-chart .add-chart .add-icon {
  margin-left: 150px;
  margin-top: 130px;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f8f8f9;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.i-matter-chart .add-chart .add-icon i {
  line-height: 60px;
  color: #a9a9a9;
}
.i-matter-chart .add-chart .add-tips {
  color: #a9a9a9;
}
.matter-analysis .task-head-tab {
  float: right;
}
.matter-analysis .task-head-tab .task-head-type {
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #a9a9a9;
  border: solid 1px #cfc7c1;
  float: left;
  left: 0;
  top: 19px;
  box-sizing: border-box;
}
.matter-analysis .task-head-tab .task-head-type .tool-left {
  margin-left: 4px;
}
.matter-analysis .task-head-tab .task-head-type .tool-right {
  margin-left: -2px;
}
.matter-analysis .task-head-tab .task-head-type p {
  width: 36px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.matter-analysis .task-head-tab .task-head-type p span {
  color: #cdc9c5;
  font-size: 16px;
}
.matter-analysis .task-head-tab .task-head-type p a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.matter-analysis .task-head-tab .task-head-type p:first-child {
  border-radius: 20px 0 0 20px;
  left: 2px;
}
.matter-analysis .task-head-tab .task-head-type p:last-child {
  border-right: 0;
  border-radius: 0 20px 20px 0;
  right: 2px;
}
.matter-analysis .task-head-tab .task-head-type p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.matter-analysis .task-head-tab .task-head-type p.active span {
  color: #fa8919;
}
.matter-analysis .task-head-tab .task-head-type p:hover {
  background-color: #fcfcfb;
}
.matter-analysis .task-head-tab .task-head-type p:hover span {
  font-weight: bold;
  color: #fa8919;
}
.matter-analysis .task-head-tab .task-head-type i {
  font-size: 14px;
}

.adviser {
  overflow: visible !important;
}
.adviser .content-left.left .contract-person i {
  margin-left: 140px;
}
.adviser .base-info-all {
  position: relative;
}
.adviser .base-info-all .ibass-memo {
  cursor: pointer !important;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
  color: #cdc9c5;
}
.adviser .base-info-all .ibass-memo:hover {
  color: #fa8919 !important;
}
.adviser .base-info-all .tips {
  margin-left: 12px;
}
.adviser .base-info-all .help-header {
  top: -10px;
  position: absolute;
  right: 0px;
}

.contact-type-add {
  min-height: 800px;
}
.contact-type-add .title-line {
  border-bottom: 1px solid #f0f0f0;
  width: 380px;
  margin: -16px 0px 0px 20px;
}
.contact-type-add .active i {
  color: #fa8919;
}
.contact-type-add .check-selected {
  color: #fa8919;
}
.contact-type-add .select-type {
  margin-left: 162px;
  width: 420px;
  height: 250px;
  border-radius: 2px;
  position: relative;
  background-color: #f8f8f9;
}
.contact-type-add .select-type .title {
  height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin-top: 25px;
}
.contact-type-add .select-type .title span {
  position: absolute;
  margin-left: -73px;
  padding: 0px 16px;
  background-color: #f8f8f9;
  display: inline-block;
  font-size: 14px;
  color: #4a4a4a;
}
.contact-type-add .select-type .ibass-task-check {
  color: #cdc9c5;
}
.contact-type-add .select-type label {
  display: block;
  margin-top: -10px;
}
.contact-type-add .select-type label i {
  position: relative;
  top: 3px;
  font-size: 16px;
}
.contact-type-add .select-type label span {
  color: #4a4a4a;
}
.contact-type-add .select-type label .ibass-done {
  color: #fa8919;
}
.contact-type-add .select-type .person {
  width: 50%;
  float: left;
  cursor: pointer;
  height: 92px;
  text-align: center;
  border-right: solid 1px #f0f0f0;
  margin-top: 23px;
}
.contact-type-add .select-type .person .ibass-user {
  color: #ddd9d6;
  font-size: 42px;
}
.contact-type-add .select-type .company {
  cursor: pointer;
  width: 49%;
  margin-top: 23px;
  height: 92px;
  float: left;
  text-align: center;
}
.contact-type-add .select-type .company .ibass-company {
  font-size: 42px;
  color: #ddd9d6;
}
.contact-type-add .bottom {
  clear: both;
  width: 100%;
  text-align: center;
}
.contact-type-add .bottom button {
  margin-top: 31px;
  cursor: pointer;
  width: 120px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  border: none;
  color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.lawyer-helper {
  margin-top: 20px;
  display: inline-block;
}
.lawyer-helper .relative {
  position: relative;
}
.lawyer-helper .subscribe-active i {
  color: #fa8919 !important;
}
.lawyer-helper .subscribe-memu {
  cursor: pointer;
}
.lawyer-helper .subscribe-memu:hover .new {
  color: white !important;
}
.lawyer-helper .subscribe-memu:hover span,
.lawyer-helper .subscribe-memu:hover i {
  color: #fa8919 !important;
}
.lawyer-helper .new {
  position: absolute;
  width: 76px;
  height: 30px;
  text-align: center;
  border-radius: 100px;
  background-color: #ed6c00;
  color: white !important;
  font-size: 18px !important;
  top: -2px;
  padding-top: 2px;
  right: -10px;
  -webkit-transform: scale(0.5, 0.5);
}
.lawyer-helper .nav-tab {
  border-bottom: 1px solid #ececec;
  padding-left: 45px;
  margin-top: 20px;
}
.lawyer-helper .tab-select {
  border: 1px solid #ececec !important;
  position: relative;
  bottom: -1px !important;
  border-bottom: 1px solid white !important;
  text-align: center;
}
.lawyer-helper .tab-select .line {
  display: inline-block;
  height: 20px;
  position: relative;
  top: 5px;
  left: -83px !important;
  border-left: 1px solid #ececec;
}
.lawyer-helper .tab {
  bottom: -1px;
  position: relative;
  border: 1px solid white;
  border-bottom: 1px solid #ececec;
  width: 100px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 5px 0px;
}
.lawyer-helper .tab:hover .ibass-pin {
  display: inherit;
}
.lawyer-helper .tab .pin.ibass-pin {
  display: inherit;
  color: #fa8919;
}
.lawyer-helper .tab .ibass-pin {
  display: none;
  color: #cdc9c5;
  font-size: 14px;
  position: absolute;
  left: 5px;
  top: 10px;
}
.lawyer-helper .tab .ibass-pin:hover {
  color: #fa8919;
}
.lawyer-helper .tab span {
  display: inline-block;
  padding-left: 10px;
}
.lawyer-helper .tab .line {
  display: inline-block;
  height: 20px;
  position: relative;
  top: 5px;
  left: -84px;
  border-left: 1px solid #ececec;
}
.lawyer-helper .relation {
  min-height: 900px;
}
.lawyer-helper .relation .add-relation {
  width: 420px;
  height: 171px;
  margin-left: 148px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
.lawyer-helper .relation .add-relation .search {
  display: block;
  left: 47px;
  top: 30px;
  position: relative;
}
.lawyer-helper .relation .add-relation .search .search-input {
  width: 350px;
  height: 40px;
  padding-left: 10px;
  border-radius: 2px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.lawyer-helper .relation .add-relation .search .search-btn {
  margin-top: 10px;
  width: 100px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  border: none;
  color: white;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.lawyer-helper .relation .add-relation .search .change-to-person {
  cursor: pointer;
  margin-left: 176px;
  width: 72px;
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.lawyer-helper .relation .add-relation .relation-info i {
  position: relative;
  top: 18px;
  left: 20px;
  color: #fdba78;
  font-size: 16px;
  float: left;
}
.lawyer-helper .relation .add-relation .relation-info .content {
  position: relative;
  top: 20px;
  left: 28px;
  float: left;
  width: 345px;
  height: 40px;
  font-size: 14px;
  color: #737373;
}
.lawyer-helper .relation .relation-btn {
  width: 120px;
  margin-left: 310px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 36px;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  margin-top: 37px;
  margin-bottom: 40px;
}
.lawyer-helper .relation .relation-list {
  position: relative;
  max-height: 360px;
  overflow-y: auto;
  margin: 30px 150px;
  width: 445px;
  cursor: pointer;
}
.lawyer-helper .relation .relation-list em {
  color: red;
  font-style: inherit;
}
.lawyer-helper .relation .relation-list .company-member {
  margin-left: 20px;
}
.lawyer-helper .relation .relation-list .company-member .left {
  width: 240px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lawyer-helper .relation .relation-list li:hover {
  background-color: #f8f8f9;
}
.lawyer-helper .relation .relation-list li {
  padding: 10px 10px 0px 16px;
  width: 400px;
  height: 50px;
  border-bottom: 1px solid #f0f0f0;
}
.lawyer-helper .relation .relation-list li .company-name {
  width: 350px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lawyer-helper .relation .relation-list li i {
  font-size: 16px;
  margin: 0 5px 0px 0px;
}
.lawyer-helper .relation .relation-list li .ibass-task-check {
  color: #cdc9c5;
  position: relative;
  top: -2px;
}
.lawyer-helper .relation .relation-list li .ibass-done {
  color: #fa8919;
  position: relative;
  top: -2px;
}
.lawyer-helper .relation .relation-list li b {
  color: #a9a9a9;
  font-weight: normal;
  font-size: 12px;
}
.lawyer-helper .active {
  border-radius: 10px;
  background-color: #f8f8f9;
}
.lawyer-helper .active span {
  font-weight: 500;
  color: #4a4a4a;
}
.lawyer-helper .active .ibass-checkmark {
  display: flex !important;
}
.lawyer-helper .active i {
  color: #fa8919 !important;
}
.lawyer-helper .info.company-info {
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
  height: 50px;
  display: inline-flex;
  line-height: 45px;
}
.lawyer-helper .info.company-info .ibass-arrow-right,
.lawyer-helper .info.company-info .ibass-arrow-down,
.lawyer-helper .info.company-info .ibass-dot {
  margin-top: 8px;
}
.lawyer-helper .info.company-info .numbers {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #f0f0f0;
  font-size: 14px;
  color: #a9a9a9;
  display: inline-block;
  height: 20px;
  margin-top: 20px;
  line-height: 20px;
  position: relative;
}
.lawyer-helper .change-log.expanded table tr:first-child {
  font-size: 12px;
  color: #4a4a4a;
}
.lawyer-helper .change-log.expanded table tr:first-child td {
  vertical-align: inherit;
  padding-top: 15px;
}
.lawyer-helper .change-log.expanded table td {
  padding-right: 20px;
  vertical-align: top;
  padding-top: 12px;
}
.lawyer-helper .info {
  width: 745px;
}
.lawyer-helper .info .main {
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
  display: flex;
  width: 100%;
}
.lawyer-helper .info .main .number {
  border-left: 1px solid #f1f1f1;
  color: #a9a9a9;
  padding-left: 10px;
  margin-left: 10px;
  height: 20px;
  position: relative;
  top: 20px;
}
.lawyer-helper .info .main i {
  top: 18px;
}
.lawyer-helper .info .right {
  color: #a9a9a9;
  cursor: pointer;
  margin-top: -35px;
  position: relative;
}
.lawyer-helper .info .right:hover {
  color: #fa8919;
  position: relative;
}
.lawyer-helper .info .right:hover .ibass-download {
  color: #fa8919;
}
.lawyer-helper .info .ibass-download {
  margin-right: 0px;
  position: relative;
  top: 3px;
}
.lawyer-helper .info i {
  color: #cdc9c5;
  font-size: 16px;
  margin-left: 10px;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}
.lawyer-helper .info .info-title {
  line-height: 51px;
  height: 40px;
  display: inline-block;
  padding: 5px 0px;
  font-weight: 500;
  color: #4a4a4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 460px;
}
.lawyer-helper .info .info-active {
  padding-bottom: 3px;
  border-bottom: 3px solid #fa8919;
}
.lawyer-helper .no-click {
  color: #a9a9a9 !important;
}
.lawyer-helper .no-click a {
  color: #a9a9a9 !important;
  cursor: inherit !important;
}
.lawyer-helper .no-click a:hover {
  color: #4a4a4a;
}
.lawyer-helper .expanded.share-holder-expanded .border-bottom-have {
  border-bottom: 1px solid #f1f1f1 !important;
}
.lawyer-helper .expanded.share-holder-expanded .holder-name a {
  cursor: pointer;
}
.lawyer-helper .expanded.share-holder-expanded .holder-name a:hover {
  color: #fa8919;
}
.lawyer-helper .expanded.share-holder-expanded table tbody tr {
  border: none;
}
.lawyer-helper .expanded.share-holder-expanded table tbody tr:first-child {
  font-size: 14px;
  color: #4a4a4a;
}
.lawyer-helper .expanded.share-holder-expanded table tbody tr:first-child td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.lawyer-helper .expanded.share-holder-expanded table tbody tr td {
  border-bottom: 1px solid #f1f1f1;
}
.lawyer-helper .expanded.share-holder-expanded table tbody tr td:first-child {
  border-bottom: none;
}
.lawyer-helper .expanded {
  overflow: hidden;
  transition: all .2s ease;
  clear: both;
}
.lawyer-helper .expanded .ibass-memo {
  cursor: pointer;
  color: #a9a9a9;
}
.lawyer-helper .expanded .ibass-memo:hover {
  color: #fa8919;
}
.lawyer-helper .expanded table {
  border-collapse: collapse;
  margin-left: 36px;
  margin-right: 20px;
  color: #4a4a4a;
  width: 700px;
}
.lawyer-helper .expanded table tr:first-child {
  font-size: 12px;
  color: #4a4a4a;
}
.lawyer-helper .expanded table tr:first-child td {
  padding-top: 20px;
  padding-bottom: 0px;
}
.lawyer-helper .expanded table tr {
  border-bottom: 1px solid #f1f1f1;
  height: 45px;
}
.lawyer-helper .expanded table tr td {
  padding-top: 12px;
  padding-bottom: 10px;
}
.lawyer-helper .expanded .invest-name {
  width: 170px;
  padding-right: 10px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lawyer-helper .expanded .invest-name a {
  margin-bottom: -5px;
  cursor: pointer;
}
.lawyer-helper .expanded .invest-name:hover a {
  color: #fa8919;
}
.lawyer-helper .expanded .td60 {
  width: 60px !important;
  padding-right: 10px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lawyer-helper .expanded .td100 {
  padding-right: 10px;
  width: 100px !important;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lawyer-helper .expanded .td150 {
  padding-right: 10px;
  width: 150px !important;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lawyer-helper .expanded .base-info {
  margin: -3px 30px;
  line-height: 20px;
  display: inline-flex;
}
.lawyer-helper .expanded .base-info .name {
  color: #737373;
  display: block;
  text-align: left;
  float: left;
  padding: 10px;
  width: 98px;
}
.lawyer-helper .expanded .base-info .desc {
  color: #4a4a4a;
  float: left;
  display: block;
  padding: 10px;
  width: 510px;
}
.lawyer-helper .mtcc-left-wrap {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 20px;
  height: 100%;
}
.lawyer-helper .mtcc-left-wrap .parting-line {
  border-top: solid 1px #f0f0f0;
  width: 160px;
  margin: 15px 0px 15px 30px;
}
.lawyer-helper .mtcc-left-wrap .ibass-checkmark {
  display: none;
}
.lawyer-helper .mtcc-left-wrap i {
  position: relative;
  top: 0px;
  margin-right: 5px;
  padding-left: 5px;
  font-size: 16px;
  text-align: center;
  color: #cdc9c5;
}
.lawyer-helper .mtcc-left-wrap .party {
  width: 185px;
  margin-left: 25px;
}
.lawyer-helper .mtcc-left-wrap .party-member {
  width: 170px;
  cursor: pointer;
  display: flex;
  padding: 5px 0px 5px 0px;
}
.lawyer-helper .mtcc-left-wrap .party-member span {
  margin-top: 3px;
  font-size: 14px;
  color: #4a4a4a;
  word-break: break-all;
  flex: 160px;
  overflow: hidden;
  margin-left: 0px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.lawyer-helper .mtcc-left-wrap .party-member:hover i {
  color: #fa8919;
}
.lawyer-helper .mtcc-left-wrap .party-header {
  display: flex;
  padding: 7px 25px 7px 0px;
}
.lawyer-helper .mtcc-left-wrap .party-header .ibass-lawyer,
.lawyer-helper .mtcc-left-wrap .party-header .ibass-case,
.lawyer-helper .mtcc-left-wrap .party-header .ibass-km {
  top: -2px;
}
.lawyer-helper .mtcc-left-wrap .party-header span {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.lawyer-helper .mtcc-body-wrap {
  width: 765px;
  min-height: 900px;
  padding-left: 23px;
  padding-bottom: 50px;
}
.lawyer-helper .mtcc-body-wrap .body-header-line {
  width: 745px;
  height: 1px;
  margin: 10px 0px 0px 0px;
  border-top: solid 1px #f0f0f0;
}
.lawyer-helper .mtcc-body-wrap .help-header {
  display: block;
  min-height: 40px;
  vertical-align: middle;
}
.lawyer-helper .mtcc-body-wrap .help-header .ibass-customer {
  color: #a9a9a9;
  cursor: pointer;
}
.lawyer-helper .mtcc-body-wrap .help-header .ibass-customer:hover {
  color: #fa8919;
}
.lawyer-helper .mtcc-body-wrap .help-header .ibass-company,
.lawyer-helper .mtcc-body-wrap .help-header .ibass-user {
  color: #fdba78;
  font-size: 20px;
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.lawyer-helper .mtcc-body-wrap .help-header .company-name {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  color: #4a4a4a;
  max-width: 400px;
}
.lawyer-helper .mtcc-body-wrap .help-header .down-load-label:hover span,
.lawyer-helper .mtcc-body-wrap .help-header .cancel-relation-label:hover span {
  color: #fa8919;
}
.lawyer-helper .mtcc-body-wrap .help-header .down-load-label:hover .ibass-download,
.lawyer-helper .mtcc-body-wrap .help-header .cancel-relation-label:hover .ibass-download,
.lawyer-helper .mtcc-body-wrap .help-header .down-load-label:hover .ibass-close,
.lawyer-helper .mtcc-body-wrap .help-header .cancel-relation-label:hover .ibass-close {
  color: #fa8919;
}
.lawyer-helper .mtcc-body-wrap .help-header .down-load-label {
  margin: 15px 0px 0px 0px;
}
.lawyer-helper .mtcc-body-wrap .help-header .down-load-label span {
  padding: 0px 13px 0px 5px;
  margin-right: 4px;
  display: inline-table;
}
.lawyer-helper .mtcc-body-wrap .help-header .cancel-relation-label {
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  margin: 16px 23px 0px 0px;
  border-left: 1px solid #f0f0f0;
}
.lawyer-helper .mtcc-body-wrap .help-header .cancel-relation-label span {
  padding: 0px 5px 0px 5px;
  margin-right: 4px;
  display: inline-table;
}
.lawyer-helper .mtcc-body-wrap .help-header .down-load-label,
.lawyer-helper .mtcc-body-wrap .help-header .cancel-relation-label {
  cursor: pointer;
  display: inline-flex;
  float: right;
}
.lawyer-helper .mtcc-body-wrap .help-header .down-load-label .ibass-download,
.lawyer-helper .mtcc-body-wrap .help-header .cancel-relation-label .ibass-download,
.lawyer-helper .mtcc-body-wrap .help-header .down-load-label .ibass-close,
.lawyer-helper .mtcc-body-wrap .help-header .cancel-relation-label .ibass-close {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: -2px;
}
.lawyer-helper .mtcc-body-wrap .help-header .down-load-label span,
.lawyer-helper .mtcc-body-wrap .help-header .cancel-relation-label span {
  font-size: 14px;
  color: #a9a9a9;
}
.lawyer-helper .check-info {
  cursor: pointer;
  color: #fa8919;
}
.lawyer-helper .check-info:hover {
  text-decoration: underline;
}
.lawyer-helper .dimensions {
  min-height: 700px;
}
.lawyer-helper .dimension .ibass-dot.left {
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
  position: relative;
  margin-right: 13px;
  top: 15px;
  margin-left: 0px;
}
.lawyer-helper .dimension .info .down-load-label:hover .ibass-download {
  color: #fa8919;
}
.lawyer-helper .dimension .info .down-load-label:hover span {
  color: #fa8919;
}
.lawyer-helper .dimension .info .right:hover {
  color: #a9a9a9;
  position: relative;
}
.lawyer-helper .dimension .option {
  margin: 20px 0px 20px 20px;
  color: #a9a9a9;
}
.lawyer-helper .dimension .option .more,
.lawyer-helper .dimension .option .chart-line,
.lawyer-helper .dimension .option .video {
  display: inline-flex;
  padding-right: 10px;
  height: 20px;
  line-height: 20px;
}
.lawyer-helper .dimension .option .more i,
.lawyer-helper .dimension .option .chart-line i,
.lawyer-helper .dimension .option .video i {
  margin-left: 5px;
  margin-right: 5px;
  color: #fa8919;
}
.lawyer-helper .dimension .option .video {
  border-left: 1px solid #f0f0f0;
  cursor: pointer;
}
.lawyer-helper .dimension .option .video i {
  margin-left: 10px;
}
.lawyer-helper .dimension .option .more {
  border-right: 1px solid #f0f0f0;
  cursor: pointer;
}
.lawyer-helper .dimension .option .chart-line {
  cursor: pointer;
}
.lawyer-helper .dimension .expanded {
  margin-left: 10px;
}
.lawyer-helper .dimension .expanded .judgement:hover .ibass-dot.left {
  color: #fa8919;
}
.lawyer-helper .dimension .dimension-info {
  margin-left: 20px;
  width: 693px;
  padding: 15px 20px 15px 0px;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
}
.lawyer-helper .dimension .dimension-info .number {
  margin-top: 5px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #a9a9a9;
}
.lawyer-helper .dimension .dimension-info .right {
  margin-right: -10px;
  margin-top: -5px;
}
.lawyer-helper .dimension .dimension-info .status :first-child {
  font-size: 18px;
  position: relative;
  margin-right: 0px;
  top: 4px;
}
.lawyer-helper .dimension .dimension-info .color-blue i {
  color: #69a3f1;
  margin-right: 0px;
}
.lawyer-helper .dimension .dimension-info .color-green i {
  color: #5a8a43;
}
.lawyer-helper .dimension .dimension-info .color-yellow i {
  color: #e49428;
  margin-right: 0px;
}
.lawyer-helper .dimension .dimension-info .title {
  cursor: pointer;
  width: 490px;
  vertical-align: top;
  display: inline-block;
  word-break: break-all;
  font-size: 16px;
  line-height: initial;
  color: #4a4a4a;
}
.lawyer-helper .statute .down-load-label {
  cursor: pointer;
  display: inline-flex;
  float: right;
  margin: 0px 20px 0px 0px !important;
}
.lawyer-helper .statute .down-load-label .ibass-download {
  color: #fa8919;
  margin-right: 4px;
}
.lawyer-helper .statute .down-load-label span {
  font-size: 14px;
  color: #a9a9a9;
}
.lawyer-helper .statute .statute-name {
  font-size: 14px;
  color: #737373;
  margin-left: 40px;
}
.lawyer-helper .statute .statute-info .title {
  margin: 10px 0px 10px 40px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.lawyer-helper .statute .statute-info .content {
  margin-left: 20px;
}
.lawyer-helper .statute .statute-info .content .ibass-dot {
  float: left;
  color: #cdc9c5;
}
.lawyer-helper .statute .statute-info .content .text {
  float: left;
  margin-left: 5px;
  color: #4a4a4a;
  width: 690px;
}
.lawyer-helper .contract-person.no-company {
  margin-top: 20px;
}
.lawyer-helper .contract-person {
  margin-top: 100px;
  text-align: center;
  min-height: 700px;
  color: #a9a9a9;
}
.lawyer-helper .contract-person a {
  color: #a9a9a9;
}
.lawyer-helper .contract-person .check-info {
  color: #fa8919;
}
.lawyer-helper .contract-person .change-to-company {
  color: #fa8919;
  cursor: pointer;
}
.lawyer-helper .contract-person .ibass-info {
  font-size: 60px;
  color: #ded9d6;
}
.lawyer-helper .back-top {
  position: -webkit-sticky;
  position: sticky;
  bottom: 5px;
  padding-bottom: 20px;
  z-index: 20;
  width: 110px;
  margin-left: 785px;
}
.lawyer-helper .back-top .ibass-arrow-up {
  position: relative;
  top: 2px;
  font-size: 18px;
  color: #07cfda;
}
.lawyer-helper .back-top span {
  display: inline-block;
  width: 80px;
  color: #a9a9a9;
}
.lawyer-helper .tips {
  margin-left: 24px;
  position: relative;
  top: 50px;
  display: inline-flex;
}
.lawyer-helper .tips i {
  font-size: 14px;
  color: #cdc9c5;
  position: relative;
  top: -2px;
}
.lawyer-helper .tips span {
  margin-left: 5px;
  line-height: 1.33;
  font-size: 12px;
  color: #a9a9a9;
}
.lawyer-helper .list-info .color-white {
  color: white !important;
}
.lawyer-helper .list-info .content-left {
  width: 665px;
  box-sizing: border-box;
}
.lawyer-helper .list-info .content-left p {
  width: 820px;
}
.lawyer-helper .list-info .content-left h6 {
  position: relative;
  height: 22px;
  width: 70px;
  text-align: right;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.lawyer-helper .list-info .content-left h6 i {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: #fa8919;
}
.lawyer-helper .list-info .content-left .p-date {
  width: 70px;
  margin-right: 30px;
  padding: 13px 0px;
  color: #a9a9a9;
}
.lawyer-helper .list-info .content-left .content-header {
  font-size: 14px;
  width: 94px;
  text-align: right;
}
.lawyer-helper .list-info .content-left .public-info {
  clear: both;
  padding-top: 10px;
}
.lawyer-helper .list-info .content-left .p-content {
  width: 600px;
  cursor: pointer;
  margin-left: 25px;
}
.lawyer-helper .list-info .content-left .p-content .p-item {
  display: inline-flex;
  width: 500px;
  position: relative;
  padding: 13px 0px;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
}
.lawyer-helper .list-info .content-left .p-content .p-item .ibass-download {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -12px;
  color: white;
  display: inline-flex;
  margin-left: 10px;
  padding-right: 10px;
  font-size: 16px;
}
.lawyer-helper .list-info .content-left .p-content .p-item span {
  padding-left: 10px;
  width: 440px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.lawyer-helper .list-info .content-left .p-content .p-item:hover {
  background-color: #f8f8f9;
}
.lawyer-helper .list-info .content-left .p-content .p-item:hover .ibass-download {
  display: inline-flex;
  color: #fa8919;
}
.lawyer-helper .list-info .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 10px;
}
.lawyer-helper .list-info .content-right .fast-menu {
  padding: 10px 0 30px;
}
.lawyer-helper .list-info .content-right .fast-menu h6 {
  height: 10px;
  line-height: 22px;
  font-size: 14px;
  margin: 15px 0 10px;
}
.lawyer-helper .list-info .content-right .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.lawyer-helper .list-info .content-right .fast-menu ul {
  margin-left: 6px;
  position: relative;
  border-left: 2px solid #f0f0f0;
}
.lawyer-helper .list-info .content-right .fast-menu ul:before,
.lawyer-helper .list-info .content-right .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -2px;
}
.lawyer-helper .list-info .content-right .fast-menu ul:before {
  top: 0px;
}
.lawyer-helper .list-info .content-right .fast-menu ul:after {
  bottom: 0;
}
.lawyer-helper .list-info .content-right .fast-menu ul li {
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.lawyer-helper .list-info .content-right .fast-menu ul li i {
  display: none;
  position: absolute;
  color: #fa8919;
  font-size: 20px;
  left: -9px;
  top: 0;
}
.lawyer-helper .list-info .content-right .fast-menu ul li i i {
  position: absolute;
  left: 12px;
  top: -2px;
  color: #fa8919;
  font-size: 22px;
}
.lawyer-helper .list-info .content-right .fast-menu ul li:hover {
  color: #fa8919;
}
.lawyer-helper .list-info .content-right .fast-menu ul li.active {
  background-color: white;
  color: #fa8919;
  font-weight: bold;
}
.lawyer-helper .list-info .content-right .fast-menu ul li.active span {
  color: #fa8919;
}
.lawyer-helper .list-info .content-right .fast-menu ul li.active i {
  display: inline-block;
}
.lawyer-helper .i-pagination li:nth-of-type(2) {
  width: 30px;
  margin-right: 0px;
  padding: 0 0px 0 0;
  text-align: right;
}
.lawyer-helper .i-pagination li:nth-last-child(2) {
  text-align: left;
  width: 30px;
  margin-left: 0px;
  padding: 0 0 0 0px;
}
.lawyer-helper .i-pagination .paginationActive {
  background: #fa8919;
  border-radius: 12px;
}
.lawyer-helper .i-pagination li {
  float: left;
  padding: 0 7px;
  text-align: center;
  line-height: 24px;
  height: 24px;
  margin: 0 3px;
}
.lawyer-helper .base-info-all .help-header {
  top: -20px;
  z-index: 2;
  position: absolute;
  right: 0px;
}
.lawyer-helper .copyright-info .tips {
  margin-left: 12px;
}
.lawyer-helper .copyright-info .base-info-all {
  min-height: 800px;
}
.lawyer-helper .copyright-info .base-info-all .help-header {
  top: -10px;
  position: absolute;
  right: 0px;
}
.lawyer-helper .copyright-info .ibass-dot {
  cursor: inherit;
}
.lawyer-helper .copyright-info .ibass-memo {
  cursor: pointer !important;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
  color: #cdc9c5;
}
.lawyer-helper .copyright-info .ibass-memo:hover {
  color: #fa8919 !important;
}
.lawyer-helper .copyright-info .info.company-info .right.down-load-label {
  display: none;
}
.lawyer-helper .copyright-info .info.company-info .right.down-load-label i {
  margin-right: 5px;
}
.lawyer-helper .copyright-info .info.company-info:hover .right.down-load-label {
  display: inline-flex;
}
.lawyer-helper .copyright-info .right.down-load-label {
  position: absolute;
  right: 20px;
  margin-top: 5px;
}
.lawyer-helper .copyright-info .right.down-load-label i {
  position: relative;
  top: 0px;
}
.lawyer-helper .copyright-info table tr td {
  padding-left: 5px;
  vertical-align: top;
  word-break: break-all;
}
.cancel-modal.subscribe-modal .firm-dialog-body {
  overflow: hidden;
}
.cancel-modal.subscribe-modal .firm-dialog-body .info {
  margin-left: -20px;
}
.cancel-modal.subscribe-modal .line {
  width: 400px;
}
.cancel-modal.subscribe-modal .title {
  margin-left: 180px;
}

.invest-info .base-info-all {
  margin-left: 30px;
}
.invest-info .base-info-all .expanded table {
  border-collapse: collapse;
  margin-left: 36px;
  margin-right: 20px;
  color: #4a4a4a;
  width: 794px;
}
.invest-info .base-info-all .expanded .base-info .name {
  color: #737373;
  display: block;
  text-align: left;
  float: left;
  padding: 10px;
  width: 140px;
}
.invest-info .company-name {
  margin-top: 20px;
  margin-left: 8px;
  font-size: 20px;
}
.invest-info .company-name .ibass-company {
  position: relative;
  top: 2px;
  font-size: 30px;
  color: #fdba78;
}
.invest-info .down-load-label {
  cursor: pointer;
  color: #a9a9a9;
  display: inline-flex;
  position: absolute;
  right: 60px;
  top: 55px;
}
.invest-info .down-load-label i {
  margin-right: 5px;
}
.invest-info .down-load-label:hover {
  color: #fa8919;
}
.invest-info.lawyer-helper {
  margin-top: 0px;
}
.invest-info.lawyer-helper .info {
  width: 830px;
}
.invest-info.lawyer-helper .info .info-title {
  line-height: 51px;
  height: 50px;
  display: inline-block;
  padding: 3px 0px;
  font-weight: 500;
  color: #4a4a4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 460px;
}
.invest-info.ngdialog.ngdialog-theme-default {
  padding-top: 40px;
}
.invest-info .tips {
  position: static;
  margin-left: 12px;
  margin-top: 20px;
}

.knowledge-download.big-data-download .loading {
  padding: 0px;
}
.knowledge-download.big-data-download .firm-dialog-title {
  font-size: 16px;
  font-weight: 500;
  width: 490px;
  background: inherit;
  border-bottom: 0px;
  border-radius: 10px;
  height: 70px;
  margin-top: 10px;
}
.knowledge-download.big-data-download .download-dialog-line {
  width: 80%;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 44px;
  margin-left: 10%;
  z-index: 2;
}

.paralegal-caseSearch {
  overflow: hidden;
}
.paralegal-caseSearch .hide-visual {
  width: 1000px;
  height: auto !important;
}
.paralegal-caseSearch .chart-title {
  border: none !important;
  position: absolute !important;
  margin-left: 20px;
  margin-top: 12px;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 600;
}
.paralegal-caseSearch .change-type {
  height: auto !important;
  position: absolute;
  right: 30px;
  top: 60px;
  font-size: 0;
  z-index: 100;
  border: 0px !important;
}
.paralegal-caseSearch .change-type a {
  display: inline-block;
  cursor: pointer;
  color: #cdc9c5;
  line-height: 14px;
  font-size: 14px;
  width: 30px;
  text-align: center;
}
.paralegal-caseSearch .change-type a:first-child {
  border-right: 1px solid #ebebeb;
  border-radius: 15px 0 0 15px;
}
.paralegal-caseSearch .change-type a:last-child {
  border-radius: 0 15px 15px 0;
}
.paralegal-caseSearch .change-type a.current-penal i {
  color: #ed6c00;
}
.paralegal-caseSearch .paralegal-case-title {
  margin-right: 20px;
  margin-top: 10px;
}
.paralegal-caseSearch .paralegal-case-title label {
  padding: 5px;
  margin-right: 10px;
  cursor: pointer;
  color: #a9a9a9;
  display: inline-flex;
  float: right;
}
.paralegal-caseSearch .paralegal-case-title label i {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px;
  position: relative;
  top: -2px;
}
.paralegal-caseSearch .paralegal-case-title label:hover i {
  color: #fa8919;
}
.paralegal-caseSearch .paralegal-case-title label:hover span {
  color: #fa8919;
}
.paralegal-caseSearch .empty-chart-image {
  display: flex;
  width: 80%;
  left: 10%;
  position: relative;
}
.paralegal-caseSearch .bigData-visual {
  margin-top: 30px;
  width: 740px;
  background: #fff;
  color: #e4e4e4;
}
.paralegal-caseSearch .bigData-visual .left {
  float: left;
}
.paralegal-caseSearch .bigData-visual .line-blue {
  background: #90caf9;
}
.paralegal-caseSearch .bigData-visual > div {
  border-bottom: 1px solid #ececec;
  display: flex;
  flex: 1;
}
.paralegal-caseSearch .bigData-visual > div > div {
  display: flex;
  flex: 1;
  position: relative;
}
.paralegal-caseSearch .bigData-visual > div > div:nth-child(1) {
  flex: 1;
  border-right: 1px solid #ececec;
}
.paralegal-caseSearch .bigData-visual > div:nth-child(1) > div {
  border: 0;
  flex: 1;
}
.paralegal-caseSearch .bigData-visual h5 {
  margin: 0;
  padding-left: 32px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
}
.paralegal-caseSearch .bigData-visual .region {
  position: relative;
  height: 490px;
  border: 0;
}
.paralegal-caseSearch .bigData-visual .i-echarts {
  padding-top: 10px;
  height: 340px;
  width: 360px;
}
.paralegal-caseSearch .bigData-visual .i-echarts.chinaMap {
  width: 939px;
  height: 490px;
}
.paralegal-caseSearch .bigData-visual .year {
  position: relative;
  width: 740px;
}
.paralegal-caseSearch .bigData-visual .year .empty-chart-image {
  margin-left: 200px;
}
.paralegal-caseSearch .bigData-visual .year .i-echarts {
  height: 340px;
  width: 740px;
}
.paralegal-caseSearch .bigData-visual .caseReason {
  width: 740px;
  height: 360px;
}
.paralegal-caseSearch .bigData-visual .caseReason .chart-title {
  border: none !important;
  position: absolute !important;
  margin-left: 20px;
  margin-top: 28px;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 600;
}
.paralegal-caseSearch .bigData-visual .caseReason .empty-chart-image {
  display: flex;
  width: 50%;
  left: 25%;
  position: relative;
}
.paralegal-caseSearch .bigData-visual .caseReason .information {
  left: 80px!important;
  top: 56px!important;
}
.paralegal-caseSearch .bigData-visual .caseReason .i-chart {
  border: none;
}
.paralegal-caseSearch .bigData-visual .btn-all {
  position: absolute;
  bottom: 30px;
  left: 100px;
  font-size: 14px;
  color: #737373;
}
.paralegal-caseSearch .bigData-visual .save-as-image {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 100;
  border-right: 0 !important;
}
.paralegal-caseSearch .bigData-visual .save-as-image span {
  vertical-align: middle;
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 2px;
}
.paralegal-caseSearch .bigData-visual .save-as-image i {
  font-size: 16px;
  top: 4px;
}
.paralegal-caseSearch .bigData-visual .save-as-image:hover i,
.paralegal-caseSearch .bigData-visual .save-as-image:hover span {
  color: #ed6c00;
}
.paralegal-caseSearch .bigData-visual .litigant,
.paralegal-caseSearch .bigData-visual .lawyer,
.paralegal-caseSearch .bigData-visual .lawFirm,
.paralegal-caseSearch .bigData-visual .caseReason,
.paralegal-caseSearch .bigData-visual .courtName,
.paralegal-caseSearch .bigData-visual .judgeName,
.paralegal-caseSearch .bigData-visual .programAndDate {
  min-height: 290px;
}
.paralegal-caseSearch .bigData-visual .litigant .i-chart,
.paralegal-caseSearch .bigData-visual .lawyer .i-chart,
.paralegal-caseSearch .bigData-visual .lawFirm .i-chart,
.paralegal-caseSearch .bigData-visual .caseReason .i-chart,
.paralegal-caseSearch .bigData-visual .courtName .i-chart,
.paralegal-caseSearch .bigData-visual .judgeName .i-chart,
.paralegal-caseSearch .bigData-visual .programAndDate .i-chart {
  padding-top: 10px;
}
.paralegal-caseSearch .bigData-visual .litigant .information,
.paralegal-caseSearch .bigData-visual .lawyer .information,
.paralegal-caseSearch .bigData-visual .lawFirm .information,
.paralegal-caseSearch .bigData-visual .caseReason .information,
.paralegal-caseSearch .bigData-visual .courtName .information,
.paralegal-caseSearch .bigData-visual .judgeName .information,
.paralegal-caseSearch .bigData-visual .programAndDate .information {
  color: #cdc9c5;
  position: absolute;
  top: 10px;
  left: 50px;
  cursor: pointer;
}
.paralegal-caseSearch .bigData-visual .litigant .information i,
.paralegal-caseSearch .bigData-visual .lawyer .information i,
.paralegal-caseSearch .bigData-visual .lawFirm .information i,
.paralegal-caseSearch .bigData-visual .caseReason .information i,
.paralegal-caseSearch .bigData-visual .courtName .information i,
.paralegal-caseSearch .bigData-visual .judgeName .information i,
.paralegal-caseSearch .bigData-visual .programAndDate .information i {
  position: relative;
  top: 0;
  font-size: 16px;
}
.paralegal-caseSearch .bigData-visual .litigant .information:hover i,
.paralegal-caseSearch .bigData-visual .lawyer .information:hover i,
.paralegal-caseSearch .bigData-visual .lawFirm .information:hover i,
.paralegal-caseSearch .bigData-visual .caseReason .information:hover i,
.paralegal-caseSearch .bigData-visual .courtName .information:hover i,
.paralegal-caseSearch .bigData-visual .judgeName .information:hover i,
.paralegal-caseSearch .bigData-visual .programAndDate .information:hover i {
  color: #ed6c00;
}
.paralegal-caseSearch .bigData-visual .year {
  border-bottom: 0px!important;
}
.paralegal-caseSearch .bigData-visual .lawyer .information,
.paralegal-caseSearch .bigData-visual .lawFirm .information {
  left: 91px;
}

.lawyer-helper .subscribe-common .pull-right.main-btn {
  float: right;
  position: relative;
  z-index: 2;
  margin-right: 20px;
}
.lawyer-helper .subscribe-common .pull-right.main-btn i {
  position: relative;
  top: 0px;
}
.lawyer-helper .subscribe-common .pull-right.main-btn span {
  position: relative;
  top: -2px;
}
.lawyer-helper .subscribe-common .option-icons {
  display: inline-flex;
  right: 20px;
  margin-top: -36px;
  position: absolute;
}
.lawyer-helper .subscribe-common .option-icons i {
  color: #CDC9C5;
  right: 20px;
  top: 0px;
  margin-top: 5px;
}
.lawyer-helper .subscribe-common .option-icons i:hover {
  color: #fa8919!important;
}
.lawyer-helper .subscribe-common .info .case-text {
  display: inline-block;
  position: relative;
  top: 20px;
  font-weight: 500;
  color: #4a4a4a;
}
.lawyer-helper .subscribe-common .info .number-new {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  top: 20px;
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #fa8919;
  max-width: 110px;
}
.lawyer-helper .subscribe-common .info .info-title {
  max-width: 420px;
}
.lawyer-helper .subscribe-common .info .info-title .number-new {
  color: #fa8919;
}
.lawyer-helper .subscribe-common .info .i-add-search-report a i {
  top: 2px;
  margin-right: 0;
}
.lawyer-helper .subscribe-common .info .i-add-search-report a .ibass-done {
  color: #fa8919;
}
.lawyer-helper .subscribe-common .info .i-add-search-report .confirm-add:hover i {
  color: #fa8919;
}

.view-patent table {
  font-size: 14px;
  width: 500px;
  margin-left: 30px;
}
.view-patent table tr td {
  vertical-align: top;
  padding: 10px;
  width: 200px;
}
.view-patent table tr td:nth-child(1) {
  color: #737373;
}
.view-patent .loading {
  padding: 0px;
}
.view-patent .title {
  width: 138px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  margin-top: 40px;
  margin-left: 210px;
  z-index: 20;
  position: relative;
  background-color: white;
}
.view-patent .abstracts {
  margin-top: 30px;
  width: 450px;
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
  margin-left: 10px;
  text-align: left;
  word-break: break-all;
}
.view-patent .line {
  border-top: 1px solid #f0f0f0;
  margin-top: -10px;
  width: 450px;
  margin-left: 50px;
  position: absolute;
  z-index: 1;
}
.view-patent img {
  width: 350px;
}
.view-patent .firm-dialog-body {
  border-radius: 10px;
  text-align: center;
  position: static !important;
}
.view-patent .firm-dialog-body .cg-busy {
  border-radius: 10px;
}
.view-patent .firm-dialog-body image {
  width: 350px;
}

.dispute .base-info-all .tips {
  margin-left: 12px;
}
.dispute .base-info-all .help-header {
  top: 5px;
  position: absolute;
  right: 0px;
}
.dispute .ibass-done {
  color: #fa8919 !important;
}
.dispute .i-add-search-report {
  visibility: hidden;
}
.dispute .i-add-search-report .confirm-add:hover i {
  color: #fa8919;
}
.dispute .i-add-search-report i {
  position: relative;
  top: 3px;
  margin-right: 0 !important;
}
.dispute .judgement:hover .i-add-search-report {
  visibility: visible;
}

.high-law.dimension {
  padding-right: 20px;
}
.high-law.dimension .by-count .judgement .ibass-dot.left {
  top: 20px;
}
.high-law.dimension .i-add-search-report {
  display: inline-block;
}
.high-law.dimension .main .i-add-search-report {
  display: inline-block;
}
.high-law.dimension .main .i-add-search-report span {
  position: relative;
  top: 7px;
}
.high-law.dimension .hover-jump {
  cursor: pointer;
}
.high-law.dimension .hover-jump :hover {
  color: #fa8919;
}
.high-law.dimension .header-option {
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #a9a9a9;
}
.high-law.dimension .header-option i {
  position: relative;
  top: 2px;
}
.high-law.dimension .header-option .right {
  cursor: pointer;
}
.high-law.dimension .header-option .right:hover {
  color: #fa8919;
}
.high-law.dimension .header-option .right:hover i {
  color: #fa8919;
}
.high-law.dimension .law-type {
  height: 36px;
  margin-top: 20px;
  border-bottom: solid 1px #ebebeb;
}
.high-law.dimension .law-type .law-active {
  border-bottom: 2px solid #fa8919;
  height: 35px;
  color: #fa8919;
}
.high-law.dimension .law-type span {
  cursor: pointer;
  width: 84px;
  text-align: center;
  display: inline-block;
  height: 36px;
  margin-left: 20px;
  font-size: 14px;
  color: #737373;
  border-bottom: 2px solid #fa8919;
  line-height: 36px;
  border-bottom: 1px solid #ebebeb;
}
.high-law.dimension .info {
  font-size: 14px;
}
.high-law.dimension .info .info-title {
  line-height: 45px;
  height: 45px;
  padding: 0px;
  max-width: 520px;
}
.high-law.dimension .info .main i {
  top: 10px;
}
.high-law.dimension .info .main .number {
  top: 12px;
}
.high-law.dimension .info .main:hover .i-add-search-report {
  visibility: visible;
}
.high-law.dimension .info .dimension-info {
  box-shadow: inset 0 0px 0 0 #f1f1f1;
  margin-top: -15px;
  padding: 15px 20px 0px 0px;
}
.high-law.dimension .info .dimension-info .title {
  font-size: 14px;
}
.high-law.dimension .info .dimension-info .title .name {
  cursor: auto;
  font-weight: 500;
}
.high-law.dimension .info .dimension-info .title .number {
  border-left: 1px solid #f1f1f1;
  padding-left: 10px;
  margin-left: 5px;
}
.high-law.dimension .info .dimension-info .left .number :hover {
  color: #fa8919;
}
.high-law.dimension .info .dimension-info .content {
  margin-left: 6px;
  margin-top: 5px;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  *white-space: normal !important;
}
.high-law.dimension .info .dimension-info .content.law-count {
  margin-top: 0px;
}
.high-law.dimension .info .dimension-info:hover .i-add-search-report {
  visibility: visible;
}
.high-law.dimension .info .law-count {
  cursor: pointer;
}
.high-law.dimension .info .law-count.number:hover {
  color: #fa8919;
}
.high-law.dimension .info .expanded.min-height-100 {
  min-height: 100px;
}
.high-law.dimension .info .expanded.min-height-remove {
  min-height: inherit;
}
.high-law.dimension .info .expanded .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.high-law.dimension .info .expanded .judgement {
  margin-top: 15px;
}
.high-law.dimension .info .expanded .option {
  margin: 0px 0px 20px 20px;
}
.high-law.dimension .info .expanded .option i {
  color: #cdc9c5;
}
.high-law.dimension .info .expanded .option .more {
  border-right: 0px;
}
.high-law.dimension .info .expanded .option .more:hover {
  color: #fa8919;
}
.high-law.dimension .info .expanded .option .more:hover i {
  color: #fa8919;
}

.video-dialog .body-line {
  width: 450px;
}
.video-dialog .firm-dialog-body {
  padding: 0px 50px 30px 50px;
  border-radius: 10px;
}
.video-dialog .firm-dialog-body .body-header {
  margin-bottom: 6px;
  height: 20px;
  font-size: 14px;
  margin-top: 0px;
  color: #737373;
}
.video-dialog .firm-dialog-body .body-header span {
  margin-left: 30px;
}
.video-dialog .firm-dialog-body .scroll-div {
  width: 490px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.video-dialog .firm-dialog-body .no-items .info {
  margin-top: 40px;
  height: 100px;
  text-align: center;
}
.video-dialog .firm-dialog-body .no-items .info i {
  font-size: 60px;
  color: #ddd9d6;
}
.video-dialog .firm-dialog-body .no-items .info span {
  color: #a9a9a9;
}
.video-dialog .firm-dialog-body .video-dialog-list {
  min-height: 200px;
  width: 450px;
}
.video-dialog .firm-dialog-body .video-dialog-list .video-item {
  padding: 8px 5px;
  cursor: pointer;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
}
.video-dialog .firm-dialog-body .video-dialog-list .video-item:hover {
  background-color: #f8f8f9;
}
.video-dialog .firm-dialog-body .video-dialog-list .ibass-video {
  margin-right: 10px;
  float: left;
  font-size: 16px;
  text-align: center;
  color: #fdba78;
}
.video-dialog .firm-dialog-body .video-dialog-list .video-info {
  width: 450px;
}
.video-dialog .firm-dialog-body .video-dialog-list .video-info .title {
  width: 390px;
  height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-dialog .firm-dialog-body .video-dialog-list .video-bottom {
  padding-left: 25px;
}
.video-dialog .firm-dialog-body .video-dialog-list .video-bottom .time {
  height: 16px;
  font-size: 12px;
  color: #a9a9a9;
}
.video-dialog .firm-dialog-body .video-dialog-list .video-bottom .time span {
  padding-right: 10px;
}
.video-dialog .firm-dialog-body .video-dialog-list .video-bottom .judge-info {
  border-left: 1px solid #ececec;
  margin-left: 10px;
  font-size: 12px;
  padding-left: 10px;
  color: #a9a9a9;
}
.video-dialog .video-dialog-line {
  width: 450px;
  position: relative;
  top: -35px;
  margin-left: 50px;
  border-top: solid 1px #ececec;
}
.video-dialog .firm-dialog-title {
  margin-top: 20px;
  width: 545px;
  background-color: white;
  border: none;
}
.video-dialog .firm-dialog-title .title {
  position: relative;
  z-index: 2;
  padding: 0px 15px;
  background-color: white;
  width: 540px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
}

.no-litigation {
  overflow: visible !important;
}
.no-litigation .content-left.left .contract-person i {
  margin-left: 140px;
}
.no-litigation .base-info-all {
  position: relative;
}
.no-litigation .base-info-all .tips {
  margin-left: 12px;
}

.pdf-view-modal.ngdialog-theme-default {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  border: none !important;
}
.pdf-view-modal.ngdialog-theme-default .ngdialog-close {
  display: none;
}
.pdf-view-modal.ngdialog-theme-default .close {
  margin-left: 0px;
  cursor: pointer;
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 18px;
  text-align: center;
}
.pdf-view-modal.ngdialog-theme-default .close:hover {
  background-color: #000;
}
.pdf-view-modal.ngdialog-theme-default .close:hover i {
  color: #fff !important;
}
.pdf-view-modal.ngdialog-theme-default .view-header {
  height: 60px;
  width: 100%;
  min-width: 840px;
  position: fixed;
  top: 0;
  color: #fff;
  box-sizing: border-box;
  padding: 0px 0px 0px 25px;
  background-color: #333333;
}
.pdf-view-modal.ngdialog-theme-default .file-name {
  line-height: 32px;
  height: 32px;
  margin-top: 14px;
  color: #fff;
}
.pdf-view-modal.ngdialog-theme-default .download-btn {
  cursor: pointer;
  width: 110px;
  height: 32px;
  border-radius: 20px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  margin-top: 14px;
  display: inline-block;
  color: #fff;
}
.pdf-view-modal.ngdialog-theme-default .ngdialog-content {
  width: 100%!important;
}

.case-tree-dig {
  font-size: 14px;
  color: #4a4a4a;
}
.case-tree-dig .page-title {
  height: 75px;
  position: relative;
  background: #fff;
  border-radius: 10px;
}
.case-tree-dig .page-title .desc {
  width: 100px;
  left: 250px;
  top: 40px;
  position: absolute;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  z-index: 10;
  background: #fff;
}
.case-tree-dig .page-title .title-line {
  left: 50px;
  top: 50px;
  width: 500px;
  position: absolute;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  z-index: 9;
}
.case-tree-dig .relate-linke-dialog {
  top: 50px;
  padding-top: 30px;
  max-height: 600px;
  overflow: scroll;
  padding: 30px 48px 80px;
  font-size: 14px;
  color: #4a4a4a;
}
.case-tree-dig .case-selected {
  padding: 10px 0 40px 48px;
  overflow: hidden;
}
.case-tree-dig .case-selected .title {
  float: left;
  margin-right: 10px;
}
.case-tree-dig .case-selected .value {
  float: left;
  max-width: 440px;
}
.case-tree-dig .page-bottom {
  text-align: center;
  padding-bottom: 30px;
}

.process-drag {
  cursor: move;
}
.process-drag.ui-draggable-dragging {
  width: 330px;
  height: 42px;
  overflow: hidden;
  background-color: #f8f8f9;
  opacity: .8;
}
.process-drop.ui-droppable-hover {
  border-color: #fa8919!important;
}

.processes-code-popup {
  position: relative;
  width: 100%;
  height: 100%;
}
.processes-code-popup-content {
  cursor: initial;
  color: #4a4a4a;
}
.processes-code-popup-content .ns-popover-top {
  height: 44px;
  line-height: 44px;
  position: relative;
  border-bottom: none;
}
.processes-code-popup-content .ns-popover-top .return {
  position: absolute;
  left: 10px;
  top: -1px;
  font-size: 16px;
  color: #cdc9c5;
  cursor: pointer;
}
.processes-code-popup-content .ns-popover-top .selected {
  text-align: center;
}
.processes-code-popup-content .ns-popover-top .popup-close {
  position: absolute;
  right: 10px;
  top: 0;
  color: #737373;
  cursor: pointer;
}
.processes-code-popup-content .ns-popover-processes-items {
  max-height: 240px;
  overflow-y: auto;
  padding-bottom: 10px;
}
.processes-code-popup-content .ns-popover-processes-items .ns-popover-item {
  height: 40px;
  box-shadow: inset 0 1px 0 0 #f0f0f0;
  padding: 0 10px;
  cursor: pointer;
  overflow: hidden;
}
.processes-code-popup-content .ns-popover-processes-items .ns-popover-item:hover {
  background-color: #f8f8f9;
}
.processes-code-popup-content .ns-popover-processes-items .ns-popover-item .icon {
  float: left;
  margin-right: 7px;
  font-size: 18px;
  line-height: 2.22;
}
.processes-code-popup-content .ns-popover-processes-items .ns-popover-item .name {
  float: left;
  line-height: 2.86;
  width: 188px;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.processes-code-popup-content .ns-popover-processes-items .ns-popover-item .ibass-done {
  visibility: hidden;
}
.processes-code-popup-content .ns-popover-processes-items .ns-popover-item-selected {
  background-color: #f8f8f9;
}
.processes-code-popup-content .ns-popover-processes-items .ns-popover-item-selected .confirm {
  color: #fa8919;
  margin-right: 13px;
  line-height: 2.81;
}
.processes-code-popup-content .ns-popover-processes-items .ns-popover-item-selected .ibass-done {
  visibility: visible;
}
.processes-code-popup-content .ns-popover-bottom {
  height: 57px;
  position: relative;
  border-top: 1px solid #f0f0f0;
  margin-top: -10px;
}
.processes-code-popup-content .ns-popover-bottom .confirm-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -16px;
  width: 100px;
  height: 32px;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.ana-mat-list .main-btn:before {
  margin-right: 5px;
}
.ana-mat-list .clock-location-down {
  top: 24px;
}
.ana-mat-list .createTimeMatter {
  top: -185px !important;
}
.ana-mat-list .ana-my-achievement {
  width: 950px;
  height: 93px;
  border-radius: 5px;
  background-color: #f8f8f9;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
}
.ana-mat-list .ana-my-achievement .total-time {
  margin-top: 25px;
  text-indent: 7px;
}
.ana-mat-list .ana-my-achievement .total-time .time {
  font-size: 29px;
  font-family: 'AppleSDGothicNeo';
  font-weight: 200;
  line-height: 29px;
}
.ana-mat-list .ana-my-achievement .total-time .name {
  font-size: 12px;
  color: #a9a9a9;
}
.ana-mat-list .ana-my-achievement .my-position {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -14px;
}
.ana-mat-list .ana-my-achievement .my-position .icon {
  font-size: 18px;
  color: #07cfda;
  margin-right: 6.5px;
}
.ana-mat-list .ana-my-achievement .my-position .name {
  color: #737373;
  line-height: 27.5px;
}
.ana-mat-list .ana-my-tool {
  height: 33px;
  margin-top: 15px;
}
.ana-mat-list .ana-my-tool .ana-left-part li {
  height: 21px;
  line-height: 21px;
  padding-right: 22px;
  color: #737373;
  margin-right: 22px;
}
.ana-mat-list .ana-my-tool .ana-left-part li .work-type-container-for-location {
  margin-left: 45px;
}
.ana-mat-list .ana-my-tool .ana-left-part li .icon {
  float: left;
  font-size: 12px;
  margin-left: 5px;
  color: #cdc9c5;
}
.ana-mat-list .ana-my-tool .ana-left-part li .name {
  float: left;
  max-width: 260px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.ana-mat-list .ana-my-tool .ana-left-part li:hover .icon {
  color: #fa8919;
}
.ana-mat-list .ana-my-tool .ana-left-part li {
  border-right: 1px solid #f0f0f0;
}
.ana-mat-list .ana-my-tool .ana-left-part li:last-child {
  border: none;
}
.ana-mat-list .ana-my-tool .ana-left-part .ana-my-tool-project,
.ana-mat-list .ana-my-tool .ana-left-part .ana-my-tool-type {
  height: 100%;
}
.ana-mat-list .ana-my-tool .ana-right-part .export-list:hover span {
  color: #fa8919;
}
.ana-mat-list .ana-my-tool .ana-right-part .checknum {
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  background: #f8f8f9;
  padding: 7px 0 7px 14px;
  border-radius: 18px;
}
.ana-mat-list .ana-my-tool .ana-right-part .checknum .oper {
  vertical-align: -webkit-baseline-middle;
}
.ana-mat-list .ana-my-tool .ana-right-part .checknum .oper .ibass-close {
  color: #cdc9c5;
  padding-left: 8px;
  height: 18px;
  line-height: 18px;
  vertical-align: text-bottom;
  font-size: 12px;
  border-left: solid 1px #ededed;
}
.ana-mat-list .ana-my-tool .ana-right-part .checknum .disabled {
  cursor: not-allowed;
  color: #a9a9a9;
}
.ana-mat-list .ana-my-tool .ana-right-part .checknum .disabled:hover {
  color: #a9a9a9;
}
.ana-mat-list .ana-my-tool .ana-right-part .checknum i {
  color: #fdba78;
  margin-right: 10px;
  font-size: 16px;
}
.ana-mat-list .ana-my-tool .ana-right-part .checknum i:hover {
  color: #fa8919;
}
.ana-mat-list .ana-my-tool .ana-right-part li {
  height: 21px;
  line-height: 21px;
  border-left: 1px solid #f0f0f0;
  padding-left: 11px;
  margin-right: 7px;
  color: #737373;
  margin-left: 15px;
}
.ana-mat-list .ana-my-tool .ana-right-part li .icon {
  font-size: 16px;
  color: #cdc9c5;
}
.ana-mat-list .ana-my-tool .ana-right-part li .name {
  margin-left: 6px;
}
.ana-mat-list .ana-my-tool .ana-right-part li .search {
  width: 138px;
  height: 28px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  line-height: 30px;
  font-size: 12px;
  margin-top: -5px;
  position: relative;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: width;
}
.ana-mat-list .ana-my-tool .ana-right-part li .search .icon {
  margin-left: 7px;
  margin-top: -1px;
}
.ana-mat-list .ana-my-tool .ana-right-part li .search input {
  width: 115px;
  height: 28px;
  border: none;
  border-radius: 0 20px 20px 0;
  background-color: transparent;
  padding-left: 4px;
  font-size: 12px;
}
.ana-mat-list .ana-my-tool .ana-right-part li .search .eliminateInput {
  padding-right: 60px;
}
.ana-mat-list .ana-my-tool .ana-right-part li .search .beingInput {
  width: 34px;
  height: 28px;
  border-radius: 0 20px 20px 0;
  background-color: #fa8919;
  border: solid 1px #ed6c00;
  position: absolute;
  right: -1px;
  top: -1px;
  text-align: center;
  line-height: 28px;
}
.ana-mat-list .ana-my-tool .ana-right-part li .search .beingInput .ibass-return {
  text-indent: -2px;
  font-size: 14px;
  color: #ffffff;
}
.ana-mat-list .ana-my-tool .ana-right-part li .search .eliminate {
  line-height: 28px;
  font-size: 12px;
  position: absolute;
  right: -1px;
  top: 1px;
  padding-right: 9px;
  border-radius: 0 15px 15px 0;
}
.ana-mat-list .ana-my-tool .ana-right-part li .search .eliminate .ibass-back {
  font-size: 14px;
  color: #cdc9c5;
  margin-right: 5px;
  margin-top: -1px;
}
.ana-mat-list .ana-my-tool .ana-right-part li .searchBlur {
  width: 198px;
  border: solid 1px #c0ada2;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: width;
}
.ana-mat-list .ana-my-tool .ana-right-part li .searchBlur input {
  width: 175px;
  -webkit-transition-duration: 0.3s;
  -webkit-transform: width;
  padding-right: 36px;
}
.ana-mat-list .ana-my-tool .ana-right-part li:last-child {
  border-left: none;
  margin-right: 0;
}
.ana-mat-list .ana-my-head-create {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0px;
  top: -49px;
  line-height: 36px;
  cursor: pointer;
  z-index: 2;
}
.ana-mat-list .ana-my-head-create span {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  margin-left: 9px;
}
.ana-mat-list .ana-my-head-create i {
  color: #ffffff;
  font-size: 13px;
  margin-left: 28px;
}
.ana-mat-list .ana-my-table .no-time {
  position: absolute;
  left: 0px;
  top: 65px;
  height: 560px;
  width: 100%;
  color: #ddd9d6;
  text-align: center;
}
.ana-mat-list .ana-my-table .no-time span {
  display: block;
}
.ana-mat-list .ana-my-table .no-time .center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -54px;
  margin-left: -42px;
}
.ana-mat-list .ana-my-table .no-time .ibass-timer {
  font-size: 60px;
}
.ana-mat-list .ana-my-table .no-time .name {
  margin-top: -10px;
  color: #a9a9a9;
}
.ana-mat-list .ana-my-table .matter-name {
  width: 326px!important;
}
.ana-mat-list .ana-my-table .matter-name span {
  width: 326px!important;
}
.ana-mat-list .timelog-table {
  text-align: left;
  font-size: 14px;
}
.ana-mat-list .timelog-table .grey {
  color: #a9a9a9 !important;
}
.ana-mat-list .timelog-table .timing-usetime {
  color: #ed6c00;
  width: 90px;
  font-size: 20px;
  display: inline-block;
}
.ana-mat-list .timelog-table .timing-icon-clock {
  font-size: 20px;
  height: 15px;
  cursor: pointer;
  position: relative;
  top: -11px;
}
.ana-mat-list .timelog-table .timing-status {
  font-size: 20px;
  color: #fa8919;
  position: absolute;
}
.ana-mat-list .timelog-table .timing-status span {
  vertical-align: -webkit-baseline-middle;
}
.ana-mat-list .timelog-table .timing-hand {
  position: absolute;
  text-align: center;
  line-height: 34px;
  top: -1px;
  color: #fff;
}
.ana-mat-list .timelog-table .timing-hand span {
  vertical-align: -webkit-baseline-middle;
}
.ana-mat-list .timelog-table .timing-stop {
  color: #fa8919;
  position: absolute;
  top: 3px;
}
.ana-mat-list .timelog-table .timelog-td {
  border-bottom: solid 1px #f0f0f0;
  padding: 10px 0;
}
.ana-mat-list .timelog-table .timelog-th {
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
  font-weight: normal;
}
.ana-mat-list .timelog-table .timelog-thead {
  line-height: 30px;
  color: #737373;
  font-size: 12px;
}
.ana-mat-list .timelog-table .matter {
  width: 120px;
  max-width: 120px;
}
.ana-mat-list .timelog-table .desp {
  width: 470px;
  max-width: 470px;
}
.ana-mat-list .timelog-table .desp em {
  color: #fa8919;
  font-style: normal;
  font-weight: 600;
}
.ana-mat-list .timelog-table .desp-wider {
  width: 570px;
  max-width: 570px;
  min-width: 570px;
}
.ana-mat-list .timelog-table .timing {
  width: 240px;
  max-width: 240px;
}
.ana-mat-list .timelog-table .checkbox {
  width: 40px;
  max-width: 40px;
  text-align: center;
  color: #cdc9c5;
  font-size: 16px;
  cursor: pointer;
}
.ana-mat-list .timelog-table .checkbox i {
  cursor: pointer;
}
.ana-mat-list .timelog-table .checkbox i:hover,
.ana-mat-list .timelog-table .checkbox .ibass-checked {
  color: #fa8919;
}
.ana-mat-list .timelog-table tbody .total-title .daytitle {
  padding: 13px 0 10px 0;
}
.ana-mat-list .timelog-table tbody .total-title .daytitle .date {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}
.ana-mat-list .timelog-table tbody .total-title .daytitle .date .day {
  color: #a9a9a9;
  margin: 0 5px;
  position: relative;
}
.ana-mat-list .timelog-table tbody .total-title .daytitle .date:after {
  content: "";
  display: inline-block;
  height: 2px;
  width: 100%;
  background: #ed6c00;
  position: relative;
  bottom: 5px;
}
.ana-mat-list .timelog-table tbody .total-title .daytitle .time {
  display: inline-block;
  padding-left: 7px;
  margin-left: 10px;
  height: 20px;
  line-height: 20px;
  border-left: 1px solid #f0f0f0;
  color: #a9a9a9;
  font-size: 14px;
}
.ana-mat-list .timelog-table tbody .total-title:hover {
  background: #fff;
  cursor: default;
}
.ana-mat-list .timelog-table tbody .timelog-tr:hover,
.ana-mat-list .timelog-table tbody .has-verified {
  background: #f8f8f9;
}
.ana-mat-list .timelog-table tbody .timelog-tr:hover .content .content-oper .tip.content-open,
.ana-mat-list .timelog-table tbody .has-verified .content .content-oper .tip.content-open {
  background: -webkit-gradient(linear, 0 0, 25% 0, from(rgba(248, 248, 249, 0)), to(#f8f8f9));
}
.ana-mat-list .timelog-table tbody .checkbox {
  width: 40px;
  max-width: 40px;
  padding: 8px 0;
}
.ana-mat-list .timelog-table tbody .checkbox i {
  display: inline-block;
  margin-top: -1px;
}
.ana-mat-list .timelog-table tbody .matter {
  width: 110px;
  padding-right: 10px;
  max-width: 120px;
}
.ana-mat-list .timelog-table tbody .matter .name {
  color: #737373;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ana-mat-list .timelog-table tbody .matter .name img {
  border-radius: 10px;
  height: 20px;
  width: 20px;
  vertical-align: top;
  margin-right: 5px;
  margin-bottom: 5px;
}
.ana-mat-list .timelog-table tbody .matter .type {
  color: #a9a9a9;
  font-size: 12px;
  padding-left: 2px;
  vertical-align: -webkit-baseline-middle;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  max-width: 180px;
}
.ana-mat-list .timelog-table tbody .desp {
  width: 480px;
  padding-right: 10px;
  max-width: 480px;
}
.ana-mat-list .timelog-table tbody .desp .overHidden {
  overflow: hidden;
  max-height: 62px;
}
.ana-mat-list .timelog-table tbody .desp .overVisible {
  overflow: visible;
  max-height: none;
}
.ana-mat-list .timelog-table tbody .desp .content {
  word-break: break-all;
  position: relative;
}
.ana-mat-list .timelog-table tbody .desp .content .content-oper {
  color: #ed6c00;
  cursor: pointer;
  text-align: right;
  display: none;
}
.ana-mat-list .timelog-table tbody .desp .content .content-oper .tip {
  cursor: pointer;
}
.ana-mat-list .timelog-table tbody .desp .content .content-oper .tip:after {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  margin-left: 4px;
  vertical-align: sub;
}
.ana-mat-list .timelog-table tbody .desp .content .content-oper .tip.content-open {
  position: absolute;
  background: -webkit-gradient(linear, 0 0, 25% 0, from(rgba(248, 248, 249, 0)), to(#ffffff));
  bottom: -2px;
  right: 0;
  padding-left: 30px;
}
.ana-mat-list .timelog-table tbody .desp .content .content-oper .tip.content-open:after {
  content: "\EA03";
}
.ana-mat-list .timelog-table tbody .desp .content .content-oper .tip.content-close {
  padding-left: 30px;
  display: inline-block;
}
.ana-mat-list .timelog-table tbody .desp .content .content-oper .tip.content-close:after {
  vertical-align: text-bottom;
  content: "\EA11";
}
.ana-mat-list .timelog-table tbody .timing {
  width: 300px;
  max-width: 300px;
  padding: 5px 0;
}
.ana-mat-list .timelog-table tbody .timing .timelist {
  font-size: 20px;
  display: inline-block;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-spacing: normal;
}
.ana-mat-list .timelog-table tbody .timing .anomaly {
  color: #f72b44;
}
.ana-mat-list .timelog-table tbody .timing .has-approved {
  color: #a9a9a9;
}
.ana-mat-list .timelog-table tbody .timing .due-time {
  font-size: 12px;
  line-height: 20px;
  color: #a9a9a9;
}
.ana-mat-list .timelog-table tbody .timing .info-container {
  width: 140px;
  display: inline-block;
}
.ana-mat-list .timelog-table tbody .timing .info-container .due-time {
  float: left;
}
.ana-mat-list .timelog-table tbody .timing .info-container .due-time .list-crossingdays {
  color: #d8d8d8;
}
.ana-mat-list .timelog-table tbody .timing .info-container .timelist {
  float: left;
}
.ana-mat-list .timelog-table tbody .timing .info-container .crossingDays {
  height: 100%;
  display: inline-block;
  line-height: 50px;
  color: #a9a9a9;
  font-size: 16px;
}
.ana-mat-list .timelog-table tbody .timing .oper-container {
  vertical-align: top;
  display: inline-block;
  float: right;
  padding-right: 6px;
}
.ana-mat-list .timelog-table tbody .timing .oper-container .todel-btn {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.ana-mat-list .timelog-table tbody .timing .oper-container .oper {
  position: relative;
  float: right;
  color: #cdc9c5;
  font-size: 16px;
  margin-left: 12px;
  margin-top: 3px;
  cursor: pointer;
}
.ana-mat-list .timelog-table tbody .timing .oper-container .oper .has-approved {
  font-size: 12px;
}
.ana-mat-list .timelog-table tbody .timing .oper-container .oper:hover {
  color: #fdba78;
}
.ana-mat-list .timelog-table tbody .timing .oper-container .oper .clockEditShow {
  top: 10px !important;
}
.backout {
  position: relative;
  left: 10px;
}
.outcheck {
  margin-left: 7px;
}

.achievement-detail-model .repott-tips span {
  color: #a9a9a9;
  font-size: 12px;
  top: -10px;
  padding-left: 25px;
  position: relative;
}
.achievement-detail-model .timeStatistic-tips {
  position: absolute;
  width: 80px;
  height: 20px;
  z-index: 10;
  top: 234px;
  left: 34px;
}
.achievement-detail-model .download {
  cursor: pointer;
}
.achievement-detail-model .scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.achievement-detail-model .isUserSelf {
  cursor: default!important;
}
.achievement-detail-model .isUserSelf .ibass-checked {
  color: #ccc!important;
}
.achievement-detail-model .isUserSelf span {
  color: #a9a9a9;
}
.achievement-detail-model .exclude {
  line-height: 27px;
  cursor: pointer;
}
.achievement-detail-model .exclude i {
  position: relative;
  top: 2px;
}
.achievement-detail-model .exclude .ibass-checked {
  color: #fa8919;
}
.achievement-detail-model .exclude .ibass-checkbox {
  color: #ccc;
}
.achievement-detail-model .chart-top {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.achievement-detail-model .chart-top .chart-title {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.achievement-detail-model .chart-top .chart-tool {
  margin-right: 10px;
  margin-top: 3px;
}
.achievement-detail-model .chart-top .changeChart i {
  font-size: 16px;
}
.achievement-detail-model .moreBar {
  width: 650px;
  height: 370px;
  position: absolute;
  top: 60px;
  z-index: 10;
  background-color: #fff;
}
.achievement-detail-model .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.achievement-detail-model .chart-dialog-title {
  position: relative;
  height: 50px;
  line-height: 50px;
  width: 700px;
  text-align: center;
}
.achievement-detail-model .chart-dialog-title .title {
  position: relative;
  top: 25px;
  padding: 0 25px;
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  color: var(--greyish-brown);
  background-color: #fff;
}
.achievement-detail-model .chart-content {
  width: 650px;
  height: 350px;
  position: relative;
}
.achievement-detail-model .chart-dialog-line {
  width: 650px;
  height: 2px;
  margin-left: 25px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ebebeb;
}
.achievement-detail-model .chart-table-detail .table-nodate {
  text-align: center;
  line-height: 42px;
  color: #737373;
}
.achievement-detail-model .chart-table-detail .chart-detail {
  position: relative;
  padding: 25px 25px 10px 25px;
  color: #666;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option {
  margin-top: 2px;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .date-range {
  position: relative;
  height: 30px;
  width: 265px;
  margin: 10px 0 20px 0;
  text-align: left;
  z-index: 10;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .date-range .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool {
  position: relative;
  height: 30px;
  margin-top: 8px;
  z-index: 10;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download {
  line-height: 24px;
  margin-left: 14px;
  cursor: pointer;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download span {
  color: #a9a9a9;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download i {
  position: relative;
  top: 3px;
  color: #cdc9c5;
  font-size: 16px;
  cursor: pointer;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download:hover span {
  color: #fa8919;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .download:hover i {
  color: #fa8919;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .chart-option-dropdown {
  width: auto;
  margin-left: 14px;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .chart-option-dropdown::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-data-type .ibass-trig-down {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option {
  width: 117px;
  line-height: 30px;
  border-radius: 20px;
  margin-left: 14px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #cdc9c5;
  border: solid 1px #cfc7c1;
  position: relative;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p {
  width: 38px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:first-child {
  border-radius: 20px 0 0 20px;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:last-child {
  width: 37px;
  border-right: 0;
  border-radius: 0 20px 20px 0;
  text-indent: -2px;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option .chart-tool .chart-type-option p:hover {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  color: #ed6c00;
}
.achievement-detail-model .chart-table-detail .chart-detail .chart-option::after {
  content: '';
  display: block;
  clear: both;
}
.achievement-detail-model .chart-table-detail .table-detail {
  padding: 0 25px 20px 25px;
}
.achievement-detail-model .chart-table-detail .table-detail .title {
  width: 100%;
}
.achievement-detail-model .chart-table-detail .table-detail .title .title-content {
  position: relative;
  display: inline-block;
  border-bottom: 2px solid #fa9819;
  padding-bottom: 10px;
}
.achievement-detail-model .chart-table-detail .table-detail .title .download {
  float: right;
  position: relative;
}
.achievement-detail-model .chart-table-detail .table-detail .title .download i {
  position: absolute;
  right: 62px;
  color: #cdc9c5;
  font-size: 16px;
  cursor: pointer;
}
.achievement-detail-model .chart-table-detail .table-detail .title .download span {
  color: #a9a9a9;
}
.achievement-detail-model .chart-table-detail .table-detail .title .download:hover span {
  color: #fa8919;
}
.achievement-detail-model .chart-table-detail .table-detail .title .download:hover i {
  color: #fa8919;
}
.achievement-detail-model .chart-table-detail .table-detail .table-head {
  height: 42px;
  border-bottom: solid 1px #e5e5e5;
  width: 100%;
}
.achievement-detail-model .chart-table-detail .table-detail .table-col {
  line-height: 42px;
  font-size: 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.achievement-detail-model .chart-table-detail .table-detail .sort {
  position: relative;
  top: 2px;
  color: #ed6c00;
}
.achievement-detail-model .chart-table-detail .table-detail .table-content {
  width: 100%;
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}
.achievement-detail-model .chart-table-detail .table-detail .table-content .table-name {
  padding-right: 20px;
}
.achievement-detail-model .chart-table-detail .table-detail .table-content .table-ul {
  width: 100%;
  height: 42px;
  border-bottom: solid 1px #e5e5e5;
}
.achievement-detail-model .chart-table-detail .table-detail .table-content .table-ul:hover {
  background-color: #f5f5f5;
}
.achievement-detail-model .chart-table-detail .table-detail .table-content .table-ul:nth-child(1) {
  white-space: nowrap;
}

.hide-analysis {
  display: none;
}
.achievement-burnout {
  border-radius: 8px;
  margin-top: 10px;
  width: 960px;
  position: relative;
}
.achievement-burnout .chart-name {
  font-weight: 500;
  cursor: pointer;
}
.achievement-burnout .static-name {
  font-weight: 500;
}
.achievement-burnout .chart-name:hover {
  color: #fa8919;
}
.achievement-burnout .proiect-unit {
  color: #9e9e9e;
}
.achievement-burnout .customer-top {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
}
.achievement-burnout .title {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.achievement-burnout .chart-count {
  height: 40px;
  font-size: 14px;
  color: #737373;
  width: 960px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 40px;
}
.achievement-burnout .chart-count span {
  margin: 0 10px;
}
.achievement-burnout .project-legend {
  text-align: center;
}
.achievement-burnout .project-legend span {
  font-size: 12px;
}
.achievement-burnout .project-legend i {
  position: relative;
  top: 2px;
}
.achievement-burnout .project-legend .completed {
  color: #64b5f6;
}
.achievement-burnout .project-legend .uncompleted {
  color: #F44336;
  margin-left: 10px;
}
.achievement-burnout .chart-content {
  width: 960px;
  height: 360px;
  padding-top: 20px;
}
.achievement-burnout .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.i-achievement-chart {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.i-achievement-chart .repott-tips {
  position: absolute;
  bottom: 4px;
}
.i-achievement-chart .repott-tips i {
  color: #cdc9c5!important;
  position: relative;
  top: 2px;
}
.i-achievement-chart .repott-tips span {
  color: #a9a9a9;
  font-size: 12px;
}
.i-achievement-chart .timeStatistic-tips {
  position: absolute;
  width: 80px;
  height: 20px;
  z-index: 10;
  top: 282px;
  left: 42px;
}
.i-achievement-chart .chart-name {
  font-weight: 500;
  cursor: pointer;
}
.i-achievement-chart .chart-name:hover {
  color: #fa8919;
}
.i-achievement-chart .proiect-unit {
  color: #9e9e9e;
}
.i-achievement-chart .more-width {
  width: 190px!important;
}
.i-achievement-chart .echarts-empty {
  background: url('common/images/charts-empty-data.png') no-repeat center;
}
.i-achievement-chart .chart-content {
  width: 459px;
  height: 330px;
  padding: 0 10px;
}
.i-achievement-chart .verBars {
  width: 330px;
  height: 300px;
}
.i-achievement-chart .pies {
  width: 330px;
  height: 300px;
}
.i-achievement-chart .ascBars {
  width: 330px;
  height: 300px;
}
.i-achievement-chart .chart-item {
  width: 459px;
  height: 350px;
  border-top: 1px solid #ebebeb;
  padding: 10px 0;
  padding-bottom: 30px;
  position: relative;
}
.i-achievement-chart .interval {
  border-right: 1px solid #ebebeb;
}
.i-achievement-chart .borderColor {
  border-bottom: 1px solid #f0f0f0;
}
.i-achievement-chart .chart-reoprt-top {
  height: 40px;
}
.i-achievement-chart .chart-reoprt-top .chart-title {
  width: 200px;
  line-height: 30px;
  font-size: 14px;
}
.i-achievement-chart .chart-reoprt-top .rightTo {
  padding-left: 10px;
}
.i-achievement-chart .chart-reoprt-top .isUserSelf {
  cursor: default!important;
}
.i-achievement-chart .chart-reoprt-top .isUserSelf .ibass-checked {
  color: #ccc!important;
}
.i-achievement-chart .chart-reoprt-top .isUserSelf span {
  color: #a9a9a9;
}
.i-achievement-chart .chart-reoprt-top .excludeId {
  line-height: 30px;
  font-size: 14px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  top: -2px;
}
.i-achievement-chart .chart-reoprt-top .excludeId i {
  position: relative;
  top: 3px;
  font-size: 16px;
}
.i-achievement-chart .chart-reoprt-top .excludeId .ibass-checked {
  color: #fa8919;
}
.i-achievement-chart .chart-reoprt-top .excludeId .ibass-checkbox {
  color: #ccc;
}
.i-achievement-chart .chart-reoprt-top .chart-tool {
  margin-right: 10px;
  margin-top: 4px;
}
.i-achievement-chart .chart-reoprt-top .changeChart i {
  font-size: 16px;
}
.i-achievement-chart .chart-count {
  height: 40px;
  font-size: 14px;
  color: #737373;
  text-align: center;
  line-height: 40px;
}
.i-achievement-chart .chart-count span {
  margin: 0 10px;
}
.i-achievement-chart .legend {
  position: absolute;
  font-size: 12px;
  left: 20px;
  bottom: 4px;
}
.i-achievement-chart .chart-pie-top {
  height: 40px;
  line-height: 40px;
}
.i-achievement-chart .chart-pie-top span:nth-child(1) {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.i-achievement-chart .add-chart {
  text-align: center;
}
.i-achievement-chart .add-chart .add-icon {
  margin-left: 150px;
  margin-top: 130px;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f8f8f9;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.i-achievement-chart .add-chart .add-icon i {
  line-height: 60px;
  color: #a9a9a9;
}
.i-achievement-chart .add-chart .add-tips {
  color: #a9a9a9;
}
.i-achievement-chart .task-head-tab {
  float: right;
  margin-right: 10px;
}
.i-achievement-chart .task-head-tab .task-head-type {
  line-height: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 12px;
  text-align: center;
  color: #a9a9a9;
  border: solid 1px #cfc7c1;
  float: left;
  left: 0;
  top: 19px;
  box-sizing: border-box;
}
.i-achievement-chart .task-head-tab .task-head-type .tool-left {
  margin-left: 4px;
}
.i-achievement-chart .task-head-tab .task-head-type .tool-right {
  margin-left: -2px;
}
.i-achievement-chart .task-head-tab .task-head-type p {
  width: 36px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.i-achievement-chart .task-head-tab .task-head-type p span {
  color: #cdc9c5;
  font-size: 16px;
}
.i-achievement-chart .task-head-tab .task-head-type p a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.i-achievement-chart .task-head-tab .task-head-type p:first-child {
  border-radius: 20px 0 0 20px;
  left: 2px;
}
.i-achievement-chart .task-head-tab .task-head-type p:last-child {
  border-right: 0;
  border-radius: 0 20px 20px 0;
  right: 2px;
}
.i-achievement-chart .task-head-tab .task-head-type p.active {
  background-color: #fcfcfb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), inset 0 3px 2px 0 rgba(0, 0, 0, 0.05);
}
.i-achievement-chart .task-head-tab .task-head-type p.active span {
  color: #fa8919;
}
.i-achievement-chart .task-head-tab .task-head-type p:hover {
  background-color: #fcfcfb;
}
.i-achievement-chart .task-head-tab .task-head-type p:hover span {
  font-weight: bold;
  color: #fa8919;
}
.i-achievement-chart .task-head-tab .task-head-type i {
  font-size: 14px;
}

.team-achievement .team-achievement-time .time-region {
  height: 160px;
  border-radius: 8px;
  background-color: #f8f8f9;
}
.team-achievement .team-achievement-time .time-region .region-left {
  padding-left: 40px;
  margin-top: 46px;
}
.team-achievement .team-achievement-time .time-region .region-left i {
  width: 36px;
  height: 36px;
  text-align: center;
  margin-right: 12px;
  font-size: 36px;
  color: #fa8919;
}
.team-achievement .team-achievement-time .time-region .region-left i:before {
  padding-top: 7px;
}
.team-achievement .team-achievement-time .time-region .region-left div {
  text-align: center;
}
.team-achievement .team-achievement-time .time-region .region-left div .time {
  font-size: 45px;
  color: #fa8919;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.team-achievement .team-achievement-time .time-region .region-left div .title {
  font-size: 14px;
  color: #737373;
}
.team-achievement .team-achievement-time .time-region .region-right {
  height: 110px;
  margin: 25px 0;
  margin-right: 40px;
  border-left: solid 1px #f0f0f0;
}
.team-achievement .team-achievement-time .time-region .region-right li {
  width: 130px;
  float: left;
  text-align: center;
  margin-top: 32px;
}
.team-achievement .team-achievement-time .time-region .region-right li .time {
  font-size: 29px;
  font-weight: 200;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.team-achievement .team-achievement-time .time-region .region-right li .title {
  font-size: 12px;
  color: #a9a9a9;
}
.team-achievement .team-achievement-time .time-member-ranking {
  margin-top: 32px;
  min-height: 321px;
}
.team-achievement .team-achievement-time .time-member-ranking p {
  font-size: 14px;
  font-weight: 500;
}
.team-achievement .team-achievement-task {
  margin-top: 20px;
  overflow: hidden;
}
.team-achievement .team-achievement-task .task-region {
  height: 160px;
  border-radius: 8px;
  background-color: #f8f8f9;
  margin-bottom: 50px;
}
.team-achievement .team-achievement-task .task-region .region-left {
  padding-left: 40px;
  margin-top: 46px;
}
.team-achievement .team-achievement-task .task-region .region-left i {
  width: 36px;
  height: 36px;
  text-align: center;
  margin-right: 12px;
  font-size: 36px;
  color: #fa8919;
}
.team-achievement .team-achievement-task .task-region .region-left i:before {
  padding-top: 7px;
}
.team-achievement .team-achievement-task .task-region .region-left div {
  text-align: center;
}
.team-achievement .team-achievement-task .task-region .region-left div .total {
  font-size: 45px;
  color: #fa8919;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.team-achievement .team-achievement-task .task-region .region-left div .title {
  font-size: 14px;
  color: #737373;
}
.team-achievement .team-achievement-task .task-region .region-right {
  height: 110px;
  margin: 25px 0;
  margin-right: 40px;
  border-left: solid 1px #f0f0f0;
}
.team-achievement .team-achievement-task .task-region .region-right li {
  width: 130px;
  float: left;
  text-align: center;
  margin-top: 32px;
}
.team-achievement .team-achievement-task .task-region .region-right li .total {
  font-size: 29px;
  font-weight: 200;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.team-achievement .team-achievement-task .task-region .region-right li .title {
  font-size: 12px;
  color: #a9a9a9;
}
.team-achievement .team-achievement-task .task-trend-statistics {
  margin-top: 32px;
}
.team-achievement .team-achievement-task .task-trend-statistics p {
  font-size: 14px;
  font-weight: 500;
}

.team-customer .customer-quantity-trend-analysis {
  height: 373px;
  position: relative;
  border-top: 1px solid #f0f0f0;
}
.team-customer .customer-quantity-trend-analysis p {
  margin-top: 19px;
}
.team-customer .customer-bar-chart {
  width: 1000px;
  min-height: 800px;
  margin-left: -25px;
  border-top: 1px solid #f0f0f0;
}
.team-customer .customer-bar-chart .content {
  width: 500px;
  height: 400px;
  float: left;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.team-customer .customer-bar-chart .content p {
  margin-top: 20px;
  margin-left: 25px;
}
.team-customer .customer-bar-chart .content:nth-child(2n-1) {
  width: 499px;
  border-right: 1px solid #f0f0f0;
}

.team-project .project-head {
  height: 193px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.team-project .project-head .head-content {
  margin-top: 73px;
  margin-bottom: 71px;
  text-align: center;
}
.team-project .project-head .head-content li {
  display: inline-block;
  height: 49px;
  padding: 0 28px;
  border-right: 1px solid #f0f0f0;
}
.team-project .project-head .head-content li span {
  width: 110px;
  float: left;
}
.team-project .project-head .head-content li .total {
  height: 35px;
  line-height: 35px;
  font-size: 29px;
  font-weight: 100;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.team-project .project-head .head-content li .title {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #a9a9a9;
}
.team-project .project-head .head-content li:last-child {
  border-right: none;
}
.team-project .project-quantity-analysis {
  height: 313px;
  padding: 18px 0;
  position: relative;
}
.team-project .project-quantity-analysis p {
  font-size: 14px;
  font-weight: 500;
}
.team-project .project-pie-chart {
  height: 300px;
  width: 1000px;
  margin-left: -25px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.team-project .project-pie-chart .content {
  float: left;
  width: 499px;
  height: 300px;
  position: relative;
  border-right: 1px solid #f0f0f0;
}
.team-project .project-pie-chart .content p {
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
  margin-left: 25px;
}
.team-project .project-pie-chart .content:last-child {
  border-right: none;
  width: 500px;
}
.team-project .project-bar-chart {
  width: 1000px;
  min-height: 800px;
  margin-left: -25px;
}
.team-project .project-bar-chart .content {
  width: 500px;
  height: 400px;
  float: left;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.team-project .project-bar-chart .content p {
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
  margin-left: 25px;
}
.team-project .project-bar-chart .content:nth-child(2n-1) {
  border-right: 1px solid #f0f0f0;
  width: 499px;
}

.multiple-choice-user {
  display: flex;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
}
.multiple-choice-user.ns-popover-tooltip-theme {
  z-index: 10000;
}
.multiple-choice-user.single {
  cursor: default;
}
.multiple-choice-user .multiple-choice-user-imgs {
  display: flex;
}
.multiple-choice-user .multiple-choice-user-imgs .multiple-choice-user-img {
  width: 24px;
  height: 24px;
  border: solid 2px #fff;
  background-size: cover;
  border-radius: 50%;
  background-color: #dadada;
  position: relative;
  box-sizing: content-box;
  cursor: pointer;
}
.multiple-choice-user .multiple-choice-user-imgs .multiple-choice-user-img.single {
  margin-left: 0;
  border: 0;
}
.multiple-choice-user .multiple-choice-user-imgs .multiple-choice-user-img:not(.single) {
  margin-left: 0;
}
.multiple-choice-user .multiple-choice-user-imgs .multiple-choice-user-img:not(.single):not(:first-child) {
  margin-left: -6px;
}
.multiple-choice-user .multiple-choice-user-imgs .multiple-choice-user-num {
  background-color: #fa8919;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.multiple-choice-user .multiple-choice-user-imgs .multiple-choice-user-num.single .ibass-trig-down {
  display: none;
}
.multiple-choice-user .multiple-choice-user-imgs .multiple-choice-user-num.single:hover .ibass-trig-down {
  display: block;
  color: #fff;
}
.multiple-choice-user .multiple-choice-user-imgs .multiple-choice-user-num.single:hover .attendees-size {
  display: none;
}
.multiple-choice-user .multiple-choice-user-imgs .multiple-choice-user-num .attendees-size {
  color: #fff;
}
.multiple-choice-user .multiple-choice-user-imgs .attendee-name {
  line-height: 28px;
  margin-left: 5px;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.multiple-choice-user .multiple-choice-user-none span {
  font-size: 12px;
}
.multiple-choice-user .multiple-choice-user-tag {
  position: relative;
  text-align: center;
  margin-left: 5px;
}
.multiple-choice-user .multiple-choice-user-tag .dash-circle {
  width: 24px;
  height: 24px;
  border: 1px dashed #e8e8e8;
  color: #a9a9a9;
  border-radius: 12px;
  box-sizing: content-box;
  cursor: pointer;
}
.multiple-choice-user .multiple-choice-user-tag .dash-circle .ibass-add {
  line-height: 24px;
}
.multiple-choice-user .multiple-choice-user-tag .dash-circle:hover {
  border-color: #fa8919;
  color: #fa8919;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-item.no-hover {
  cursor: default;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-item.no-hover:hover {
  background: transparent;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-item-pics {
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0 10px;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-item-pics .ns-popover-item-pic {
  width: 28px;
  height: 28px;
  float: left;
  text-align: center;
  border: solid 2px #fff;
  background-size: cover;
  border-radius: 50%;
  background-color: #dadada;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-item-pics .ns-popover-item-pic:nth-child(5n) {
  margin-right: 0;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-bottom {
  height: auto;
  padding: 0 15px;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-bottom .ns-popover-clear {
  display: flex;
  height: 35px;
  line-height: 35px;
  border-top: 1px solid #f0f0f0;
  color: #cdc9c5;
  cursor: pointer;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-bottom .ns-popover-clear .ibass {
  font-size: 14px;
  color: #cdc9c5;
  margin-right: 15px;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-bottom .option-button {
  display: flex;
  border-top: 1px solid #ebebeb;
  margin-top: 15px;
  padding-top: 16px;
  margin: 16px auto;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-bottom .option-button .empty {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #999999;
  cursor: pointer;
  transition: all .3s;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-bottom .option-button .empty:hover {
  color: #ed6c00;
}
.multiple-choice-user .ns-popover-tooltip .ns-popover-bottom .option-button .main-btn {
  width: 60px;
  min-width: 60px;
  margin-left: 30px;
  height: 28px;
  line-height: 28px;
}
.multiple-choice-user .loading {
  padding: 50px;
}
.multiple-choice-user .loading .loader {
  width: 50px;
  height: 50px;
}
.multiple-choice-user .loading .loader:before {
  width: 50px;
  font-size: 20px;
  line-height: 50px;
}
.multiple-choice-user-popover {
  top: 30px !important;
  left: -88px !important;
}
.multiple-choice-user-popover.multiple-choice-user-all-popover {
  left: -80px !important;
}
.multiple-choice-user-popover .triangle:after {
  z-index: 1;
}
.multiple-choice-user-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item .ns-popover-item-value {
  max-width: 116px;
  box-sizing: border-box;
}
.multiple-choice-user-outer {
  height: 100%;
}

.task-attachment-drop-area {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 588px;
  min-height: 211px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.95);
  border: dashed 2px #b5b5b5;
  color: #4a4a4a;
  z-index: 10000;
}
.task-attachment-drop-area .content {
  position: relative;
  width: 100%;
  height: 100%;
}
.task-attachment-drop-area .content .content-type-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.task-attachment-drop-area .content .content-type-icon .icon {
  font-size: 36px;
  color: #fa8919;
}
.task-attachment-drop-area .content .content-type-icon .desc {
  font-size: 14px;
}
.task-attachment-drop-area .content .content-type-folder {
  width: 275px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
}
.task-attachment-drop-area .content .content-type-folder .title {
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
}
.task-attachment-drop-area .content .content-type-folder .location {
  margin-top: 5px;
  width: 275px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cfc7c1;
  padding: 0 20px 0 7px;
  cursor: pointer;
  position: relative;
  font-size: 12px;
}
.task-attachment-drop-area .content .content-type-folder .location .target-folder-select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-attachment-drop-area .content .content-type-folder .location .target-folder-select .ibass-trig-down {
  font-size: 14px;
  color: #cdc9c5;
  position: absolute;
  right: 8px;
}
.task-attachment-drop-area .content .content-type-folder .btn {
  margin-top: 20px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
}
.task-attachment-drop-area .content .content-type-folder .btn .cancel {
  float: left;
  width: 70px;
  border-radius: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.task-attachment-drop-area .content .content-type-folder .btn .ok {
  float: right;
  width: 120px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
.task-attachment-drop-area .content .content-type-confirm {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.task-attachment-drop-area .content .content-type-confirm .title {
  height: 20px;
  font-size: 14px;
  font-weight: 500;
}
.task-attachment-drop-area .content .content-type-confirm .btn {
  margin-top: 30px;
  height: 36px;
  line-height: 36px;
}
.task-attachment-drop-area .content .content-type-confirm .btn .new,
.task-attachment-drop-area .content .content-type-confirm .btn .retain,
.task-attachment-drop-area .content .content-type-confirm .btn .cancel {
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
}
.task-attachment-drop-area .content .content-type-confirm .btn .new {
  float: left;
  width: 120px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-weight: 500;
}
.task-attachment-drop-area .content .content-type-confirm .btn .retain {
  float: left;
  margin-left: 10px;
  width: 100px;
  background-color: #f8f8f9;
}
.task-attachment-drop-area .content .content-type-confirm .btn .cancel {
  float: right;
  width: 88px;
  background-color: #f8f8f9;
}
.task-attachment-drop-area-dragover {
  border: dashed 2px #ed6c00;
}
.select-target-folder-tpl {
  left: 0!important;
  top: 100%!important;
  width: 275px;
  cursor: initial;
}
.select-target-folder-tpl .ns-popover-tooltip {
  width: 100%;
  margin: 0!important;
  padding: 14px 0 12px!important;
}
.select-target-folder-tpl .ns-popover-tooltip .none-items {
  text-align: center;
}
.select-target-folder-tpl .ns-popover-tooltip .none-items .none-folder-icon {
  margin-top: 20px;
  font-size: 40px;
  color: #ddd9d6;
  line-height: 40px;
}
.select-target-folder-tpl .ns-popover-tooltip .none-items .none-folder-desc {
  margin-top: 40px;
  font-size: 12px;
  color: #a9a9a9;
}
.select-target-folder-tpl .ns-popover-tooltip .ns-popover-items {
  height: 180px;
  margin-top: 10px;
  border-top: solid 1px #f0f0f0;
}
.select-target-folder-tpl .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  height: 40px;
  line-height: 40px;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
  padding: 0 9px;
}
.select-target-folder-tpl .ns-popover-tooltip .ns-popover-items .ns-popover-item .ibass-filetype-folder {
  font-size: 18px;
  color: #07cfda;
  float: left;
  margin-right: 9px;
}
.select-target-folder-tpl .ns-popover-tooltip .ns-popover-items .ns-popover-item .saveNewFolder {
  color: #fa8919;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  background: none;
  width: 36px;
}
.select-target-folder-tpl .ns-popover-tooltip .ns-popover-items .ns-popover-item .cancelNewFolder {
  color: #cdc9c5;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  width: 36px;
  background: none;
}
.select-target-folder-tpl .ns-popover-tooltip .ns-popover-items .ns-popover-item .folder-name {
  display: inline-block;
  width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  margin-left: 7px;
}
.select-target-folder-tpl .selecter-header {
  padding: 0 30px;
  line-height: 20px;
  text-align: center;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-target-folder-tpl .selecter-header .ibass-arrow-left {
  position: absolute;
  left: 0;
  font-size: 16px;
  text-align: center;
  color: #cdc9c5;
  margin-left: 9px;
  cursor: pointer;
}
.select-target-folder-tpl .selecter-header .ibass-add {
  position: absolute;
  right: 0;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer;
  margin-right: 9px;
  color: #cdc9c5;
  font-size: 16px;
}
.select-target-folder-tpl .selecter-footer {
  overflow: hidden;
  width: 100px;
  margin: 5px auto;
  height: 32px;
  line-height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.drag-area {
  position: absolute;
  left: 44px;
  top: 168px;
}
.drag-area .drag-content {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -41px;
  margin-left: -32px;
}

.my-task .task-item {
  cursor: pointer;
}
.my-task .task-item .task-name.sub-name {
  font-size: 12px;
  color: #8a94a0;
}
.my-task .task-item .noset {
  display: none;
}
.my-task .task-item:hover {
  background-color: #f8f8f9;
}
.my-task .task-item:hover .icon.clickable i:before {
  transform: scale(1.2);
}
.my-task .task-item:hover .ibass-restore.clickable i:before,
.my-task .task-item:hover .ibass-task-check.clickable i:before {
  color: #fa8919;
}
.my-task .task-item:hover .ibass-restore:before {
  color: #fa8919;
}
.my-task .task-item:hover .task-clock-container {
  visibility: visible;
}
.my-task .task-item:hover .noset {
  display: block;
}
.my-task .task-item.ui-draggable-dragging {
  background-color: #f8f8f9;
}
.my-task .task-item.ui-draggable-dragging {
  background-color: #f8f8f9;
  opacity: .8;
  width: 900px;
  border-radius: 4px;
}
.my-task .task-item.ui-droppable-hover {
  border-bottom: 1px solid #fa8919;
}
.my-task .task-item .edit {
  display: flex;
  justify-content: flex-end;
}
.my-task .task-item .edit a {
  font-size: 18px !important;
}
.my-task .task-item .edit a span {
  font-size: 12px;
  cursor: default;
}
.my-task .task-item .datetime .datetime-name {
  line-height: 50px;
}
.my-task .task-item .title-group {
  width: 470px;
  max-width: 470px;
  display: flex;
  cursor: pointer;
}
.my-task .task-item .left span {
  height: 50px;
  display: block;
}
.my-task .task-item .left .icon {
  position: relative;
}
.my-task .task-item .left .icon i {
  display: none;
}
.my-task .task-item .left .icon .ibass-task-check {
  display: inline;
}
.my-task .task-item .left .icon .confirm-dig {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.my-task .task-item .left .icon i:before {
  transition: all .2s;
}
.my-task .task-item .left .ibass-warning {
  font-size: 20px;
  line-height: 50px;
}
.my-task .task-item .left .ibass-warning:before {
  color: #f72b44;
}
.my-task .task-item .left .ibass-done {
  font-size: 18px;
  line-height: 50px;
}
.my-task .task-item .left .ibass-done:before {
  color: #fa8919;
}
.my-task .task-item .left .ibass-checkbox {
  font-size: 18px;
  line-height: 50px;
}
.my-task .task-item .left .ibass-checkbox:before {
  color: #cdc9c5;
}
.my-task .task-item .left .ibass-checked-line {
  font-size: 18px;
  line-height: 50px;
}
.my-task .task-item .left .ibass-checked-line:before {
  color: #fa8919;
}
.my-task .task-item.warning .sup-name {
  color: #f72b44;
}
.my-task .task-item.warning .left .icon .ibass-warning {
  display: inline;
}
.my-task .task-item.warning .left .icon .ibass-task-check {
  display: none;
}
.my-task .task-item.warning:hover .left .icon .ibass-warning {
  display: none;
}
.my-task .task-item.warning:hover .left .icon .ibass-task-check {
  display: inline;
}
.my-task .task-item.finished .left .icon .ibass-done {
  display: inline;
}
.my-task .task-item.finished .left .icon .ibass-task-check {
  display: none;
}
.my-task .task-item.unvalid .left .icon .ibass-restore {
  display: inline;
}
.my-task .task-item.unvalid .left .icon .ibass-task-check {
  display: none;
}
.my-task .task-item .task-content-icon .ibass-star {
  display: inline;
}
.my-task .task-item .task-content-icon .ibass-star-fill {
  display: none;
}
.my-task .task-item.favorite .task-content-icon .ibass-star {
  display: none;
}
.my-task .task-item.favorite .task-content-icon .ibass-star-fill {
  display: inline;
}
.my-task .task-item.select .left .icon .ibass-checkbox {
  display: inline!important;
}
.my-task .task-item.select .left .icon .ibass-checked-line,
.my-task .task-item.select .left .icon .ibass-star-fill,
.my-task .task-item.select .left .icon .ibass-star,
.my-task .task-item.select .left .icon .ibass-done,
.my-task .task-item.select .left .icon .ibass-task-check,
.my-task .task-item.select .left .icon .ibass-warning {
  display: none!important;
}
.my-task .task-item.is-selected .left .icon .ibass-checked-line {
  display: inline!important;
}
.my-task .task-item.is-selected .left .icon .ibass-checkbox,
.my-task .task-item.is-selected .left .icon .ibass-star-fill,
.my-task .task-item.is-selected .left .icon .ibass-star,
.my-task .task-item.is-selected .left .icon .ibass-done,
.my-task .task-item.is-selected .left .icon .ibass-task-check,
.my-task .task-item.is-selected .left .icon .ibass-warning {
  display: none!important;
}
.my-task .task-item .task-clock-container {
  font-size: 12px!important;
  cursor: pointer;
  margin-right: 15px;
  display: block;
  min-width: 20px;
  min-height: 20px;
  visibility: hidden;
}
.my-task .task-item .task-clock-container.show-all-time {
  visibility: visible;
}
.my-task .task-item .task-clock-container.show-all-time .ibass-start {
  display: none;
}
.my-task .task-item .task-clock-container.show-all-time .ibass-timer {
  display: inline;
}
.my-task .task-item .task-clock-container.timing .ibass-timer {
  color: #fdba78;
}
.my-task .task-item .task-clock-container.timing > span {
  color: #fdba78;
}
.my-task .task-item .task-clock-container i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 3px;
  float: left;
}
.my-task .task-item .task-clock-container .ibass-timer {
  display: none;
  color: #cdc9c5;
}
.my-task .task-item .task-clock-container .ibass-star {
  display: inline;
}
.my-task .task-item .task-clock-container .ibass-stop {
  display: none;
}
.my-task .task-item .task-clock-container:hover .ibass-timer {
  display: none;
}
.my-task .task-item .task-clock-container:hover .ibass-start,
.my-task .task-item .task-clock-container:hover .ibass-stop {
  display: inline;
}
.my-task .task-item .task-clock-container > span {
  color: #737373;
}

.max-content-tooltip {
  z-index: 99999;
  line-height: 19px;
  text-align: left;
}
.max-content-tooltip li {
  clear: both;
  text-align: left;
}
.max-content-tooltip li span {
  float: left;
}
.max-content-tooltip .tooltip-inner {
  width: max-content;
  width: -moz-max-content;
}
.task-reminder-icon {
  position: relative;
}
.task-reminder-icon .ibass-alarm {
  font-size: 15px;
  color: #cdc9c5;
  cursor: pointer;
}
.task-reminder-icon .ibass-alarm:hover {
  color: #fdba78;
}
.task-reminder-icon .title-text ul.remind-list {
  margin: 6px 0 0 0;
  line-height: 20px;
}
.task-reminder-icon-orange {
  color: #fa8919 !important;
}
.task-remind-popover {
  position: absolute;
  left: 0px !important;
  color: #212121;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.task-remind-popover .task-remind-choose {
  width: 190px;
}
.task-remind-popover .task-remind-choose .task-remind-items {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.task-remind-popover .task-remind-choose .task-remind-items .task-remind-item {
  position: relative;
  display: flex;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  cursor: pointer;
}
.task-remind-popover .task-remind-choose .task-remind-items .task-remind-item.active .ibass-checkmark {
  visibility: visible;
}
.task-remind-popover .task-remind-choose .task-remind-items .task-remind-item .ibass-checkmark {
  visibility: hidden;
  line-height: 32px;
  color: #ed6c00;
}
.task-remind-popover .task-remind-choose .task-remind-items .task-remind-item span {
  margin-left: 12px;
}
.task-remind-popover .task-remind-choose .task-remind-items .task-remind-item:hover {
  background: #f8f8f8;
}
.task-remind-popover .task-remind-choose .task-remind-items .ibass-add-round {
  position: relative;
}
.task-remind-popover .task-remind-choose .add-custom-remind {
  padding: 8px 16px;
  text-align: center;
  display: flex;
}
.task-remind-popover .task-remind-choose .add-custom-remind.active .ibass-checkmark {
  visibility: visible;
}
.task-remind-popover .task-remind-choose .add-custom-remind .ibass-checkmark {
  visibility: hidden;
  line-height: 32px;
  color: #ed6c00;
}
.task-remind-popover .task-remind-choose .add-custom-remind span {
  margin-left: 12px;
}
.task-remind-popover .task-remind-choose .add-custom-remind:hover {
  background: #f8f8f8;
}
.task-remind-popover .task-remind-custom-choose {
  width: 220px;
  padding: 8px 16px;
  cursor: default;
}
.task-remind-popover .task-remind-custom-choose .custom-choose-main {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  line-height: 24px;
}
.task-remind-popover .task-remind-custom-choose .custom-choose-main .custom-choose-main-date {
  position: relative;
  width: 127px;
  height: 24px;
  border: 1px solid #e5e5e5;
  padding-left: 6px;
  cursor: pointer;
}
.task-remind-popover .task-remind-custom-choose .custom-choose-main .custom-choose-main-date span {
  display: inline-block;
  width: 100%;
}
.task-remind-popover .task-remind-custom-choose .custom-choose-operate {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  margin-bottom: 8px;
  line-height: 32px;
}
.task-remind-popover .task-remind-custom-choose .custom-choose-operate a {
  display: block;
  height: 32px;
  padding: 0 16px;
  margin-right: 8px;
  border-radius: 2px;
  box-sizing: border-box;
}
.task-remind-popover .task-remind-custom-choose .custom-choose-operate a.cancel {
  color: #212121;
  border: 1px solid #ccc;
}
.task-remind-popover .task-remind-custom-choose .custom-choose-operate a.confirm {
  background: #fa8919;
  color: #fff;
}
.task-reminder-choose-outer {
  display: flex;
}
.task-reminder-choose-outer label.name {
  display: inline-block;
  width: 80px;
  margin-right: 16px;
  text-align: right;
  color: #a9a9a9;
}
.task-reminder-choose-outer .reminder-column {
  display: flex;
  height: 32px;
  line-height: 32px;
}
.task-reminder-choose-outer .reminder-content {
  position: relative;
  display: flex;
  border-radius: 2px;
  padding: 0 7px;
  color: #999999;
  cursor: pointer;
}
.task-reminder-choose-outer .reminder-content.choosed {
  color: #212121;
}
.task-reminder-choose-outer .reminder-content.choosed .ibass-arrow-down {
  display: block;
}
.task-reminder-choose-outer .reminder-content:hover {
  background: #f5f5f5;
}
.task-reminder-choose-outer .reminder-content:hover .ibass-arrow-down {
  display: block;
}
.task-reminder-choose-outer .reminder-content .ibass-arrow-down {
  transform: scale(0.5);
  color: #999999;
}
.task-reminder-choose-outer .reminder-content > .ibass-arrow-down {
  display: none;
}

.task-repeat-rule-popover,
.task-repeat-rule-num-popover,
.task-repeat-rule-unit-popover,
.task-repeat-end-rule-popover {
  position: absolute;
  left: 0px !important;
  color: #212121;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  z-index: 1;
  cursor: default;
}
.task-repeat-rule-popover .repeat-rule-choose,
.task-repeat-rule-num-popover .repeat-rule-choose,
.task-repeat-rule-unit-popover .repeat-rule-choose,
.task-repeat-end-rule-popover .repeat-rule-choose {
  width: 160px;
}
.task-repeat-rule-popover .repeat-rule-choose:focus,
.task-repeat-rule-num-popover .repeat-rule-choose:focus,
.task-repeat-rule-unit-popover .repeat-rule-choose:focus,
.task-repeat-end-rule-popover .repeat-rule-choose:focus {
  outline: none;
}
.task-repeat-rule-popover .repeat-rule-choose .repeat-rule-items,
.task-repeat-rule-num-popover .repeat-rule-choose .repeat-rule-items,
.task-repeat-rule-unit-popover .repeat-rule-choose .repeat-rule-items,
.task-repeat-end-rule-popover .repeat-rule-choose .repeat-rule-items {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.task-repeat-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item,
.task-repeat-rule-num-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item,
.task-repeat-rule-unit-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item,
.task-repeat-end-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item {
  position: relative;
  display: flex;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  cursor: pointer;
}
.task-repeat-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item.active .ibass-checkmark,
.task-repeat-rule-num-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item.active .ibass-checkmark,
.task-repeat-rule-unit-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item.active .ibass-checkmark,
.task-repeat-end-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item.active .ibass-checkmark {
  visibility: visible;
}
.task-repeat-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item .ibass-checkmark,
.task-repeat-rule-num-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item .ibass-checkmark,
.task-repeat-rule-unit-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item .ibass-checkmark,
.task-repeat-end-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item .ibass-checkmark {
  visibility: hidden;
  line-height: 32px;
  color: #ed6c00;
}
.task-repeat-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item span,
.task-repeat-rule-num-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item span,
.task-repeat-rule-unit-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item span,
.task-repeat-end-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item span {
  margin-left: 12px;
}
.task-repeat-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item:hover,
.task-repeat-rule-num-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item:hover,
.task-repeat-rule-unit-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item:hover,
.task-repeat-end-rule-popover .repeat-rule-choose .repeat-rule-items .repeat-rule-item:hover {
  background: #f8f8f8;
}
.task-repeat-rule-popover .repeat-rule-choose .add-custom-repeat-rule,
.task-repeat-rule-num-popover .repeat-rule-choose .add-custom-repeat-rule,
.task-repeat-rule-unit-popover .repeat-rule-choose .add-custom-repeat-rule,
.task-repeat-end-rule-popover .repeat-rule-choose .add-custom-repeat-rule {
  padding: 8px 16px;
  text-align: center;
  display: flex;
  cursor: pointer;
}
.task-repeat-rule-popover .repeat-rule-choose .add-custom-repeat-rule.active .ibass-checkmark,
.task-repeat-rule-num-popover .repeat-rule-choose .add-custom-repeat-rule.active .ibass-checkmark,
.task-repeat-rule-unit-popover .repeat-rule-choose .add-custom-repeat-rule.active .ibass-checkmark,
.task-repeat-end-rule-popover .repeat-rule-choose .add-custom-repeat-rule.active .ibass-checkmark {
  visibility: visible;
}
.task-repeat-rule-popover .repeat-rule-choose .add-custom-repeat-rule .ibass-checkmark,
.task-repeat-rule-num-popover .repeat-rule-choose .add-custom-repeat-rule .ibass-checkmark,
.task-repeat-rule-unit-popover .repeat-rule-choose .add-custom-repeat-rule .ibass-checkmark,
.task-repeat-end-rule-popover .repeat-rule-choose .add-custom-repeat-rule .ibass-checkmark {
  visibility: hidden;
  line-height: 32px;
  color: #ed6c00;
}
.task-repeat-rule-popover .repeat-rule-choose .add-custom-repeat-rule span,
.task-repeat-rule-num-popover .repeat-rule-choose .add-custom-repeat-rule span,
.task-repeat-rule-unit-popover .repeat-rule-choose .add-custom-repeat-rule span,
.task-repeat-end-rule-popover .repeat-rule-choose .add-custom-repeat-rule span {
  margin-left: 12px;
}
.task-repeat-rule-popover .repeat-rule-choose .add-custom-repeat-rule:hover,
.task-repeat-rule-num-popover .repeat-rule-choose .add-custom-repeat-rule:hover,
.task-repeat-rule-unit-popover .repeat-rule-choose .add-custom-repeat-rule:hover,
.task-repeat-end-rule-popover .repeat-rule-choose .add-custom-repeat-rule:hover {
  background: #f8f8f8;
}
.task-repeat-rule-popover .custom-repeat-rule-choose,
.task-repeat-rule-num-popover .custom-repeat-rule-choose,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose,
.task-repeat-end-rule-popover .custom-repeat-rule-choose {
  width: 217px;
  padding: 8px 16px;
  color: #999999;
}
.task-repeat-rule-popover .custom-repeat-rule-choose label,
.task-repeat-rule-num-popover .custom-repeat-rule-choose label,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose label,
.task-repeat-end-rule-popover .custom-repeat-rule-choose label {
  margin-right: 18px;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit {
  display: flex;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit .custom-repeat-rule-choose-unit-main,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit .custom-repeat-rule-choose-unit-main,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit .custom-repeat-rule-choose-unit-main,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit .custom-repeat-rule-choose-unit-main {
  position: relative;
  display: flex;
  cursor: pointer;
  color: #212121;
  padding: 0 7px;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit .custom-repeat-rule-choose-unit-main:hover,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit .custom-repeat-rule-choose-unit-main:hover,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit .custom-repeat-rule-choose-unit-main:hover,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-unit .custom-repeat-rule-choose-unit-main:hover {
  background: #f5f5f5;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num {
  display: flex;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main {
  position: relative;
  display: flex;
  padding: 0 7px;
  color: #212121;
  cursor: pointer;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main:hover,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main:hover,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main:hover,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main:hover {
  background: #f5f5f5;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main .underline,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main .underline,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main .underline,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num .custom-repeat-rule-choose-num-main .underline {
  text-decoration: underline;
  margin-left: 3px;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .ibass-arrow-down,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .ibass-arrow-down,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .ibass-arrow-down,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .ibass-arrow-down {
  visibility: visible;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose {
  display: flex;
  text-align: center;
  line-height: 18px;
  font-size: 10px;
  margin-top: 20px;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item {
  width: 24px;
  height: 18px;
  border: 1px solid #d8d8d8;
  border-right: 0;
  color: #212121;
  cursor: pointer;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item:last-child,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item:last-child,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item:last-child,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item:last-child {
  border-right: 1px solid #d8d8d8;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item.active,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item.active,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item.active,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-num-week-choose .week-item.active {
  background: #727272;
  color: #fff;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  margin-bottom: 8px;
  line-height: 32px;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a {
  display: block;
  height: 32px;
  padding: 0 16px;
  margin-right: 8px;
  border-radius: 2px;
  box-sizing: border-box;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a.cancel,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a.cancel,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a.cancel,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a.cancel {
  color: #212121;
  border: 1px solid #ccc;
}
.task-repeat-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a.confirm,
.task-repeat-rule-num-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a.confirm,
.task-repeat-rule-unit-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a.confirm,
.task-repeat-end-rule-popover .custom-repeat-rule-choose .custom-repeat-rule-choose-operate a.confirm {
  background: #fa8919;
  color: #fff;
}
.task-repeat-choose-outer {
  height: 100%;
}
.task-repeat-choose-outer.no-permission .ibass-loop {
  cursor: default;
}
.task-repeat-choose-outer .loop-text {
  line-height: 20px;
}
.task-repeat-choose-outer .loop-text .repeat-rule,
.task-repeat-choose-outer .loop-text .repeat-end-rule {
  display: flex;
  min-height: 32px;
  line-height: 32px;
}
.task-repeat-choose-outer .loop-text label.name {
  display: inline-block;
  width: 80px;
  margin-right: 16px;
  text-align: right;
  color: #a9a9a9;
}
.task-repeat-choose-outer .loop-text .repeat-content {
  position: relative;
  display: flex;
  border-radius: 2px;
  padding: 0 7px;
  color: #999999;
  cursor: pointer;
}
.task-repeat-choose-outer .loop-text .repeat-content.repeat-rule-str {
  max-width: 180px;
  align-items: flex-end;
  height: auto;
}
.task-repeat-choose-outer .loop-text .repeat-content.choosed {
  color: #212121;
}
.task-repeat-choose-outer .loop-text .repeat-content.choosed .ibass-arrow-down {
  visibility: visible;
}
.task-repeat-choose-outer .loop-text .repeat-content:hover {
  background: #f5f5f5;
}
.task-repeat-choose-outer .loop-text .repeat-content:hover .ibass-arrow-down {
  visibility: visible;
}
.task-repeat-choose-outer .loop-text .repeat-content .ibass-arrow-down {
  transform: scale(0.5);
  color: #999999;
}
.task-repeat-choose-outer .loop-text .repeat-content > .ibass-arrow-down {
  visibility: hidden;
}
.task-repeat-choose-outer .loop-text .repeat-end-by-date {
  position: relative;
  margin-left: 12px;
}
.task-repeat-choose-outer .loop-text .repeat-end-by-date > span {
  display: inline-block;
  cursor: pointer;
  padding: 0 7px;
}
.task-repeat-choose-outer .loop-text .repeat-end-by-date > span:hover {
  background: #f5f5f5;
}
.task-repeat-choose-outer .loop-text .repeat-end-by-times input {
  margin-left: 5px;
  width: 30px;
  border-color: initial;
  text-align: center;
}
.task-repeat-rule-num-popover .repeat-rule-choose {
  width: 80px;
}
.task-repeat-rule-num-popover .repeat-rule-choose:focus {
  outline: none;
}
.repeat-tooltip .tooltip-inner {
  white-space: pre;
}

.task-time-choose {
  position: relative;
  height: 100%;
}
.task-time-choose .task-time-choose-title {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: left;
}
.task-time-choose .task-time-choose-title:hover .ibass-trig-down {
  display: block;
  color: #fa8919;
}
.task-time-choose .task-time-choose-title .ibass-trig-down {
  background: transparent;
  color: #a9a9a9;
  display: none;
  max-height: 50px;
}
.task-time-choose .task-time-choose-title .ibass-trig-down.active {
  display: block;
  color: #fa8919;
}
.task-time-choose .task-time-choose-popover {
  position: absolute;
  left: -10px !important;
  top: -10px !important;
}
.task-time-choose-popover .triangle {
  z-index: 1;
}
.task-time-choose-popover .time-choose:after,
.task-time-choose-popover .time-option-choose:after {
  content: '';
  display: block;
  height: 1px;
  background: #eeeeee;
  width: 100%;
  margin: 8px 0;
}
.task-time-choose-popover .time-type-change .time-type-choose-label {
  display: flex;
  height: 40px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
}
.task-time-choose-popover .time-type-change .time-type-choose-label .time-type-choose-item {
  width: 50%;
  font-size: 12px;
  cursor: pointer;
  background: #f8f8f8;
}
.task-time-choose-popover .time-type-change .time-type-choose-label .time-type-choose-item:first-child {
  border-top-left-radius: 9px;
}
.task-time-choose-popover .time-type-change .time-type-choose-label .time-type-choose-item:last-child {
  border-top-right-radius: 9px;
}
.task-time-choose-popover .time-type-change .time-type-choose-label .time-type-choose-item.active {
  background: #fff;
  color: #ed6c00;
}
.task-time-choose-popover .time-choose-column {
  display: flex;
  line-height: 32px;
  position: relative;
}
.task-time-choose-popover .time-choose-column > label {
  text-align: right;
  width: 80px;
  margin-right: 16px;
  color: #a9a9a9;
}
.task-time-choose-popover .time-choose-column > span {
  cursor: pointer;
  padding: 0 7px;
  min-width: 85px;
}
.task-time-choose-popover .time-choose-column > span:hover {
  background: #f5f5f5;
}
.task-time-choose-popover .time-choose-column.unavailable > span {
  background-color: #fbe9e7;
}
.task-time-choose-popover .time-choose-column.unavailable .time-choose-time {
  background-color: #fbe9e7;
}
.task-time-choose-popover .time-choose-column.unavailable .time-choose-time .time-input-dropdown-text:hover {
  background-color: #fbe9e7;
}
.task-time-choose-popover .time-choose-column .time-choose-time {
  position: relative;
}
.task-time-choose-popover .time-choose-column.time-full-day {
  margin-top: 10px;
}
.task-time-choose-popover .time-choose-column.time-full-day > i {
  padding-left: 7px;
}
.task-time-choose-popover .time-choose-column.time-full-day .ibass-checked {
  color: #ed6c00;
}
.task-time-choose-popover .time-option-button {
  display: flex;
  width: 240px;
  margin: 8px auto;
}
.task-time-choose-popover .time-option-button .empty-time {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #999999;
  cursor: pointer;
  transition: all .3s;
}
.task-time-choose-popover .time-option-button .empty-time:hover {
  color: #ed6c00;
}
.task-time-choose-popover .time-option-button .main-btn {
  width: 80px;
  min-width: 80px;
  margin-left: 50px;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
}
.task-time-choose-popover .time-option-button .main-btn.unavailable {
  background: #ebebee;
  border-color: #ebebee;
  cursor: default;
}
.task-time-choose-popover .time-option-button .main-btn.unavailable:hover {
  box-shadow: none !important;
}
.task-time-choose-popover .time-conflict {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  font-size: 12px;
}
.task-time-choose-popover .time-conflict .conflict-names {
  color: #a9a9a9;
}
.task-time-choose-popover .time-conflict .calendar-detail {
  cursor: pointer;
  color: #ed6c00;
}
.task-item-choose-outer {
  height: 100%;
}
.task-item-choose-outer.no-permission {
  cursor: default;
}
.task-item-choose-outer.no-permission .task-time-choose .task-time-choose-title {
  cursor: default;
}

.task-worktype-choose-popover-container {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.task-worktype-choose-popover-container .task-worktype-choose-dep .auto-i {
  display: none;
}
.task-worktype-choose-popover.ns-popover-tooltip-theme {
  z-index: 100000 !important;
}
.task-worktype-choose-popover .ns-popover-search {
  margin: 15px 10px 8px 10px;
}
.task-worktype-choose-popover input::-webkit-input-placeholder {
  color: #a9a9a9;
  font-weight: 100;
}
.task-worktype-choose-popover .ns-popover-tooltip {
  width: 180px;
}
.task-worktype-choose-popover .ns-popover-tooltip .ns-popover-search > input {
  border: none;
  float: left;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.task-worktype-choose-popover .ns-popover-items {
  margin: 10px 0;
  padding: 0;
  font-size: 12px;
  color: #4a4a4a;
}
.task-worktype-choose-popover .ns-popover-items .matter-type {
  margin: 0px !important;
  margin-bottom: 10px !important;
}
.task-worktype-choose-popover .ns-popover-items li {
  padding: 0 10px;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.task-worktype-choose-popover .ns-popover-items li .matter-type-container {
  height: 36px;
  line-height: 36px;
  width: 100%;
}
.task-worktype-choose-popover .ns-popover-items li .matter-type-container span {
  max-width: calc(85%);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.task-worktype-choose-popover .ns-popover-items li .matter-type-container i {
  color: #fa8919;
  position: absolute;
  right: 10px;
}
.task-worktype-choose-popover .ns-popover-items .hidden {
  display: none;
}
.task-worktype-choose-popover .ns-popover-items .main-type {
  color: #d7d7d7;
  box-sizing: border-box;
}
.task-worktype-choose-popover .ns-popover-items .main-type .matter-type-container {
  border-bottom: 1px solid #f0f0f0;
}
.task-worktype-choose-popover .ns-popover-items .sub-type {
  font-size: 14px;
  cursor: pointer;
}
.task-worktype-choose-popover .ns-popover-items .sub-type:hover {
  background: #f8f8f9;
}
.task-worktype-choose-popover .ns-popover-end-btn {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  color: #adadad;
}
.task-worktype-choose-popover .ns-popover-end-btn i {
  font-size: 14px;
  margin: 2px 2px 0;
  color: #cdc9c5;
}
.task-worktype .task-worktype-choose-dep {
  margin-top: 2px;
  font-size: 12px;
  transform: scale(0.85);
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  border-radius: 4px;
  background: #fafafa;
  color: #737373;
  white-space: nowrap;
}
.task-worktype .task-worktype-choose-dep:active {
  background: #e4e4e4;
}
.task-worktype .task-worktype-choose-dep .auto-i {
  vertical-align: top;
  color: #cdc9c5;
  display: inline-block;
}
.task-worktype .task-worktype-choose-dep .auto-span {
  display: inline-block;
  white-space: nowrap;
  max-width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-worktype .task-worktype-choose-dep .auto-span span {
  display: inline-block;
}

.time-input-dropdown {
  position: relative;
}
.time-input-dropdown .time-input-dropdown-text {
  padding: 0 7px;
  min-width: 41px;
  text-align: center;
  cursor: pointer;
}
.time-input-dropdown .time-input-dropdown-text:hover {
  background: #f5f5f5;
}
.time-input-dropdown input {
  outline: none;
  width: 56px;
  border: 1px solid #e5e5e5;
  text-align: center;
  border-radius: 3px;
}
.time-input-dropdown .time-input-dropdown-popover {
  z-index: 10000;
  left: 0px !important;
  top: 31px !important;
  text-align: center;
}
.time-input-dropdown .time-input-dropdown-popover .ns-popover-tooltip {
  width: 100px;
  margin: 0;
  border-radius: 4px !important;
}
.time-input-dropdown .time-input-dropdown-popover .ns-popover-tooltip .ns-popover-items {
  text-align: left;
}
.time-input-dropdown .time-input-dropdown-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  padding: 0 0.875rem;
}

.responsible-add-image-many .multiple-choice-user {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  top: 0;
  padding-right: 0;
}
.multiple-choice-user-module {
  top: 100%!important;
  left: 50%!important;
  transform: translateX(-50%);
}
.multiple-choice-user-module .no-member {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
}
.select-user-by-list {
  height: 24px;
  line-height: 20px;
  cursor: pointer;
  position: relative;
  top: -4px;
  float: left;
  padding-right: 20px;
}
.select-user-by-list .multiple-choice-user-img {
  float: left;
  width: 24px;
  height: 24px;
  border: solid 2px #ffffff;
  background-size: cover;
  border-radius: 50%;
  background-color: #dadada;
  box-sizing: border-box;
}
.select-user-by-list .multiple-choice-user-img:not(:first-child) {
  margin-left: -6px;
}
.select-user-by-list .multiple-choice-user-num {
  background-color: #fa8919;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
}
.select-user-by-list .multiple-choice-user-num span {
  color: #ffffff;
}
.select-user-by-list .multiple-choice-user-none {
  float: left;
}
.select-user-by-list .multiple-choice-user-none span {
  font-size: 12px;
}
.select-user-by-list .multiple-choice-user-tag {
  color: #fa8919;
  position: absolute;
  right: 0;
}
.select-user-by-list .multiple-choice-user-tag span {
  line-height: 24px!important;
}


.file-drag-area {
  position: absolute;
  top: 15px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 588px;
  min-height: 211px;
  margin: 0 auto;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.95);
  border: dashed 2px #b5b5b5;
  color: #4a4a4a;
  text-align: center;
}
.file-drag-area .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.file-drag-area .content .ibass-upload {
  font-size: 36px;
  color: #fa8919;
}
.file-drag-area .content span {
  font-size: 14px;
  color: #4a4a4a;
}
.file-drag-area-dragover {
  border: dashed 2px #ed6c00;
}

.task-copy-tpl {
  font-size: 14px;
  color: #4a4a4a;
}
.task-copy-tpl .page-close {
  position: absolute;
  right: 17px;
  top: -24px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.task-copy-tpl .page-close .ibass-close:hover {
  color: #ed6c00;
}
.task-copy-tpl .page-title {
  width: 540px;
  margin: 41px auto 0;
  text-align: center;
}
.task-copy-tpl .page-title .line {
  padding-top: 11px;
  border-bottom: solid 1px #ebebeb;
}
.task-copy-tpl .page-title .name {
  width: 101px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  margin: -11px auto 0;
  background-color: white;
}
.task-copy-tpl .task-content {
  width: 540px;
  margin: 14px auto 0;
  padding-left: 8px;
}
.task-copy-tpl .task-content .task-name {
  position: relative;
}
.task-copy-tpl .task-content .task-name > input {
  padding-top: 40px;
  width: 100%;
  height: 60px;
  border: solid 1px #f0f0f0;
  font-size: 14px;
  outline: none;
  transition: all 0.3s;
  line-height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 20px;
}
.task-copy-tpl .task-content .task-name > label {
  position: absolute;
  left: 0;
  color: #a9a9a9;
}
.task-copy-tpl .task-content .task-name .label-noactive {
  font-size: 14px;
  line-height: 22px;
}
.task-copy-tpl .task-content .task-name .label-active {
  top: 10px !important;
  font-size: 12px;
}
.task-copy-tpl .task-content .task-name .ibass-required {
  color: red;
  position: absolute;
  right: 0;
  bottom: 0;
}
.task-copy-tpl .task-content .task-name .task-worktype {
  position: absolute;
  top: 14px;
  right: 0px;
}
.task-copy-tpl .task-content .row {
  min-height: 70px;
  padding: 4px;
  box-sizing: content-box;
  border-bottom: solid 1px #ebebeb;
  position: relative;
}
.task-copy-tpl .task-content .row .col {
  width: 50%;
  float: left;
}
.task-copy-tpl .task-content .row .col .desc {
  margin-top: 7px;
  line-height: 16px;
  font-size: 12px;
  position: relative;
  color: #a9a9a9;
}
.task-copy-tpl .task-content .row .col .matter {
  position: absolute!important;
  top: 65px!important;
  left: -90px !important;
}
.task-copy-tpl .task-content .row .col .taskGroup {
  position: absolute!important;
  top: 65px!important;
  left: 195px!important;
}
.task-copy-tpl .task-content .row .col .value {
  float: left;
  max-width: 100%;
  margin-top: 16px;
  line-height: 20px;
  cursor: pointer;
  z-index: 1;
}
.task-copy-tpl .task-content .row .col .value .value-name {
  float: left;
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-copy-tpl .task-content .row .col .value .ibass-trig-down {
  float: left;
  margin-left: 4px;
  color: #cdc9c5;
}
.task-copy-tpl .task-content .row .col .task-duetime {
  position: relative;
  z-index: 2;
}
.task-copy-tpl .task-content .row .col .task-duetime .value-name {
  padding-right: 22px;
  max-width: initial;
}
.task-copy-tpl .task-content .row .col .user-list {
  margin-top: 16px;
  float: left;
}
.task-copy-tpl .task-content .row .col .user-list .user {
  position: relative;
  height: 24px;
  margin-right: 5px;
  cursor: pointer;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-pic {
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  background-size: cover;
  background-color: #fa8919;
  color: white;
  text-align: center;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-pic .ibass-trig-down {
  display: none;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-pic:hover .user-number {
  display: none;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-pic:hover .ibass-trig-down {
  display: inline;
}
.task-copy-tpl .task-content .row .col .user-list .user .user-name {
  float: left;
  line-height: 24px;
  margin-left: 5px;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-copy-tpl .task-content .row .col .user-add-btn {
  position: relative;
  float: left;
  margin-top: 16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 1px dashed #e8e8e8;
  border-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
}
.task-copy-tpl .task-content .row .col .user-add-btn .ibass-add {
  position: absolute;
  left: 4px;
  top: -1px;
  color: #f0f0f0;
}
.task-copy-tpl .task-content .row .col .user-add-btn:hover {
  border: 1px solid #fdba78;
}
.task-copy-tpl .task-content .row .col .user-add-btn:hover .ibass-add {
  color: #ed6c00;
}
.task-copy-tpl .task-content .row .col .lost-user {
  clear: both;
  line-height: 17px;
  padding-top: 8px;
  font-size: 12px;
}
.task-copy-tpl .task-content .row .col .lost-user .ibass-info,
.task-copy-tpl .task-content .row .col .lost-user .underline,
.task-copy-tpl .task-content .row .col .lost-user > span {
  float: left;
  color: #f72b44;
}
.task-copy-tpl .task-content .row .col .lost-user .underline {
  position: relative;
  margin-left: 6px;
  text-decoration: underline;
  cursor: pointer;
}
.task-copy-tpl .task-content .row .col .popover-disable {
  color: #cdc9c5;
  cursor: initial;
}
.task-copy-tpl .task-content .row .col .popover-disable .value-name {
  max-width: initial;
}
.task-copy-tpl .task-content .row .col-right {
  padding-left: 10px;
  box-sizing: border-box;
}
.task-copy-tpl .task-content .row .col-right .deadline-ibass {
  position: absolute;
  right: 0px;
  top: 8px;
  display: inline-block;
}
.task-copy-tpl .task-content .row .col-right .deadline-ibass .ibass-item {
  display: inline-block;
  color: #cdc9c5;
  margin-left: 5px;
}
.task-copy-tpl .task-content .row .line {
  position: absolute;
  right: 269px;
  top: 4px;
  bottom: 4px;
  border-left: solid 1px #ebebeb;
}
.task-copy-tpl .task-others {
  min-height: 210px;
}
.task-copy-tpl .task-others .show-content-panel .none-data {
  display: none;
}
.task-copy-tpl .task-others .show-content-panel .has-data {
  display: block;
}
.task-copy-tpl .task-others .attachemnt-drag-area {
  position: relative;
  z-index: 1;
}
.task-copy-tpl .task-others .none-data {
  text-align: center;
  padding: 76px 0;
}
.task-copy-tpl .task-others .none-data .item {
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.task-copy-tpl .task-others .none-data .item:hover i,
.task-copy-tpl .task-others .none-data .item:hover .btn-desc {
  color: #fa8919;
}
.task-copy-tpl .task-others .none-data .item:nth-child(n+2) {
  padding-left: 24px;
  margin-left: -5px;
  border-left: solid 1px #f0f0f0;
}
.task-copy-tpl .task-others .none-data .item:nth-child(1),
.task-copy-tpl .task-others .none-data .item:nth-child(2) {
  padding-right: 24px;
}
.task-copy-tpl .task-others .none-data .item i {
  line-height: 24px;
  font-size: 24px;
  color: #cdc9c5;
}
.task-copy-tpl .task-others .none-data .item .btn-desc {
  margin-top: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #a9a9a9;
}
.task-copy-tpl .task-others .has-data {
  display: none;
  padding: 0 50px 0 58px;
}
.task-copy-tpl .task-others .has-data .item {
  float: left;
}
.task-copy-tpl .task-others .has-data .item .item-btn {
  float: left;
  position: relative;
  margin-top: 20px;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-data .item .item-btn:hover i,
.task-copy-tpl .task-others .has-data .item .item-btn:hover .btn-desc {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-data .item .item-btn i {
  float: left;
  font-size: 14px;
  color: #cdc9c5;
}
.task-copy-tpl .task-others .has-data .item .item-btn .btn-desc {
  float: left;
  padding-left: 10px;
  margin-right: 14px;
  font-size: 14px;
  color: #737373;
}
.task-copy-tpl .task-others .has-data .item .description-content,
.task-copy-tpl .task-others .has-data .item .attachment-list {
  display: none;
}
.task-copy-tpl .task-others .has-data .item .description-content {
  padding: 30px 0 10px;
  position: relative;
}
.task-copy-tpl .task-others .has-data .item .description-content:hover .edit-btn {
  display: block;
}
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn {
  display: none;
  position: absolute;
  right: 0;
  top: 5px;
  line-height: 20px;
  font-size: 12px;
  color: #a9a9a9;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn i,
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn span {
  float: left;
}
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn span {
  margin-left: 4px;
}
.task-copy-tpl .task-others .has-data .item .description-content .edit-btn:hover {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-data .item .description-content pre {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  line-height: inherit;
}
.task-copy-tpl .task-others .has-data .item .description-content pre a {
  color: #d3a279;
  text-decoration: underline;
  display: inline;
  margin: 0 2px;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing {
  position: relative;
  width: 100%;
  min-height: 125px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  padding: 12px 6px 45px 10px;
  font-size: 14px;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .textarea {
  position: relative;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .textarea textarea {
  width: 100%;
  min-height: 66px;
  padding: 0;
  border: none;
  background-color: transparent;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .textarea textarea,
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .textarea pre {
  line-height: 21px;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn {
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn .cancel-btn,
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn .save-btn {
  float: left;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn .cancel-btn {
  font-size: 14px;
  color: #a9a9a9;
}
.task-copy-tpl .task-others .has-data .item .description-content .task-description-editing .btn .save-btn {
  margin-left: 15px;
  width: 70px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  color: white;
}
.task-copy-tpl .task-others .has-data .item .attachment {
  clear: both;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
}
.task-copy-tpl .task-others .has-data .item .attachment:hover {
  background-color: #f8f8f9;
}
.task-copy-tpl .task-others .has-data .item .attachment:hover .ibass-close {
  display: inline;
}
.task-copy-tpl .task-others .has-data .item .attachment i,
.task-copy-tpl .task-others .has-data .item .attachment span {
  float: left;
}
.task-copy-tpl .task-others .has-data .item .attachment .name {
  padding-left: 10px;
  display: inline-block;
  max-width: 380px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-copy-tpl .task-others .has-data .item .attachment .size {
  padding-left: 10px;
  color: #a9a9a9;
  font-size: 12px;
}
.task-copy-tpl .task-others .has-data .item .attachment .ibass-close {
  display: none;
  float: right;
  margin-right: 10px;
  font-size: 14px;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-data .item .attachment .ibass-close:hover {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-data .hide-btn {
  width: 100%;
}
.task-copy-tpl .task-others .has-data .hide-btn .item-btn {
  display: none;
}
.task-copy-tpl .task-others .has-data .hide-btn .description-content {
  display: block;
}
.task-copy-tpl .task-others .has-data .item-line {
  clear: both;
  width: 188px;
  padding-top: 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #ececec;
}
.task-copy-tpl .task-others .has-data .show-attachment-list {
  width: 100%;
}
.task-copy-tpl .task-others .has-data .show-attachment-list .attachment-list {
  display: block;
}
.task-copy-tpl .task-others .has-data .show-attachment-list .item-btn {
  height: 32px;
  line-height: 32px;
  margin: 0;
}
.task-copy-tpl .task-others .has-checkitems {
  clear: both;
  margin: 25px 25px 0;
  font-size: 14px;
  background-color: #fffbf7;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems i,
.task-copy-tpl .task-others .has-checkitems span {
  float: left;
}
.task-copy-tpl .task-others .has-checkitems .hd,
.task-copy-tpl .task-others .has-checkitems .row,
.task-copy-tpl .task-others .has-checkitems .add-btn {
  clear: both;
  padding: 0 15px 0 32px;
  border-bottom: solid 1px #f0f0f0;
}
.task-copy-tpl .task-others .has-checkitems .hd .name,
.task-copy-tpl .task-others .has-checkitems .row .name,
.task-copy-tpl .task-others .has-checkitems .add-btn .name {
  margin-left: 15px;
}
.task-copy-tpl .task-others .has-checkitems .hd i,
.task-copy-tpl .task-others .has-checkitems .row i,
.task-copy-tpl .task-others .has-checkitems .add-btn i {
  color: #cdc8c5;
}
.task-copy-tpl .task-others .has-checkitems .hd {
  height: 46px;
  line-height: 46px;
}
.task-copy-tpl .task-others .has-checkitems .hd .name {
  font-weight: 500;
  color: #4a4a4a;
}
.task-copy-tpl .task-others .has-checkitems .hd .num {
  margin-left: 10px;
  color: #a9a9a9;
}
.task-copy-tpl .task-others .has-checkitems .row {
  min-height: 34px;
  line-height: 34px;
  position: relative;
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems .row .ibass-close {
  display: none;
  float: right;
}
.task-copy-tpl .task-others .has-checkitems .row .ibass-checked {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-checkitems .row .ibass-more {
  display: none;
  position: absolute;
  left: 0;
}
.task-copy-tpl .task-others .has-checkitems .row:hover .ibass-more,
.task-copy-tpl .task-others .has-checkitems .row:hover .ibass-close {
  display: inline-block;
}
.task-copy-tpl .task-others .has-checkitems .row i {
  display: inline-block;
  height: 34px;
  cursor: pointer;
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems .row i:hover {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-checkitems .row .name {
  float: left;
  width: 434px;
  height: 100%;
  min-height: 22px;
  line-height: 22px;
  padding: 6px 0;
  font-size: 14px;
  text-align: left;
  word-break: break-all;
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems .row .name > div {
  position: relative;
  min-height: 22px;
}
.task-copy-tpl .task-others .has-checkitems .row .name > div pre {
  overflow: hidden;
}
.task-copy-tpl .task-others .has-checkitems .row .item-done span {
  text-decoration: line-through;
}
.task-copy-tpl .task-others .has-checkitems .add-btn {
  float: left;
  border: none;
  cursor: pointer;
}
.task-copy-tpl .task-others .has-checkitems .add-btn:hover {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-checkitems .add-btn:hover i {
  color: #fa8919;
}
.task-copy-tpl .task-others .has-checkitems textarea {
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
}
.task-copy-tpl .task-others .has-checkitems textarea,
.task-copy-tpl .task-others .has-checkitems pre {
  line-height: 22px;
}
.task-copy-tpl .task-others .has-checkitems .true-to-del {
  display: inline-block;
  width: 78px;
}
.task-copy-tpl .task-others .has-checkitems .true-to-del .btn-del {
  margin-top: 5px;
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  vertical-align: text-bottom;
}
.task-copy-tpl .page-bottom {
  clear: both;
  margin: 27px 0 30px;
  font-size: 12px;
  text-align: center;
}
.task-copy-tpl .page-bottom .copy-btn {
  display: inline-block;
  width: 130px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
.task-copy-tpl .page-bottom .copying {
  background-color: #ebebee;
  color: #a9a9a9;
  cursor: initial;
}
.task-copy-tpl .page-bottom .copy-desc {
  margin-top: 15px;
  line-height: 16px;
  display: inline-block;
  color: #a9a9a9;
}
.task-copy-tpl .ibass-filetype-ppt {
  color: #d04424;
}
.task-copy-tpl .ibass-filetype-pdf {
  color: #e3574d;
}
.task-copy-tpl .ibass-filetype-image {
  color: #07cfda;
}
.task-copy-tpl .ibass-filetype-doc {
  color: #0a96e5;
}
.task-copy-tpl .ibass-filetype-excel {
  color: #1c7044;
}
.task-copy-tpl .ibass-filetype-zip {
  color: #9d7120;
}
.task-copy-tpl .ibass-filetype-music {
  color: #a7d638;
}
.task-copy-tpl .ibass-filetype-video {
  color: #d94ff5;
}
.task-copy-tpl .ibass-filetype-default {
  color: #cdc9c5;
}
.task-copy-tpl .prevent-edit-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.task-copy-tpl .task-project-item {
  display: flex;
  cursor: pointer;
  position: relative;
  margin-top: 16px;
  margin-right: 10px;
}
.task-copy-tpl .task-project-item .ibass-trig-down {
  margin-left: 5px;
  color: #a9a9a9;
}
.task-copy-tpl .task-project-item .ibass-trig-down.active {
  color: #fa8919;
}
.task-copy-tpl .task-project-item .task-project-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view-one-user-in-task-copy-page .ns-popover-tooltip {
  width: 200px;
}
.view-one-user-in-task-copy-page .ns-popover-items {
  margin-bottom: 1px;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg {
  background-color: transparent !important;
  height: 60px;
  cursor: auto;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg .ns-popover-item-pic {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
  margin-top: 14px;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg .ns-popover-item-pic img {
  background-color: #dadada;
  width: 34px;
  height: 34px;
  border-radius: 20px;
  margin-top: -1px;
  margin-left: -1px;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg .ns-popover-item-value {
  max-width: 150px;
  color: #000;
  padding-top: 12px;
  padding-left: 40px;
}
.view-one-user-in-task-copy-page .ns-popover-items .user-msg .popover-item-checkmark {
  color: #fa8919;
}
.view-one-user-in-task-copy-page .ns-popover-items .delete-btn {
  float: left;
  height: 36px;
  line-height: 36px;
  border-top: 1px solid #f0f0f0;
  background-color: transparent!important;
}
.view-one-user-in-task-copy-page .ns-popover-items .delete-btn .ibass-close {
  font-size: 14px;
  float: left;
}
.view-one-user-in-task-copy-page .ns-popover-items .delete-btn span {
  float: left;
  padding-left: 21px;
  font-size: 12px;
}
.attachment-add-menu-in-task-copy-page {
  left: 50%!important;
  top: 100%!important;
  transform: translateX(-50%);
  text-align: left;
}
.attachment-add-menu-in-task-copy-page span {
  color: white!important;
  font-size: 12px!important;
}
.attachment-add-menu-in-task-copy-page .ns-popover-items {
  margin-top: 10px;
}
.task-copy-batch-tpl .copy-tip {
  margin: 20px 50px;
}

.create-task-by-dig {
  overflow: scroll !important;
}
.create-task-by-dig.ngdialog.ngdialog-theme-default {
  position: fixed;
  padding-top: 30vh !important;
  padding-bottom: 0 !important;
  overflow: unset;
}
.create-task-by-dig.ngdialog.ngdialog-theme-default .ngdialog-overlay {
  background: transparent!important;
}
.create-task-by-dig.ngdialog.ngdialog-theme-default .ngdialog-content {
  min-height: 90px;
  border-radius: 15px!important;
  background-color: rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  padding: 15px!important;
}
.create-task-by-dig.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-overlay {
  background: transparent;
}
.create-task-by-dig.ngdialog.ngdialog-theme-default .ngdialog-content .task-create-smart {
  background-color: #fefeff;
}
.create-task-by-dig.ngdialog.ngdialog-theme-default .loading {
  padding: 90px 0;
}
.create-task-by-dig .ibass-user.active {
  color: #fa8919;
}

.check-item-drag.ui-draggable-dragging {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  border-color: red;
}
.check-item-drag.ui-draggable-dragging {
  background-color: #f8f8f9;
  opacity: .8;
  width: 587px;
  border-radius: 4px;
}
.check-item-drag.ui-droppable-hover {
  box-shadow: inset 0 -1px 0 0 #fa8919 !important;
}

.progress {
  height: 2px;
  width: 200px;
  background-color: #f0f0f0;
  position: relative;
  top: 10px;
  margin-left: 8px;
}
.progress .bar {
  height: 6px;
  border-radius: 4px;
  background-color: #fa8919;
  position: absolute;
  left: 0;
  top: -2px;
}
.Percentage {
  margin-left: 7px;
  font-size: 12px;
  color: #737373;
}
.close {
  margin-left: 20px;
  color: #cdc9c5;
}
.close:hover {
  color: #f72b44;
}
.close:hover i {
  color: #f72b44;
}
.close span {
  margin-left: 3px;
}
.drag-area {
  width: 588px;
  height: 211px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.95);
  border: dashed 2px #b5b5b5;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  text-align: center;
}
.drag-area .icon {
  font-size: 36px;
  color: #fa8919;
}
.drag-area span {
  display: block;
  position: static!important;
}
.dragover {
  border: dashed 2px #ed6c00;
}
.task-enclosure .icon {
  font-size: 14px;
  vertical-align: middle;
}
.task-enclosure .name {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 360px;
  text-align: left;
}
.task-enclosure .file-size {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
  font-size: 12px;
  color: #a9a9a9;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  margin-left: 20px;
  float: left;
}
.task-enclosure .task-enclosure-list {
  overflow: hidden;
  min-height: 32px;
  line-height: 32px;
  border-radius: 2px;
}
.task-enclosure .task-enclosure-list .ibass-download:hover {
  color: #fa8919!important;
}
.task-enclosure .task-enclosure-list:hover {
  background-color: #f8f8f9;
}
.task-enclosure .task-enclosure-list .icon {
  color: #0a96e5;
}
.task-enclosure .task-enclosure-list .name {
  color: #4a4a4a;
}
.task-enclosure .task-enclosure-list .task-enclosure-delete {
  margin-right: 10px;
}
.task-enclosure .task-enclosure-list .task-enclosure-delete:hover {
  color: #f72b44!important;
}
.task-enclosure .task-enclosure-list .ibass-filetype-ppt {
  color: #d04424;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-filetype-pdf {
  color: #e3574d;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-filetype-image {
  color: #07cfda;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-filetype-doc {
  color: #0a96e5;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-filetype-excel {
  color: #1c7044;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-filetype-zip {
  color: #9d7120;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-filetype-music {
  color: #a7d638;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-filetype-video {
  color: #d94ff5;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-filetype-default {
  color: #cdc9c5;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-keynote {
  color: #1a9bf7;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-numbers {
  color: #08ad00;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .ibass-pages {
  color: #ff8403;
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-create {
  display: inline-block;
  clear: both;
}
.task-enclosure .task-enclosure-create .icon {
  color: #cdc9c5;
}
.task-enclosure .task-enclosure-create .name {
  color: #737373;
}

.departmenet-analysis-main {
  width: 1000px;
  min-height: 900px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 0 -15px;
  padding: 0 25px;
  box-sizing: border-box;
}
.departmenet-analysis-main .reoport-header {
  height: 60px;
  border-bottom: 1px solid #ebebeb;
  line-height: 60px;
}
.departmenet-analysis-main .reoport-header .type-icon {
  font-size: 24px;
  color: #fdba78;
  position: relative;
  top: 4px;
}
.departmenet-analysis-main .reoport-header .type-title {
  font-size: 20px;
  color: #4a4a4a;
}
.departmenet-analysis-main .reoport-header .type-line {
  display: inline-block;
  color: #ebebeb;
  margin: 0 10px;
  width: 1px;
  height: 23px;
  border-right: 2px solid #ebebeb;
  position: relative;
  top: 4px;
}
.departmenet-analysis-main .reoport-header .type-close {
  float: right;
  cursor: pointer;
}
.departmenet-analysis-main .reoport-header .type-close i {
  font-size: 20px;
}
.departmenet-analysis-main .reoport-header .nav-line {
  display: inline-block;
  color: #ebebeb;
  margin: 0 20px;
  width: 1px;
  height: 23px;
  border-right: 2px solid #ebebeb;
  position: relative;
  top: 18px;
}
.departmenet-analysis-main .reoport-header .type-team {
  font-size: 16px;
  color: #8c8f92;
  position: relative;
  top: -1px;
}
.departmenet-analysis-main .departmenet-analysis-top {
  height: 50px;
  line-height: 50px;
}
.departmenet-analysis-main .departmenet-analysis-top span {
  color: #737373;
}
.departmenet-analysis-main .departmenet-analysis-top .segmenting {
  margin-left: 14px;
  border-left: 1px solid #ededed;
  padding-left: 14px;
}
.departmenet-analysis-main .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #cdc9c5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.departmenet-analysis-main .department-overview {
  height: 190px;
  border-radius: 6px;
  background-color: #f8f8f9;
  margin-bottom: 20px;
  cursor: pointer;
}
.departmenet-analysis-main .department-overview .overview-title {
  padding-top: 14px;
}
.departmenet-analysis-main .department-overview .overview-title span {
  font-weight: 600;
  margin-left: 20px;
  cursor: pointer;
}
.departmenet-analysis-main .department-overview .overview-content {
  padding-top: 4px;
}
.departmenet-analysis-main .department-overview .i-chart-overview {
  height: 146px;
}
.departmenet-analysis-main .department-overview-tips {
  margin-top: 30px;
}
.departmenet-analysis-main .department-overview-tips i {
  position: relative;
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  top: 2px;
}
.departmenet-analysis-main .department-overview-tips span {
  color: #737373;
  line-height: 24px;
  font-size: 14px;
}
.departmenet-analysis-main .department-overview-tips .info-one {
  margin-left: 10px;
}
.departmenet-analysis-main .department-overview-tips .info-two {
  margin-left: 28px;
}

.depart-report-main .report-head {
  height: 50px;
}
.depart-report-main .report-head .add-report {
  height: 50px;
  line-height: 50px;
  float: right;
  cursor: pointer;
}
.depart-report-main .report-head .ibass-add {
  color: #fa8919;
  position: relative;
  top: 2px;
}
.depart-report-main .report-head .report-screen {
  float: left;
  margin-top: 18px;
  color: #737373;
}
.depart-report-main .report-head .report-screen .ibass-trig-down {
  position: relative;
  top: 2px;
  color: #cdc9c5;
  left: 4px;
}
.depart-report-main .report-content .table-header {
  color: #737373;
  height: 42px;
  font-size: 12px;
  line-height: 42px;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
  font-size: 0;
}
.depart-report-main .report-content .table-header span {
  font-size: 12px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.depart-report-main .report-content .table-content {
  color: #4a4a4a;
}
.depart-report-main .report-content .table-content .table-tr {
  position: relative;
  height: 42px;
  font-size: 0;
  line-height: 42px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
}
.depart-report-main .report-content .table-content .table-tr:hover {
  background-color: #f8f8f9;
}
.depart-report-main .report-content .table-content .table-tr:hover .tool i {
  display: inline-block;
  margin: 0 4px;
  color: #fdba78;
  font-size: 14px;
}
.depart-report-main .report-content .table-content .table-tr .circular {
  width: 24px;
  height: 24px;
  border-radius: 20px;
  margin-left: 4px;
  position: relative;
  top: 12px;
}
.depart-report-main .report-content .table-content .table-tr .circular i {
  color: #fff;
  position: relative;
  top: -10px;
  left: 4px;
}
.depart-report-main .report-content .table-content .table-tr .circular .ibass-sort {
  cursor: pointer;
  font-size: 16px;
  top: -8px;
}
.depart-report-main .report-content .table-content .table-tr .ibass-delete {
  color: #fdba78;
}
.depart-report-main .report-content .table-content .table-tr .analysis {
  background-color: #FFC107;
}
.depart-report-main .report-content .table-content .table-tr .rank {
  background-color: #4dd0e1;
}
.depart-report-main .report-content .table-content .table-tr span {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  height: 42px;
  text-overflow: ellipsis;
}
.depart-report-main .report-content .table-content .table-tr .tool {
  line-height: 40px;
  position: relative;
}
.depart-report-main .report-content .table-content .table-tr .tool i {
  font-size: 12px;
  display: none;
}
.depart-report-main .report-content .page {
  width: 100%;
  text-align: center;
}
.depart-report-main .report-content .page ul {
  display: inline-block;
}
.depart-report-main .report-noData {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 20%;
}
.depart-report-main .report-noData .add-new-report {
  color: #fa8919;
}
.depart-report-main .report-noData .ibass-add {
  position: relative;
  top: 2px;
}
.depart-report-main .report-noData .nodata-infos {
  cursor: pointer;
}
.depart-report-main .report-noData .nodata-tips {
  color: #a9a9a9 !important;
}
.depart-report-main .report-noData .empty-data {
  background-image: url('/team/organization/analysis/imgs/empty-data.png');
  display: inline-block;
  width: 70px;
  height: 80px;
  margin-top: 35px;
}
.depart-report-main .department-overview-tips i {
  position: relative;
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  top: 2px;
}
.depart-report-main .department-overview-tips span {
  color: #737373;
}

.org-item-page {
  margin-top: 10px;
}
.org-item-page .ibass-checkbox {
  color: #cdc9c5;
  cursor: pointer;
}
.org-item-page .ibass-checked {
  color: #fa8919;
  cursor: pointer;
}
.org-item-page .none-data {
  text-align: center;
  padding: 40px 0;
  font-size: 12px;
  color: #a9a9a9;
}
.org-item-page .header {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
}
.org-item-page .header .box-all,
.org-item-page .header .box-desc {
  font-size: 14px;
}
.org-item-page .header .ibass-checkbox,
.org-item-page .header .ibass-checked {
  padding: 0 6px;
  width: 15px;
}
.org-item-page .header .batch {
  margin-left: 15px;
  padding: 0 13px;
  border-radius: 18px;
  background-color: #f8f8f9;
}
.org-item-page .header .batch .ibass-delete,
.org-item-page .header .batch .ibass-move {
  font-size: 16px;
  text-align: center;
  color: #fdba78;
  cursor: pointer;
}
.org-item-page .header .batch .ibass-move {
  margin-left: 11px;
}
.org-item-page .header .batch .ibass-delete {
  margin-left: 14px;
  margin-right: 9px;
}
.org-item-page .header .batch .ibass-checkbox {
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
}
.org-item-page .header .add-item {
  font-size: 14px;
  cursor: pointer;
}
.org-item-page .header .search {
  width: 160px;
  height: 30px;
  line-height: 30px;
  margin-top: 1px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  padding: 0 8px;
  box-sizing: border-box;
  font-size: 14px;
}
.org-item-page .header .search span {
  color: #cdc9c5;
}
.org-item-page .header .search input {
  width: 125px;
  height: 100%;
  float: right;
  border: none;
  background-color: transparent;
}
.org-item-page .list .head {
  height: 34px;
  line-height: 34px;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
}
.org-item-page .list .head:hover {
  background-color: inherit!important;
}
.org-item-page .list .head span {
  color: #4a4a4a;
  font-size: 14px;
}
.org-item-page .list .head .ibass-team {
  visibility: hidden;
}
.org-item-page .list .item {
  height: 45px;
  line-height: 45px;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
  overflow: hidden;
  cursor: pointer;
}
.org-item-page .list .item:hover {
  background-color: #f8f8f9;
}
.org-item-page .list .item:hover .ibass-edit,
.org-item-page .list .item:hover .ibass-move,
.org-item-page .list .item:hover .ibass-delete,
.org-item-page .list .item:hover .task-delete-confirm {
  visibility: visible;
}
.org-item-page .list .item span {
  float: left;
}
.org-item-page .list .item .box {
  float: left;
  padding: 0 6px;
  width: 15px;
  height: 100%;
}
.org-item-page .list .item .box .icon {
  cursor: pointer;
}
.org-item-page .list .item .attr {
  float: left;
}
.org-item-page .list .item .ibass-team {
  color: #07cfda;
}
.org-item-page .list .item .ibass-project-type1 {
  color: #ff5469;
}
.org-item-page .list .item .ibass-project-type2 {
  color: #4fbe6d;
}
.org-item-page .list .item .ibass-project-type3 {
  color: #67aaf6;
}
.org-item-page .list .item .ibass-project-type4 {
  color: #fa8919;
}
.org-item-page .list .item .ibass-company,
.org-item-page .list .item .ibass-user {
  color: #07cfda;
}
.org-item-page .list .item .name,
.org-item-page .list .item .desc,
.org-item-page .list .item .contact-name,
.org-item-page .list .item .contact-user-name,
.org-item-page .list .item .contact-crt-time,
.org-item-page .list .item .matter-name,
.org-item-page .list .item .matter-status-name,
.org-item-page .list .item .matter-user-name,
.org-item-page .list .item .matter-crt-time,
.org-item-page .list .item .sub-dpt-name,
.org-item-page .list .item .sub-dpt-achived {
  height: 100%;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #a9a9a9;
}
.org-item-page .list .item .contact-name span {
  max-width: 380px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.org-item-page .list .item .name,
.org-item-page .list .item .contact-name,
.org-item-page .list .item .matter-name,
.org-item-page .list .item .sub-dpt-name {
  color: #4a4a4a;
  font-size: 14px;
}
.org-item-page .list .item .name,
.org-item-page .list .item .sub-dpt-name {
  width: 210px;
}
.org-item-page .list .item .sub-dpt-name a {
  cursor: pointer;
}
.org-item-page .list .item .desc {
  width: 306px;
}
.org-item-page .list .item .contact-name {
  width: 400px;
}
.org-item-page .list .item .contact-user-name {
  width: 106px;
}
.org-item-page .list .item .contact-crt-time {
  width: 100px;
}
.org-item-page .list .item .matter-name {
  width: 360px;
}
.org-item-page .list .item .matter-name span {
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.org-item-page .list .item .matter-status-name {
  width: 80px;
}
.org-item-page .list .item .matter-user-name {
  width: 80px;
}
.org-item-page .list .item .matter-crt-time {
  width: 80px;
}
.org-item-page .list .item .ibass-edit,
.org-item-page .list .item .ibass-move,
.org-item-page .list .item .ibass-delete,
.org-item-page .list .item .task-delete-confirm {
  float: right;
  font-size: 16px;
  text-align: center;
  color: #fdba78;
  margin: 0 7px;
  cursor: pointer;
  visibility: hidden;
}
.org-item-page .list .item .ibass-delete:hover {
  color: #f72b44;
}
.org-item-page .list .item .task-delete-confirm {
  height: 22px;
  line-height: 22px;
  padding: 0 14px;
  margin-top: 11px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 12px;
  color: #ffffff;
}
.org-item-page .list .none-desc .name {
  width: 516px;
}
.org-item-page .ncc-flet-content {
  border: 0;
  display: inline-block;
  width: 100%;
  text-align: right;
}
.org-item-page .ncc-flet-content .ncc-top-banner {
  border: 0;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  position: relative;
  line-height: 30px;
  height: 30px;
}
.org-item-page .ncc-flet-content .ncc-top-banner .ncc-pop-dropDown {
  top: 44px;
}
.org-item-page .ncc-flet-content .ncc-top-serch {
  position: relative;
  padding: 0;
  display: inline-block;
  vertical-align: text-top;
  height: auto;
  border: 0;
}
.org-item-page .ncc-flet-content .ncc-top-serch .ibass-search {
  font-size: 14px;
  position: absolute;
  top: -2px;
  left: 24px;
  color: #cdc9c5;
}
.org-item-page .ncc-flet-content .ncc-top-serch .ncc-serchBox {
  font-size: 12px;
}
.org-item-page .ncc-flet-content .ncc-top-serch .ncc-serchBox::-webkit-input-placeholder {
  color: #a9a9a9;
}
.org-item-page .ncc-flet-content .ncc-top-serch .ncc-serchBox::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.org-item-page .ncc-flet-content .ncc-top-serch .ncc-serchBox:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.org-item-page .ncc-flet-content .ncc-top-serch .ncc-serchBox:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a9a9a9;
}
.org-item-page .page {
  width: 100%;
  text-align: center;
}
.org-item-page .page .show-page {
  position: relative;
  top: 35px;
  float: left;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
}
.org-item-page .page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
}
.org-item-page .page ul {
  display: inline-block;
}
.org-item-page .notips {
  min-height: 300px;
}

.ngdialog-department-move.optMoving .ngdialog-close {
  display: none;
}
.department-move-dig {
  padding: 52px 45px 30px;
  font-size: 14px;
}
.department-move-dig .title {
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.department-move-dig .title .hr {
  border-bottom: solid 1px #f0f0f0;
}
.department-move-dig .title span {
  padding: 0 10px;
  display: inline-block;
  transform: translateY(-50%);
  background-color: white;
}
.department-move-dig .no-approver {
  text-align: center;
  padding: 40px 0;
}
.department-move-dig .no-approver .desc {
  font-size: 14px;
  padding: 0 0 30px 0;
}
.department-move-dig .opt-container {
  margin-top: 18px;
}
.department-move-dig .opt-container .desc {
  position: relative;
  padding: 13px 22px 12px 32px;
  border-radius: 4px;
  background-color: #f8f8f9;
  color: #4a4a4a;
}
.department-move-dig .opt-container .desc .ibass-info {
  position: absolute;
  left: 10px;
  font-size: 16px;
  color: #fdba78;
}
.department-move-dig .opt-container .desc-tip {
  font-size: 12px;
  color: #a9a9a9;
  padding: 5px 0;
  font-weight: normal;
}
.department-move-dig .opt-container .tree-container {
  margin-top: 10px;
  height: 260px;
  border: solid 1px #dadada;
  overflow: auto;
}
.department-move-dig .opt-container .tree-container .loading {
  padding: 70px 0;
}
.department-move-dig .opt-container .tree-container .nav-tree ul {
  margin: 0;
  max-width: initial;
}
.department-move-dig .opt-container .tree-container .nav-tree ul li {
  width: 100%;
}
.department-move-dig .opt-container .tree-container .nav-tree .tree-label span {
  width: auto;
  max-width: 200px;
}
.department-move-dig .opt-container .tree-container .tree-label {
  line-height: 20px;
}
.department-move-dig .opt-container .tree-container .tree-label:before,
.department-move-dig .opt-container .tree-container .tree-label .ibass-check {
  vertical-align: middle;
}
.department-move-dig .moving-container .moving {
  height: 130px;
}
.department-move-dig .moving-container .moving .loading {
  padding-top: 15px;
}
.department-move-dig .member-container {
  margin-top: 18px;
}
.department-move-dig .member-container .desc {
  position: relative;
  padding: 13px 22px 15px 32px;
  border-radius: 4px;
  background-color: #f8f8f9;
  color: #4a4a4a;
}
.department-move-dig .member-container .desc .ibass-info {
  position: absolute;
  left: 10px;
  font-size: 16px;
  color: #fdba78;
}
.department-move-dig .member-container .loading {
  padding: 70px 0;
}
.department-move-dig .member-container .member-table {
  margin-top: 10px;
}
.department-move-dig .member-container .member-table .operate {
  text-align: right;
  cursor: pointer;
}
.department-move-dig .member-container .member-table .operate .cancel:hover:before {
  color: #777;
}
.department-move-dig .member-container .member-table .operate .cancel:before {
  color: #bbb;
  content: '\00D7';
  font-size: 18px;
  font-weight: 400;
}
.department-move-dig .member-container .member-table .name {
  width: 150px;
}
.department-move-dig .member-container .member-table .name span {
  float: left;
  max-width: 115px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.department-move-dig .member-container .member-table .name img {
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ccc;
  margin-right: 5px;
  margin-top: 11px;
}
.department-move-dig .member-container .member-table .role {
  width: 180px;
  padding: 0 6px;
  cursor: pointer;
}
.department-move-dig .member-container .member-table .role .role-select {
  display: inline-block;
  max-width: 168px;
  vertical-align: middle;
  position: relative;
}
.department-move-dig .member-container .member-table .role .role-select .role-name {
  display: block;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.department-move-dig .member-container .member-table .role .role-select .role-name:after {
  content: "\EA03";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  margin-top: -1px;
  margin-left: 4px;
  position: absolute;
  top: 20px;
  right: 0px;
}
.department-move-dig .member-container .member-table .role .role-select .role-select-all {
  position: absolute;
  z-index: 1;
  width: 240px;
  top: auto !important;
  left: 50% !important;
  margin-left: -120px;
}
.department-move-dig .member-container .member-table .role .role-select .role-ns-popover-tooltip {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
}
.department-move-dig .member-container .member-table .role .role-select .role-ns-popover-tooltip ul {
  padding: 10px 0;
  max-height: 250px;
  overflow-y: scroll;
}
.department-move-dig .member-container .member-table .role .role-select .role-ns-popover-tooltip li {
  list-style-type: none;
  line-height: 30px;
  cursor: pointer;
  margin: 0 8px;
}
.department-move-dig .member-container .member-table .role .role-select .role-ns-popover-tooltip li:before {
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA27";
  font-size: 16px;
  color: #cdc9c5;
  margin-top: -2px;
  margin-right: 2px;
  vertical-align: top;
}
.department-move-dig .member-container .member-table .role .role-select .role-ns-popover-tooltip li.role-radio-active:before {
  font-family: "icon-bass";
  content: "\EA33";
  color: #ed6c00;
  margin-top: -2px;
}
.department-move-dig .member-container .member-table .role .role-select .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #d2d2d2;
  left: 50%;
  top: -21px;
  margin-left: -11px;
}
.department-move-dig .member-container .member-table .role .role-select .triangle:after {
  margin-left: -10px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  top: 1px;
}
.department-move-dig .btn {
  margin-top: 32px;
  text-align: center;
}
.department-move-dig .btn span {
  display: inline-block;
  width: 130px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.ngdialog-department-remove.optRemoving .ngdialog-close {
  display: none;
}
.department-remove-dig {
  padding: 52px 45px 30px;
  font-size: 14px;
}
.department-remove-dig .title {
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.department-remove-dig .title .hr {
  border-bottom: solid 1px #f0f0f0;
}
.department-remove-dig .title span {
  padding: 0 10px;
  display: inline-block;
  transform: translateY(-50%);
  background-color: white;
}
.department-remove-dig .opt-container {
  margin-top: 18px;
}
.department-remove-dig .opt-container .desc {
  position: relative;
  padding: 13px 22px 15px 32px;
  border-radius: 4px;
  background-color: #f8f8f9;
  color: #4a4a4a;
}
.department-remove-dig .opt-container .desc .ibass-info {
  position: absolute;
  left: 10px;
  font-size: 16px;
  color: #fdba78;
}
.department-remove-dig .no-approver {
  text-align: center;
  padding: 40px 0;
}
.department-remove-dig .no-approver .desc {
  font-size: 14px;
  padding: 0 0 30px 0;
}
.department-remove-dig .moving-container .moving {
  height: 130px;
}
.department-remove-dig .moving-container .moving .loading {
  padding-top: 15px;
}
.department-remove-dig .btn {
  margin-top: 32px;
  text-align: center;
}
.department-remove-dig .btn span {
  display: inline-block;
  width: 130px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background-color: #fa8919;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.finance-setting {
  margin-top: 30px;
  padding-left: 10px;
}
.finance-setting .tips > p {
  background-color: #f8f8f9;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 12px;
}
.finance-setting .settings {
  margin-top: 30px;
}
.finance-setting .settings .setting-item {
  margin-top: 20px;
}
.finance-setting .settings .setting-item .info {
  background-color: #f8f8f9;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 12px;
}
.finance-setting .settings .setting-item > div {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.finance-setting .settings .setting-item > div > span {
  font-weight: 500;
  font-size: 14px;
}
.finance-setting .settings .setting-item > div animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  width: 20px;
  cursor: pointer;
  top: 3px;
  height: 35px;
}
.finance-setting .settings .setting-item > div animation-toggle .line,
.finance-setting .settings .setting-item > div animation-toggle .circle {
  position: absolute;
  top: 50%;
  transition: all .6s;
}
.finance-setting .settings .setting-item > div animation-toggle .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.finance-setting .settings .setting-item > div animation-toggle .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -6px;
}
.finance-setting .settings .setting-item > div .animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.finance-setting .settings .setting-item > div .animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
}
.finance-setting .settings .setting-item > div .animation-toggle-closed span {
  position: absolute;
  width: 30px;
  height: 30px;
}
.finance-setting .settings .setting-item > div .animation-toggle-opened .line {
  background-color: #fa8919;
}
.finance-setting .settings .setting-item > div .animation-toggle-opened .circle {
  left: 8px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
}
.finance-setting .settings .setting-item > div .animation-toggle-opened span {
  position: absolute;
  width: 30px;
  height: 30px;
}
.finance-setting .settings .setting-item > div .disable {
  cursor: default;
}

.main-btn:disabled,
.normal-btn:disabled {
  background: #ebebee;
  border-color: #ebebee;
  color: #a9a9a9;
  cursor: not-allowed;
}
.main-btn:disabled:hover,
.normal-btn:disabled:hover {
  box-shadow: none !important;
}
.radio-no-active,
.radio-active {
  margin: 0 8px;
  cursor: pointer;
}
.radio-no-active:hover:before,
.radio-active:hover:before {
  color: #ed6c00;
}
.radio-no-active:before {
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA27";
  font-size: 16px;
  color: #cdc9c5;
  margin-top: -2px;
  vertical-align: top;
}
.radio-active:before {
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA33";
  font-size: 16px;
  vertical-align: middle;
  color: #ed6c00;
  margin-top: -2px;
}
.checkbox-no-active:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA39";
  font-size: 16px;
  vertical-align: middle;
  color: #cdc9c5;
  padding-right: 8px;
  margin-top: -2px;
}
.checkbox-active:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA32";
  font-size: 16px;
  vertical-align: middle;
  color: #ed6c00;
  padding-right: 8px;
  margin-top: -2px;
}
.checkbox-partial-active:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EB47" !important;
  font-size: 16px;
  vertical-align: middle;
  color: #ed6c00;
  padding-right: 8px;
  margin-top: -2px;
}
.orz-ul {
  border: 0 !important;
  width: 137px;
  border-bottom: solid 1px #f0f0f0;
  text-align: left;
}
.orz-ul li {
  line-height: 30px;
  cursor: pointer;
}
.team-member-status {
  margin-left: -20px;
  margin-top: -10px;
}
.team-member-status .triangle {
  margin-left: -6px;
}
.team-member-status .ns-popover-tooltip {
  width: 100px;
  text-align: center;
}
.team-member-status .ns-popover-tooltip .ns-popover-items {
  cursor: pointer;
}
.team-member-status .ns-popover-tooltip .ns-popover-items div {
  padding: 0;
}
.change-approver {
  text-align: center;
  padding: 40px 0;
}
.change-approver .tip {
  margin: 30px 0 15px 0;
  color: #a9a9a9;
  font-size: 12px;
}
.change-approver .btn-group {
  position: relative;
}
.change-approver .btn-group span {
  display: inline-block;
}
.change-approver .btn-group .normal-btn {
  border-color: #f8f8f9;
  background: #f8f8f9;
  position: absolute;
  top: 0;
  left: 20px;
  width: 72px;
}
.organization-member-new .header {
  line-height: 32px;
  font-size: 12px;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
}
.organization-member-new .header .box-all,
.organization-member-new .header .box-desc {
  font-size: 14px;
}
.organization-member-new .header .ibass-checkbox {
  color: #cdc9c5;
}
.organization-member-new .header .ibass-checked {
  color: #fa8919;
}
.organization-member-new .header .ibass-checkbox,
.organization-member-new .header .ibass-checked {
  width: 24px;
  text-align: center;
  padding: 0 6px;
  margin-left: 1px;
}
.organization-member-new .header .batch {
  margin-left: 15px;
  padding: 0 13px;
  border-radius: 18px;
  background-color: #f8f8f9;
}
.organization-member-new .header .batch .ibass-delete,
.organization-member-new .header .batch .ibass-move {
  font-size: 16px;
  text-align: center;
  color: #fdba78;
  cursor: pointer;
}
.organization-member-new .header .batch .ibass-move {
  margin-left: 11px;
}
.organization-member-new .header .batch .ibass-delete {
  margin-left: 14px;
  margin-right: 9px;
}
.organization-member-new .header .batch .ibass-checkbox {
  font-size: 14px;
  text-align: center;
  color: #cdc9c5;
}
.organization-member .member-table {
  color: #777;
}
.organization-member .member-table .name {
  width: 160px;
}
.organization-member .member-table .role {
  width: 170px;
}
.organization-member .member-table .disabled i {
  cursor: not-allowed !important;
}
.organization-member .member-table .role-describe {
  width: 100px;
  min-width: 100px;
}
.organization-member .member-table .status {
  min-width: 35px;
}
.organization-member .member-table .desp {
  width: 200px;
}
.organization-member .member-table thead {
  color: #4a4a4a;
  font-size: 14px;
}
.organization-member .member-table thead tr td:first-child {
  padding-left: 45px;
}
.organization-member .member-table tbody tr:hover {
  background-color: #f8f8f9;
}
.organization-member .member-table tbody .name {
  color: #4a4a4a;
}
.organization-member .member-table tbody .name .box {
  float: left;
  height: 50px;
  padding: 0 6px;
  width: 24px;
  text-align: center;
}
.organization-member .member-table tbody .name .icon {
  display: inline-block;
  height: 24px;
  line-height: 22px;
  cursor: pointer;
}
.organization-member .member-table tbody .name .ibass-checked {
  color: #fa8919;
}
.organization-member .member-table tbody .name span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  margin-right: 10px;
  float: left;
}
.organization-member .member-table tbody .name img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ccc;
}
.organization-member .member-table tbody .role {
  cursor: pointer;
}
.organization-member .member-table tbody .role span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  padding-right: 20px;
  vertical-align: middle;
  position: relative;
}
.organization-member .member-table tbody .role span:after {
  content: "\EA03";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  margin-top: -1px;
  margin-left: 4px;
  position: absolute;
  top: 20px;
  right: 0px;
}
.organization-member .member-table tbody .role .clearicon:hover {
  cursor: default;
}
.organization-member .member-table tbody .role .clearicon:after {
  content: " ";
}
.organization-member .member-table tbody tr:hover i {
  visibility: visible;
}
.organization-member .member-table tbody .role-describe {
  text-align: right;
  height: 52px;
}
.organization-member .member-table tbody .role-describe i:hover {
  color: #fa8919;
}
.organization-member .member-table tbody .role-describe i {
  cursor: pointer;
  padding: 0 6px;
  color: #fdba78;
  visibility: hidden;
}
.organization-member .member-table tbody .desp p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 188px;
  padding-right: 20px;
}
.organization-member .member-table .confirmDelBtn {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  color: #ffffff;
  line-height: 24px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.organization-member .add-member:before {
  content: "\EA65";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  margin-top: 2px;
  color: #fa8919;
}
.organization-member .filter-member {
  font-size: 14px;
  line-height: 32px;
  margin-right: 10px;
  color: #737373;
  display: inline-block;
  padding-right: 10px;
  border-right: solid 1px #f0f0f0;
  cursor: pointer;
}
.organization-member .filter-member .icon {
  vertical-align: sub;
  color: #fa8919;
}
.organization-member .operation-log {
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 38px;
}
.organization-member .operation-log .operation-log-title {
  font-size: 18px;
  margin-bottom: 18px;
}
.organization-member .operation-log .search {
  position: relative;
  margin-bottom: 22px;
}
.organization-member .operation-log .search input {
  width: 200px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  float: left;
  font-size: 12px;
  text-indent: 25px;
}
.organization-member .operation-log .detail-content {
  position: relative;
  height: auto;
  width: 700px;
}
.organization-member .operation-log .overview-part {
  padding-bottom: 10px;
}
.organization-member .operation-log .overview-part .overview-ul-tittle {
  left: 60px;
}
.organization-member .operation-log .overview-part .overview-ul-tittle div {
  top: 30px;
}
.organization-member .operation-log .overview-part .overview-ul li {
  margin-bottom: 9px;
}
.organization-member .operation-log .overview-part .overview-ul li .message {
  width: 600px;
}
.organization-member .operation-log .overview-part .overview-ul li .sub-message {
  margin-left: 75px;
  font-size: 12px;
  line-height: 20px;
}
.organization-member .operation-log .overview-part .overview-ul li .time {
  margin-right: 0;
  margin-left: 10px;
  font-size: 13px;
  color: #737373;
}
.organization-member .operation-log .overview-part .overview-ul .line {
  height: calc(87%);
  left: 60px;
}
.organization-member .section-default-role {
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.organization-member .section-default-role .section-default-role-title {
  margin-left: 8px;
  font-size: 18px;
  float: left;
}
.organization-member .section-default-role .create-role {
  float: right;
  margin-right: 58px;
}
.organization-member .section-default-role .create-role i {
  font-size: 16px;
  color: #fa8919;
  margin-right: 8px;
  vertical-align: middle;
}
.organization-member .section-default-role .list-role {
  margin-top: 18px;
}
.organization-member .section-default-role .list-role .list-role-nav {
  width: 100%;
  height: 41px;
  line-height: 41px;
  padding-left: 13px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.organization-member .section-default-role .list-role .list-role-nav i {
  color: #07cfda;
  margin-right: 13px;
}
.organization-member .section-default-role .list-role .list-role-nav span {
  display: inline-block;
  height: 36px;
  border-bottom: 3px solid #fa8919;
}
.organization-member .section-default-role .list-role .list-role-content {
  position: relative;
  width: 430px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #d8d8d8;
}
.organization-member .section-default-role .list-role .list-role-content i {
  font-size: 20px;
  color: #07cfda;
  margin: 0 8px 0 15px;
  vertical-align: middle;
}
.organization-member .section-default-role .list-role .list-role-content .role-name {
  display: inline-block;
  width: 170px;
}
.organization-member .section-default-role .list-role .list-role-content .describe {
  color: #737373;
}
.organization-member .section-default-role .list-role .list-role-content .more {
  position: absolute;
  right: -264px;
  color: #737373;
}
.organization-member .lawOffice-name {
  margin-left: 8px;
  font-size: 18px;
}
.organization-member .lawOffice-describe {
  margin-top: 6px;
  margin-left: 6px;
}
.organization-member .lawOffice-nav {
  position: absolute;
  right: 34px;
  top: 45px;
}
.organization-member .lawOffice-nav li {
  float: left;
  padding: 0 20px;
  margin: 0;
  border-bottom: 0;
  cursor: pointer;
}
.organization-member .lawOffice-nav li:hover {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.organization-member .lawOffice-nav .active {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.organization-member .lawOffice-member {
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.organization-member .lawOffice-member .nav {
  overflow: hidden;
  width: 100%;
}
.organization-member .lawOffice-member .nav .office-name {
  width: 400px;
  float: left;
}
.organization-member .lawOffice-member .nav .office-name .off-name {
  font-size: 18px;
  line-height: 25px;
  height: 25px;
  margin-bottom: 8px;
}
.organization-member .lawOffice-member .nav .office-name .off-desp {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 380px;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  display: inline-block;
}
.organization-member .lawOffice-member .nav .office-name .tooltip-inner {
  max-width: 380px;
  word-wrap: break-word;
  text-align: left;
}
.organization-member .lawOffice-member .nav .office-ul {
  display: inline-block;
  padding-top: 10px;
  float: right;
}
.organization-member .lawOffice-member .nav .office-ul li,
.organization-member .lawOffice-member .nav .office-ul a {
  padding: 0 20px;
  display: inline-block;
  margin: 0;
  float: left;
  cursor: pointer;
  border-bottom: 2px solid #fff;
}
.organization-member .lawOffice-member .nav .office-ul li:hover,
.organization-member .lawOffice-member .nav .office-ul a:hover {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.organization-member .lawOffice-member .nav .office-ul .active {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.organization-member .lawOffice-member .create-member {
  float: right;
  margin-right: 82px;
}
.organization-member .lawOffice-member .create-member i {
  font-size: 16px;
  color: #fa8919;
  margin-right: 8px;
  vertical-align: middle;
}
.organization-member .lawOffice-member .member-list {
  margin-top: 28px;
  margin-left: 13px;
  width: 695px;
}
.organization-member .lawOffice-member .member-list li:first-of-type {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding-left: 45px;
  border-bottom: solid 1px #f0f0f0;
}
.organization-member .lawOffice-member .member-list li:first-of-type span:nth-child(1) {
  margin-right: 75px;
}
.organization-member .lawOffice-member .member-list li:first-of-type span:nth-child(2) {
  margin-right: 145px;
}
.organization-member .lawOffice-member .member-list li {
  height: 45px;
  line-height: 45px;
  padding-left: 10px;
}
.organization-member .lawOffice-member .member-list li .round {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #fa8919;
  vertical-align: middle;
}
.organization-member .lawOffice-member .member-list li .member-name {
  display: inline-block;
  width: 120px;
}
.organization-member .lawOffice-member .member-list li .role-type {
  display: inline-block;
  width: 160px;
}
.organization-member .lawOffice-member .member-list li .role-describe {
  display: inline-block;
  width: 318px;
}
.organization-member .lawOffice-role {
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.organization-member .lawOffice-role .create-section-role {
  float: right;
  margin-right: 55px;
}
.organization-member .lawOffice-role .create-section-role i {
  font-size: 16px;
  color: #fa8919;
  margin-right: 8px;
  vertical-align: middle;
}
.organization-member .lawOffice-role .list-role {
  margin-top: 10px;
}
.organization-member .lawOffice-role .list-role .list-role-nav {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding-left: 13px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.organization-member .lawOffice-role .list-role .list-role-nav i {
  color: #07cfda;
  margin-right: 13px;
}
.organization-member .lawOffice-role .list-role .list-role-nav span {
  display: inline-block;
  height: 40px;
  border-bottom: 3px solid #fa8919;
}
.organization-member .lawOffice-role .list-role .list-role-content {
  position: relative;
  width: 430px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #d8d8d8;
}
.organization-member .lawOffice-role .list-role .list-role-content i {
  font-size: 20px;
  color: #07cfda;
  margin: 0 8px 0 15px;
  vertical-align: middle;
}
.organization-member .lawOffice-role .list-role .list-role-content .role-name {
  display: inline-block;
  width: 170px;
}
.organization-member .lawOffice-role .list-role .list-role-content .describe {
  color: #737373;
}
.organization-member .lawOffice-role .list-role .list-role-content .more {
  position: absolute;
  right: -264px;
  color: #737373;
}
.organization-member .lawOffice-subdivision {
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.organization-member .lawOffice-subdivision .create-subdivision {
  float: right;
  margin-right: 68px;
}
.organization-member .lawOffice-subdivision .create-subdivision i {
  font-size: 16px;
  color: #fa8919;
  margin-right: 8px;
  vertical-align: middle;
}
.organization-member .lawOffice-subdivision .subdivision-list {
  margin-top: 28px;
  margin-left: 13px;
  width: 520px;
}
.organization-member .lawOffice-subdivision .subdivision-list li:first-of-type {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding-left: 45px;
  margin-bottom: 5px;
  border-bottom: solid 1px #f0f0f0;
}
.organization-member .lawOffice-subdivision .subdivision-list li:first-of-type span:nth-child(1) {
  margin-right: 125px;
}
.organization-member .lawOffice-subdivision .subdivision-list li:first-of-type span:nth-child(2) {
  margin-right: 145px;
}
.organization-member .lawOffice-subdivision .subdivision-list .list-subdivision-content {
  position: relative;
  width: 520px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.organization-member .lawOffice-subdivision .subdivision-list .list-subdivision-content i {
  font-size: 20px;
  color: #07cfda;
  margin: 0 8px 0 15px;
  vertical-align: middle;
}
.organization-member .lawOffice-subdivision .subdivision-list .list-subdivision-content .subdivision-name {
  display: inline-block;
  width: 170px;
}
.organization-member .lawOffice-subdivision .subdivision-list .list-subdivision-content .describe {
  color: #737373;
}
.organization-member .lawOffice-subdivision .subdivision-list .list-subdivision-content .more {
  position: absolute;
  right: -163px;
  color: #737373;
}
.organization-member .auth-project-role {
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.organization-member .auth-project-role .auth-project-role-title {
  margin-left: 8px;
  font-size: 18px;
  float: left;
}
.organization-member .auth-project-role .create-role {
  float: right;
  margin-right: 55px;
}
.organization-member .auth-project-role .create-role i {
  font-size: 16px;
  color: #fa8919;
  margin-right: 8px;
  vertical-align: middle;
}
.organization-member .auth-project-role .auth-project-role-list {
  margin-top: 43px;
  margin-left: 13px;
  width: 520px;
}
.organization-member .auth-project-role .auth-project-role-list li:first-of-type {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding-left: 45px;
  margin-bottom: 5px;
  border-bottom: solid 1px #f0f0f0;
}
.organization-member .auth-project-role .auth-project-role-list li:first-of-type span:nth-child(1) {
  margin-right: 140px;
}
.organization-member .auth-project-role .auth-project-role-list li:first-of-type span:nth-child(2) {
  margin-right: 145px;
}
.organization-member .auth-project-role .auth-project-role-list .list-project-role-content {
  position: relative;
  width: 520px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.organization-member .auth-project-role .auth-project-role-list .list-project-role-content i {
  font-size: 20px;
  color: #07cfda;
  margin: 0 8px 0 15px;
  vertical-align: middle;
}
.organization-member .auth-project-role .auth-project-role-list .list-project-role-content .role-name {
  display: inline-block;
  width: 170px;
}
.organization-member .auth-project-role .auth-project-role-list .list-project-role-content .describe {
  color: #737373;
}
.organization-member .auth-project-role .auth-project-role-list .list-project-role-content .more {
  position: absolute;
  right: -163px;
  color: #737373;
}
.organization-member .lawOffice-section-setting {
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  padding: 32px 0px 32px 26px;
}
.organization-member .lawOffice-section-setting .auth-list {
  margin-bottom: 10px;
  margin-left: 8px;
}
.organization-member .lawOffice-section-setting .auth-list .list-row {
  margin-bottom: 6px;
}
.organization-member .lawOffice-section-setting .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.organization-member .lawOffice-section-setting .auth-list .list-row span {
  color: #fa8919;
}
.organization-member .lawOffice-section-setting .auth-list .list-content {
  margin-left: 27px;
}
.organization-member .lawOffice-section-setting .auth-list .list-content li {
  width: 675px;
  height: 36px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.organization-member .lawOffice-section-setting .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 444px;
}
.organization-member .lawOffice-section-setting .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.organization-member .lawOffice-section-setting .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.organization-member .lawOffice-section-setting .btn-row .section-setting-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.organization-member .lawOffice-section-setting .btn-row .section-setting-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.organization-member .default-role-admin {
  padding: 30px 0 0 28px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.organization-member .default-role-admin .close-default-role-admin i {
  color: #cdc9c5;
  margin-right: 6px;
}
.organization-member .default-role-admin .close-default-role-admin span {
  font-size: 18px;
}
.organization-member .default-role-admin .describe {
  margin: 8px 0 20px 27px;
}
.organization-member .default-role-admin .auth-list {
  margin-bottom: 23px;
}
.organization-member .default-role-admin .auth-list .list-row {
  width: 675px;
  margin-bottom: 4px;
  padding-bottom: 5px;
}
.organization-member .default-role-admin .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  font-size: 16px;
  vertical-align: middle;
}
.organization-member .default-role-admin .auth-list .list-row span {
  color: #fa8919;
}
.organization-member .default-role-admin .auth-list .list-content {
  margin-left: 23px;
}
.organization-member .default-role-admin .auth-list .list-content li {
  width: 454px;
  height: 29px;
  line-height: 20px;
  border-bottom: solid 1px #f0f0f0;
}
.organization-member .default-role-admin .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.organization-member .default-role-admin .auth-list .list-content li span:nth-child(1) i {
  vertical-align: middle;
}
.organization-member .default-role-admin .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.organization-member .default-role-admin .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.organization-member .default-role-admin .btn-row .default-role-admin-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.organization-member .default-role-admin .btn-row .default-role-admin-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.firm-member-table .max-eightteen {
  max-width: 120px;
}

.organization-role .project-principle {
  padding: 23px 0 0 41px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.organization-role .project-principle .close-project-principle i {
  color: #cdc9c5;
  margin-right: 6px;
}
.organization-role .project-principle .close-project-principle span {
  font-size: 18px;
}
.organization-role .project-principle .auth-list {
  margin-bottom: 35px;
}
.organization-role .project-principle .auth-list .list-row {
  margin-bottom: 5px;
}
.organization-role .project-principle .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.organization-role .project-principle .auth-list .list-row span {
  color: #fa8919;
}
.organization-role .project-principle .auth-list .list-content {
  margin-left: 27px;
}
.organization-role .project-principle .auth-list .list-content li {
  width: 454px;
  height: 35px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.organization-role .project-principle .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.organization-role .project-principle .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.organization-role .project-principle .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.organization-role .project-principle .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.organization-role .project-principle .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.organization-role .auth-role-department-list .list {
  margin-top: 0;
  margin-bottom: 18px;
}
.organization-role .auth-role-department-list .list .list-role-nav {
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 0px;
  box-sizing: border-box;
  vertical-align: middle;
}
.organization-role .auth-role-department-list .list .list-role-nav i {
  color: #07cfda;
  margin: 0;
  font-size: 16px;
  vertical-align: middle;
  padding: 0 14px;
  float: left;
}
.organization-role .auth-role-department-list .list .list-role-nav span {
  display: inline-block;
  float: left;
  height: 40px;
  border-bottom: 3px solid #fa8919;
}
.organization-role .auth-role-department-list .list .list-role-content {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
}
.organization-role .auth-role-department-list .list .list-role-content:hover .oper {
  visibility: visible;
}
.organization-role .auth-role-department-list .list .list-role-content i {
  font-size: 16px;
  display: inline-block;
  color: #07cfda;
  padding: 0 14px;
  margin: 0;
  vertical-align: top;
  float: left;
}
.organization-role .auth-role-department-list .list .list-role-content .role-name {
  display: inline-block;
  width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 94px;
  padding-right: 30px;
  float: left;
  cursor: pointer;
}
.organization-role .auth-role-department-list .list .list-role-content .describe {
  color: #737373;
  display: inline-block;
  width: 295px;
  min-height: 50px;
  min-width: 295px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 295px;
  padding-right: 140px;
}
.organization-role .auth-role-department-list .list .list-role-content .more {
  position: absolute;
  right: -264px;
  color: #737373;
}
.organization-role .auth-role-department-list .list .list-role-content .oper {
  width: 120px;
  float: left;
  visibility: hidden;
  text-align: right;
}
.organization-role .auth-role-department-list .list .list-role-content .oper span:hover {
  color: #fa8919;
}
.organization-role .auth-role-department-list .list .list-role-content .oper span {
  cursor: pointer;
  padding: 0 6px;
  color: #fdba78;
}

.organization-setting .project-principal {
  padding: 23px 0 0 41px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
}
.organization-setting .project-principal .close-project-principal i {
  color: #cdc9c5;
  margin-right: 6px;
}
.organization-setting .project-principal .close-project-principal span {
  font-size: 18px;
}
.organization-setting .project-principal .auth-list {
  margin-bottom: 35px;
}
.organization-setting .project-principal .auth-list .list-row {
  margin-bottom: 5px;
}
.organization-setting .project-principal .auth-list .list-row i {
  color: #07cfda;
  margin-right: 8px;
  vertical-align: middle;
}
.organization-setting .project-principal .auth-list .list-row span {
  color: #fa8919;
}
.organization-setting .project-principal .auth-list .list-content {
  margin-left: 27px;
}
.organization-setting .project-principal .auth-list .list-content li {
  width: 454px;
  height: 35px;
  line-height: 32px;
  border-bottom: solid 1px #f0f0f0;
}
.organization-setting .project-principal .auth-list .list-content li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
}
.organization-setting .project-principal .auth-list .list-content li .all-check {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #fa8919;
  margin-right: 22px;
  cursor: pointer;
}
.organization-setting .project-principal .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.organization-setting .project-principal .btn-row .principal-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.organization-setting .project-principal .btn-row .principal-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.organization-setting .auth-role-department-list .list {
  margin-top: 18px;
}
.organization-setting .auth-role-department-list .list .list-role-nav {
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 0px;
  box-sizing: border-box;
  vertical-align: middle;
  overflow: hidden;
}
.organization-setting .auth-role-department-list .list .list-role-nav i {
  color: #07cfda;
  margin: 0;
  font-size: 16px;
  vertical-align: middle;
  padding: 0 14px;
  float: left;
}
.organization-setting .auth-role-department-list .list .list-role-nav span {
  display: inline-block;
  float: left;
  height: 38px;
  border-bottom: 3px solid #fa8919;
}
.organization-setting .auth-role-department-list .list .list-role-content {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #d8d8d8;
}
.organization-setting .auth-role-department-list .list .list-role-content .role-name {
  display: inline-block;
  width: 54%;
  padding-left: 6%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
}
.organization-setting .auth-role-department-list .list .list-role-content .describe {
  color: #737373;
  display: inline-block;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 36%;
  cursor: pointer;
}
.organization-setting .auth-role-department-list .list .list-role-content .describe .ibass-checkbox,
.organization-setting .auth-role-department-list .list .list-role-content .describe .ibass-checked {
  cursor: pointer;
  margin: 0px;
  font-size: 16px;
  color: #fa8919;
}
.organization-setting .auth-role-department-list .list .list-role-content .describe .ibass-checkbox {
  color: #cdc9c5;
}
.organization-setting .auth-role-department-list .list .list-role-content .describe .ibass-checkbox:hover {
  color: #fa8919;
}
.organization-setting .auth-role-department-list .list .list-role-content .describe .ibass-checked {
  color: #fa8919;
}
.organization-setting .auth-role-department-list .list .list-role-content .more {
  position: absolute;
  right: -264px;
  color: #737373;
}
.organization-setting .auth-role-department-list .list .list-role-content .oper {
  width: 80px;
  float: left;
  visibility: hidden;
  text-align: center;
}
.organization-setting .auth-role-department-list .list .list-role-content .oper span:hover {
  color: #fa8919;
}
.organization-setting .auth-role-department-list .list .list-role-content .oper span {
  cursor: pointer;
  padding: 0 6px;
  color: #fdba78;
}
.organization-setting .btn-row {
  font-size: 12px;
  line-height: 32px;
  margin-top: 62px;
  margin-left: 193px;
}
.organization-setting .btn-row .principle-save {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #fa8919;
  vertical-align: middle;
  cursor: pointer;
}
.organization-setting .btn-row .principle-close {
  display: inline-block;
  width: 104px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  margin-left: 60px;
  background-color: #f8f8f9;
  border-color: #f8f8f9;
  color: #000;
  cursor: pointer;
}
.ns-popover-dpt-tree ul {
  margin: initial!important;
  max-width: initial!important;
}
.ns-popover-dpt-tree .parent-node-descc {
  width: auto!important;
  color: #cdc9c5;
  margin-left: 5px;
}
.ns-popover-dpt-tree .parent-node-descc:hover {
  color: #fa8919;
}
.organization-tree-parent {
  max-width: 150px;
  text-align: left;
}

.organization-subdepartment .add-member {
  margin-right: 20px;
}
.organization-subdepartment table {
  margin-top: 0!important;
}
.organization-subdepartment table thead td {
  line-height: inherit;
}
.organization-subdepartment table tbody td .confirmDelBtn {
  width: 76px;
  height: 24px;
  border-radius: 12px;
  background-color: #f72b44;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  color: #ffffff;
  display: inline-block;
  line-height: 24px;
  cursor: pointer;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-article .header-container {
  padding: 0 34px;
}
.ibass-trig-down {
  color: var(--default);
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container {
  width: 940px;
}
.bigData-adv-sanction-result.bigData-lawsResult .big-data-search-box #init-advanced-search {
  display: none;
}
.bigData-adv-sanction-result.bigData-lawsResult .big-data-search-box #search-in-result {
  margin-left: 60px;
}
.bigData-adv-sanction-result.bigData-lawsResult .big-data-search-box .search-content .select {
  display: none;
}
.bigData-adv-sanction-result.bigData-lawsResult .big-data-search-box .search-content .search {
  margin-left: 20px;
  padding-left: 10px;
  border-radius: 45px;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic {
  max-height: 224px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law {
  padding-right: 20px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item {
  position: relative;
  padding: 20px 10px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item.time_limited_padding {
  padding-top: 30px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title {
  line-height: 30px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .number-index {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 4px 5px 4px 0;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: var(--default);
  background: #f8f8f9;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title span {
  font-size: 20px;
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title span.clicked {
  color: #888;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title span.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-abstract {
  line-height: 22px;
  margin: 5px 0 5px 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom {
  line-height: 30px;
  margin: 0 0 0 25px;
  overflow: hidden;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc {
  width: 650px;
  color: #a9a9a9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc span {
  margin-right: 5px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download:hover i,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download:hover span {
  color: var(--default);
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download .right-line {
  border-right: 1px solid #ebebeb;
  padding-right: 15px;
  margin-right: 10px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: var(--default);
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report i {
  top: 3px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report span {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ededed;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .case-label {
  position: absolute;
  top: 0;
  min-width: 76px;
  height: 24px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .case-label .case-label-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item:hover {
  background: #f8f8f9;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .group-look-more {
  width: 140px;
  height: 40px;
  line-height: 38px;
  margin: 20px auto 0;
  text-align: center;
  border-radius: 20px;
  border: solid 1px #ebe8e6;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .group-look-more span {
  color: #737373;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .group-look-more i {
  margin-left: 8px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .group-look-more:hover span,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .group-look-more:hover i {
  color: var(--default);
}
.ibass-trig-down {
  color: var(--default);
}

.bigData-cnki-result {
  width: 1030px;
  position: relative;
  left: -15px;
  top: 6px;
  min-height: 1200px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.bigData-cnki-result i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-cnki-result .search-container {
  min-height: 94px;
  padding: 33px 0 15px 0;
  border-bottom: 1px solid #ececec;
}
.bigData-cnki-result .search-container .search-content {
  margin: 0 200px;
}
.bigData-cnki-result .search-container .search-bottom {
  width: 630px;
  margin: 15px auto 0;
}
.bigData-cnki-result .search-container .go-back {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 25px;
  top: 25px;
}
.bigData-cnki-result .search-container .go-back i {
  font-size: 20px;
}
.bigData-cnki-result .body-container {
  background-color: #fff;
}
.bigData-cnki-result .body-container .condition-container {
  min-height: 30px;
  line-height: 30px;
  margin: 15px 25px;
  overflow: hidden;
}
.bigData-cnki-result .body-container .condition-container p {
  cursor: pointer;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  border-radius: 20px;
  background: #f8f8f9;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  margin-bottom: 10px;
}
.bigData-cnki-result .body-container .condition-container p i {
  position: absolute;
  right: 7px;
  top: 0;
  color: #ed6c00;
  display: none;
}
.bigData-cnki-result .body-container .condition-container p:hover i {
  display: block;
}
.bigData-cnki-result .body-container .condition-container p .query-keyword {
  display: inline-block;
  height: 30px;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bigData-cnki-result .body-container .condition-container .sort {
  height: 30px;
  line-height: 26px;
  margin-left: 20px;
}
.bigData-cnki-result .body-container .condition-container .count .num {
  color: #fa8919;
}
.bigData-cnki-result .body-container .content-contianer {
  margin: 0 25px;
}
.bigData-cnki-result .body-container .content-contianer table {
  width: 100%;
  border-collapse: collapse;
}
.bigData-cnki-result .body-container .content-contianer table tr {
  border-bottom: 1px solid #f0f0f0;
}
.bigData-cnki-result .body-container .content-contianer table .c-title {
  width: 370px;
  max-width: 370px;
}
.bigData-cnki-result .body-container .content-contianer table .c-author {
  width: 200px;
  max-width: 200px;
}
.bigData-cnki-result .body-container .content-contianer table .c-source {
  width: 160px;
  max-width: 160px;
}
.bigData-cnki-result .body-container .content-contianer table .c-time {
  width: 120px;
  max-width: 120px;
}
.bigData-cnki-result .body-container .content-contianer table .c-type {
  width: 100px;
  max-width: 100px;
}
.bigData-cnki-result .body-container .content-contianer table .header {
  height: 34px;
  font-size: 12px;
  color: #737373;
}
.bigData-cnki-result .body-container .content-contianer table .content {
  height: 40px;
}
.bigData-cnki-result .body-container .content-contianer table .content:hover {
  background-color: #f8f8f9;
}
.bigData-cnki-result .body-container .content-contianer table .content.visited {
  color: #888;
}
.bigData-cnki-result .body-container .content-contianer .no-data {
  text-align: center;
  margin-top: 100px;
}
.bigData-cnki-result .body-container .content-contianer .no-data .ibass-info {
  font-size: 60px;
}
.bigData-cnki-result .body-container .content-contianer .page-container {
  text-align: center;
}
.bigData-cnki-result .body-container .content-contianer .page-container .i-pagination {
  display: inline-block;
}

.bigData-database-result {
  width: 1200px;
  position: relative;
  left: -15px;
  top: 6px;
  min-height: 1486px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.bigData-database-result .width380 {
  width: 380px;
}
.bigData-database-result .width280 {
  width: 300px;
}
.bigData-database-result .width200 {
  width: 200px;
}
.bigData-database-result .number {
  color: #fa8919;
}
.bigData-database-result em {
  color: #ff0000;
  font-style: inherit;
}
.bigData-database-result i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-database-result .no-data {
  text-align: center;
  margin-top: 100px;
}
.bigData-database-result .no-data .ibass-info {
  font-size: 60px;
}
.bigData-database-result .search-container {
  padding: 33px 0 15px 0;
}
.bigData-database-result .search-container .go-back {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 25px;
  top: 25px;
}
.bigData-database-result .search-container .go-back i {
  font-size: 20px;
}
.bigData-database-result .big-data-search-box .search-content {
  position: relative;
  width: 630px;
  min-height: 42px;
  margin-left: 200px;
  border-radius: 45px;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  z-index: 0;
}
.bigData-database-result .right-container {
  width: 1030px;
  margin-top: -12px;
  min-height: 1358px;
  background: #fff;
  border-radius: 0 0 10px 0;
}
.bigData-database-result .right-container .condition-container {
  overflow: hidden;
  padding: 10px 20px;
  margin: 10px 0px 10px 0px;
  border-bottom: 1px solid #ececec;
}
.bigData-database-result .right-container .condition-container .total-count {
  height: 20px;
  float: right;
  font-size: 14px;
  text-align: left;
  position: relative;
  top: 10px;
  color: #737373;
}
.bigData-database-result .right-container .condition-container .msg-source {
  margin-right: 15px;
  position: relative;
  top: 8px;
}
.bigData-database-result .right-container .condition-container .msg-source .source-btn {
  color: #a9a9a9;
}
.bigData-database-result .right-container .condition-container p {
  cursor: pointer;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  border-radius: 20px;
  background: #f8f8f9;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  margin-bottom: 10px;
}
.bigData-database-result .right-container .condition-container p i {
  position: absolute;
  right: 7px;
  top: 0;
  color: #ed6c00;
  display: none;
}
.bigData-database-result .right-container .condition-container p:hover i {
  display: block;
}
.bigData-database-result .right-container .condition-container p .query-keyword {
  display: inline-block;
  height: 30px;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bigData-database-result .right-container .list-container {
  position: relative;
  padding: 0 15px;
}
.bigData-database-result .right-container .list-container .company-item {
  cursor: pointer;
  width: 950px;
  height: 90px;
  margin-left: 37px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.bigData-database-result .right-container .list-container .company-item:hover .ibass-dot {
  color: #fa8919;
}
.bigData-database-result .right-container .list-container .company-item .ibass-dot {
  position: absolute;
  left: 30px;
  top: auto;
  margin-top: 23px;
}
.bigData-database-result .right-container .list-container .company-item .company-name {
  padding-top: 20px;
  width: 651.6px;
}
.bigData-database-result .right-container .list-container .company-item .company-name span {
  color: #4a4a4a;
  font-size: 16px;
}
.bigData-database-result .right-container .list-container .company-item .company-info {
  margin-top: 8px;
}
.bigData-database-result .right-container .list-container .company-item .company-info span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #a9a9a9;
}
.bigData-database-result .right-container .list-container .list-empty {
  text-align: center;
  padding: 50px 0 70px;
  color: #a9a9a9;
  margin: 20px;
}
.bigData-database-result .right-container .list-container .list-empty i {
  display: block;
  font-size: 60px;
  height: 100px;
  color: #ddd9d6;
}
.bigData-database-result .right-container .page-container {
  text-align: center;
}
.bigData-database-result .right-container .page-container .i-pagination {
  display: inline-block;
}
.bigData-database-result .right-container .page-container .tianyancha-des {
  padding: 20px 0;
}
.ns-popover-tooltip-theme.data-change-source .select-sort {
  margin-top: -10px;
  margin-left: -20px;
  width: 80px;
}
.ns-popover-tooltip-theme.data-change-source .select-sort .ns-popover-tooltip {
  width: 80px;
}

.dispute-focus-box {
  max-height: 318px;
  min-height: 100px;
  overflow-y: auto;
  border-radius: 0 4px 4px 4px;
  background: #f8f8f9;
  border: 1px solid #ececec;
  box-sizing: border-box;
  padding: 13px 21px;
}
.dispute-focus-box__item {
  font-size: 14px;
  color: #4A4A4A;
  line-height: 24px;
}
.dispute-focus-box .dispute-focus-title {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.dispute-focus-box .dispute-focus-item {
  margin-left: 18px;
  cursor: pointer;
}
.dispute-focus-box .dispute-focus-item span {
  white-space: pre-wrap;
  line-height: 28px;
  display: inline-block;
}
.dispute-focus-box .dispute-focus-item span:hover {
  background: #FFF0E1;
}

.hit-words-contain {
  width: calc(100% - 55px);
  max-height: 318px;
  min-height: 100px;
  overflow-y: auto;
  border-radius: 0 4px 4px 4px;
  background: #f8f8f9;
  border: 1px solid #ececec;
  box-sizing: border-box;
  padding: 13px 16px;
}
.hit-words-contain.hit-words-contain-judicial {
  width: calc(100% - 65px);
}
.hit-words-contain .paragraph-common-hit {
  position: relative;
  margin-top: 5px;
  padding-left: 5px;
}
.hit-words-contain .paragraph-common-hit .item-paragraph {
  position: relative;
  display: inline-block;
}
.hit-words-contain .paragraph-common-hit .item-paragraph .paragraph-common-item {
  cursor: pointer;
}
.hit-words-contain .paragraph-common-hit .item-paragraph:hover {
  background: #FFF0E1;
}
.hit-words-contain .paragraph-common-hit .item-paragraph:hover .ibass-dot {
  color: #ed6c00;
  cursor: pointer;
}
.hit-words-contain .paragraph-common-hit .item-paragraph .ibass-dot {
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 12px;
}
.hit-words-contain .paragraph-common-hit.paragraph-law {
  margin-top: 5px;
  padding-left: 5px;
}
.hit-words-contain .paragraph-common-hit.paragraph-law .paragraph-common-item {
  cursor: pointer;
}
.hit-words-contain .paragraph-common-hit.paragraph-law:hover {
  background: #FFF0E1;
}
.hit-words-contain .paragraph-common-hit.paragraph-law:hover .ibass-dot {
  color: #ed6c00;
  cursor: pointer;
}
.hit-words-contain .paragraph-common-hit.paragraph-law .ibass-dot {
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 12px;
}
.hit-words-contain .paragraph-common-hit .ibass-dot {
  position: absolute;
  left: 0;
  top: 25px;
  font-size: 12px;
}
.hit-words-contain .paragraph-common-hit .paragraph-common-title {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.hit-words-contain .paragraph-common-hit .paragraph-common-item {
  margin-left: 18px;
  white-space: pre-wrap;
  line-height: 28px;
}
.hit-words-contain .judicialView-through {
  text-align: justify;
}
.hit-words-contain .judicialView-through p {
  line-height: 29px;
  font-size: 14px;
  word-wrap: break-word;
}
.hit-words-contain .judicialView-through .subheading {
  margin: 15px 0 10px;
  font-weight: bold;
}
.hit-words-contain .judicialView-through .main-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 22px;
  text-indent: 0 !important;
}
.hit-words-contain .judicialView-through .small-title {
  position: relative;
  line-height: 22px;
  font-size: 14px;
}
.hit-words-contain .judicialView-through .small-title i {
  position: absolute;
  font-size: 20px;
  line-height: 18px;
  left: -25px;
  color: #fa8919;
}
.hit-words-contain .judicialView-through .small-title .quote-container {
  text-align: right;
  float: right;
  margin: 10px 40px 0 0;
}
.hit-words-contain .judicialView-through .small-title .quote-container .quote {
  display: inline-block;
  font-size: 14px;
  color: #a9a9a9;
  text-align: left;
}
.hit-words-contain .judicialView-through .small-title .bold {
  font-weight: 500;
}
.hit-words-contain .judicialView-through .small-title:after {
  height: 0;
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}
.hit-words-contain .judicialView-through .through-content {
  text-indent: 2em;
}
.hit-words-contain .judicialView-through .through-content .i-add-search-report {
  position: relative;
  display: inline-block;
  max-height: 35px;
  margin-left: 5px;
  text-indent: 0;
  visibility: hidden;
}
.hit-words-contain .judicialView-through .through-content .i-add-search-report a {
  text-indent: 0;
}
.hit-words-contain .judicialView-through .through-content .i-add-search-report a i {
  position: relative;
  left: 0;
  top: 2px;
  font-size: 16px;
  color: #cdc9c5;
}
.hit-words-contain .judicialView-through .through-content .i-add-search-report a span {
  position: relative;
  top: 0px;
}
.hit-words-contain .judicialView-through .through-content .i-add-search-report a .ibass-done {
  color: #fa8919;
}
.hit-words-contain .judicialView-through .through-content .i-add-search-report .confirm-add:hover i {
  color: #fa8919;
}
.hit-words-contain .judicialView-through .through-content:hover .i-add-search-report {
  visibility: visible;
}
.hit-words-contain .judicialView-through .ext-content {
  display: inline-block;
  line-height: 29px;
  text-indent: 2em;
}
.hit-words-contain .judicialView-through .ext-content + .through-content {
  text-indent: 1em;
}
.hit-words-contain .judicialView-through .bigdata-judicialview-quote-law {
  cursor: pointer;
  line-height: inherit;
  color: #d3a279;
  text-decoration: underline;
}
.hit-words-contain .judicialView-through .bigdata-judicialview-quote-law:hover {
  color: #fa8919;
}
.hit-words-contain .judicialView-through.title-line {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ebebeb;
  margin-left: 20px;
}
.hit-words-contain .judicialView-through.title-line-first {
  margin-top: 0;
  border: none;
  padding-top: 10px;
  margin-left: 20px;
}
.hit-words-contain .paragraph-item {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 4px;
  text-align: justify;
}
.hit-words-contain .paragraph-item:last-of-type {
  border-bottom: 1px solid transparent;
}
.hit-words-contain .paragraph-item .p-title {
  position: relative;
  margin: 10px 0 10px;
  margin-left: 20px;
  font-size: 14px;
}
.hit-words-contain .paragraph-item .p-title i.ibass-dot {
  font-size: 20px;
  line-height: 22px;
  color: #fa8919;
  position: absolute;
  left: -28px;
  top: -1px;
}
.hit-words-contain .paragraph-item .light-p-title {
  background-color: #fa8919;
}
.hit-words-contain .paragraph-item .p-detail {
  line-height: 28px;
  font-size: 14px;
}
.hit-words-contain .paragraph-item .p-detail p {
  text-indent: 32px;
  margin-bottom: 16px;
  line-height: 1.81;
}
.hit-words-contain .paragraph-item .p-detail > div {
  line-height: 32px;
  margin-bottom: 16px;
}
.hit-words-contain .paragraph-item .p-detail .key {
  display: inline-block;
  vertical-align: top;
  color: #a9a9a9;
  width: 80px;
}
.hit-words-contain .paragraph-item .p-detail .value {
  display: inline-block;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-judicialView {
  width: 1200px;
  position: relative;
  min-height: 1486px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.bigData-judicialView i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-judicialView .bigdata_query_highlight {
  color: red;
}
.bigData-judicialView .search-container {
  min-height: 94px;
  padding: 40px 0 0 0;
  border-bottom: 1px solid #ececec;
}
.bigData-judicialView .search-container .go-back {
  position: absolute;
  height: 20px;
  left: 25px;
  top: 24px;
  color: #4a4a4a;
}
.bigData-judicialView .search-container .go-back i {
  line-height: 1;
  font-size: 20px;
  color: #4a4a4a;
  vertical-align: -3px;
}
.bigData-judicialView .search-container .go-back:hover,
.bigData-judicialView .search-container .go-back:hover i {
  color: var(--default);
}
.bigData-judicialView .tag-prefix {
  border-radius: 20px;
  vertical-align: top;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #9e9e9e;
  height: 30px;
  line-height: 30px;
}
.bigData-judicialView .left-container {
  background: #f8f8f9;
  width: 259px;
  min-height: 1358px;
  border-radius: 0 0 0 10px;
  border-right: 1px solid #ececec;
  font-size: 14px;
  margin-bottom: -999999px;
  padding-bottom: 999999px;
  box-sizing: border-box;
}
.bigData-judicialView .left-container .sure-search {
  width: 260px;
  height: 80px;
  position: fixed;
  bottom: 0px;
  z-index: 100;
  border-radius: 0px 0px 0px 10px;
  background-color: #ffffff;
  margin: auto;
}
.bigData-judicialView .left-container .sure-search label {
  cursor: pointer;
  position: relative;
  top: 20px;
  left: 17px;
  color: #a9a9a9;
}
.bigData-judicialView .left-container .sure-search button {
  position: relative;
  top: 20px;
  left: 90px;
  width: 110px;
  height: 36px;
  border-radius: 20px;
  background-color: var(--default);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.bigData-judicialView .left-container .sure-search button span {
  color: white;
}
.bigData-judicialView .left-container .caseTree > div treecontrol {
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
.bigData-judicialView .left-container .caseTree > div treecontrol ul {
  margin-left: -200px;
  padding-left: 200px;
  /*li > i {
                    float: left;
                  }*/
}
.bigData-judicialView .left-container .caseTree > div treecontrol ul li {
  padding-left: 0;
}
.bigData-judicialView .left-container .caseTree > div treecontrol ul li i {
  float: left;
}
.bigData-judicialView .left-container .caseTree > div treecontrol ul li .ibass-checked {
  color: var(--default);
}
.bigData-judicialView .left-container .caseTree > div treecontrol ul li .ibass-checkbox {
  display: none;
}
.bigData-judicialView .left-container .caseTree > div treecontrol ul li:hover .ibass-checkbox {
  display: inline-block;
}
.bigData-judicialView .left-container .caseTree > div treecontrol ul li .tree-branch-head,
.bigData-judicialView .left-container .caseTree > div treecontrol ul li .tree-leaf-head {
  margin-left: 8px;
  padding: 1px 5px 1px 0;
}
.bigData-judicialView .left-container .caseTree > div treecontrol ul li.tree-expanded i.tree-leaf-head {
  margin-left: 12px;
}
.bigData-judicialView .left-container .caseTree .sift-tag :before {
  color: #cdc9c5;
}
.bigData-judicialView .left-container .caseTree .tree-classic {
  display: block;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 300ms ease height;
}
.bigData-judicialView .left-container .caseTree .tree-classic::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-judicialView .left-container .caseTree .tree-classic::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-judicialView .left-container .caseTree .tree-classic:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-judicialView .left-container .caseTree .tree-classic:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-judicialView .left-container .caseTree .collapsing {
  overflow: hidden !important;
}
.bigData-judicialView .left-container .caseTree .bigdata-result-tree-li {
  padding-left: 15px;
}
.bigData-judicialView .left-container .caseTree .bigdata-result-tree-li > div {
  margin-left: 0 !important;
  background-color: transparent !important;
}
.bigData-judicialView .left-container .caseTree {
  padding: 24px 19px 12px 15px;
}
.bigData-judicialView .left-container .caseTree .sift {
  padding-bottom: 20px;
}
.bigData-judicialView .left-container .caseTree .sift .tit {
  margin: 0!important;
  font-weight: 600;
  line-height: 38px;
  width: 100%;
}
.bigData-judicialView .left-container .caseTree .sift .tit .multiple-text {
  position: relative;
  top: 2px;
  user-select: none;
  float: right;
  font-weight: normal;
  color: #a9a9a9;
}
.bigData-judicialView .left-container .caseTree .sift .tit .multiple-text:hover {
  color: var(--default);
}
.bigData-judicialView .left-container .caseTree .sift div {
  margin-left: 18px;
  padding: 4px 0;
  display: inline-block;
  width: 79%;
}
.bigData-judicialView .left-container .caseTree .sift p {
  margin-left: 18px;
  padding: 4px 0;
}
.bigData-judicialView .left-container .caseTree .sift .show-checkbox .a6 {
  position: relative;
  height: 21px;
  top: -2px;
  font-size: 14px;
}
.bigData-judicialView .left-container .caseTree .sift .show-checkbox .ibass-checkbox,
.bigData-judicialView .left-container .caseTree .sift .show-checkbox .ibass-checked {
  display: inline;
  margin-right: 8px;
}
.bigData-judicialView .left-container .caseTree .sift .show-checkbox .ibass-dot {
  color: #cdc9c5 !important;
}
.bigData-judicialView .left-container .caseTree .sift .show-all {
  cursor: pointer;
  margin: 0;
}
.bigData-judicialView .left-container .caseTree .sift .show-all .ibass-arrow-down {
  float: left;
  padding: 1px 10px;
  top: 0;
}
.bigData-judicialView .left-container .caseTree .sift .show-all span {
  float: left;
}
.bigData-judicialView .left-container .caseTree .sift .confirm-container {
  width: 100%;
  padding: 0;
  margin: 0 0 0 15px;
}
.bigData-judicialView .left-container .caseTree .sift .confirm-container .confirm,
.bigData-judicialView .left-container .caseTree .sift .confirm-container .cancel {
  width: 80px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 12px;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bigData-judicialView .left-container .caseTree .sift .confirm-container .confirm {
  color: #fff;
  background-color: var(--default);
}
.bigData-judicialView .left-container .caseTree .sift .confirm-container .cancel {
  margin-left: 7px;
  border: solid 1px #cfc7c1;
}
.bigData-judicialView .right-container {
  width: 940px;
  min-height: 1358px;
  background: #fff;
  border-radius: 0 0 10px 0;
}
.bigData-judicialView .right-container .condition-container {
  overflow: hidden;
  margin: 20px 20px 10px 20px;
}
.bigData-judicialView .right-container .condition-container p {
  cursor: pointer;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  border-radius: 20px;
  background: #f8f8f9;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  margin-bottom: 10px;
}
.bigData-judicialView .right-container .condition-container p i {
  position: absolute;
  right: 7px;
  top: 0;
  color: var(--default);
  display: none;
}
.bigData-judicialView .right-container .condition-container p:hover i {
  display: block;
}
.bigData-judicialView .right-container .condition-container p .query-keyword {
  display: inline-block;
  height: 30px;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bigData-judicialView .right-container .header-container {
  line-height: 36px;
  border-bottom: 1px solid #ececec;
}
.bigData-judicialView .right-container .header-container .router-list {
  width: 84px;
  height: 33px;
  color: var(--default);
  line-height: 36px;
  margin-left: 34px;
  text-align: center;
  border-bottom: 2px solid var(--default);
}
.bigData-judicialView .right-container .header-container .sort {
  height: 30px;
  margin-right: 89px;
}
.bigData-judicialView .right-container .header-container .download {
  position: relative;
  top: -2px;
  height: 30px;
  margin-right: 35px;
}
.bigData-judicialView .right-container .header-container .download .ibass-download {
  position: relative;
  top: 3px;
  margin-left: 5px;
  font-size: 16px;
}
.bigData-judicialView .right-container .header-container .download:hover {
  color: var(--default);
}
.bigData-judicialView .right-container .header-container .download:hover .ibass-download {
  color: var(--default);
}
.bigData-judicialView .right-container .header-container .no-result {
  margin-right: 89px;
}
.bigData-judicialView .right-container .header-container .count {
  position: relative;
  top: 1px;
  min-width: 100px;
  margin-right: 40px;
  height: 30px;
}
.bigData-judicialView .right-container .header-container .count .num {
  color: var(--default);
}
.bigData-judicialView .right-container .list-container {
  position: relative;
  padding: 0 20px;
}
.bigData-judicialView .right-container .list-container .judicial-list {
  margin-top: 20px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item {
  position: relative;
  padding: 10px 10px 20px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-labels {
  padding-bottom: 10px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-labels .item-label {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 13px;
  margin: 4px 0;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-labels .item-label.text-tag {
  margin-right: 8px;
  background: #fff;
  color: #353535;
  border: 1px solid #ebebeb;
  padding: 0 5px 0 13px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-labels .item-label.text-tag span {
  position: relative;
  top: -3px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-labels .item-label.text-tag i {
  cursor: pointer;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-labels .item-label.text-tag .remove-tag-button {
  position: relative;
  top: 0;
  right: 2px;
  cursor: pointer;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-labels .item-label.text-tag .remove-tag-button i {
  visibility: hidden;
  top: 0px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-labels .item-label.text-tag:hover .remove-tag-button i,
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-labels .item-label.text-tag:focus .remove-tag-button i {
  visibility: visible;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title {
  line-height: 26px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .number-index {
  display: none;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: var(--default);
  background: #f8f8f9;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .number-index.show-number {
  display: inline-block;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .number-index i {
  font-size: 16px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .number-index i.ibass-checked {
  color: var(--default);
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .number-box {
  margin: 1px 5px 48px 0;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title span {
  font-size: 20px;
  color: #353535;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title span.clicked {
  color: #888;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title span.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-abstract {
  line-height: 22px;
  margin: 5px 0 5px 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom {
  line-height: 30px;
  margin: 0 0 0 25px;
  overflow: hidden;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-desc {
  width: 670px;
  margin: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-desc .keyword-c {
  float: left;
  height: 20px;
  line-height: 21px;
  margin: 0 6px 5px 0;
  padding: 0 12px;
  border: 1px solid #ebe8e6;
  border-radius: 20px;
  background: #fff;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn span {
  color: #a9a9a9;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn .download {
  display: inline-block;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn .download:hover i,
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn .download:hover span {
  color: var(--default);
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn .i-add-search-report span {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ededed;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn .i-add-search-report .confirm-add:hover span {
  color: var(--default);
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: var(--default);
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .case-label {
  position: absolute;
  top: 1px;
  min-width: 76px;
  height: 24px;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .case-label .case-label-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item:hover {
  background: #f8f8f9;
}
.bigData-judicialView .right-container .page-container {
  text-align: center;
}
.bigData-judicialView .right-container .page-container .i-pagination {
  display: inline-block;
}
.big-data-download .loading {
  padding: 20px;
}
.laws-search-select-sort {
  width: 110px;
}
.laws-search-select-sort .ns-popover-tooltip {
  width: 110px;
}
.ibass-trig-down {
  color: var(--default);
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-lawsResult {
  min-width: 1200px;
  min-height: 1486px;
  overflow: hidden;
  box-shadow: var(--default-box-shadow);
  background-color: #fff;
}
.bigData-lawsResult pre {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  *white-space: normal !important;
}
.bigData-lawsResult i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-lawsResult .bigdata_query_highlight {
  color: red;
}
.bigData-lawsResult .search-container {
  min-height: 94px;
  padding: 40px 0 0 0;
  border-bottom: 1px solid #ececec;
}
.bigData-lawsResult .search-container .go-back {
  position: absolute;
  height: 20px;
  left: 25px;
  top: 24px;
  color: #4a4a4a;
}
.bigData-lawsResult .search-container .go-back i {
  line-height: 1;
  font-size: 20px;
  color: #4a4a4a;
  vertical-align: -3px;
}
.bigData-lawsResult .search-container .go-back:hover,
.bigData-lawsResult .search-container .go-back:hover i {
  color: var(--default);
}
.bigData-lawsResult .search-result {
  display: flex;
}
@keyframes right-to-left-dispatch {
  0% {
    width: 0;
    left: 100%;
    opacity: 0;
  }
  100% {
    width: 162px;
    left: 20px;
    opacity: 1;
  }
}
.bigData-lawsResult .left-container {
  background: #f8f8f9;
  width: 259px;
  min-height: 1358px;
  border-right: 1px solid #ececec;
  font-size: 14px;
  margin-bottom: -999999px;
  padding-bottom: 999999px;
  box-sizing: border-box;
}
.bigData-lawsResult .left-container .dispatch-search-state {
  width: 160px !important;
  opacity: 1 !important;
  animation: right-to-left-dispatch 0.3s;
}
.bigData-lawsResult .left-container .dispatch-search-state .search {
  opacity: 1 !important;
}
.bigData-lawsResult .left-container .dispatchAuthorityResults .tit span {
  display: inline-block;
  text-align: left;
  width: 180px;
}
.bigData-lawsResult .left-container .dispatchAuthorityResults .tit i,
.bigData-lawsResult .left-container .dispatchAuthorityResults .tit span {
  position: relative;
  z-index: 4;
}
.bigData-lawsResult .left-container .dispatch-search {
  z-index: 3;
  position: relative;
  top: -40px;
  left: 15px;
  width: 0;
  opacity: 0;
  height: 22px;
  line-height: 22px;
  border-radius: 14px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.bigData-lawsResult .left-container .dispatch-search input {
  border: none;
  border-radius: 16px;
  width: 70%;
  height: 100%;
  padding: 0 10px;
  font-size: 12px;
  background-color: transparent;
}
.bigData-lawsResult .left-container .dispatch-search .search {
  opacity: 0;
  width: auto;
  height: 22px;
  border-radius: 0 10px 10px 0;
  position: absolute;
  right: 4px;
  top: -1px;
  text-align: center;
  line-height: 22px;
  color: #4a4a4a;
  font-size: 12px;
}
.bigData-lawsResult .left-container .dispatch-search .search.cursor {
  width: auto;
  padding-right: 5px;
  color: #cdc9c5;
  font-size: 12px;
  font-weight: inherit;
}
.bigData-lawsResult .left-container .dispatch-search .search.cursor:hover {
  color: var(--default);
}
.bigData-lawsResult .left-container .dispatch-search .search.cursor:hover .ibass-back {
  color: var(--default);
}
.bigData-lawsResult .left-container .dispatch-search .search .ibass-back {
  text-indent: -2px;
  font-size: 14px;
  color: #cdc9c5;
}
.bigData-lawsResult .left-container .dispatch-search .search .clear {
  position: relative;
  top: -2px;
}
.bigData-lawsResult .left-container .sure-search {
  width: 260px;
  height: 80px;
  position: fixed;
  bottom: 0px;
  z-index: 100;
  border-radius: 0px 0px 0px 10px;
  background-color: #ffffff;
  margin: auto;
}
.bigData-lawsResult .left-container .sure-search label {
  cursor: pointer;
  position: relative;
  top: 20px;
  left: 17px;
  color: #a9a9a9;
}
.bigData-lawsResult .left-container .sure-search button {
  position: relative;
  top: 20px;
  left: 90px;
  width: 110px;
  height: 36px;
  border-radius: 20px;
  background-color: var(--default);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.bigData-lawsResult .left-container .sure-search button span {
  color: white;
}
.bigData-lawsResult .left-container .caseTree > div treecontrol {
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
.bigData-lawsResult .left-container .caseTree > div treecontrol ul {
  margin-left: -200px;
  padding-left: 200px;
}
.bigData-lawsResult .left-container .caseTree > div treecontrol ul li {
  padding-left: 0;
}
.bigData-lawsResult .left-container .caseTree > div treecontrol ul li i {
  float: left;
}
.bigData-lawsResult .left-container .caseTree > div treecontrol ul li .tree-branch-head,
.bigData-lawsResult .left-container .caseTree > div treecontrol ul li .tree-leaf-head {
  margin-left: 8px;
  padding: 1px 5px 1px 0;
}
.bigData-lawsResult .left-container .caseTree > div treecontrol ul li .ibass-checked {
  color: var(--default);
}
.bigData-lawsResult .left-container .caseTree > div treecontrol ul li .ibass-checkbox {
  display: none;
}
.bigData-lawsResult .left-container .caseTree > div treecontrol ul li:hover .ibass-checkbox {
  display: inline-block;
}
.bigData-lawsResult .left-container .caseTree > div treecontrol ul li.tree-expanded i.tree-leaf-head {
  margin-left: 12px;
}
.bigData-lawsResult .left-container .caseTree > div .bigdata-result-tree-li {
  padding-left: 15px;
}
.bigData-lawsResult .left-container .caseTree > div .bigdata-result-tree-li > div {
  margin-left: 0 !important;
  background-color: transparent !important;
}
.bigData-lawsResult .left-container .caseTree .sift-tag :before {
  color: #cdc9c5;
}
.bigData-lawsResult .left-container .caseTree .tree-classic {
  display: block;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 300ms ease height;
}
.bigData-lawsResult .left-container .caseTree .tree-classic.dispatch {
  margin-top: -30px;
}
.bigData-lawsResult .left-container .caseTree .tree-classic::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-lawsResult .left-container .caseTree .tree-classic::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-lawsResult .left-container .caseTree .tree-classic:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-lawsResult .left-container .caseTree .tree-classic:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-lawsResult .left-container .caseTree .collapsing {
  overflow: hidden !important;
}
.bigData-lawsResult .left-container .caseTree {
  padding: 24px 19px 12px 15px;
  padding-bottom: 80px;
  width: 100%;
  box-sizing: border-box;
}
.bigData-lawsResult .left-container .caseTree .sift {
  padding-bottom: 20px;
}
.bigData-lawsResult .left-container .caseTree .sift .tit {
  margin: 0 !important;
  font-weight: 600;
  line-height: 38px;
  width: 100%;
  cursor: pointer;
}
.bigData-lawsResult .left-container .caseTree .sift .tit .multiple-text {
  position: relative;
  top: 2px;
  user-select: none;
  float: right;
  font-weight: normal;
  color: #a9a9a9;
}
.bigData-lawsResult .left-container .caseTree .sift .tit .multiple-text:hover {
  color: var(--default);
}
.bigData-lawsResult .left-container .caseTree .sift div {
  margin-left: 18px;
  padding: 4px 0;
  display: inline-block;
  width: 79%;
}
.bigData-lawsResult .left-container .caseTree .sift div.dispatch-search-state {
  margin-left: 5px;
}
.bigData-lawsResult .left-container .caseTree .sift p {
  margin-left: 18px;
  padding: 4px 0;
}
.bigData-lawsResult .left-container .caseTree .sift .posting-date-results .ibass-checkbox,
.bigData-lawsResult .left-container .caseTree .sift .effective-date-results .ibass-checkbox,
.bigData-lawsResult .left-container .caseTree .sift .posting-date-results .ibass-checked,
.bigData-lawsResult .left-container .caseTree .sift .effective-date-results .ibass-checked {
  display: none;
  font-size: 14px;
  color: #4fbe6d;
}
.bigData-lawsResult .left-container .caseTree .sift .show-checkbox .a6 {
  position: relative;
  height: 21px;
  top: -2px;
  font-size: 14px;
}
.bigData-lawsResult .left-container .caseTree .sift .show-checkbox .ibass-checkbox,
.bigData-lawsResult .left-container .caseTree .sift .show-checkbox .ibass-checked {
  display: inline;
  margin-right: 8px;
}
.bigData-lawsResult .left-container .caseTree .sift .show-checkbox .ibass-dot {
  color: #cdc9c5 !important;
}
.bigData-lawsResult .left-container .caseTree .sift .show-all {
  cursor: pointer;
  margin: 0;
}
.bigData-lawsResult .left-container .caseTree .sift .show-all .ibass-arrow-down {
  float: left;
  padding: 1px 10px;
  top: 0;
}
.bigData-lawsResult .left-container .caseTree .sift .show-all span {
  float: left;
}
.bigData-lawsResult .left-container .caseTree .sift .confirm-container {
  width: 100%;
  padding: 0;
  margin: 0 0 0 15px;
}
.bigData-lawsResult .left-container .caseTree .sift .confirm-container .confirm,
.bigData-lawsResult .left-container .caseTree .sift .confirm-container .cancel {
  width: 80px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 12px;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bigData-lawsResult .left-container .caseTree .sift .confirm-container .confirm {
  color: #fff;
  background-color: var(--default);
}
.bigData-lawsResult .left-container .caseTree .sift .confirm-container .cancel {
  margin-left: 7px;
  border: solid 1px #cfc7c1;
}
.bigData-lawsResult .right-container {
  min-width: 940px;
  min-height: 1358px;
  background: #fff;
  flex: 1;
}
.bigData-lawsResult .right-container .select-all-box {
  padding-left: 14px;
  padding-bottom: 10px;
  padding-right: 30px;
  display: flex;
  flex-wrap: nowrap;
}
.bigData-lawsResult .right-container .select-all-box.group {
  padding-top: 20px;
  padding-left: 33px;
  padding-bottom: 0px;
}
.bigData-lawsResult .right-container .select-all-box .left-box {
  flex: 1;
  height: 32px;
}
.bigData-lawsResult .right-container .select-all-box .left-box i {
  margin-right: 7px;
}
.bigData-lawsResult .right-container .select-all-box .right-box {
  text-align: right;
  height: 32px;
  border-radius: 18px;
  background-color: #f8f8f9;
  padding: 0 16px;
}
.bigData-lawsResult .right-container .select-all-box .select-count {
  font-size: 12px;
  color: #4a4a4a;
}
.bigData-lawsResult .right-container .select-all-box i {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.bigData-lawsResult .right-container .select-all-box i.ibass-checked {
  color: var(--default);
}
.bigData-lawsResult .right-container .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: var(--default);
}
.bigData-lawsResult .right-container .select-all-box .option-btn.do-add-report {
  margin-left: 0px;
}
.bigData-lawsResult .right-container .select-all-box .option-btn i {
  color: var(--default);
}
.bigData-lawsResult .right-container .condition-container {
  overflow: hidden;
  margin: 20px 20px 10px 20px;
}
.bigData-lawsResult .right-container .condition-container p {
  cursor: pointer;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  border-radius: 20px;
  background: #f8f8f9;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  margin-bottom: 10px;
}
.bigData-lawsResult .right-container .condition-container p i {
  position: absolute;
  right: 7px;
  top: 0;
  color: var(--default);
  display: none;
}
.bigData-lawsResult .right-container .condition-container p:hover i {
  display: block;
}
.bigData-lawsResult .right-container .condition-container p .query-keyword {
  display: inline-block;
  height: 30px;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bigData-lawsResult .right-container .header-container {
  line-height: 35px;
  overflow: hidden;
  padding-left: 34px;
  border-bottom: 1px solid #ececec;
}
.bigData-lawsResult .right-container .header-container .router-list {
  float: left;
  width: 84px;
  height: 33px;
  margin-right: 5px;
  line-height: 36px;
  text-align: center;
}
.bigData-lawsResult .right-container .header-container .router-list.active,
.bigData-lawsResult .right-container .header-container .router-list:hover {
  color: var(--default);
  border-bottom: 2px solid var(--default);
}
.bigData-lawsResult .right-container .header-container .sort {
  height: 30px;
  margin-right: 30px;
}
.bigData-lawsResult .right-container .header-container .abstract-btn {
  height: 35px;
  line-height: 35px;
  margin-right: 30px;
}
.bigData-lawsResult .right-container .header-container .abstract-btn i {
  font-size: 16px;
}
.bigData-lawsResult .right-container .header-container .abstract-btn i.ibass-checked {
  color: var(--default);
}
.bigData-lawsResult .right-container .header-container .abstract-btn:hover i {
  color: var(--default);
}
.bigData-lawsResult .right-container .header-container .download {
  position: relative;
  top: -2px;
  height: 30px;
  margin-right: 30px;
}
.bigData-lawsResult .right-container .header-container .download .ibass-download {
  position: relative;
  top: 3px;
  margin-left: 5px;
  font-size: 16px;
}
.bigData-lawsResult .right-container .header-container .download:hover {
  color: var(--default);
}
.bigData-lawsResult .right-container .header-container .download:hover .ibass-download {
  color: var(--default);
}
.bigData-lawsResult .right-container .header-container .no-result {
  margin-right: 89px;
}
.bigData-lawsResult .right-container .header-container .count {
  position: relative;
  top: 1px;
  min-width: 100px;
  height: 30px;
}
.bigData-lawsResult .right-container .header-container .count .num {
  color: var(--default);
}
.bigData-lawsResult .right-container .header-container.is-group-mode .abstract-btn {
  margin-right: 30px;
}
.bigData-lawsResult .right-container .list-container {
  position: relative;
}
.bigData-lawsResult .right-container .list-container .prompt-message {
  padding-top: 8px;
  padding-left: 15px;
  font-size: 14px;
}
.bigData-lawsResult .right-container .list-container .prompt-message .keyword-prompt-message {
  padding-top: 10px;
}
.bigData-lawsResult .right-container .list-container .prompt-message .keyword-prompt-message .keyword-des {
  color: #4a4a4a;
}
.bigData-lawsResult .right-container .list-container .prompt-message .keyword-prompt-message .keyword-detail {
  color: #353535;
}
.bigData-lawsResult .right-container .list-container .prompt-message .keyword-prompt-message .keyword-detail-origin {
  color: var(--default);
  cursor: pointer;
}
.bigData-lawsResult .right-container .list-container .law-container {
  margin-top: 20px;
  padding: 0 0 15px 20px;
}
.bigData-lawsResult .right-container .list-container .law-container .group-title {
  height: 20px;
  line-height: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.bigData-lawsResult .right-container .list-container .law-container .group-title .title-block {
  position: absolute;
  left: 0;
  width: 10px;
  height: 20px;
  background: var(--default);
}
.bigData-lawsResult .right-container .list-container .law-container .group-title .title {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  color: var(--default);
  z-index: 1;
  background: #fff;
}
.bigData-lawsResult .right-container .list-container .law-container .group-title .title.count {
  padding: 0 15px 0 5px;
  font-size: 14px;
  color: #4a4a4a;
}
.bigData-lawsResult .right-container .list-container .law-container .group-title .group-look-more {
  margin-right: 30px;
}
.bigData-lawsResult .right-container .list-container .law-container .group-title .group-look-more:hover {
  color: var(--default);
}
.bigData-lawsResult .right-container .list-container .law-container .list-law {
  padding-right: 20px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .get-more {
  text-align: center;
  cursor: pointer;
  width: 140px;
  height: 36px;
  border-radius: 20px;
  border: solid 1px #ebe8e6;
  margin: 20px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #737373;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item {
  position: relative;
  padding: 6px 10px 10px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 13px;
  margin: 4px 0;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.item-label-1 {
  background: #f72b44;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.item-label-2 {
  background: #b2d85d;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.item-label-3 {
  background: #adbeb2;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.item-label-4 {
  background: #67aaf6;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.item-label-5 {
  background: #adbeb2;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.item-label-8 {
  background: #586DD0;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.item-label-9 {
  background: #3378ff;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label .tag-prefix {
  border-radius: 20px;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #9e9e9e;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.text-tag {
  margin-right: 8px;
  background: #fff;
  top: 3px;
  position: relative;
  color: #353535;
  border: 1px solid #ebebeb;
  padding: 0px 5px 0 13px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.text-tag span {
  position: relative;
  top: -3px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.text-tag i {
  cursor: pointer;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.text-tag .remove-tag-button {
  position: relative;
  top: 0;
  right: 2px;
  cursor: pointer;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.text-tag .remove-tag-button i {
  visibility: hidden;
  top: 0px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.text-tag:hover .remove-tag-button i,
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-label.text-tag:focus .remove-tag-button i {
  visibility: visible;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title {
  padding-top: 6px;
  line-height: 26px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .number-index {
  display: none;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: var(--default);
  background: #f8f8f9;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .number-index.show-number {
  display: inline-block;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .number-index i {
  font-size: 16px;
  position: relative;
  top: -1px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .number-index i.ibass-checked {
  color: var(--default);
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .number-box {
  margin: 1px 5px 30px 0;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .number-box:hover .number-index.number {
  display: none;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .ilaw-number-index {
  margin: 1px 5px 48px 0;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .ilaw-number-index:hover .number-index.number {
  display: inline-block;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title .ilaw-number-index:hover .number-index.checkbox {
  display: none;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title span {
  font-size: 20px;
  color: #353535;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title span.clicked {
  color: #888;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-title span.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-abstract {
  line-height: 22px;
  margin: 5px 0 2px 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom {
  line-height: 30px;
  margin: 0 0 0 25px;
  overflow: hidden;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-desc {
  width: 550px;
  overflow: hidden;
  color: #a9a9a9;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-desc span {
  margin-right: 5px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-desc .authority {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-desc .document_number {
  display: inline-block;
  max-width: 196px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-desc .posting_date {
  display: inline-block;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn span {
  color: #a9a9a9;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .download:hover i,
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .download:hover span {
  color: var(--default);
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .download .right-line {
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
  margin-right: 10px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: var(--default);
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .download.select-mode .right-line {
  border-right: 1px solid transparent;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .i-add-search-report span {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ededed;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .i-add-search-report .confirm-add:hover span {
  color: var(--default);
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: var(--default);
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .case-label {
  position: absolute;
  top: 0;
  min-width: 76px;
  height: 24px;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item .case-label .case-label-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item:hover {
  background: #f8f8f9;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item:hover .number-index.number {
  display: none;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item:hover .number-index.checkbox {
  display: inline-block;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item:hover .ilaw-number-index .number-index.number {
  display: inline-block;
}
.bigData-lawsResult .right-container .list-container .law-container .list-law .law-item:hover .ilaw-number-index .number-index.checkbox {
  display: none;
}
.bigData-lawsResult .right-container .list-container .list-empty {
  text-align: center;
  padding: 50px 0 70px;
  color: #a9a9a9;
  margin: 20px;
}
.bigData-lawsResult .right-container .list-container .list-empty i {
  display: block;
  font-size: 60px;
  height: 100px;
  color: #ddd9d6;
}
.bigData-lawsResult .right-container .page-container {
  text-align: center;
}
.bigData-lawsResult .right-container .page-container .i-pagination {
  display: inline-block;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title {
  display: flex;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title span {
  word-break: break-all;
  max-width: 855px;
  display: inline-block;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title .number-box {
  margin: 0;
  height: 28px;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title .number-box .number-index.number {
  margin: 0 5px 0 -5px;
}
.big-data-download .loading {
  padding: 20px;
}
.laws-search-select-sort {
  width: 110px;
}
.laws-search-select-sort .ns-popover-tooltip {
  width: 110px;
}
.ibass-trig-down {
  color: var(--default);
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-pro-doc-result.bigData-lawsResult .big-data-search-box #init-advanced-search {
  display: none;
}
.bigData-pro-doc-result.bigData-lawsResult .big-data-search-box #search-in-result {
  margin-left: 32px;
}
.bigData-pro-doc-result.bigData-lawsResult .big-data-search-box .search-content .select {
  display: none;
}
.bigData-pro-doc-result.bigData-lawsResult .big-data-search-box .search-content .search {
  margin-left: 20px;
  padding-left: 10px;
  border-radius: 45px;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .condition-container {
  margin: 20px 20px 5px 20px;
}
.bigData-pro-doc-result.bigData-lawsResult .left-container .caseTree .tree-classic {
  max-height: 224px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law {
  padding: 20px 20px 0;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item {
  position: relative;
  padding: 20px 10px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item.time_limited_padding {
  padding-top: 30px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title {
  line-height: 30px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .number-index {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 4px 5px 4px 0;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: var(--default);
  background: #f8f8f9;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title span {
  font-size: 20px;
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title span.clicked {
  color: #888;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title span.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-abstract {
  line-height: 22px;
  margin: 5px 0 5px 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom {
  line-height: 30px;
  margin: 0 0 0 25px;
  overflow: hidden;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc {
  width: 650px;
  color: #a9a9a9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc span {
  margin-right: 5px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download span {
  color: #a9a9a9;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download:hover i,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download:hover span {
  color: var(--default);
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download .right-line {
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
  margin-right: 10px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: var(--default);
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report span {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ededed;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .case-label {
  position: absolute;
  top: 0;
  min-width: 76px;
  height: 24px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .case-label .case-label-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item:hover {
  background: #f8f8f9;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .group-look-more {
  width: 140px;
  height: 40px;
  line-height: 38px;
  margin: 20px auto 0;
  text-align: center;
  border-radius: 20px;
  border: solid 1px #ebe8e6;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .group-look-more span {
  color: #737373;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .group-look-more i {
  margin-left: 8px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .group-look-more:hover span,
.bigData-pro-doc-result.bigData-lawsResult .list-law .group-look-more:hover i {
  color: var(--default);
}
.ibass-trig-down {
  color: var(--default);
}

.problem-upload-box {
  padding: 32px 32px 30px 39px;
  position: relative;
}
.problem-upload-box .problem-dialog-title {
  width: 120px;
  height: 22px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  background-color: #FFF;
  position: absolute;
  top: 32px;
  left: 50%;
  margin-left: -60px;
  z-index: 2;
}
.problem-upload-box .problem-dialog-line {
  width: 436px;
  height: 1px;
  border-top: 1px solid #ebebeb;
  position: absolute;
  top: 42px;
  z-index: 1;
}
.problem-upload-box .form-content {
  margin-top: 60px;
}
.problem-upload-box .form-content .item-content {
  width: 440px;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.problem-upload-box .form-content .item-content .required {
  color: red;
  position: absolute;
  left: -10px;
  top: 5px;
}
.problem-upload-box .form-content .item-content .item-name {
  width: 70px;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 30px;
  text-align: left;
  margin-right: 6px;
}
.problem-upload-box .form-content .item-content .item-input {
  width: 364px;
  height: 30px;
  background: #F7F8F9;
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  border: 1px solid #D5D5D5;
  padding: 0 15px;
  color: #999;
  cursor: not-allowed;
}
.problem-upload-box .form-content .item-content .select-label {
  width: 364px;
  height: 30px;
  line-height: 30px;
  background: #ffffff;
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  border: 1px solid #D5D5D5;
  padding: 0 15px;
  color: #999;
  display: flex;
  justify-content: space-between;
}
.problem-upload-box .form-content .item-content .select-label .select-module {
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  color: #4A4A4A;
}
.problem-upload-box .form-content .item-content .problem-description {
  width: 364px;
  height: 107px;
  background: #FFFFFF;
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  border: 1px solid #D5D5D5;
  padding: 8px 14px 50px;
  resize: none;
  position: relative;
}
.problem-upload-box .form-content .item-content .textarea-length {
  position: absolute;
  right: 0px;
  bottom: -25px;
  font-size: 12px;
  color: #999;
}
.problem-upload-box .form-content .item-content .upload-box {
  width: 364px;
  height: 30px;
  display: flex;
  justify-content: flex-start;
}
.problem-upload-box .form-content .item-content .upload-box .upload-btn {
  width: 96px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  text-align: center;
  color: #606266;
  font-size: 12px;
}
.problem-upload-box .form-content .item-content .upload-box .upload-btn:hover {
  color: #FA8919;
  border: 1px solid #FA8919;
}
.problem-upload-box .form-content .item-content .upload-box .upload-img {
  display: flex;
  justify-content: flex-start;
  width: 252px;
  height: 30px;
  line-height: 30px;
  margin-left: 16px;
}
.problem-upload-box .form-content .item-content .upload-box .upload-img .ibass-filetype-image {
  color: #07cfda;
  font-size: 14px;
}
.problem-upload-box .form-content .item-content .upload-box .upload-img .upload-img-name {
  max-width: 220px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #4A4A4A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
}
.problem-upload-box .form-content .item-content .upload-box .upload-img .ibass-delete {
  width: 20px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #cdc8c5;
  margin-left: 8px;
}
.problem-upload-box .form-content .item-content .upload-box .upload-img .ibass-delete:hover {
  color: #FF8300;
}
.problem-upload-box .form-content .item-content .input-email {
  width: 364px;
  height: 32px;
  line-height: 32px;
  background: #FFFFFF;
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  border: 1px solid #D5D5D5;
  color: #4A4A4A;
  padding: 0 15px;
}
.problem-upload-box .dialog-btn-module {
  text-align: center;
  margin-top: 30px;
}
.problem-upload-box .dialog-btn-module .delete-matter-btn {
  background-color: #f72b44;
}
.problem-upload-box .dialog-btn-module .delete-matter-btn.has-appro-delete {
  background-color: #fa8919;
}
.problem-upload-box .dialog-btn-module .delete-matter-btn.can-not-submit {
  cursor: not-allowed;
  background: #ebebee;
  border-color: #ebebee;
  color: #a9a9a9;
  margin-top: 10px;
}
.problem-upload-box .dialog-btn-module .delete-matter-btn.can-not-submit:hover {
  background-color: #ebebee;
}
.problem-upload-box .dialog-btn-module .delete-matter-btn:hover {
  background-color: #FA9A2A;
}
.problem-upload-box .dialog-btn-module .matter-delete-disabled {
  background: #ebebee;
  border-color: #ebebee;
  color: #a9a9a9;
}
.problem-upload-box .choose-problem-type {
  width: 364px;
  height: 164px;
  background: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  margin-left: 38px;
  font-size: 14px;
  padding: 10px 0;
}
.problem-upload-box .choose-problem-type li {
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 20px;
  width: 362px;
  height: 36px;
  line-height: 36px;
  color: #4A4A4A;
}
.problem-upload-box .choose-problem-type li:hover {
  background-color: #f8f8f9;
}
.problem-upload-box .choose-problem-type li .ibass-done {
  color: #ed6c00;
}

.bigData-case div.searchResultCase .searchResult-outside p span {
  margin-bottom: 15px;
}
.bigData-case div.searchHistory {
  margin-top: 35px;
  padding-left: 50px;
}
.bigData-case div.searchHistory i {
  color: #cdc9c5!important;
  cursor: pointer;
  position: absolute;
  left: -30px;
}
.bigData-case div.searchHistory span {
  display: inline-block;
  margin-right: 10px;
}
.bigData-case div.searchHistory .history-tit {
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.bigData-case div.searchHistory .lawSort {
  margin-bottom: 12px;
}
.bigData-case div.searchHistory .lawSort .sort-tit {
  position: relative;
  height: 20px;
  line-height: 20px;
}
.bigData-case div.searchHistory .lawSort p {
  height: 16px;
  line-height: 16px;
}
.bigData-case div.searchHistory .lawSort p span {
  color: #737373;
  font-size: 12px;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.big-data-search-report {
  position: fixed;
  width: 45px;
  top: 20%;
  right: 0px;
  padding: 12px 0;
  cursor: pointer;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  border-radius: 5px 0 0 5px;
  z-index: 100;
  background-color: #ffffff;
  user-select: none;
}
.big-data-search-report .report-text {
  line-height: 16px;
  margin: 0 auto;
  width: 14px;
}
.big-data-search-report .ibass-database {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #fa8919;
}
.big-data-search-report .numbers {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  line-height: 20px;
  background-color: red;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
}
.big-data-search-report .numbers.wdith-level-2 {
  width: 24px;
}
.big-data-search-report .numbers.wdith-level-3 {
  width: 30px;
}
.big-data-search-report-ani {
  position: fixed;
  z-index: 101;
  display: none;
  transition: transform .4s;
  transition-timing-function: linear;
}
.big-data-search-report-ani .report-ani {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #ed6c00;
  transition: transform .4s;
}
.add-search-report-paddle {
  position: absolute;
  min-height: 32px;
  border-radius: 5px;
  text-align: center;
  background: #3d3d3d;
  font-size: 12px;
  z-index: 99999;
  line-height: 26px;
  cursor: pointer;
  user-select: none;
}
.add-search-report-paddle i,
.add-search-report-paddle span {
  color: #fff;
}
.add-search-report-paddle i {
  position: relative;
  top: 3px;
  margin-right: 4px;
  font-size: 14px;
}
.add-search-report-paddle .add-report {
  height: 32px;
}
.add-paragraph-tag {
  position: absolute;
  display: block;
  transform: translate(-175px, 35px);
}
.ns-popover-tooltip-theme .ns-popover-tooltip.bd-add-report-container {
  width: 240px;
}
.ns-popover-tooltip-theme.ns-popover-left-align .ns-popover-tooltip.bd-add-report-container {
  margin-left: -70px;
}
.bd-add-report-container.ns-popover-tooltip {
  padding-bottom: 10px !important;
}
.bd-add-report-container .report-title {
  padding: 10px 20px;
  border-bottom: 1px solid #ebebeb;
}
.bd-add-report-container .bd-add-report-box {
  padding-top: 8px;
  max-height: 205px;
  min-height: 100px;
  box-sizing: border-box;
  overflow: auto;
}
.bd-add-report-container .bd-add-report-box::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bd-add-report-container .bd-add-report-box::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bd-add-report-container .bd-add-report-box:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bd-add-report-container .bd-add-report-box:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bd-add-report-container .bd-add-report-box i {
  display: inline-block;
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 0px;
}
.bd-add-report-container .bd-add-report-box i.ibass-checked {
  color: var(--default);
}
.bd-add-report-container .bd-add-report-box .report-item {
  padding: 0 20px;
  line-height: 36px;
}
.bd-add-report-container .bd-add-report-box .report-item.default-item {
  background: #efefef;
}
.bd-add-report-container .bd-add-report-box .report-item.new-add-report .add-title {
  color: #cdc9c5;
}
.bd-add-report-container .bd-add-report-box .report-item.new-add-report:hover {
  background: inherit;
}
.bd-add-report-container .bd-add-report-box .report-item:hover {
  background: #f3f3f3;
}
.bd-add-report-container .bd-add-report-box .report-item .title {
  padding-left: 5px;
  box-sizing: border-box;
  max-width: 150px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}
.bd-add-report-container .bd-add-report-box .report-item .count {
  display: inline-block;
  float: right;
  color: #cdc9c5;
}
.bd-add-report-container .bd-add-report-box .report-item #newReportInput {
  outline: none;
  border: none;
  border-bottom: 1px solid #ebebeb;
  background: transparent;
}

:root {
  --default: #fa8919;
  --default-width: 1200px;
  --default-bgColor: #f8f8f8;
  --default-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-trade-result.bigData-lawsResult .right-container {
  width: 940px;
}
.bigData-trade-result.bigData-lawsResult .big-data-search-box #init-advanced-search {
  display: none;
}
.bigData-trade-result.bigData-lawsResult .big-data-search-box #search-in-result {
  margin-left: 32px;
}
.bigData-trade-result.bigData-lawsResult .big-data-search-box .search-content .select {
  display: none;
}
.bigData-trade-result.bigData-lawsResult .big-data-search-box .search-content .search {
  margin-left: 20px;
  padding-left: 10px;
  border-radius: 45px;
}
.bigData-trade-result.bigData-lawsResult .right-container .condition-container {
  margin: 20px 20px 5px 20px;
}
.bigData-trade-result.bigData-lawsResult .left-container .caseTree .tree-classic {
  max-height: 224px;
}
.bigData-trade-result.bigData-lawsResult .list-law {
  padding: 20px 20px 0;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item {
  position: relative;
  padding: 20px 10px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item.time_limited_padding {
  padding-top: 30px;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-title {
  line-height: 30px;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-title .number-index {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 4px 5px 4px 0;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: var(--default);
  background: #f8f8f9;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-title span {
  font-size: 20px;
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-title span.clicked {
  color: #888;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-title span.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-abstract {
  line-height: 22px;
  margin: 5px 0 5px 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom {
  line-height: 30px;
  margin: 0 0 0 25px;
  overflow: hidden;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc {
  width: 650px;
  color: #a9a9a9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc span {
  margin-right: 5px;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download span {
  color: #a9a9a9;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download:hover i,
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download:hover span {
  color: var(--default);
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download .right-line {
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
  margin-right: 10px;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: var(--default);
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report a {
  color: #a9a9a9;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report i {
  top: 3px;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report span {
  margin-right: 10px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .case-label {
  position: absolute;
  top: 0;
  min-width: 76px;
  height: 24px;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item .case-label .case-label-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
}
.bigData-trade-result.bigData-lawsResult .list-law .law-item:hover {
  background: #f8f8f9;
}
.bigData-trade-result.bigData-lawsResult .list-law .group-look-more {
  width: 140px;
  height: 40px;
  line-height: 38px;
  margin: 20px auto 0;
  text-align: center;
  border-radius: 20px;
  border: solid 1px #ebe8e6;
}
.bigData-trade-result.bigData-lawsResult .list-law .group-look-more span {
  color: #737373;
}
.bigData-trade-result.bigData-lawsResult .list-law .group-look-more i {
  margin-left: 8px;
}
.bigData-trade-result.bigData-lawsResult .list-law .group-look-more:hover span,
.bigData-trade-result.bigData-lawsResult .list-law .group-look-more:hover i {
  color: var(--default);
}
.page .ibass-trig-down {
  color: var(--default);
}

.upload-err-modal .err-number-tip {
  font-size: 12px;
  position: absolute;
  z-index: 1111;
  right: 53px;
  color: #a9a9a9;
  bottom: 70px;
}
.upload-err-modal .err-number-red {
  color: red !important;
}
.upload-err-modal .upload-err-body {
  padding: 50px 0 30px 0;
  text-align: center;
}
.upload-err-modal .upload-err-body .firm-title {
  display: inline-block;
  line-height: 22px;
  font-size: 16px;
  background: #fff;
  font-weight: 500;
  color: #4a4a4a;
  margin-top: -27px;
}
.upload-err-modal .upload-err-body .line {
  width: 400px;
  height: 1px;
  background: #ebebeb;
  margin: 0 auto;
}
.upload-err-modal .upload-err-body .recommend {
  line-height: 40px;
  padding: 0 50px;
  text-align: left;
}
.upload-err-modal .upload-err-body .recommend p {
  float: left;
  padding: 0 20px;
  margin: 5px;
  height: 30px;
  max-width: 126px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 20px;
  background-color: #f8f8f9;
  font-size: 12px;
  line-height: 30px;
  text-align: left;
  color: #4a4a4a;
}
.upload-err-modal .upload-err-body ::-webkit-input-placeholder {
  color: #a9a9a9;
}
.upload-err-modal .upload-err-body textarea {
  margin: 10px auto 20px;
  width: 402px;
  padding: 5px 15px;
  line-height: 30px;
  word-break: break-all;
  overflow-x: hidden;
  height: 120px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
  color: #4a4a4a;
}
.upload-err-modal .upload-err-body button {
  margin: 0 auto;
  width: 130px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 20px;
  background-color: #fa8919;
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.upload-err-modal .upload-err-body button[disabled] {
  background: #ebebee;
  color: #a9a9a9;
  cursor: not-allowed;
}

.upload-error-modal .upload-err-select-node-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-decoration: underline;
  font-size: 14px;
  line-height: 1.57;
  text-align: justify;
  color: #737373;
}
.upload-error-modal .err-number-tip {
  font-size: 12px;
  position: absolute;
  z-index: 1111;
  right: 53px;
  color: #a9a9a9;
  bottom: 80px;
}
.upload-error-modal .err-number-red {
  color: red !important;
}
.upload-error-modal .firm-dialog-body {
  padding: 10px 50px 30px 50px !important;
}
.upload-error-modal ::-webkit-input-placeholder {
  color: #a9a9a9;
}
.upload-error-modal textarea {
  margin-top: 15px;
  padding: 15px ;
  overflow-x: hidden;
  word-break: break-all;
  width: 402px;
  height: 120px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}

.angular-ui-tree-placeholder {
  height: 40px !important;
}

.contract-content-left .contract-name {
  text-align: left;
  height: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px #f0f0f0;
}
.contract-content-left .contract-name .ibass-arrow-left {
  position: relative;
  cursor: pointer;
  top: 2px;
}
.contract-content-left .contract-name .name {
  margin-left: 20px;
}
.contract-content-left .contract-name .nums {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}

.contract-content-right.tool-contract .item-bottom .cursor.left {
  float: left;
  margin-top: 2px;
}
.contract-content-right.tool-contract .item-bottom ul {
  margin-left: 10px;
}
.contract-content-right.tool-contract .item-bottom .cursor.right {
  float: right;
}
.contract-content-right.tool-contract .item-bottom .delete {
  float: left;
  right: inherit;
}
.tool-contract.contract-content-right .tips {
  font-size: 12px;
  color: #a9a9a9;
  float: left;
  margin: 23px 0px 0px 40px;
  position: relative;
  right: -8px;
}
.tool-contract.contract-content-right .input-btn {
  position: absolute;
  bottom: -15px;
  right: -25px;
  width: 70px;
  height: 32px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.tool-contract.contract-content-right .export-select.ncc-flet-content {
  position: sticky !important;
  position: -webkit-sticky !important;
  margin-top: 5px;
  padding: 0px 10px;
  border-radius: 2px;
  top: 0px;
  height: 50px;
  line-height: 50px;
}
.tool-contract.contract-content-right .export-select.ncc-flet-content .ncc-top-serch {
  padding-top: 0px;
}
.tool-contract.contract-content-right .select-numbers {
  display: inline-block;
  animation: animation1 1300ms linear both;
}
.tool-contract.contract-content-right .select-numbers.animation {
  display: inline-block;
  animation: animation2 1300ms linear both;
}
@keyframes animation1 {
  0.00% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.56% {
    transform: matrix3d(1.399, 0, 0, 0, 0, 1.399, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.13% {
    transform: matrix3d(1.644, 0, 0, 0, 0, 1.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.69% {
    transform: matrix3d(1.752, 0, 0, 0, 0, 1.752, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.26% {
    transform: matrix3d(1.744, 0, 0, 0, 0, 1.744, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.82% {
    transform: matrix3d(1.658, 0, 0, 0, 0, 1.658, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15.38% {
    transform: matrix3d(1.52, 0, 0, 0, 0, 1.52, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.95% {
    transform: matrix3d(1.367, 0, 0, 0, 0, 1.367, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.51% {
    transform: matrix3d(1.217, 0, 0, 0, 0, 1.217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.08% {
    transform: matrix3d(1.081, 0, 0, 0, 0, 1.081, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.64% {
    transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.21% {
    transform: matrix3d(1.094, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.77% {
    transform: matrix3d(1.137, 0, 0, 0, 0, 1.137, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.33% {
    transform: matrix3d(1.152, 0, 0, 0, 0, 1.152, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.90% {
    transform: matrix3d(1.146, 0, 0, 0, 0, 1.146, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.46% {
    transform: matrix3d(1.125, 0, 0, 0, 0, 1.125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.03% {
    transform: matrix3d(1.097, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.59% {
    transform: matrix3d(1.066, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.15% {
    transform: matrix3d(1.036, 0, 0, 0, 0, 1.036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.72% {
    transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.28% {
    transform: matrix3d(1.009, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.85% {
    transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.41% {
    transform: matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.97% {
    transform: matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.54% {
    transform: matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.10% {
    transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.67% {
    transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.23% {
    transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.79% {
    transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  74.36% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.92% {
    transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.49% {
    transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  82.05% {
    transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  84.62% {
    transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.18% {
    transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.74% {
    transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  92.31% {
    transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  94.87% {
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.44% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100.00% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes animation2 {
  0.00% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.56% {
    transform: matrix3d(1.399, 0, 0, 0, 0, 1.399, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.13% {
    transform: matrix3d(1.644, 0, 0, 0, 0, 1.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.69% {
    transform: matrix3d(1.752, 0, 0, 0, 0, 1.752, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.26% {
    transform: matrix3d(1.744, 0, 0, 0, 0, 1.744, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.82% {
    transform: matrix3d(1.658, 0, 0, 0, 0, 1.658, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15.38% {
    transform: matrix3d(1.52, 0, 0, 0, 0, 1.52, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.95% {
    transform: matrix3d(1.367, 0, 0, 0, 0, 1.367, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.51% {
    transform: matrix3d(1.217, 0, 0, 0, 0, 1.217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.08% {
    transform: matrix3d(1.081, 0, 0, 0, 0, 1.081, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.64% {
    transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.21% {
    transform: matrix3d(1.094, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.77% {
    transform: matrix3d(1.137, 0, 0, 0, 0, 1.137, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.33% {
    transform: matrix3d(1.152, 0, 0, 0, 0, 1.152, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.90% {
    transform: matrix3d(1.146, 0, 0, 0, 0, 1.146, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.46% {
    transform: matrix3d(1.125, 0, 0, 0, 0, 1.125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.03% {
    transform: matrix3d(1.097, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.59% {
    transform: matrix3d(1.066, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.15% {
    transform: matrix3d(1.036, 0, 0, 0, 0, 1.036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.72% {
    transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.28% {
    transform: matrix3d(1.009, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.85% {
    transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.41% {
    transform: matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.97% {
    transform: matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.54% {
    transform: matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.10% {
    transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.67% {
    transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.23% {
    transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.79% {
    transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  74.36% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.92% {
    transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.49% {
    transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  82.05% {
    transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  84.62% {
    transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.18% {
    transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.74% {
    transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  92.31% {
    transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  94.87% {
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.44% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100.00% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
.contract-content-right .ibass-task-check,
.contract-content-right .ibass-done {
  cursor: pointer;
}
.contract-content-right .ibass-star-fill {
  cursor: pointer;
  color: #FA8919;
}
.contract-content-right .ibass-star {
  color: #cdc9c5;
  cursor: pointer;
}
.contract-content-right .comment {
  margin: 15px 50px;
  border-left: 2px solid #e5e5e5;
}
.contract-content-right .comment .point {
  display: flex;
}
.contract-content-right .comment img {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  margin-bottom: -5px;
}
.contract-content-right .comment .comment-pre {
  width: 608px;
  color: #4a4a4a;
  padding: 0px 12px !important;
  font-size: 14px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.contract-content-right .more {
  cursor: pointer;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.contract-content-right .more a {
  width: 110px;
  height: 30px;
  padding: 5px 30px;
  border-radius: 20px;
  background-color: #f8f8f9;
}
.contract-content-right .knowledge-operation .ncc-top-serch {
  height: 30px;
}
.contract-content-right .ncc-top-serch .ibass-search {
  position: absolute;
  top: 20px;
  left: 24px;
  color: #cdc9c5;
}
.contract-content-right .contract-content-body .item-bottom .star_container {
  width: 10px;
  margin-left: 10px;
  display: inline-block;
  position: static;
  float: left;
  clear: both;
}
.contract-content-right .contract-content-body .item-bottom .star_container .starred {
  margin-right: 10px;
  position: relative;
}
.contract-content-right .contract-content-body .item-bottom .star_container .star {
  float: left;
}
.contract-content-right .contract-content-body .item-bottom .star_container .star span {
  float: left;
}
.contract-content-right .contract-content-body .item-bottom .star_container span {
  float: left;
}
.contract-content-right .contract-content-body .item-bottom .memo {
  display: flex;
  padding: 2px;
}
.contract-content-right .contract-content-body .item-bottom .memo .ibass-memo {
  padding-right: 2px;
}
.contract-content-right .contract-content-body .item-bottom .memo .text {
  font-size: 12px;
  color: #737373;
  padding-top: 1px;
}
.contract-content-right .contract-content-body .item-bottom .memo .num {
  color: #ed6c00;
  font-size: 12px;
  padding-top: 1px;
}
.contract-content-right .add-btn.generate {
  width: 100px;
}
.contract-content-right .add-btn.plus {
  padding-right: 5px;
}
.contract-content-right .add-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
  transition: box-shadow 0.2s;
}
.contract-content-right .add-btn:hover .ibass-add {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transition: transform 0.2s;
}
.contract-content-right .generate-select {
  float: left;
  margin-left: -20px;
  margin-top: 10px;
}
.contract-content-right .version {
  width: 60px;
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 20px;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  border: solid 1px #ece9e6;
  color: #4a4a4a;
}
.contract-content-right .version.active {
  border: solid 1px #ece9e6;
}
.contract-content-right .comment-div {
  padding-left: 30px;
}
.contract-content-right .textarea.comment-input i-textarea-height-auto textarea {
  overflow-y: hidden;
  overflow-x: hidden;
}
.contract-content-right .textarea.comment-input i-textarea-height-auto {
  margin: 20px 0px 20px 0px;
}
.contract-content-right .textarea.comment-input textarea {
  width: 520px;
  padding-left: 10px;
  border-radius: 4px;
  padding-top: 12px;
  padding-bottom: 8px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.contract-content-right .textarea.comment-input textarea:hover,
.contract-content-right .textarea.comment-input textarea:focus {
  border: solid 1px #fa8919;
}
.contract-content-right .comment-option {
  width: 608px;
  padding: 10px 1px;
  margin-top: 20px;
  height: 15px;
}
.contract-content-right .comment-content {
  width: 608px;
  padding: 10px 1px;
}
.contract-content-right comment-option span {
  font-size: 14px;
  color: #737373;
}
.contract-content-right .comment-info {
  margin-left: 5px;
  padding-top: 10px;
  font-size: 14px;
  color: #a9a9a9;
}
.contract-content-right .comment-info i {
  padding: 0px 5px;
  font-size: 14px;
  cursor: pointer;
  color: #cdc9c5;
}
.contract-content-right .comment-info i:hover {
  padding: 5px;
  font-size: 14px;
  color: #fa8919;
}
.contract-content-right .delete {
  width: 66px;
  display: inline-block;
  padding: 2px;
  margin-left: 10px;
  cursor: pointer;
  font-size: 12px;
  background-color: #f72b44;
  border-radius: 10px;
  color: white;
  text-align: center;
  float: right;
}
.contract-content-right .textarea-height textarea {
  position: relative !important;
}
.contract-content-right .textarea pre {
  display: inline-block;
}
.contract-content-right .comment-content-edit {
  border-radius: 3px;
  font-size: 14px;
  color: #737373;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  padding-bottom: 65px;
  overflow: auto;
}
.contract-content-right .comment-content-edit textarea {
  overflow: auto;
}
.contract-content-right .ibass-checked {
  color: #fa8919;
  margin-right: 5px;
}
.contract-content-right .ibass-checkbox {
  color: #cdc9c5;
  margin-right: 5px;
}
.contract-content-right .ibass-task-check {
  font-size: 16px;
  color: #cdc9c5;
}
.contract-content-right .ibass-done {
  color: #fa8919;
  font-size: 16px;
}
.contract-content-right .generate-group {
  width: 150px;
  height: 32px;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  border-radius: 5px;
  background-color: #f8f8f9;
}
.contract-content-right .generate-group .cancel {
  width: 24px;
  font-size: 12px;
  color: #737373;
}
.contract-content-right .generate-group .selected {
  margin: 10px;
  color: #ed6c00;
}
.contract-content-right .generate-group label {
  cursor: pointer;
}
.contract-content-right .generate-group .ibass-close {
  font-size: 12px;
  margin-left: 20px;
  font-weight: 500;
  position: relative;
  top: 2px;
}
.contact-item-add-dialog .firm-dialog-body {
  padding: 10px 38px;
  overflow: hidden;
  border-radius: 10px;
}
.contact-item-add-dialog .firm-dialog-body pre:hover {
  background-color: #f8f8f9;
}
.contact-item-add-dialog .firm-dialog-body .lists {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.contact-item-add-dialog .firm-dialog-body .lists .select {
  width: 20px;
  display: inline-block;
  float: left;
  margin-top: 15px;
}
.contact-item-add-dialog .noCount {
  width: auto;
}
.contact-item-add-dialog .noCount .ibass-search {
  font-size: 40px;
}
.contact-item-add-dialog .noCount .ibass-search:hover {
  color: #cdc9c5;
}
.contact-item-add-dialog .contract-item-content.contract-item-pre {
  width: 560px;
  margin-left: 20px;
  color: #4a4a4a;
  padding: 15px 12px !important;
  font-size: 14px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.contact-item-add-dialog .contract-dialog-list {
  margin-bottom: -14px;
  border: none !important;
  width: 550px !important;
  padding: 0px;
  line-height: initial;
  height: initial;
}
.contact-item-add-dialog .ibass-checkbox {
  color: #cdc9c5;
}
.version-dialog input::-webkit-input-placeholder,
.version-dialog textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.version-dialog .firm-dialog-body {
  padding: 0px;
}
.version-dialog .navigation {
  margin-left: 70px;
  font-size: 14px;
  margin-top: 30px;
}
.version-dialog .navigation span {
  display: inline-block;
  width: 400px;
  font-size: 14px;
  color: #4a4a4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.version-dialog .comment-content-edit {
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
  background-color: #fefeff;
  padding-bottom: 65px;
  overflow: auto;
}
.version-dialog .comment-content-edit textarea {
  overflow: auto;
}
.version-dialog .numbers {
  left: -70px;
  position: relative;
  color: #a9a9a9;
}
.version-dialog .textarea pre {
  display: none;
}
.version-dialog .firm-dialog-body {
  padding-bottom: 10px;
  padding-left: 50px;
}
.version-dialog .main-btn {
  margin-bottom: 30px;
  left: 50%;
  margin-left: -50px;
  position: relative;
}
.version-dialog .version-content {
  margin: 10px 20px;
  width: 510px;
  height: 170px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}
.version-dialog .version-label {
  padding: 5px;
  margin: 10px 20px;
  width: 510px;
  height: 44px;
  border-radius: 5px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
}

.iLaw-result {
  padding: 0 25px;
}
.iLaw-result .iLaw-header {
  height: 70px;
  border-bottom: solid 1px #f0f0f0;
}
.iLaw-result .iLaw-header .iLaw-search {
  width: 400px;
  height: 36px;
  line-height: 36px;
  border-radius: 36px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d5d5d5;
  margin-top: 18px;
}
.iLaw-result .iLaw-header .iLaw-search .iLaw-search-con {
  width: 348px;
  height: 36px;
  border: none;
  border-radius: 45px;
  padding-left: 21px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #4a4a4a;
  background-color: transparent;
}
.iLaw-result .iLaw-header .iLaw-search .iLaw-search-btn {
  width: 48px;
  height: 28px;
  border: none;
  border-radius: 0 36px 36px 0;
  background-color: #fefeff;
  margin-right: 4px;
  margin-top: 4px;
}
.iLaw-result .iLaw-header .iLaw-search .iLaw-search-btn i {
  font-size: 16px;
  color: #cdc9c5;
  line-height: 25px;
}
.iLaw-result .iLaw-header .iLaw-search:hover {
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ffb387;
}
.iLaw-result .iLaw-header .iLaw-search:hover .iLaw-search-btn {
  width: 48px;
  height: 28px;
  border: none;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-right: 4px;
  margin-top: 4px;
}
.iLaw-result .iLaw-header .iLaw-search:hover .iLaw-search-btn i {
  font-size: 14px;
  color: #ffffff;
  line-height: 25px;
}
.iLaw-result .iLaw-header .iLaw-page ul {
  height: 30px;
  width: 100px;
  line-height: 30px;
  margin-top: 20px;
}
.iLaw-result .iLaw-header .iLaw-page ul li {
  float: left;
}
.iLaw-result .iLaw-header .iLaw-page ul li a {
  cursor: pointer;
}
.iLaw-result .iLaw-header .iLaw-page ul li a span {
  color: #737373;
  font-size: 14px;
}
.iLaw-result .iLaw-header .iLaw-page ul li a i {
  color: #fa8919;
  font-size: 12px;
  margin-left: 5px;
}
.iLaw-result .iLaw-content {
  overflow: hidden;
  min-height: 400px;
}
.iLaw-result .iLaw-content .result-title {
  margin: 15px 0 21px 37px;
  font-size: 14px;
  color: #737373;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
.iLaw-result .iLaw-content .no-content {
  position: absolute;
  left: 0px;
  top: 65px;
  height: 560px;
  width: 100%;
  color: #ddd9d6;
  text-align: center;
}
.iLaw-result .iLaw-content .no-content span {
  display: block;
}
.iLaw-result .iLaw-content .no-content .center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -54px;
  margin-left: -42px;
}
.iLaw-result .iLaw-content .no-content .ibass-search {
  font-size: 60px;
}
.iLaw-result .iLaw-content .no-content .name {
  margin-top: -10px;
  color: #a9a9a9;
}
.iLaw-result .iLaw-content .iLaw-content-item {
  margin-bottom: 36px;
}
.iLaw-result .iLaw-content .iLaw-content-item .ibass-task {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #07cfda;
  margin-right: 12px;
  line-height: 24px;
}
.iLaw-result .iLaw-content .iLaw-content-item .ibass-flag {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #cdc9c5;
  margin: 0 5px 0 10px;
}
.iLaw-result .iLaw-content .iLaw-content-item .ibass-project {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #67aaf6;
  margin-right: 12px;
  line-height: 24px;
}
.iLaw-result .iLaw-content .iLaw-content-item .ibass-filetype-excel {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #1c7044;
  margin-right: 12px;
  line-height: 24px;
}
.iLaw-result .iLaw-content .iLaw-content-item .ibass-filetype-zip {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #9d7120;
  margin-right: 12px;
  line-height: 24px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-top {
  overflow: hidden;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-top .title {
  max-width: 883px;
  word-break: break-all;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  color: #4a4a4a;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-top .time {
  font-size: 14px;
  color: #a9a9a9;
  line-height: 24px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-top .size {
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 10px;
  line-height: 24px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-top .sel-type {
  margin-left: 13px;
  width: 65px;
  height: 22px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom {
  padding-left: 36px;
  overflow: hidden;
  line-height: 24px;
  margin-top: 10px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .head-portrait {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .name {
  font-size: 14px;
  color: #737373;
  margin-right: 10px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .ibass-project {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #cdc9c5;
  margin: 0 5px 0 20px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .content {
  font-size: 14px;
  color: #737373;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .upload,
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .upload-date {
  font-size: 14px;
  color: #737373;
  margin-left: 5px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .preproject,
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .date {
  font-size: 14px;
  color: #737373;
  margin-left: 10px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .date {
  margin-left: 5px;
}

.my-subscribe-container {
  min-width: 1180px;
  width: 100%;
  background: #ffffff;
}
.my-subscribe-container .bigdata_query_highlight {
  color: red;
}
.my-subscribe-container .ibass-arrow-down,
.my-subscribe-container .ibass-arrow-up,
.my-subscribe-container .ibass-arrow-right {
  cursor: pointer;
}
.my-subscribe-container .my-subscribe-title {
  height: 60px;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 2;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 #eaeaea;
}
.my-subscribe-container .my-subscribe-title .title-box {
  height: 60px;
  background: #ffffff;
  box-sizing: border-box;
  padding: 18px 0 0 50px;
  max-width: 1440px;
  font-size: 14px;
  margin: 0 auto;
  font-family: PingFangSC;
  color: #4a4a4a;
}
.my-subscribe-container .my-subscribe-title i.ibass-alpha {
  color: #ed6c00;
  font-size: 24px;
  position: relative;
  top: -8px;
}
.my-subscribe-container .my-subscribe-title .title {
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
  padding-left: 18px;
  border-left: 1px solid #eee;
}
.my-subscribe-container .subscribe-content {
  max-width: 1260px;
  margin: 0 auto;
  padding: 20px 90px 0;
}
.my-subscribe-container .tab-container {
  height: 36px;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.my-subscribe-container .tab-container .tab-item {
  line-height: 36px;
  min-width: 80px;
  text-align: center;
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.my-subscribe-container .tab-container .tab-item:not(:first-child) {
  margin-left: 22px;
}
.my-subscribe-container .tab-container .current-tab {
  box-shadow: inset 0 -2px 0 0 #ed6c00;
  color: #ed6c00;
}
.my-subscribe-container .tab-container .add-new-subscribe {
  position: absolute;
  right: 0;
}
.my-subscribe-container .tab-container .add-new-subscribe i.ibass-add {
  position: relative;
  top: 1px;
  line-height: 24px;
}
.my-subscribe-container .tab-container .add-new-subscribe .main-btn {
  width: 120px;
  height: 32px;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
}
.my-subscribe-container .tab-content {
  min-height: 300px;
}
.my-subscribe-container .tab-content .contract-person {
  margin-top: 100px;
  text-align: center;
  min-height: 700px;
  color: #a9a9a9;
}
.my-subscribe-container .tab-content .contract-person a {
  color: #a9a9a9;
}
.my-subscribe-container .tab-content .contract-person .check-info {
  color: #ed6c00;
  cursor: pointer;
}
.my-subscribe-container .tab-content .contract-person .change-to-company {
  color: #ed6c00;
  cursor: pointer;
}
.my-subscribe-container .tab-content .contract-person .ibass-info {
  font-size: 60px;
  color: #ded9d6;
}
.my-subscribe-container .tab-content .info {
  padding-top: 24px;
}
.my-subscribe-container .tab-content .info .main {
  height: 45px;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 0 #f1f1f1;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.my-subscribe-container .tab-content .info .main .title-icon-box {
  width: 38px;
  text-align: center;
  font-size: 16px;
  color: #cdc9c5;
  padding: 12px 0;
  line-height: 18px;
}
.my-subscribe-container .tab-content .info .main .info-title {
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  white-space: nowrap;
}
.my-subscribe-container .tab-content .info .main .info-title .title-msg {
  box-sizing: border-box;
  padding: 12px 0;
  display: inline-block;
  white-space: nowrap;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 600px;
  vertical-align: bottom;
}
.my-subscribe-container .tab-content .info .main .info-title .number-box {
  box-sizing: border-box;
  display: inline-block;
  padding: 12px 0;
  vertical-align: bottom;
}
.my-subscribe-container .tab-content .info .main .info-title .matter-box {
  box-sizing: border-box;
  display: inline-block;
  padding: 12px 0;
  vertical-align: bottom;
}
.my-subscribe-container .tab-content .info .main .info-title .matter-box span {
  border-left: 1px solid #f1f1f1;
  color: #a9a9a9;
  padding-left: 10px;
  margin-left: 5px;
  height: 20px;
  display: inline-block;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 175px;
  vertical-align: bottom;
}
.my-subscribe-container .tab-content .info .main .info-title .number {
  border-left: 1px solid #f1f1f1;
  color: #a9a9a9;
  padding-left: 10px;
  margin-left: 10px;
  height: 20px;
}
.my-subscribe-container .tab-content .info .main .info-title .number-new {
  display: inline-block;
  margin-left: 12px;
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #fa8919;
  max-width: 110px;
}
.my-subscribe-container .tab-content .info .main .info-active {
  border-bottom: 3px solid #ed6c00;
}
.my-subscribe-container .tab-content .info .main .right-button-box {
  padding: 12px 0;
  color: #cdc9c5;
  cursor: pointer;
  position: absolute;
  right: 12px;
  display: none;
}
.my-subscribe-container .tab-content .info .main .right-button-box .right-button {
  padding-left: 22px;
}
.my-subscribe-container .tab-content .info .main .right-button-box i.ibass-close,
.my-subscribe-container .tab-content .info .main .right-button-box i.ibass-edit,
.my-subscribe-container .tab-content .info .main .right-button-box i.ibass-download {
  font-size: 16px;
}
.my-subscribe-container .tab-content .info .main .right-button-box i:after {
  color: #cdc9c5;
}
.my-subscribe-container .tab-content .info .main .right-button-box i:hover {
  color: #fa8919;
}
.my-subscribe-container .tab-content .info .main .right-button-box i:hover i:after {
  color: #fa8919;
}
.my-subscribe-container .tab-content .info .main:hover .right-button-box.visibility {
  display: block;
}
.my-subscribe-container .tab-content .info .expanded {
  overflow: hidden;
  transition: all .2s ease;
  clear: both;
}
.my-subscribe-container .tab-content .info .expanded .ibass-memo {
  cursor: pointer;
  color: #a9a9a9;
}
.my-subscribe-container .tab-content .info .expanded .ibass-memo:hover {
  color: #ed6c00;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-item {
  display: flex;
  flex-wrap: nowrap;
  padding: 20px 0 20px 8px;
  border-bottom: #f1f1f1 solid 1px;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-item:hover {
  background: #f8f8f9;
}
.my-subscribe-container .tab-content .info .dimension-box .index-box span {
  display: inline-block;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  background: #f8f8f9;
  color: #fa8919;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  top: 3px;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-info {
  padding-left: 5px;
  flex: 1;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-title {
  font-family: PingFangSC;
  font-size: 18px;
  color: #353535;
  padding-bottom: 10px;
  position: relative;
  padding-right: 180px;
  cursor: pointer;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-title .i-add-search-report {
  position: absolute;
  right: 12px;
  top: -2px;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-title .i-add-search-report a {
  color: #cdc9c5;
  font-weight: normal;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-title .i-add-search-report i {
  position: relative;
  top: 3px;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-des {
  display: flex;
  flex-wrap: nowrap;
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 1.14;
  color: #a9a9a9;
  font-weight: 400;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-des .des-item {
  padding-right: 10px;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-des .des-item span {
  display: inline-block;
  max-width: 150px;
  padding-left: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  vertical-align: bottom;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-des .des-item .des-item-dot {
  padding-left: 0;
}
.my-subscribe-container .tab-content .info .dimension-box .dimension-des .des-item .des-first-span {
  padding-left: 0;
}
.my-subscribe-container .tab-content .info .dimension-box .option {
  margin: 20px 0px 20px 20px;
  color: #a9a9a9;
}
.my-subscribe-container .tab-content .info .dimension-box .option .more,
.my-subscribe-container .tab-content .info .dimension-box .option .chart-line {
  display: inline-flex;
  padding-right: 20px;
  height: 20px;
  line-height: 20px;
}
.my-subscribe-container .tab-content .info .dimension-box .option .more i,
.my-subscribe-container .tab-content .info .dimension-box .option .chart-line i {
  margin-left: 5px;
  margin-right: 5px;
  color: #ed6c00;
}
.my-subscribe-container .tab-content .info .dimension-box .option .more {
  cursor: pointer;
}
.my-subscribe-container .tab-content .info .dimension-box .option .chart-line {
  cursor: pointer;
}
.my-subscribe-container .tab-content .result-pages {
  text-align: center;
}
.my-subscribe-container .tab-content .result-pages ul {
  display: inline-block;
}
.my-subscribe-container .main-btn.view-button {
  background: #f8f8f9;
  border: none;
  color: #4a4a4a;
  margin-right: 25px;
}

.bd-search-report {
  padding: 0 !important;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
}
.bd-search-report .left-placeholder,
.bd-search-report .right-placeholder {
  flex: 1;
}
.bd-search-report .right-placeholder {
  background: #f8f8f8;
}
.bd-search-report .no-bg-right-placeholder {
  background: #fff;
}
.bd-search-report .my-search-report {
  width: 100%;
  min-width: 1200px;
}
.bd-search-report .my-search-report .search-report-body {
  width: auto;
  padding: 0px;
  overflow-y: auto;
  display: flex;
  flex-wrap: nowrap;
}
.bd-search-report .my-search-report .search-report-body .left-box {
  padding-left: 20px;
  border-right: solid 1px #e5e5e5;
  box-sizing: border-box;
  height: '100vh';
  overflow: auto;
  position: relative;
  background: #f8f8f9;
}
.bd-search-report .my-search-report .search-report-body .search-box-container {
  margin-top: 30px;
  position: relative;
  padding-right: 20px;
}
.bd-search-report .my-search-report .search-report-body .search-box-container i.ibass-search {
  position: absolute;
  color: #cdc9c5;
  font-size: 16px;
  top: 5px;
  left: 10px;
}
.bd-search-report .my-search-report .search-report-body .search-box-container .search-input {
  width: 220px;
  height: 34px;
  border-radius: 17px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
  background-color: #fefeff;
  padding-left: 30px;
}
.bd-search-report .my-search-report .search-report-body .search-box-container .search-input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.bd-search-report .my-search-report .search-report-body .new-report-item {
  position: fixed;
  bottom: 0;
  text-align: center;
  padding-top: 38px;
  padding-bottom: 49px;
  width: 220px;
}
.bd-search-report .my-search-report .search-report-body .new-report-item .add-btn {
  display: inline-block;
  width: 128px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border-radius: 20px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bd-search-report .my-search-report .search-report-body .new-report-item .add-btn i {
  position: relative;
  top: 1px;
  color: #fff;
  font-size: 12px;
}
.bd-search-report .my-search-report .search-report-body .new-report-item .add-btn span {
  color: #fff;
  font-size: 12px;
  margin-left: 9px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list {
  padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 120px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-empty {
  text-align: center;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item {
  width: 220px;
  padding: 10px 10px 7px;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  margin-bottom: 20px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item.current-item {
  background-color: #f8f8f8;
  border-left: 2px solid #ed6c00;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item:hover {
  background-color: #f8f8f8;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .list-count .count {
  display: inline-block;
  border: solid 1px #aaadb3;
  height: 18px;
  font-size: 12px;
  font-weight: 600;
  color: #aaadb3;
  line-height: 18px;
  padding: 0 10px;
  border-radius: 2px;
  box-sizing: border-box;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .list-title {
  padding-top: 6px;
  width: 177px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .list-bottom {
  padding-top: 4px;
  display: flex;
  flex-wrap: nowrap;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .list-bottom .list-date {
  flex: 1;
  display: inline-block;
  font-size: 12px;
  color: #666666;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .list-bottom .list-date.text-right {
  text-align: right;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .default-box {
  padding-top: 2px;
  display: flex;
  flex-wrap: nowrap;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .default-box .list-default {
  flex: 1;
  display: inline-block;
  font-size: 12px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .default-box .list-default.text-right {
  text-align: right;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .default-box .list-default i {
  position: relative;
  top: 2px;
  font-size: 14px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .default-box .list-default .normal {
  color: #cdc9c5;
  line-height: 22px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .default-box .list-default .normal:hover {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .default-box .list-default .default {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .default-box .list-default .default i {
  margin-left: 4px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .edit-box {
  overflow: hidden;
  margin-top: 4px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .edit-box input {
  float: left;
  height: 32px;
  padding: 0 10px;
  line-height: 32px;
  border-radius: 2px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.bd-search-report .my-search-report .search-report-body .search-report-list .edit-btn-box {
  padding: 5px 0;
  text-align: center;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .edit-btn-box button {
  width: 64px;
  height: 32px;
  padding: 0;
  text-align: center;
  border: none;
  border-radius: 4px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .edit-btn-box button.save {
  color: #fff;
  background: #fa8919;
  margin-right: 10px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .edit-btn-box button.cancel {
  color: #212121;
  background: #fff;
  border: 1px solid #ebebeb;
}
.bd-search-report .my-search-report .search-report-body .right-box {
  flex: 1;
  padding: 30px;
  padding-bottom: 0px;
  box-sizing: border-box;
  height: 100vh;
  overflow: auto;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail {
  background: #fff;
  padding-left: 37px;
  padding-right: 37px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail pre {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  *white-space: normal !important;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header {
  height: 72px;
  box-sizing: border-box;
  color: #737373;
  font-size: 14px;
  padding-top: 30px;
  display: flex;
  flex-wrap: nowrap;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box {
  flex: 1;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box .detail-title {
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box i.ibass-edit {
  color: #cdc9c5;
  cursor: pointer;
  position: relative;
  top: -3px;
  margin-left: 15px;
  font-size: 16px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box .edit-box .edit-input {
  width: 340px;
  padding-bottom: 5px;
  outline: none;
  border: none;
  border-bottom: 1px solid #666666;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .options-box {
  width: 550px;
  text-align: right;
  position: relative;
  top: -1px;
  box-sizing: border-box;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .option-item-container {
  display: inline-block;
  position: relative;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .option-item {
  cursor: pointer;
  margin-left: 20px;
  font-size: 16px;
  color: #cdc9c5;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .option-item.get-report {
  position: relative;
  right: 0;
  top: -2px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .option-item .do-report {
  width: 98px;
  height: 36px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fa8919;
  text-align: center;
  line-height: 34px;
  display: inline-block;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .option-item i {
  position: relative;
  font-size: 16px;
  top: 3px;
  color: #cdc9c5;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .option-item .option-item-des {
  font-size: 14px;
  display: inline-block;
  color: #4a4a4a;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .option-item:hover .option-item-des {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .option-item:hover i {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .split-line {
  color: #ebebeb;
  display: inline-block;
  margin-left: 18px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .sort-container {
  margin-left: 20px;
  display: inline-block;
  font-size: 14px;
  color: #4a4a4a;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .sort-container i {
  margin-left: 7px;
  font-size: 16px;
  color: #cdc9c5;
  position: relative;
  top: 3px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .sort-container:hover {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .sort-container:hover i {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body {
  padding: 0px;
  border-bottom: none;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body i {
  color: #cdc9c5;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header {
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  height: 50px;
  padding-left: 10px;
  padding-right: 15px;
  line-height: 42px;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  display: flex;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header .header-left {
  width: 200px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header .header-left span {
  font-size: 17px;
  font-weight: 500;
  color: #4a4a4a;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header .header-left i {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header .header-left i.header-type {
  font-size: 20px;
  top: 3px;
  margin-right: 3px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header .header-left i.header-arrow {
  margin-left: 16px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header .header-right {
  flex: 1;
  text-align: right;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header .header-right .numbers {
  display: inline-block;
  width: 24px;
  text-align: center;
  line-height: 1;
  padding: 4px 0;
  border-radius: 16px;
  background: #b6bcca;
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header .header-right i {
  font-size: 16px;
  margin-right: 15px;
  position: relative;
  top: 4px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .item-header .header-right i:hover {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .sure-delete {
  background: #ff0221;
  font-size: 12px;
  color: white;
  padding: 0px 8px;
  line-height: 1.5;
  border-radius: 5px;
  margin-top: 14px;
  cursor: pointer;
  margin-left: 15px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .dndPlaceholder {
  height: 44px;
  line-height: 1;
  border: 2px dashed #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item {
  line-height: 1;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item.dndDraggingSource {
  display: none;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item dnd-nodrag {
  display: block;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .author {
  color: #a9a9a9;
  font-size: 14px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .text {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 15px;
  line-height: 23px;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .visible-show {
  visibility: hidden !important;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex {
  display: flex;
  padding-left: 10px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex .item-title-left {
  flex: 1;
  display: flex;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex .item-title-left .ibass-more {
  font-size: 16px;
  cursor: move;
  line-height: 16px;
  position: relative;
  top: 3px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex .item-title-left .title-text {
  padding-left: 10px;
  cursor: pointer;
  color: #353535;
  font-size: 14px;
  display: inline-block;
  max-width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex .item-title-right {
  width: 200px;
  text-align: right;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex .item-title-right i {
  margin-left: 20px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex .item-title-right i.ibass-delete,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex .item-title-right i.ibass-move {
  visibility: hidden;
  cursor: pointer;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex .item-title-right i.ibass-delete:hover,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex .item-title-right i.ibass-move:hover {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex:hover {
  background: #f8f8f8;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex:hover i.ibass-delete,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.display-flex:hover i.ibass-move {
  visibility: visible;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child {
  padding-left: 10px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child .display-flex {
  display: flex;
  flex-wrap: nowrap;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child .display-flex .left-title-box {
  flex: 1;
  display: flex;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child .display-flex .left-title-box i {
  position: relative;
  cursor: move;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child .display-flex .left-title-box .title-text {
  padding-left: 5px;
  cursor: pointer;
  color: #353535;
  font-size: 14px;
  display: inline-block;
  max-width: 530px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child .display-flex .right-title-box {
  width: 200px;
  text-align: right;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child .display-flex .right-title-box i {
  margin-left: 20px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child i.ibass-delete,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child i.ibass-move {
  visibility: hidden;
  cursor: pointer;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child i.ibass-delete:hover,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child i.ibass-move:hover {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child:hover {
  background: #f8f8f8;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child:hover i.ibass-delete,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title-child:hover i.ibass-move {
  visibility: visible;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-child-container {
  padding-left: 8px;
  background: #ececec;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container {
  width: 100%;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .dndDraggingSource {
  display: none;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .empty-type-container {
  height: calc(100vh - 366px);
  box-sizing: border-box;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .no-content {
  color: #cdc9c5;
  padding-top: 50px;
  text-align: center;
  font-size: 14px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .no-content-tip {
  padding-top: 30px;
  color: #4a4a4a;
  user-select: none;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .no-content-tip a {
  padding: 0 5px;
  cursor: pointer;
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .no-content-tip .ibass-add-round {
  position: relative;
  top: 3px;
  padding: 0 4px;
  font-size: 16px;
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .scroll-overflow {
  width: 100%;
  height: calc(100% - 1px);
  overflow: auto;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container.collapsing {
  height: 0;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container.in {
  height: calc(100vh - 305px) !important;
  box-sizing: border-box;
  overflow: auto;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container.in .scroll-overflow {
  border-bottom: 1px solid #ebebeb;
}
.bd-search-report .my-search-report .search-report-body .empty-report {
  padding-top: 50px;
  text-align: center;
  font-size: 14px;
  margin: 0 auto;
}
.bd-search-report .my-search-report .search-report-body .empty-report i {
  color: #efeded;
  font-size: 128px;
}
.bd-search-report .my-search-report .search-report-body .empty-report .add-btn {
  width: 128px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  margin: 32px auto;
  border-radius: 20px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bd-search-report .my-search-report .search-report-body .empty-report .add-btn i {
  position: relative;
  top: 1px;
  color: #fff;
  font-size: 12px;
}
.bd-search-report .my-search-report .search-report-body .empty-report .add-btn span {
  color: #fff;
  font-size: 12px;
  margin-left: 9px;
}
.big-data-search-report-modify {
  width: 128px;
  z-index: 10000 !important;
}
.big-data-search-report-modify .ns-popover-tooltip {
  width: 128px;
  border-radius: 4px !important;
}
.big-data-search-report-modify .ns-popover-tooltip .ns-popover-items {
  max-height: none;
  margin: 8px 0;
}
.big-data-search-report-modify .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  height: 32px;
  line-height: 32px;
}
.big-data-search-report-modify .ns-popover-tooltip .ns-popover-items .line {
  margin: 8px 0;
  border-top: 1px solid #eee;
}
.big-data-search-report-sort .select-sort.laws-search-select-sort {
  margin-left: 20px;
}
.big-data-search-report-sort .select-sort.laws-search-select-sort .triangle {
  left: 93px !important;
}
.big-data-search-report-sort .ns-popover-tooltip {
  width: 130px;
}
.big-data-search-report-header-setting-wrapper .header-setting-header {
  padding: 30px 10px;
  text-align: center;
}
.big-data-search-report-header-setting-wrapper .header-setting-header .header-title {
  position: absolute;
  z-index: 2;
  display: inline-block;
  background: white;
  padding: 0px 10px;
  margin-left: -70px;
  width: 130px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
}
.big-data-search-report-header-setting-wrapper .line {
  border-bottom: 1px solid #ebebeb;
  margin-top: 10px;
  width: 80%;
  margin-left: 10%;
}
.big-data-search-report-header-setting-wrapper .search-input-container {
  padding-left: 43px;
}
.big-data-search-report-header-setting-wrapper .search-input-container .search-tags {
  box-sizing: border-box;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d5d5d5;
  border-radius: 20px;
  height: 30px;
  padding: 4px 18px;
  margin: 5px;
  width: 220px;
}
.big-data-search-report-header-setting-wrapper .search-input-container .search-tags i {
  color: #cdc9c5;
}
.big-data-search-report-header-setting-wrapper .search-input-container .search-tags input {
  width: 90%;
  height: 20px;
  line-height: 20px;
  border: none;
  padding-left: 5px;
  position: relative;
  top: -4px;
}
.big-data-search-report-header-setting-wrapper .header-setting-body {
  position: relative;
  display: flex;
  min-height: 400px;
  padding: 14px 42px 0 42px;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper {
  width: 420px;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .fields {
  margin-top: 15px;
  max-height: 330px;
  min-height: 330px;
  overflow: auto;
  display: block;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .fields::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .fields::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .fields:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .fields:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .title {
  margin-left: 10px;
  height: 16px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.33;
  color: #4a4a4a;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .field-name {
  display: inline-block;
  background-color: white;
  padding: 0 10px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .field-name i {
  color: #cdc9c5;
  font-size: 16px;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .field-name i:hover {
  color: #fa8919;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .field-name .ibass-checked {
  color: #fa8919 !important;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .fields-wrapper .field-name span {
  margin-left: 10px;
  vertical-align: top;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .available-fields .title {
  margin: 0;
  padding-bottom: 5px;
  margin-bottom: -5px;
  height: auto;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .available-fields .judgement-fields {
  margin-top: 0px;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .available-fields .field-item {
  display: inline-block;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .available-fields .field-group {
  width: 360px;
  margin: 15px 0 0;
  color: #999999;
  font-size: 12px;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .available-fields .field-name {
  padding: 0;
  width: 120px;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .available-fields .field-name span {
  display: inline-block;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .selected-fields {
  width: 187px;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .selected-fields .field-name {
  width: 100%;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .selected-fields .field-name:hover {
  background: #f6f6f6;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .selected-fields .field-name span {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .dndPlaceholder {
  height: 30px;
  line-height: 1;
  background-color: #f6f6f6;
  border: 2px dashed #fa8919;
}
.big-data-search-report-header-setting-wrapper .header-setting-body .dndDraggingSource.dndDragging {
  display: none !important;
}
.big-data-search-report-header-setting-wrapper .header-setting-footer {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 12px 20px 12px;
  vertical-align: middle;
  text-align: center;
}
.bd-search-report-download-container .ns-popover-tooltip {
  width: 160px;
}
.bd-search-report-move-container .ns-popover-tooltip {
  width: 160px;
}
.bd-search-report-move-container .ns-popover-tooltip .ns-popover-items {
  margin: 0px;
}
.bd-search-report-move-container .ns-popover-items .ns-popover-item {
  padding-left: 10px;
  padding-right: 8px;
  height: 36px;
  line-height: 36px;
}
.bd-search-report-move-container .ns-popover-items .ns-popover-item span {
  max-width: 138px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bd-search-report-move-container .ns-popover-items .ns-popover-item:hover {
  background: #f8f8f9;
}
.bd-search-report-move-container .title-box {
  line-height: 30px;
  padding-left: 8px;
  border-bottom: 1px solid #ebebeb;
  margin-top: 5px;
}
.bd-search-report-move-container .bottom-box {
  border-top: 1px solid #ebebeb;
  margin-bottom: 5px;
  line-height: 30px;
  padding-left: 8px;
}
.bd-search-report-move-container .bottom-box i {
  font-size: 16px;
  color: #cdc9c5;
  margin-right: 10px;
  position: relative;
  top: 3px;
  cursor: pointer;
}
.bd-search-report-move-container .bottom-box i.ibass-done {
  color: #fa8919;
}
.bd-search-report-move-container .bottom-box .des {
  cursor: pointer;
  font-size: 14px;
  color: #737373;
}
.reportmenu-type.select-sort {
  margin-left: -16px;
}
.reportmenu-type.select-sort .triangle {
  left: 32px !important;
}
.reportmenu-type.select-sort .triangle:after {
  border-bottom-color: #3d3d3d !important;
}

.subscribe-modal .change-search-condition {
  float: right;
  cursor: pointer;
}
.subscribe-modal .change-search-condition i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.subscribe-modal .change-search-condition:hover {
  color: #fa8919;
}
.subscribe-modal .change-search-condition:hover i {
  color: #fa8919;
}
.subscribe-modal .title {
  width: 138px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
  margin-top: 40px;
  margin-left: 260px;
  z-index: 20;
  position: relative;
  background-color: white;
}
.subscribe-modal .add-matter {
  margin-top: 10px;
  display: inline-flex;
  width: 108px;
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #737373;
}
.subscribe-modal .add-matter i {
  color: #CDC9C5;
  margin-right: 10px;
}
.subscribe-modal .add-matter:hover {
  color: #fa8919;
}
.subscribe-modal .add-matter:hover .ibass-add {
  color: #fa8919;
}
.subscribe-modal .recommend {
  overflow: hidden;
  margin: 16px 20px 0px 0px;
}
.subscribe-modal .recommend p {
  cursor: inherit;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  border-radius: 20px;
  background: #f8f8f9;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  margin-bottom: 10px;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.subscribe-modal .recommend p i {
  position: absolute;
  right: 7px;
  top: 0;
  color: #fa8919;
  display: none;
}
.subscribe-modal .recommend p:hover i {
  display: block;
}
.subscribe-modal .line {
  border-top: 1px solid #f0f0f0;
  margin-top: -10px;
  width: 550px;
  margin-left: 50px;
  position: absolute;
  z-index: 1;
}
.subscribe-modal .firm-dialog-body {
  padding: 30px 90px;
  overflow-y: hidden;
  border-radius: 10px;
}
.subscribe-modal .firm-dialog-body .select-matter-list {
  width: 460px;
}
.subscribe-modal .firm-dialog-body .select-matter-list .matter-item {
  height: 40px;
  padding: 10px 5px;
}
.subscribe-modal .firm-dialog-body .select-matter-list .matter-item:hover {
  background-color: #f8f8f9;
}
.subscribe-modal .firm-dialog-body .select-matter-list .matter-item:hover .ibass-delete {
  display: inherit;
}
.subscribe-modal .firm-dialog-body .select-matter-list .matter-item .ibass-delete {
  color: #a9a9a9;
  font-size: 14px;
  display: none;
  cursor: pointer;
  position: relative;
  top: 0px;
  float: right;
}
.subscribe-modal .firm-dialog-body .select-matter-list .matter-item .ibass-delete:hover {
  color: #fa8919;
}
.subscribe-modal .firm-dialog-body .select-matter-list .matter-item .matter-type {
  font-size: 24px;
  position: relative;
  top: -2px;
}
.subscribe-modal .firm-dialog-body .select-matter-list .matter-item .matter-name {
  margin-left: 8px;
  height: 24px;
  font-size: 14px;
  text-align: left;
  color: #4a4a4a;
  width: 360px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subscribe-modal .firm-dialog-body .info {
  width: 460px;
  padding-top: 20px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 1.57;
  text-align: justify;
  color: #4a4a4a;
  position: relative;
}
.subscribe-modal .firm-dialog-body .info .info-textarea {
  width: 460px;
  height: 90px;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
  background-color: #fefeff;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  resize: none;
}
.subscribe-modal .firm-dialog-body .info .info-textarea::-webkit-input-placeholder {
  color: #a9a9a9;
}
.subscribe-modal .firm-dialog-body .info .info-textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.subscribe-modal .firm-dialog-body .info .info-textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.subscribe-modal .firm-dialog-body .info .info-textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a9a9a9;
}
.subscribe-modal .firm-dialog-body .info .word-limit {
  position: absolute;
  color: #a9a9a9;
  top: 84px;
  right: 10px;
}
.subscribe-modal .firm-dialog-body .search-keywords {
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 20px;
  width: 460px;
  height: 30px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.subscribe-modal .firm-dialog-body .search-keywords.subscribe-des {
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 0;
  box-shadow: none;
  height: auto;
}
.subscribe-modal .bottom-btn-box {
  text-align: center;
  padding-top: 30px;
}
.subscribe-modal .main-btn.view-button {
  background: #f8f8f9;
  border: none;
  color: #4a4a4a;
  margin-right: 25px;
}

.bigData-practice-detail {
  text-align: justify;
  padding: 25px;
  width: 1200px;
  min-height: 1000px;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  display: table;
}
.bigData-practice-detail .practice-detail-header {
  position: relative;
  padding-bottom: 20px;
  border-bottom: solid 1px #ebebeb;
  display: flex;
  flex-wrap: nowrap;
}
.bigData-practice-detail .practice-detail-header .practice-detail-title {
  display: flex;
  flex: 1;
}
.bigData-practice-detail .practice-detail-header .practice-detail-title i.ibass-dot {
  font-size: 24px;
  position: relative;
  left: 2px;
  top: -4px;
  color: #fdba78;
}
.bigData-practice-detail .practice-detail-header .practice-detail-title span {
  font-size: 20px;
  position: relative;
  left: 8px;
  color: #4a4a4a;
}
.bigData-practice-detail .practice-detail-header .right-box {
  width: 300px;
  text-align: right;
}
.bigData-practice-detail .practice-detail-header .right-box .i-add-search-report i {
  position: relative;
  top: 3px;
}
.bigData-practice-detail .practice-detail-header .right-box .i-add-search-report i.ibass-done {
  color: #fa8919;
}
.bigData-practice-detail .practice-detail-header .option-item {
  position: relative;
  top: -4px;
  display: inline-block;
  padding-right: 20px;
}
.bigData-practice-detail .practice-detail-header .option-item i {
  color: #cdc9c5;
  position: relative;
  top: 2px;
}
.bigData-practice-detail .practice-detail-header .option-item:hover i {
  color: #fa8919;
}
.bigData-practice-detail .practice-detail-header .go-back {
  display: inline-block;
  cursor: pointer;
}
.bigData-practice-detail .practice-detail-header .go-back i.ibass-close {
  font-size: 20px;
}
.bigData-practice-detail .practice-detail-content {
  display: flex;
}
.bigData-practice-detail .content-body {
  min-height: 200px;
  /*.lawregu_link, .judgement_link {
            color: #d3a279;
            &:hover {
                color: #ed6c00;
            }
        }*/
}
.bigData-practice-detail .content-body .content-list {
  padding-left: 35px;
}
.bigData-practice-detail .content-body .content-list .content-item:last-child {
  border-bottom: transparent;
}
.bigData-practice-detail .content-body .content-list .content-item {
  padding-right: 25px;
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 5px;
}
.bigData-practice-detail .content-body .content-list .content-item .img-box {
  display: inline-block;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-title {
  border-top: solid 1px #ebebeb;
  padding-top: 20px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #4a4a4a;
  width: 795px;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-title i.ibass-dot {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #fa8919;
  position: relative;
  top: 5px;
  left: -28px;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-title div.item-title {
  display: inline-block;
  position: relative;
  left: -27px;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content {
  width: 820px;
  max-width: 820px;
  text-align: justify;
  box-sizing: border-box;
  padding-right: 25px;
  font-weight: 400;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.81;
  margin: 15px 0;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content ul {
  margin-left: 20px;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content ul li {
  list-style-type: disc;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content img {
  width: 100%;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content img.inline-image {
  width: auto;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content table {
  margin: 0 auto;
  border-collapse: collapse;
  max-width: 795px;
  border: 1px solid #000;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content table td {
  border: 1px solid #ddd;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content table td p {
  text-indent: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content table img {
  width: auto;
  max-width: 300px;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-content.no-right-menu {
  padding-right: 0;
  width: 880px;
  max-width: 880px;
}
.bigData-practice-detail .content-body .content-list .content-item .paragraph-pic-box {
  text-align: center;
}
.bigData-practice-detail .content-body .content-list .content-item .jump-to-law-case {
  background-color: #fa8919;
}
.bigData-practice-detail .content-menu {
  width: 220px;
  box-sizing: border-box;
  padding-left: 30px;
}
.bigData-practice-detail .content-menu .fast-menu {
  top: 10px;
  position: sticky;
  position: -webkit- sticky;
}
.bigData-practice-detail .content-menu .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-practice-detail .content-menu .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-practice-detail .content-menu .fast-menu .overflow {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 0 0 0;
}
.bigData-practice-detail .content-menu .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-practice-detail .content-menu .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-practice-detail .content-menu .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-practice-detail .content-menu .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-practice-detail .content-menu .fast-menu ul {
  position: relative;
  left: 2px;
  max-height: 420px;
  margin-left: 6px;
  overflow-x: visible;
}
.bigData-practice-detail .content-menu .fast-menu ul:before,
.bigData-practice-detail .content-menu .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -1px;
}
.bigData-practice-detail .content-menu .fast-menu ul:before {
  top: 0px;
}
.bigData-practice-detail .content-menu .fast-menu ul:after {
  bottom: 0;
}
.bigData-practice-detail .content-menu .fast-menu ul li {
  padding-left: 20px;
  padding-right: 4px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.bigData-practice-detail .content-menu .fast-menu ul li .user-define-dot {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #ed6c00;
  left: -7px;
  top: 8px;
}
.bigData-practice-detail .content-menu .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: -2px;
  color: #ed6c00;
}
.bigData-practice-detail .content-menu .fast-menu ul li:hover {
  color: #ed6c00;
}
.bigData-practice-detail .content-menu .fast-menu ul li.active {
  color: #ed6c00;
  font-weight: bold;
}
.bigData-practice-detail .content-menu .fast-menu ul li.active i {
  display: inline-block;
}
.bigData-practice-detail .content-menu .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 40px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.bigData-practice-detail .content-menu .fast-menu .top-btn,
.bigData-practice-detail .content-menu .fast-menu .bottom-btn {
  width: 15px;
  height: 15px;
  background: url("/tool/bigData/images/index-scroll-up.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.bigData-practice-detail .content-menu .fast-menu .top-btn {
  position: absolute;
  top: 33px;
}
.bigData-practice-detail .content-menu .fast-menu .top-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.bigData-practice-detail .content-menu .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.bigData-practice-detail .content-menu .fast-menu .bottom-btn:hover {
  background: url("/tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.bigData-practice-detail .content-menu .content-fast {
  position: sticky;
  position: -webkit- sticky;
  top: 10px;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-title {
  padding: 10px 0 15px 10px;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #4a4a4a;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor {
  position: relative;
  border-left: solid 1px #ebebeb;
  margin-left: 15px;
  padding-bottom: 5px;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item {
  font-size: 14px;
  line-height: 1.14;
  color: #737373;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item i.ibass-dot {
  font-size: 24px;
  position: relative;
  top: 8px;
  left: -12px;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item i.user-define-line {
  position: relative;
  left: -21px;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item span {
  position: relative;
  left: -22px;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor .fast-menu-list .fast-menu-item .not-current-anchor {
  visibility: hidden;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor .fast-menu-list .current-anchor {
  color: #ed6c00;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor .bottom-btn {
  position: absolute;
  transform: rotate(180deg);
  bottom: -10px;
  left: -8px;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor .top-btn {
  position: absolute;
  left: -8px;
  top: -10px;
}
.bigData-practice-detail .content-menu .content-fast .fast-menu-anchor .fast-btn {
  width: 15px;
  height: 15px;
  background: url(/tool/bigData/images/index-scroll-up.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.bigData-practice-detail .annotation {
  margin-top: 100px;
  width: 820px;
  padding-left: 30px;
  padding-bottom: 50px;
}
.bigData-practice-detail .annotation .line {
  width: 200px;
  height: 1px;
  border-top: 1px solid #ebebeb;
  padding-top: 10px;
}
.bigData-practice-detail .annotation .order-num {
  float: left;
  position: relative;
  top: 3px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  color: #737373;
  text-align: center;
}
.bigData-practice-detail .annotation .annotation-c {
  margin-top: 10px;
}
.bigData-practice-detail .annotation .annotation-c .through-content {
  margin-left: 5px;
  font-size: 14px;
  color: #737373;
  text-indent: 0;
  word-break: break-all;
}
.bigData-practice-detail .annotation .annotation-c .return-original {
  visibility: hidden;
  color: #fa8919;
}
.bigData-practice-detail .annotation .annotation-c .return-original:hover {
  color: #ed6c00;
}
.bigData-practice-detail .annotation .annotation-c:hover .return-original {
  visibility: visible;
}
.bigData-practice-detail .bigdata-book-annotation {
  vertical-align: super;
  cursor: pointer;
  font-size: 12px;
  color: #ed6c00;
  white-space: nowrap;
}
.bigData-practice-detail .bigdata-book-annotation:hover {
  color: #fa8919;
}
.bigData-practice-detail .annotation-popup {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  display: none;
  z-index: 1000;
}
.bigData-practice-detail .annotation-popup .text {
  width: 392px;
  min-height: 17px;
  max-height: 230px;
  overflow-y: auto;
  line-height: 17px;
  margin: 10px 15px 13px 15px;
  padding-right: 8px;
  font-size: 12px;
  word-break: break-all;
}
.bigData-practice-detail .annotation-popup.place-bottom .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #d2d2d2;
  left: 50%;
  top: -22px;
  margin-left: -11px;
  transform: rotate(0);
}
.bigData-practice-detail .annotation-popup.place-bottom .triangle:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  top: 2px;
  margin-left: -10px;
}
.bigData-practice-detail .annotation-popup .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #d2d2d2;
  left: 50%;
  top: 100%;
  margin-left: -11px;
  transform: rotate(180deg);
}
.bigData-practice-detail .annotation-popup .triangle:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  top: 1px;
  margin-left: -10px;
}
.bigData-practice-detail .guide-point {
  position: relative;
  white-space: nowrap;
}
.bigData-practice-detail .guide-point:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: -9px;
  left: -11px;
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ed6c00;
  -webkit-animation: guide-play 1.5s linear 3;
  animation: guide-play 1.5s linear 300;
}
.bigData-practice-detail .guide-point:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: -9px;
  left: -11px;
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ed6c00;
  -webkit-animation: guide-play 2s linear 3;
  animation: guide-play 2s linear 300;
}
.bigData-practice-detail.detail-no-fast-menu {
  width: 1000px;
  position: relative;
  left: 0;
  display: block;
}
.bigData-practice-detail.detail-no-fast-menu .practice-detail-content {
  padding-bottom: 50px;
}

.practice-result {
  position: relative;
  box-sizing: border-box;
  min-width: 1200px;
  min-height: 1000px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.practice-result .practice-result-header {
  position: relative;
  min-height: 94px;
  background-color: #fff;
  padding: 40px 0 0;
  border-bottom: solid 1px #ececec;
}
.practice-result .practice-result-header::before {
  content: "";
  display: table;
}
.practice-result .practice-result-header .go-back {
  position: absolute;
  height: 20px;
  left: 25px;
  top: 24px;
  cursor: pointer;
  color: #4a4a4a;
}
.practice-result .practice-result-header .go-back i {
  line-height: 1;
  font-size: 20px;
  color: #4a4a4a;
  vertical-align: -3px;
}
.practice-result .practice-result-header .go-back:hover,
.practice-result .practice-result-header .go-back:hover i {
  color: #ed6c00;
}
.practice-result .practice-result-header .search-input-box {
  position: relative;
  margin: 33px auto 0;
  height: 42px;
  width: 630px;
  border-radius: 45px;
  background-color: #fefefe;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d4d4d4;
}
.practice-result .practice-result-header .search-input-box .input-box {
  width: 550px;
  height: 42px;
  border: none;
  border-radius: 45px;
  padding-left: 135px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  background: transparent;
}
.practice-result .practice-result-header .search-input-box .input-box::-webkit-input-placeholder {
  color: #a9a9a9;
}
.practice-result .practice-result-header .search-input-box .select {
  position: absolute;
  top: 0;
  width: 130px;
  color: #737373;
  line-height: 36px;
  margin: 1px 0 1px 0;
  border-radius: 45px 0 0 45px;
  background-color: #f9f9f9;
}
.practice-result .practice-result-header .search-input-box .select .select-container {
  width: 130px;
  height: 40px;
}
.practice-result .practice-result-header .search-input-box .select i {
  position: relative;
  top: 2px;
  margin-left: 20px;
  color: #fa8919;
  font-size: 16px;
}
.practice-result .practice-result-header .search-input-box .search-btn-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 42px;
  line-height: 44px;
  text-align: center;
  margin-right: 3px;
  z-index: 100;
}
.practice-result .practice-result-header .search-input-box .search-btn-container .ibass-search {
  color: #cdc9c5;
  position: relative;
  top: 0px;
  font-size: 16px;
}
.practice-result .practice-result-header .search-input-box .search-btn-container .search-btn {
  width: 60px;
  height: 36px;
  border: none;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.practice-result .practice-result-header .search-input-box .search-btn-container .search-btn .ibass-search {
  top: 2px;
  color: #fff;
}
.practice-result .practice-result-header .search-input-box .search-in-result {
  color: #737373;
  padding-left: 22px;
  padding-top: 10px;
  font-size: 14px;
  cursor: pointer;
}
.practice-result .practice-result-header .search-input-box .search-in-result i {
  color: #cdc9c5;
  position: relative;
  top: 3px;
  font-size: 16px;
}
.practice-result .practice-result-header .search-input-box .search-in-result i.ibass-checked {
  color: #fa8919;
}
.practice-result .practice-result-content {
  box-sizing: border-box;
  padding: 0 60px;
}
.practice-result .practice-result-content .result-keyword {
  position: relative;
  box-sizing: border-box;
  padding: 10px 0 20px;
  min-height: 70px;
  border-bottom: solid 1px #ebebeb;
}
.practice-result .practice-result-content .result-keyword .keyword-list {
  width: 740px;
  display: inline-block;
}
.practice-result .practice-result-content .result-keyword .keyword-list p {
  margin-top: 10px;
  box-sizing: border-box;
  display: inline-block;
  height: 30px;
  padding: 0 15px;
  border-radius: 20px;
  background-color: #f8f8f9;
  font-size: 12px;
  line-height: 30px;
  margin-right: 10px;
  text-align: center;
}
.practice-result .practice-result-content .result-keyword .keyword-list p .keyword-delete {
  cursor: pointer;
  font-size: 12px;
  position: relative;
  line-height: 30px;
  top: 1px;
  right: -5px;
}
.practice-result .practice-result-content .result-keyword .result-count {
  position: absolute;
  bottom: 23px;
  right: 0;
  font-size: 14px;
  color: #4a4a4a;
}
.practice-result .practice-result-content .result-keyword .result-count span.count {
  padding: 0 5px;
  color: #fa8919;
}
.practice-result .practice-result-content .result-list {
  box-sizing: border-box;
}
.practice-result .practice-result-content .result-list .result-item {
  text-align: justify;
  box-sizing: border-box;
  padding: 15px 0;
  border-bottom: solid 1px #ebebeb;
  cursor: pointer;
}
.practice-result .practice-result-content .result-list .result-item .result-item-title {
  font-size: 20px;
  color: #353535;
  padding-bottom: 10px;
}
.practice-result .practice-result-content .result-list .result-item .result-item-title.color-gray {
  color: #888;
}
.practice-result .practice-result-content .result-list .result-item .result-item-title.color-gray .book_query_highlight {
  color: #888;
}
.practice-result .practice-result-content .result-list .result-item .result-item-des {
  text-align: right;
}
.practice-result .practice-result-content .result-list .result-item .result-item-des i {
  color: #cdc9c5;
  position: relative;
  top: 3px;
}
.practice-result .practice-result-content .result-list .result-item .result-item-des .i-add-search-report .ibass-done {
  color: #fa8919;
}
.practice-result .practice-result-content .result-list .result-item .result-item-des .i-add-search-report:hover {
  display: inline-block;
}
.practice-result .practice-result-content .result-list .result-item .result-item-des .i-add-search-report:hover i {
  color: #fa8919;
}
.practice-result .practice-result-content .result-list .result-item:hover {
  background: #f8f8f9;
}
.practice-result .practice-result-content .result-pages {
  box-sizing: border-box;
  height: 112px;
  margin: 0 auto;
  text-align: center;
}
.practice-result .practice-result-content .result-pages::before {
  content: "";
  display: table;
}
.practice-result .practice-result-content .result-pages ul.i-pagination {
  display: inline-block;
}
.practice-result .bigdata-book-annotation {
  vertical-align: super;
  font-size: 12px;
  color: #ed6c00;
  white-space: nowrap;
}

.update-tooltip-container {
  position: absolute;
}
.update-tooltip-container .update-tooltip-item {
  position: absolute;
  z-index: 1000;
}
.update-tooltip-container .tt-container {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, 0.2);
}
.update-tooltip-container .tt-bottom {
  padding-top: 8px;
  text-align: center;
}
.update-tooltip-container .tt-bottom .text-btn {
  color: #fa8919;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
}
.update-tooltip-container .tt-bottom .text-btn.know-btn {
  color: #a9a9a9;
}
.update-tooltip-container .tt-bottom .text-btn.know-btn:hover {
  color: #fa8919;
}
.update-tooltip-container .tt-triangle {
  position: relative;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  border-top-color: #e5e5e5;
  top: -1px;
}
.update-tooltip-container .tt-triangle::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  top: -11px;
  margin-left: -10px;
}
.update-tooltip-container .tt-guide-point {
  position: absolute;
  white-space: nowrap;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  bottom: 0px;
  background: #ed6c00;
  display: inline-block;
}
.update-tooltip-container .tt-guide-point:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: -13px;
  left: -11px;
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ed6c00;
  -webkit-animation: guide-play 1.5s linear infinite;
  animation: guide-play 1.5s linear infinite;
}
.update-tooltip-container .tt-guide-point:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: -13px;
  left: -11px;
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ed6c00;
  -webkit-animation: guide-play 2s linear infinite;
  animation: guide-play 2s linear infinite;
}
@keyframes guide-play {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  10% {
    opacity: 0.8;
  }
  60% {
    opacity: 0;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

.notification-message-operation .ibass-share {
  margin-right: 10px;
  color: #a9a9a9;
}
.notification-message-operation .ibass-more {
  position: relative;
  color: #a9a9a9;
}
.notification-message-operation .popup-location-message-operation {
  left: 100%!important;
  top: calc(100% - 5px) !important;
  transform: translateX(-100%);
}
.notification-message-operation .popup-location-message-operation .triangle {
  left: 64px!important;
}
.notification-message-operation .ns-popover-tooltip .ns-popover-items {
  font-size: 14px;
}
.notification-message-operation .ns-popover-tooltip .ns-popover-items li {
  width: 90px;
  height: 25px;
  line-height: 15px;
  padding: 5px 10px;
}